@esri/calcite-components 5.1.0-next.49 → 5.1.0-next.50

package/dist/components/calcite-date-picker/customElement.js

@@ -6,7 +6,7 @@ import { d as dateFromISO, a as dateToISO, n as nextMonth, p as prevMonth, g as
 import { n as numberStringFormatter, g as getDateTimeFormat } from "../../chunks/locale.js";
 import { u as useT9n } from "../../chunks/useT9n.js";
 import { u as useSetFocus } from "../../chunks/useSetFocus.js";
-import { g as getValueAsDateRange, a as applyLocaleOverride, b as getLocaleData } from "../../chunks/utils3.js";
+import { g as getMinMaxSource, a as getValueAsDateRange, b as applyLocaleOverride, c as getLocaleData } from "../../chunks/utils3.js";
 const HEADING_LEVEL = 2;
 const DATE_PICKER_FORMAT_OPTIONS = { dateStyle: "full" };
 const CSS = {
@@ -52,18 +52,8 @@ class DatePicker extends LitElement {
     if (changes.has("valueAsDate")) {
       this.valueAsDateWatcher(this.valueAsDate);
     }
-    let minSource;
-    let maxSource;
-    if (changes.has("min") && !changes.has("minAsDate")) {
-      minSource = "min";
-    } else if (changes.has("minAsDate") && !changes.has("min")) {
-      minSource = "minAsDate";
-    }
-    if (changes.has("max") && !changes.has("maxAsDate")) {
-      maxSource = "max";
-    } else if (changes.has("maxAsDate") && !changes.has("max")) {
-      maxSource = "maxAsDate";
-    }
+    const minSource = getMinMaxSource(changes, "min");
+    const maxSource = getMinMaxSource(changes, "max");
     if (minSource === "min") {
       this.minAsDate = dateFromISO(this.min);
     } else if (minSource === "minAsDate") {

package/dist/components/calcite-input-date-picker/customElement.js

@@ -5,14 +5,14 @@ import { createRef, ref } from "lit/directives/ref.js";
 import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/lumina";
 import { useDirection } from "@arcgis/lumina/controllers";
 import { u as useFocusTrap } from "../../chunks/useFocusTrap.js";
-import { l as datePartsFromISO, d as dateFromISO, b as dateFromRange, a as dateToISO, m as datePartsFromLocalizedString, o as dateFromLocalizedString, i as inRange } from "../../chunks/date.js";
+import { l as datePartsFromISO, d as dateFromISO, a as dateToISO, b as dateFromRange, m as datePartsFromLocalizedString, o as dateFromLocalizedString, i as inRange } from "../../chunks/date.js";
 import { d as defaultMenuPlacement, r as reposition, c as connectFloatingUI, a as disconnectFloatingUI, f as filterValidFlipPlacements, h as hideFloatingUI, F as FloatingCSS } from "../../chunks/floating-ui.js";
 import { n as numberKeys } from "../../chunks/key.js";
 import { c as connectLabel, d as disconnectLabel, g as getLabelText } from "../../chunks/label.js";
 import { g as getIconScale } from "../../chunks/component.js";
 import { b as getSupportedNumberingSystem, c as getDateFormatSupportedLocale, n as numberStringFormatter } from "../../chunks/locale.js";
 import { t as toggleOpenClose } from "../../chunks/openCloseComponent.js";
-import { g as getValueAsDateRange, a as applyLocaleOverride, b as getLocaleData } from "../../chunks/utils3.js";
+import { g as getMinMaxSource, a as getValueAsDateRange, b as applyLocaleOverride, c as getLocaleData } from "../../chunks/utils3.js";
 import { g as guid } from "../../chunks/guid.js";
 import { I as InternalLabel } from "../../chunks/InternalLabel.js";
 import { V as Validation } from "../../chunks/Validation.js";
@@ -180,30 +180,6 @@ class InputDatePicker extends LitElement {
     if (open) {
       this.openHandler();
     }
-    if (this.min) {
-      this.minAsDate = dateFromISO(this.min);
-    }
-    if (this.max) {
-      this.maxAsDate = dateFromISO(this.max);
-    }
-    if (Array.isArray(this.value)) {
-      this.valueAsDate = getValueAsDateRange(this.value);
-    } else if (this.value) {
-      try {
-        const date = dateFromISO(this.value);
-        const dateInRange = dateFromRange(date, this.minAsDate, this.maxAsDate);
-        this.valueAsDate = dateInRange;
-      } catch {
-        this.warnAboutInvalidValue(this.value);
-        this.value = "";
-      }
-    } else if (this.valueAsDate) {
-      if (this.range && Array.isArray(this.valueAsDate)) {
-        this.value = [dateToISO(this.valueAsDate[0]), dateToISO(this.valueAsDate[1])];
-      } else if (!this.range && !Array.isArray(this.valueAsDate)) {
-        this.value = dateToISO(this.valueAsDate);
-      }
-    }
     connectLabel(this);
     this.setFilteredPlacements();
     connectFloatingUI(this);
@@ -211,8 +187,6 @@ class InputDatePicker extends LitElement {
   async load() {
     this.handleDateTimeFormatChange();
     await this.loadLocaleData();
-    this.onMinChanged(this.min);
-    this.onMaxChanged(this.max);
   }
   willUpdate(changes) {
     if (changes.has("disabled") && (this.hasUpdated || this.disabled !== false)) {
@@ -221,17 +195,26 @@ class InputDatePicker extends LitElement {
     if (changes.has("readOnly") && (this.hasUpdated || this.readOnly !== false)) {
       this.handleDisabledAndReadOnlyChange(this.readOnly);
     }
-    if (changes.has("valueAsDate")) {
-      this.valueAsDateWatcher(this.valueAsDate);
-    }
     if (changes.has("flipPlacements")) {
       this.flipPlacementsHandler();
     }
-    if (changes.has("min")) {
-      this.onMinChanged(this.min);
+    const minSource = getMinMaxSource(changes, "min");
+    const maxSource = getMinMaxSource(changes, "max");
+    if (minSource === "min") {
+      this.minAsDate = dateFromISO(this.min);
+    } else if (minSource === "minAsDate") {
+      this.minAsDate = dateFromISO(dateToISO(this.minAsDate));
+    }
+    if (maxSource === "max") {
+      this.maxAsDate = dateFromISO(this.max);
+    } else if (maxSource === "maxAsDate") {
+      this.maxAsDate = dateFromISO(dateToISO(this.maxAsDate));
     }
-    if (changes.has("max")) {
-      this.onMaxChanged(this.max);
+    if ((minSource || maxSource) && !Array.isArray(this.valueAsDate)) {
+      const validValueAsDate = dateFromRange(this.valueAsDate, this.minAsDate, this.maxAsDate);
+      if (validValueAsDate !== this.valueAsDate) {
+        this.valueAsDate = validValueAsDate;
+      }
     }
     if (changes.has("open") && (this.hasUpdated || this.open !== false)) {
       this.openHandler();
@@ -245,8 +228,12 @@ class InputDatePicker extends LitElement {
     if (changes.has("layout") && (this.hasUpdated || this.layout !== "horizontal")) {
       this.setReferenceEl();
     }
+    if (changes.has("valueAsDate")) {
+      this.valueAsDateWatcher(this.valueAsDate);
+    }
     if (changes.has("messages")) {
       this.loadLocaleData();
+      this.localizeInputValues();
     }
   }
   loaded() {
@@ -266,12 +253,19 @@ class InputDatePicker extends LitElement {
   valueWatcher(newValue) {
     if (!this.userChangedValue) {
       let newValueAsDate;
-      if (Array.isArray(newValue)) {
-        newValueAsDate = getValueAsDateRange(newValue);
-      } else if (newValue) {
-        newValueAsDate = dateFromISO(newValue);
-      } else {
-        newValueAsDate = void 0;
+      try {
+        if (Array.isArray(newValue)) {
+          newValueAsDate = getValueAsDateRange(newValue);
+        } else if (newValue) {
+          newValueAsDate = dateFromISO(newValue);
+        } else {
+          newValueAsDate = void 0;
+        }
+      } catch {
+        if (!Array.isArray(newValue)) {
+          this.warnAboutInvalidValue(newValue);
+          this.value = "";
+        }
       }
       if (!this.valueAsDateChangedExternally && newValueAsDate !== this.valueAsDate) {
         this.valueAsDate = newValueAsDate;
@@ -293,12 +287,6 @@ class InputDatePicker extends LitElement {
     this.setFilteredPlacements();
     this.reposition(true);
   }
-  onMinChanged(min) {
-    this.minAsDate = dateFromISO(min);
-  }
-  onMaxChanged(max) {
-    this.maxAsDate = dateFromISO(max);
-  }
   openHandler() {
     if (this.disabled || this.readOnly) {
       return;