Alter validation state of six-input Validation even without specified validator

[robin-schoch]

Six Webcomponents version

2.1.0

Steps to reproduce

1. Implement form using Angular reactive forms
2. Apply validators to the form
3. Assign form.invalid to six-input invalid property
4. Set an arbitrary value for the error-text attribute
5. Do not apply native validators
6. Input an arbitrary value into the input field

What is expected?

Display error-text when the form is in an invalid state

What is actually happening?

error-text is displayed only when the form transitions to an invalid state. The internal state of the six-input becomes valid even though form.invalid remains false.

System Info

System:
    OS: Windows 10 10.0.19044
    CPU: (12) x64 Intel(R) Core(TM) i7-10850H CPU @ 2.70GHz
    Memory: 9.19 GB / 31.78 GB
  Binaries:
    Node: 16.19.0 - C:\develop\bin\node16\node.EXE
    Yarn: 1.22.19 - C:\develop\bin\npm\yarn.CMD
    npm: 8.19.3 - C:\develop\bin\node16\npm.CMD
  Browsers:
    Chrome: 112.0.5615.140
    Edge: Spartan (44.19041.1266.0), Chromium (113.0.1774.35)
    Internet Explorer: 11.0.19041.1566

Any additional comments?

might also apply to other stuf like six-textarea etc.