I tried using a validator with a smart input, when I set a required rule and render the component with empty input, it is correctly shows an error state, however if I manually enter some text, and then reset the field back to empty value with a button click, the validator does not trigger, and the field still shows as valid despite being empty. I guess it is connected to the fact that the validator is triggered by events, so how could I trigger the validation to show the validation state correctly?
I tried programatically firing the event:
<div>
<div>    const element = document.querySelector(#field);</div>
<div>    if (element) {</div>
<div>      const event = new Event(‘keyup’, {</div>
<div>        bubbles: true</div>
<div>      });</div>
<div>      element.dispatchEvent(event);</div>
<div>    }</div>
</div>
<div>That did not trigger validation either.</div>