@ascentgl/ads-ui 21.114.4 → 21.114.6

package/fesm2022/ascentgl-ads-ui.mjs

@@ -2784,7 +2784,15 @@ class AbstractBaseComponent {
             if (this.displayControl.touched && this.displayControl.invalid) {
                 this.displayControl.setValue(null, { emitEvent: false });
             }
-            this.displayControl.markAsUntouched();
+            // When immediateValidation is active, re-mark as touched so the error border
+            // appears even after a programmatic reset() call.
+            if (this.immediateValidation && this.valueControl.invalid) {
+                this.valueControl.markAsTouched({ onlySelf: true });
+                this.displayControl.markAsTouched();
+            }
+            else {
+                this.displayControl.markAsUntouched();
+            }
         }
         else if (this.displayControl.untouched) {
             this.displayControl.markAsTouched();
@@ -6085,7 +6093,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