clearIncomplete: Incomplete value stays in form value & mask disappears on submit.

[akvaliya]

• I have used it in angular application using webpack method.

With clearIncomplete when mask is incomplete input gets clear but value in form stays like 12:4M with HH:MM mask.

• Here is stackblitz to reproduce the issue.

Start typing value & keep input incomplete. Input will be cleared but value in form will stays with mask. Also on click of submit form mask disappears even if clearMaskOnLostFocus: false. Click on button & test.

• OS: Windows 10
• Browser: 79.0.3945.88 (Official Build) (64-bit)
• Inputmask version: 5.0.2

[RobinHerbots]

That is because angular probably acts on the input event.

  ngAfterViewInit() {
    this.zone.runOutsideAngular(() => {
      Inputmask("datetime", { inputFormat: "HH:MM", clearIncomplete: true, clearMaskOnLostFocus: false,
      onincomplete: function(){
        Inputmask.dependencyLib(this).trigger("input");
      } }).mask(document.querySelectorAll("input[data-inputmask]"));
    });

[akvaliya]

@RobinHerbots

That is because angular probably acts on the input event.

  ngAfterViewInit() {
    this.zone.runOutsideAngular(() => {
      Inputmask("datetime", { inputFormat: "HH:MM", clearIncomplete: true, clearMaskOnLostFocus: false,
      onincomplete: function(){
        Inputmask.dependencyLib(this).trigger("input");
      } }).mask(document.querySelectorAll("input[data-inputmask]"));
    });

This resolves issue of incomplete value but masking still disappears on click of submit button.