Allow to select date or range dates programatically with value attribute

fymmot · Mar 6, 2024 · ce8df1d · ce8df1d
1 parent 2e5076b
commit ce8df1d
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/components/inclusive-dates/inclusive-dates.tsx b/src/components/inclusive-dates/inclusive-dates.tsx
@@ -490,10 +490,17 @@ export class InclusiveDates {
   }
 
   @Watch("value")
-  watchValue() {
-    if (Boolean(this.value) && !this.isRangeValue(this.value)) {
-      this.internalValue = this.value as string;
+  watchValue(newValue) {
+    // Range
+    if (Array.isArray(newValue)) {
+      this.internalValue = newValue.map((date) => getISODateString(date));
     }
+    // Single
+    else {
+      this.internalValue = getISODateString(newValue);
+    }
+    this.pickerRef.value = newValue;
+    this.errorState = false;
   }
 
   private getClassName(element?: string) {