igniteui-angular 22.2.0-rc.0 → 22.2.0-rc.1

package/fesm2022/igniteui-angular-date-picker.mjs

@@ -6,7 +6,7 @@ import { NgControl, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
 import * as i4 from 'igniteui-angular/calendar';
 import { IgxCalendarComponent, IgxCalendarHeaderTitleTemplateDirective, IgxCalendarHeaderTemplateDirective, IgxCalendarSubheaderTemplateDirective, CalendarSelection } from 'igniteui-angular/calendar';
 import * as i3 from 'igniteui-angular/input-group';
-import { IGX_INPUT_GROUP_TYPE, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective, IgxHintDirective, IgxInputState, IgxInputDirective, IgxReadOnlyInputDirective, IgxLabelDirective, IgxInputGroupBase } from 'igniteui-angular/input-group';
+import { IGX_INPUT_GROUP_TYPE, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective, IgxHintDirective, toInputState, IgxInputState, IgxInputDirective, IgxReadOnlyInputDirective, IgxLabelDirective, IgxInputGroupBase } from 'igniteui-angular/input-group';
 import { Subject, merge, noop, fromEvent } from 'rxjs';
 import { takeUntil, filter } from 'rxjs/operators';
 import { IgxButtonDirective, IgxRippleDirective, IgxDividerComponent, IgxDateTimeEditorDirective, IgxTextSelectionDirective } from 'igniteui-angular/directives';
@@ -986,12 +986,8 @@ class IgxDatePickerComponent extends PickerBaseDirective {
     updateValidity() {
         // B.P. 18 May 2021: IgxDatePicker does not reset its state upon resetForm #9526
         if (this._control && !this.disabled && this._control.touchedOrDirty) {
-            if (this._control.hasValidators && this.inputGroup.isFocused) {
-                this.inputDirective.valid = this._control.valid ? IgxInputState.VALID : IgxInputState.INVALID;
-            }
-            else {
-                this.inputDirective.valid = this._control.valid ? IgxInputState.INITIAL : IgxInputState.INVALID;
-            }
+            const showSuccess = this._control.hasValidators && this.inputGroup.isFocused;
+            this.inputDirective.valid = toInputState(this._control.status, showSuccess ? 'allowed' : 'suppressed');
         }
         else {
             this.inputDirective.valid = IgxInputState.INITIAL;
@@ -2087,12 +2083,8 @@ class IgxDateRangePickerComponent extends PickerBaseDirective {
     }
     setValidityState(inputDirective, isFocused) {
         if (this._control && !this._control.disabled && this._control.touchedOrDirty) {
-            if (this._control.hasValidators && isFocused) {
-                inputDirective.valid = this._control.valid ? IgxInputState.VALID : IgxInputState.INVALID;
-            }
-            else {
-                inputDirective.valid = this._control.valid ? IgxInputState.INITIAL : IgxInputState.INVALID;
-            }
+            const showSuccess = this._control.hasValidators && isFocused;
+            inputDirective.valid = toInputState(this._control.status, showSuccess ? 'allowed' : 'suppressed');
         }
         else {
             inputDirective.valid = IgxInputState.INITIAL;
@@ -2181,25 +2173,16 @@ class IgxDateRangePickerComponent extends PickerBaseDirective {
     updateValidityOnBlur() {
         this._focusedInput = null;
         this.onTouchCallback();
-        if (this._ngControl) {
-            if (this.hasProjectedInputs) {
-                this.projectedInputs.forEach(i => {
-                    if (!this._ngControl.valid) {
-                        i.updateInputValidity(IgxInputState.INVALID);
-                    }
-                    else {
-                        i.updateInputValidity(IgxInputState.INITIAL);
-                    }
-                });
-            }
-            if (this.inputDirective) {
-                if (!this._ngControl.valid) {
-                    this.inputDirective.valid = IgxInputState.INVALID;
-                }
-                else {
-                    this.inputDirective.valid = IgxInputState.INITIAL;
-                }
-            }
+        if (!this._control) {
+            return;
+        }
+        // Blur never shows success, only the error.
+        const state = toInputState(this._control.status, 'suppressed');
+        if (this.hasProjectedInputs) {
+            this.projectedInputs.forEach(i => i.updateInputValidity(state));
+        }
+        if (this.inputDirective) {
+            this.inputDirective.valid = state;
         }
     }
     updateDisabledState() {