@esri/solutions-components 0.7.34 → 0.7.35

package/dist/cjs/calcite-icon.cjs.entry.js

@@ -7,26 +7,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b8a649fc.js');
-const dom = require('./dom-e111eaa6.js');
-const observers = require('./observers-281a8c99.js');
-require('./guid-1a466ca6.js');
-require('./resources-6c60363a.js');
+const index = require('./index-105cf2b9.js');
+const dom = require('./dom-c9c2c835.js');
+const observers = require('./observers-db4527e4.js');
+require('./guid-ae73cd27.js');
+require('./resources-9447c777.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.0.0
+ * v2.4.0
  */
 const CSS = {
-  icon: "icon",
-  flipRtl: "flip-rtl",
+    icon: "icon",
+    flipRtl: "flip-rtl",
 };
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.0.0
+ * v2.4.0
  */
 /**
  * Icon data cache.
@@ -43,30 +43,30 @@ const iconCache = {};
  */
 const requestCache = {};
 const scaleToPx = {
-  s: 16,
-  m: 24,
-  l: 32,
+    s: 16,
+    m: 24,
+    l: 32,
 };
 async function fetchIcon({ icon, scale }) {
-  const size = scaleToPx[scale];
-  const name = normalizeIconName(icon);
-  const filled = name.charAt(name.length - 1) === "F";
-  const iconName = filled ? name.substring(0, name.length - 1) : name;
-  const id = `${iconName}${size}${filled ? "F" : ""}`;
-  if (iconCache[id]) {
-    return iconCache[id];
-  }
-  if (!requestCache[id]) {
-    requestCache[id] = fetch(index.getAssetPath(`./assets/icon/${id}.json`))
-      .then((resp) => resp.json())
-      .catch(() => {
-      console.error(`"${id}" is not a valid calcite-ui-icon name`);
-      return "";
-    });
-  }
-  const path = await requestCache[id];
-  iconCache[id] = path;
-  return path;
+    const size = scaleToPx[scale];
+    const name = normalizeIconName(icon);
+    const filled = name.charAt(name.length - 1) === "F";
+    const iconName = filled ? name.substring(0, name.length - 1) : name;
+    const id = `${iconName}${size}${filled ? "F" : ""}`;
+    if (iconCache[id]) {
+        return iconCache[id];
+    }
+    if (!requestCache[id]) {
+        requestCache[id] = fetch(index.getAssetPath(`./assets/icon/${id}.json`))
+            .then((resp) => resp.json())
+            .catch(() => {
+            console.error(`"${id}" is not a valid calcite-ui-icon name`);
+            return "";
+        });
+    }
+    const path = await requestCache[id];
+    iconCache[id] = path;
+    return path;
 }
 /**
  * Normalize the icon name to match the path data module exports.
@@ -76,24 +76,24 @@ async function fetchIcon({ icon, scale }) {
  * @private
  */
 function normalizeIconName(name) {
-  const numberLeadingName = !isNaN(Number(name.charAt(0)));
-  const parts = name.split("-");
-  const kebabCased = parts.length > 0;
-  if (kebabCased) {
-    const firstNonDigitInPartPattern = /[a-z]/i;
-    name = parts
-      .map((part, partIndex) => {
-      return part.replace(firstNonDigitInPartPattern, function replacer(match, offset) {
-        const isFirstCharInName = partIndex === 0 && offset === 0;
-        if (isFirstCharInName) {
-          return match;
-        }
-        return match.toUpperCase();
-      });
-    })
-      .join("");
-  }
-  return numberLeadingName ? `i${name}` : name;
+    const numberLeadingName = !isNaN(Number(name.charAt(0)));
+    const parts = name.split("-");
+    const kebabCased = parts.length > 0;
+    if (kebabCased) {
+        const firstNonDigitInPartPattern = /[a-z]/i;
+        name = parts
+            .map((part, partIndex) => {
+            return part.replace(firstNonDigitInPartPattern, function replacer(match, offset) {
+                const isFirstCharInName = partIndex === 0 && offset === 0;
+                if (isFirstCharInName) {
+                    return match;
+                }
+                return match.toUpperCase();
+            });
+        })
+            .join("");
+    }
+    return numberLeadingName ? `i${name}` : name;
 }
 
 const iconCss = ":host{display:inline-flex;color:var(--calcite-ui-icon-color)}:host([scale=s]){inline-size:16px;block-size:16px;min-inline-size:16px;min-block-size:16px}:host([scale=m]){inline-size:24px;block-size:24px;min-inline-size:24px;min-block-size:24px}:host([scale=l]){inline-size:32px;block-size:32px;min-inline-size:32px;min-block-size:32px}.flip-rtl{transform:scaleX(-1)}.svg{display:block}:host([hidden]){display:none}[hidden]{display:none}";

package/dist/cjs/calcite-inline-editable.cjs.entry.js

@@ -7,36 +7,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b8a649fc.js');
-const dom = require('./dom-e111eaa6.js');
-const interactive = require('./interactive-8aff886e.js');
-const label = require('./label-bcad2894.js');
-const loadable = require('./loadable-07a214c7.js');
-const locale = require('./locale-6a627639.js');
-const observers = require('./observers-281a8c99.js');
-const t9n = require('./t9n-0556abcb.js');
-require('./guid-1a466ca6.js');
-require('./resources-6c60363a.js');
-require('./browser-9a43b900.js');
-require('./component-c270a500.js');
-require('./key-b8c05387.js');
+const index = require('./index-105cf2b9.js');
+const dom = require('./dom-c9c2c835.js');
+const interactive = require('./interactive-3ab7044d.js');
+const label = require('./label-32573e1d.js');
+const loadable = require('./loadable-5a794992.js');
+const locale = require('./locale-d237c9d5.js');
+const observers = require('./observers-db4527e4.js');
+const t9n = require('./t9n-993a84de.js');
+require('./guid-ae73cd27.js');
+require('./resources-9447c777.js');
+require('./browser-d08a5f99.js');
+require('./component-ac7c3bd8.js');
+require('./key-c5504030.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.0.0
+ * v2.4.0
  */
 const CSS = {
-  wrapper: "wrapper",
-  confirmChangesButton: "confirm-changes-button",
-  cancelEditingButton: "cancel-editing-button",
-  inputWrapper: "input-wrapper",
-  cancelEditingButtonWrapper: "cancel-editing-button-wrapper",
-  enableEditingButton: "enable-editing-button",
-  controlsWrapper: "controls-wrapper",
+    wrapper: "wrapper",
+    confirmChangesButton: "confirm-changes-button",
+    cancelEditingButton: "cancel-editing-button",
+    inputWrapper: "input-wrapper",
+    cancelEditingButtonWrapper: "cancel-editing-button-wrapper",
+    enableEditingButton: "enable-editing-button",
+    controlsWrapper: "controls-wrapper",
 };
 
-const inlineEditableCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) .controls-wrapper{block-size:1.5rem}:host([scale=m]) .controls-wrapper{block-size:2rem}:host([scale=l]) .controls-wrapper{block-size:2.75rem}:host(:not([editing-enabled]):not([disabled])) .wrapper:hover{background-color:var(--calcite-color-foreground-2)}.wrapper{box-sizing:border-box;display:flex;justify-content:space-between;background-color:var(--calcite-color-foreground-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.wrapper .input-wrapper{flex:1 1 0%}.controls-wrapper{display:flex}:host([disabled]) .cancel-editing-button-wrapper{border-color:var(--calcite-color-border-2)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";
+const inlineEditableCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) .controls-wrapper{block-size:1.5rem}:host([scale=m]) .controls-wrapper{block-size:2rem}:host([scale=l]) .controls-wrapper{block-size:2.75rem}:host(:not([editing-enabled]):not([disabled])) .wrapper:hover{background-color:var(--calcite-color-foreground-2)}.wrapper{box-sizing:border-box;display:flex;justify-content:space-between;background-color:var(--calcite-color-foreground-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.wrapper .input-wrapper{flex:1 1 0%}.controls-wrapper{display:flex}:host([disabled]) .cancel-editing-button-wrapper{border-color:var(--calcite-color-border-2)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";
 
 const InlineEditable = class {
     constructor(hostRef) {
@@ -177,7 +177,7 @@ const InlineEditable = class {
         interactive.updateHostInteraction(this);
     }
     render() {
-        return (index.h("div", { class: CSS.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler }, index.h("div", { class: CSS.inputWrapper }, index.h("slot", null)), index.h("div", { class: CSS.controlsWrapper }, index.h("calcite-button", { appearance: "transparent", class: CSS.enableEditingButton, disabled: this.disabled, iconStart: "pencil", kind: "neutral", label: this.messages.enableEditing, onClick: this.enableEditingHandler, scale: this.scale, style: {
+        return (index.h(interactive.InteractiveContainer, { disabled: this.disabled }, index.h("div", { class: CSS.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler }, index.h("div", { class: CSS.inputWrapper }, index.h("slot", null)), index.h("div", { class: CSS.controlsWrapper }, index.h("calcite-button", { appearance: "transparent", class: CSS.enableEditingButton, disabled: this.disabled, iconStart: "pencil", kind: "neutral", label: this.messages.enableEditing, onClick: this.enableEditingHandler, scale: this.scale, style: {
                 opacity: this.editingEnabled ? "0" : "1",
                 width: this.editingEnabled ? "0" : "inherit",
             }, type: "button",
@@ -189,7 +189,7 @@ const InlineEditable = class {
             index.h("calcite-button", { appearance: "solid", class: CSS.confirmChangesButton, disabled: this.disabled, iconStart: "check", kind: "brand", label: this.messages.confirmChanges, loading: this.loading, onClick: this.confirmChangesHandler, scale: this.scale, type: "button",
                 // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
                 ref: (el) => (this.confirmEditingButton = el) }),
-        ])));
+        ]))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/cjs/calcite-input-date-picker_3.cjs.entry.js

@@ -7,29 +7,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b8a649fc.js');
-const date = require('./date-a0b274b2.js');
-const dom = require('./dom-e111eaa6.js');
-const floatingUi = require('./floating-ui-290f99dd.js');
-const form = require('./form-0291a707.js');
-const interactive = require('./interactive-8aff886e.js');
-const key = require('./key-b8c05387.js');
-const label = require('./label-bcad2894.js');
-const loadable = require('./loadable-07a214c7.js');
-const locale = require('./locale-6a627639.js');
-const openCloseComponent = require('./openCloseComponent-8c9a1749.js');
-const utils = require('./utils-6587cc34.js');
-const t9n = require('./t9n-0556abcb.js');
-const focusTrapComponent = require('./focusTrapComponent-3add574e.js');
-const guid = require('./guid-1a466ca6.js');
-const component = require('./component-c270a500.js');
+const index = require('./index-105cf2b9.js');
+const date = require('./date-9de4dd6f.js');
+const dom = require('./dom-c9c2c835.js');
+const floatingUi = require('./floating-ui-984cc970.js');
+const form = require('./form-fed676d6.js');
+const interactive = require('./interactive-3ab7044d.js');
+const key = require('./key-c5504030.js');
+const label = require('./label-32573e1d.js');
+const loadable = require('./loadable-5a794992.js');
+const locale = require('./locale-d237c9d5.js');
+const openCloseComponent = require('./openCloseComponent-19a769d0.js');
+const utils = require('./utils-7bc7f595.js');
+const t9n = require('./t9n-993a84de.js');
+const focusTrapComponent = require('./focusTrapComponent-faae7d7e.js');
+const guid = require('./guid-ae73cd27.js');
+const component = require('./component-ac7c3bd8.js');
+const Validation = require('./Validation-b02c6710.js');
 const loadModules = require('./loadModules-51c30ab9.js');
 const locale$1 = require('./locale-dab3f46a.js');
 const mode = require('./mode-d6c12b38.js');
-require('./resources-6c60363a.js');
+require('./resources-9447c777.js');
 require('./debounce-30afab47.js');
-require('./browser-9a43b900.js');
-require('./observers-281a8c99.js');
+require('./browser-d08a5f99.js');
+require('./observers-db4527e4.js');
 require('./esri-loader-a91c0ec1.js');
 require('./_commonjsHelpers-384729db.js');
 require('./languageUtil-a3b464f8.js');
@@ -37,19 +38,28 @@ require('./languageUtil-a3b464f8.js');
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.0.0
+ * v2.4.0
  */
 const CSS$2 = {
-  assistiveText: "assistive-text",
-  menu: "menu-container",
-  menuActive: "menu-container--active",
-  toggleIcon: "toggle-icon",
+    assistiveText: "assistive-text",
+    calendarWrapper: "calendar-wrapper",
+    calendarWrapperEnd: "calendar-wrapper--end",
+    horizontalArrowContainer: "horizontal-arrow-container",
+    inputBorderTopColorOne: "border-top-color-one",
+    inputContainer: "input-container",
+    inputNoBottomBorder: "no-bottom-border",
+    inputWrapper: "input-wrapper",
+    input: "input",
+    menu: "menu-container",
+    menuActive: "menu-container--active",
+    toggleIcon: "toggle-icon",
+    verticalArrowContainer: "vertical-arrow-container",
 };
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.0.0
+ * v2.4.0
  */
 /**
  * Specifies if an ISO string date (YYYY-MM-DD) has two digit year.
@@ -58,11 +68,11 @@ const CSS$2 = {
  * @returns {boolean}
  */
 function isTwoDigitYear(value) {
-  if (!value) {
-    return false;
-  }
-  const { year } = date.datePartsFromISO(value);
-  return Number(year) < 100;
+    if (!value) {
+        return false;
+    }
+    const { year } = date.datePartsFromISO(value);
+    return Number(year) < 100;
 }
 /**
  * Returns a normalized year to current century from a given two digit year number.
@@ -71,12 +81,12 @@ function isTwoDigitYear(value) {
  * @returns {string}
  */
 function normalizeToCurrentCentury(twoDigitYear) {
-  const currentYear = new Date().getFullYear();
-  const normalizedYear = Math.floor(currentYear / 100) * 100 + twoDigitYear;
-  return normalizedYear;
+    const currentYear = new Date().getFullYear();
+    const normalizedYear = Math.floor(currentYear / 100) * 100 + twoDigitYear;
+    return normalizedYear;
 }
 
-const inputDatePickerCss = ":host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:inline-block;inline-size:100%;overflow:visible;vertical-align:top;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host .menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}:host .menu-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}:host .menu-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}:host .menu-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}:host .menu-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([scale=s]){--calcite-toggle-spacing:0.5rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1rem)}:host([scale=m]){--calcite-toggle-spacing:0.75rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1.5rem)}:host([scale=l]){--calcite-toggle-spacing:1rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 2rem)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.calendar-picker-wrapper{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}.toggle-icon{position:absolute;display:flex;cursor:pointer;align-items:center;inset-inline-end:0;inset-block:0;padding-inline:var(--calcite-toggle-spacing)}:host([range]) .input-container{display:flex}:host([range]) .input-wrapper{flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:flex;align-items:center;border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);padding-block:0px;padding-inline:0.25rem}:host([range][layout=vertical]) .input-wrapper{inline-size:100%}:host([range][layout=vertical]) .input-container{flex-direction:column;align-items:flex-start}:host([range][layout=vertical]) .calendar-picker-wrapper--end{transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{inset-block-start:1.5rem;position:absolute;z-index:var(--calcite-z-index);margin-inline:1px;background-color:var(--calcite-color-foreground-1);padding-inline:0.625rem;inset-inline-start:0}.menu-container{--calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}.menu-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.menu-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.menu-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.menu-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([open]) .menu-container{visibility:visible}.menu-container--active{visibility:visible}.input .calcite-input__wrapper{margin-block-start:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{inset-block-start:1.5rem;padding-inline-start:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{block-size:0.75rem;inline-size:0.75rem;min-inline-size:0px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{inset-block-start:2.25rem;padding-inline:0.875rem}:host([range][layout=vertical][open]) .vertical-arrow-container{display:none}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}";
+const inputDatePickerCss = ":host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:inline-block;inline-size:100%;overflow:visible;vertical-align:top;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host .menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}:host .menu-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}:host .menu-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}:host .menu-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}:host .menu-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([scale=s]){--calcite-toggle-spacing:0.5rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1rem)}:host([scale=m]){--calcite-toggle-spacing:0.75rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1.5rem)}:host([scale=l]){--calcite-toggle-spacing:1rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 2rem)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calendar-wrapper{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}.toggle-icon{position:absolute;display:flex;cursor:pointer;align-items:center;inset-inline-end:0;inset-block:0;padding-inline:var(--calcite-toggle-spacing)}:host([range]) .input-container{display:flex}:host([range]) .input-wrapper{flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:flex;align-items:center;border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);padding-block:0px;padding-inline:0.25rem}:host([range][layout=vertical]) .input-wrapper{inline-size:100%}:host([range][layout=vertical]) .input-container{flex-direction:column;align-items:flex-start}:host([range][layout=vertical]) .calendar-wrapper--end{transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{inset-block-start:1.5rem;position:absolute;z-index:var(--calcite-z-index);margin-inline:1px;background-color:var(--calcite-color-foreground-1);padding-inline:0.625rem;inset-inline-start:0}.menu-container{--calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}.menu-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.menu-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.menu-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.menu-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([open]) .menu-container{visibility:visible}.menu-container--active{visibility:visible}.input .calcite-input__wrapper{margin-block-start:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{inset-block-start:1.5rem;padding-inline-start:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{block-size:0.75rem;inline-size:0.75rem;min-inline-size:0px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{inset-block-start:2.25rem;padding-inline:0.875rem}:host([range][layout=vertical][open]) .vertical-arrow-container{display:none}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}";
 
 const InputDatePicker = class {
     constructor(hostRef) {
@@ -106,7 +116,6 @@ const InputDatePicker = class {
         };
         this.dialogId = `date-picker-dialog--${guid.guid()}`;
         this.focusOnOpen = false;
-        this.lastBlurredInput = "none";
         this.userChangedValue = false;
         this.openTransitionProp = "opacity";
         this.valueAsDateChangedExternally = false;
@@ -116,12 +125,22 @@ const InputDatePicker = class {
         //  Private Methods
         //
         //--------------------------------------------------------------------------
-        this.onInputWrapperClick = () => {
-            if (this.range && this.lastBlurredInput !== "none" && this.open) ;
-            else {
+        this.onInputWrapperPointerDown = () => {
+            this.currentOpenInput = this.focusedInput;
+        };
+        this.onInputWrapperClick = (event) => {
+            const { range, endInput, startInput, currentOpenInput } = this;
+            const currentTarget = event.currentTarget;
+            const position = currentTarget.getAttribute("data-position");
+            const path = event.composedPath();
+            const wasToggleClicked = path.find((el) => { var _a; return (_a = el.classList) === null || _a === void 0 ? void 0 : _a.contains(CSS$2.toggleIcon); });
+            if (wasToggleClicked) {
+                const targetInput = position === "start" ? startInput : endInput;
+                targetInput.setFocus();
+            }
+            if (!range || !this.open || currentOpenInput === position) {
                 this.open = !this.open;
             }
-            this.lastBlurredInput = "none";
         };
         this.setFilteredPlacements = () => {
             const { el, flipPlacements } = this;
@@ -138,9 +157,8 @@ const InputDatePicker = class {
         this.setEndInput = (el) => {
             this.endInput = el;
         };
-        this.deactivate = () => {
+        this.blurHandler = () => {
             this.open = false;
-            this.lastBlurredInput = "none";
         };
         this.keyDownHandler = (event) => {
             var _a, _b;
@@ -175,11 +193,6 @@ const InputDatePicker = class {
         this.startInputFocus = () => {
             this.focusedInput = "start";
         };
-        this.startEndInputFocus = (event) => {
-            const blurredEl = event.relatedTarget;
-            this.lastBlurredInput =
-                blurredEl === this.startInput ? "start" : blurredEl === this.endInput ? "end" : "none";
-        };
         this.endInputFocus = () => {
             this.focusedInput = "end";
         };
@@ -327,6 +340,8 @@ const InputDatePicker = class {
         this.min = undefined;
         this.max = undefined;
         this.open = false;
+        this.validationMessage = undefined;
+        this.validationIcon = undefined;
         this.name = undefined;
         this.numberingSystem = undefined;
         this.scale = "m";
@@ -407,6 +422,7 @@ const InputDatePicker = class {
             this.open = false;
             return;
         }
+        this.reposition(true);
     }
     overlayPositioningHandler() {
         this.reposition(true);
@@ -470,8 +486,13 @@ const InputDatePicker = class {
                 this.value = "";
             }
         }
-        else if (this.range && this.valueAsDate) {
-            this.setRangeValue(this.valueAsDate);
+        else if (this.valueAsDate) {
+            if (this.range) {
+                this.setRangeValue(this.valueAsDate);
+            }
+            else if (!Array.isArray(this.valueAsDate)) {
+                this.value = date.dateToISO(this.valueAsDate);
+            }
         }
         if (this.min) {
             this.minAsDate = date.dateFromISO(this.min);
@@ -525,35 +546,42 @@ const InputDatePicker = class {
             locale: effectiveLocale,
             useGrouping: false,
         };
-        return (index.h(index.Host, { onBlur: this.deactivate, onKeyDown: this.keyDownHandler }, this.localeData && (index.h("div", { class: "input-container" }, index.h("div", { class: "input-wrapper", onClick: this.onInputWrapperClick,
+        return (index.h(index.Host, { onBlur: this.blurHandler, onKeyDown: this.keyDownHandler }, index.h(interactive.InteractiveContainer, { disabled: this.disabled }, this.localeData && (index.h("div", { class: CSS$2.inputContainer }, index.h("div", { class: CSS$2.inputWrapper, "data-position": "start", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setStartWrapper }, index.h("calcite-input-text", { "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-describedby": this.placeholderTextId, "aria-expanded": dom.toAriaBoolean(this.open), "aria-haspopup": "dialog", class: `input ${this.layout === "vertical" && this.range ? `no-bottom-border` : ``}`, disabled: disabled, icon: "calendar", onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputTextFocus: this.startInputFocus, onFocus: this.startEndInputFocus, placeholder: (_a = this.localeData) === null || _a === void 0 ? void 0 : _a.placeholder, readOnly: readOnly, role: "combobox", scale: this.scale, status: this.status,
+            ref: this.setStartWrapper }, index.h("calcite-input-text", { "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-describedby": this.placeholderTextId, "aria-expanded": dom.toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
+                [CSS$2.input]: true,
+                [CSS$2.inputNoBottomBorder]: this.layout === "vertical" && this.range,
+            }, disabled: disabled, icon: "calendar", onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputTextFocus: this.startInputFocus, placeholder: (_a = this.localeData) === null || _a === void 0 ? void 0 : _a.placeholder, readOnly: readOnly, role: "combobox", scale: this.scale, status: this.status,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setStartInput }), !this.readOnly && this.renderToggleIcon(this.open && this.focusedInput === "start"), index.h("span", { "aria-hidden": "true", class: CSS$2.assistiveText, id: this.placeholderTextId }, "Date Format: ", (_b = this.localeData) === null || _b === void 0 ? void 0 : _b.placeholder)), index.h("div", { "aria-hidden": dom.toAriaBoolean(!this.open), "aria-label": messages.chooseDate, "aria-live": "polite", "aria-modal": "true", class: {
+            ref: this.setStartInput }), !this.readOnly &&
+            this.renderToggleIcon(this.open && this.focusedInput === "start"), index.h("span", { "aria-hidden": "true", class: CSS$2.assistiveText, id: this.placeholderTextId }, "Date Format: ", (_b = this.localeData) === null || _b === void 0 ? void 0 : _b.placeholder)), index.h("div", { "aria-hidden": dom.toAriaBoolean(!this.open), "aria-label": messages.chooseDate, "aria-live": "polite", "aria-modal": "true", class: {
                 [CSS$2.menu]: true,
                 [CSS$2.menuActive]: this.open,
             }, id: this.dialogId, role: "dialog",
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: this.setFloatingEl }, index.h("div", { class: {
-                ["calendar-picker-wrapper"]: true,
-                ["calendar-picker-wrapper--end"]: this.focusedInput === "end",
+                [CSS$2.calendarWrapper]: true,
+                [CSS$2.calendarWrapperEnd]: this.focusedInput === "end",
                 [floatingUi.FloatingCSS.animation]: true,
                 [floatingUi.FloatingCSS.animationActive]: this.open,
             },
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: this.setTransitionEl }, index.h("calcite-date-picker", { activeDate: this.datePickerActiveDate, activeRange: this.focusedInput, headingLevel: this.headingLevel, max: this.max, maxAsDate: this.maxAsDate, messageOverrides: this.messageOverrides, min: this.min, minAsDate: this.minAsDate, numberingSystem: numberingSystem, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, scale: this.scale, tabIndex: this.open ? undefined : -1, valueAsDate: this.valueAsDate,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setDatePickerRef }))), this.range && this.layout === "horizontal" && (index.h("div", { class: "horizontal-arrow-container" }, index.h("calcite-icon", { flipRtl: true, icon: "arrow-right", scale: component.getIconScale(this.scale) }))), this.range && this.layout === "vertical" && this.scale !== "s" && (index.h("div", { class: "vertical-arrow-container" }, index.h("calcite-icon", { icon: "arrow-down", scale: component.getIconScale(this.scale) }))), this.range && (index.h("div", { class: "input-wrapper", onClick: this.onInputWrapperClick,
+            ref: this.setDatePickerRef }))), this.range && this.layout === "horizontal" && (index.h("div", { class: CSS$2.horizontalArrowContainer }, index.h("calcite-icon", { flipRtl: true, icon: "arrow-right", scale: component.getIconScale(this.scale) }))), this.range && this.layout === "vertical" && this.scale !== "s" && (index.h("div", { class: CSS$2.verticalArrowContainer }, index.h("calcite-icon", { icon: "arrow-down", scale: component.getIconScale(this.scale) }))), this.range && (index.h("div", { class: CSS$2.inputWrapper, "data-position": "end", onClick: this.onInputWrapperClick, onPointerDown: this.onInputWrapperPointerDown,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref: this.setEndWrapper }, index.h("calcite-input-text", { "aria-autocomplete": "none", "aria-controls": this.dialogId, "aria-expanded": dom.toAriaBoolean(this.open), "aria-haspopup": "dialog", class: {
-                input: true,
-                "border-top-color-one": this.layout === "vertical" && this.range,
-            }, disabled: disabled, icon: "calendar", onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputTextFocus: this.endInputFocus, onFocus: this.startEndInputFocus, placeholder: (_c = this.localeData) === null || _c === void 0 ? void 0 : _c.placeholder, readOnly: readOnly, role: "combobox", scale: this.scale, status: this.status,
+                [CSS$2.input]: true,
+                [CSS$2.inputBorderTopColorOne]: this.layout === "vertical" && this.range,
+            }, disabled: disabled, icon: "calendar", onCalciteInputTextInput: this.calciteInternalInputInputHandler, onCalciteInternalInputTextBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputTextFocus: this.endInputFocus, placeholder: (_c = this.localeData) === null || _c === void 0 ? void 0 : _c.placeholder, readOnly: readOnly, role: "combobox", scale: this.scale, status: this.status,
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-            ref: this.setEndInput }), !this.readOnly && this.renderToggleIcon(this.open && this.focusedInput === "end"))))), index.h(form.HiddenFormInputSlot, { component: this })));
+            ref: this.setEndInput }), !this.readOnly &&
+            this.renderToggleIcon(this.open && this.focusedInput === "end"))))), index.h(form.HiddenFormInputSlot, { component: this }), this.validationMessage ? (index.h(Validation.Validation, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     renderToggleIcon(open) {
-        return (index.h("span", { class: CSS$2.toggleIcon }, index.h("calcite-icon", { icon: open ? "chevron-up" : "chevron-down", scale: component.getIconScale(this.scale) })));
+        return (
+        // we set tab index to -1 to prevent delegatesFocus from stealing focus before we can set it
+        index.h("span", { class: CSS$2.toggleIcon, tabIndex: -1 }, index.h("calcite-icon", { icon: open ? "chevron-up" : "chevron-down", scale: component.getIconScale(this.scale) })));
     }
     setReferenceEl() {
         const { focusedInput, layout, endWrapper, startWrapper } = this;
@@ -567,7 +595,6 @@ const InputDatePicker = class {
         this.setFocus();
     }
     onBeforeOpen() {
-        this.reposition(true);
         this.calciteInputDatePickerBeforeOpen.emit();
     }
     onOpen() {
@@ -590,7 +617,6 @@ const InputDatePicker = class {
         this.restoreInputFocus();
         this.focusOnOpen = false;
         this.datePickerEl.reset();
-        this.reposition(true);
     }
     commitValue() {
         const { focusedInput, value } = this;
@@ -675,11 +701,10 @@ const InputDatePicker = class {
         const formattingOptions = {
             // we explicitly set numberingSystem to prevent the browser-inferred value
             // see https://github.com/Esri/calcite-design-system/issues/3079#issuecomment-1168964195 for more info
-            numberingSystem: locale.defaultNumberingSystem,
+            numberingSystem: locale.getSupportedNumberingSystem(this.numberingSystem),
         };
-        const localizedDate = date$1 && this.formatNumerals(date$1.toLocaleDateString(this.effectiveLocale, formattingOptions));
-        const localizedEndDate = endDate &&
-            this.formatNumerals(endDate.toLocaleDateString(this.effectiveLocale, formattingOptions));
+        const localizedDate = date$1 && date$1.toLocaleDateString(this.effectiveLocale, formattingOptions);
+        const localizedEndDate = endDate && endDate.toLocaleDateString(this.effectiveLocale, formattingOptions);
         this.setInputValue(localizedDate !== null && localizedDate !== void 0 ? localizedDate : "", "start");
         this.setInputValue((_a = (this.range && localizedEndDate)) !== null && _a !== void 0 ? _a : "", "end");
     }