@ascentgl/ads-ui 21.114.3 → 21.114.5

package/fesm2022/ascentgl-ads-ui.mjs

@@ -4160,6 +4160,7 @@ class AdsInputDropdownComponent extends AbstractInputComponent {
     }
     /** @ignore */
     ngOnChanges(changes) {
+        super.ngOnChanges(changes);
         if (changes.options && this.autoSelectSingleDropdownOption) {
             asapScheduler.schedule(() => {
                 if (this.dropdownComponent?.displayedOptions.size === 1) {
@@ -5827,6 +5828,8 @@ class AdsDatetimepickerComponent extends AbstractInputComponent {
     }
     /** @ignore */
     canShowError() {
+        if (!this.showValidationError)
+            return false;
         return !!this.displayControl.errors && (this.displayControl.touched || this.immediateValidation);
     }
     /** @ignore */
@@ -6082,7 +6085,15 @@ class AdsDatetimepickerComponent extends AbstractInputComponent {
          *sync display control statuses with value control status for proper error display
          * make sure "displayControl" disabled state and value are synchronized with "control" disabled state and value
          */
-        this.subscriptions.push(this.valueControl.statusChanges.subscribe((status) => this.syncState(status)));
+        this.subscriptions.push(this.valueControl.statusChanges.subscribe((status) => {
+            // Sync validators from valueControl to displayControl to handle dynamically added/removed validators.
+            // Without this, displayControl keeps its original validators and shows stale errors
+            // (e.g. required error after Validators.required was removed from valueControl).
+            this.displayControl.setValidators(this.valueControl.validator);
+            this.displayControl.setAsyncValidators(this.valueControl.asyncValidator);
+            this.displayControl.updateValueAndValidity({ emitEvent: false });
+            this.syncState(status);
+        }));
         this.subscriptions.push(this.valueControl.valueChanges.subscribe(() => this.syncDisplayedValue()));
         /**
          * NOTE: registering display value change is needed to know when to focus time part of datetime if showTimePicker is false
@@ -11433,6 +11444,14 @@ class AdsTimeFieldComponent extends AdsInputDropdownComponent {
     /** @ignore */
     ngOnChanges(changes) {
         super.ngOnChanges(changes);
+        // When immediateValidation is turned on, re-sync validators and revalidate
+        // so dynamically added validators (e.g. Validators.required) surface errors.
+        if (changes.immediateValidation && !changes.immediateValidation.isFirstChange() && this.immediateValidation) {
+            if (!this.militaryTime()) {
+                this.syncValidators();
+            }
+            this.valueControl.updateValueAndValidity({ emitEvent: false });
+        }
         // When validation-suppression is turned off, revalidate internal controls too.
         if (changes.skipValidationWhenEmpty && !changes.skipValidationWhenEmpty.isFirstChange() && !this.skipValidationWhenEmpty) {
             this.valueControl.updateValueAndValidity({ emitEvent: false });