@ascentgl/ads-ui 0.0.144 → 0.0.146

package/fesm2022/ascentgl-ads-ui.mjs

@@ -2696,6 +2696,19 @@ class AdsCheckboxComponent extends AbstractBaseComponent {
         this.width = 'fit-content';
     }
     /** @ignore */
+    ngOnInit() {
+        this.valueChangeSub = this.valueControl.valueChanges.subscribe(() => {
+            if (!this.valueControl.dirty) {
+                this.valueControl.markAsDirty();
+            }
+            if (!this.valueControl.touched) {
+                this.valueControl.markAsTouched();
+            }
+            // Only want this to happen once
+            this.valueChangeSub?.unsubscribe();
+        });
+    }
+    /** @ignore */
     ngOnChanges(changes) {
         if (changes.required) {
             if (this.required) {
@@ -4897,6 +4910,16 @@ class AdsDatetimepickerComponent extends AbstractInputComponent {
         }
         return value;
     }
+    syncState(status) {
+        if (status === 'INVALID') {
+            this.displayControl.setErrors(this.valueControl.errors);
+            this.touchControls();
+        }
+        else {
+            this.displayControl.setErrors([]);
+        }
+        super.syncState();
+    }
     /** @ignore */
     setupSubscriptions() {
         /**
@@ -4904,7 +4927,7 @@ 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(() => this.syncState()));
+        this.subscriptions.push(this.valueControl.statusChanges.subscribe((status) => 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