@esri/calcite-components 1.0.0-next.604 → 1.0.0-next.606

package/dist/esm/calcite-filter.entry.js

@@ -1,15 +1,15 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.604
+ * v1.0.0-next.606
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-b452034d.js';
-import { f as focusElement } from './dom-e368d23b.js';
-import { u as updateHostInteraction } from './interactive-7be16f70.js';
-import { f as filter } from './filter-d22f4d94.js';
-import { d as debounce } from './debounce-da00fd2e.js';
-import './resources-5c3e406b.js';
-import './guid-2563b904.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-06118eda.js';
+import { f as focusElement } from './dom-640caf51.js';
+import { u as updateHostInteraction } from './interactive-fccdf326.js';
+import { f as filter } from './filter-38e63edc.js';
+import { d as debounce } from './debounce-98d20a38.js';
+import './resources-64b0963b.js';
+import './guid-11f68c50.js';
 
 const CSS = {
   container: "container",

package/dist/esm/calcite-flow-item.entry.js

@@ -1,14 +1,14 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.604
+ * v1.0.0-next.606
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b452034d.js';
-import { a as getElementDir } from './dom-e368d23b.js';
-import { S as SLOTS$1 } from './resources-b67102fc.js';
-import { u as updateHostInteraction } from './interactive-7be16f70.js';
-import './resources-5c3e406b.js';
-import './guid-2563b904.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-06118eda.js';
+import { a as getElementDir } from './dom-640caf51.js';
+import { S as SLOTS$1 } from './resources-9331d9fa.js';
+import { u as updateHostInteraction } from './interactive-fccdf326.js';
+import './resources-64b0963b.js';
+import './guid-11f68c50.js';
 
 const CSS = {
   backButton: "back-button"

package/dist/esm/calcite-flow.entry.js

@@ -1,10 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.604
+ * v1.0.0-next.606
  */
-import { r as registerInstance, h, g as getElement } from './index-b452034d.js';
-import { c as createObserver } from './observers-73b4a955.js';
+import { r as registerInstance, h, g as getElement } from './index-06118eda.js';
+import { c as createObserver } from './observers-74e54f0e.js';
 
 const CSS = {
   frame: "frame",

package/dist/esm/calcite-graph_2.entry.js

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.604
+ * v1.0.0-next.606
  */
-import { r as registerInstance, h, g as getElement, f as forceUpdate, c as createEvent, H as Host } from './index-b452034d.js';
-import { g as guid } from './guid-2563b904.js';
-import { c as createObserver } from './observers-73b4a955.js';
-import { i as isPrimaryPointerButton, k as intersects } from './dom-e368d23b.js';
-import { d as decimalPlaces, c as clamp } from './math-babff37a.js';
-import { c as connectLabel, d as disconnectLabel } from './label-c63a5725.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-9f1caa56.js';
-import { u as updateHostInteraction } from './interactive-7be16f70.js';
-import { i as isActivationKey } from './key-76f8b045.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-6d23910f.js';
-import './resources-5c3e406b.js';
+import { r as registerInstance, h, g as getElement, f as forceUpdate, c as createEvent, H as Host } from './index-06118eda.js';
+import { g as guid } from './guid-11f68c50.js';
+import { c as createObserver } from './observers-74e54f0e.js';
+import { i as isPrimaryPointerButton, k as intersects } from './dom-640caf51.js';
+import { d as decimalPlaces, c as clamp } from './math-99ba6bfb.js';
+import { c as connectLabel, d as disconnectLabel } from './label-57dd65d4.js';
+import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-493b70e6.js';
+import { u as updateHostInteraction } from './interactive-fccdf326.js';
+import { i as isActivationKey } from './key-754bbff1.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-4e463ebf.js';
+import './resources-64b0963b.js';
 
 /**
  * Calculate slope of the tangents

package/dist/esm/calcite-handle.entry.js

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.604
+ * v1.0.0-next.606
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b452034d.js';
-import { t as toAriaBoolean } from './dom-e368d23b.js';
-import './resources-5c3e406b.js';
-import './guid-2563b904.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-06118eda.js';
+import { t as toAriaBoolean } from './dom-640caf51.js';
+import './resources-64b0963b.js';
+import './guid-11f68c50.js';
 
 const CSS = {
   handle: "handle",
@@ -16,7 +16,7 @@ const ICONS = {
   drag: "drag"
 };
 
-const handleCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:flex}.handle{display:flex;cursor:move;align-items:center;justify-content:center;align-self:stretch;border-style:none;background-color:transparent;outline-color:transparent;color:var(--calcite-ui-border-3);padding-block:0.75rem;padding-inline:0.25rem;line-height:0}.handle:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.handle:focus{color:var(--calcite-ui-text-1);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.handle--activated{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}.handle calcite-icon{color:inherit}";
+const handleCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:flex}.handle{display:flex;cursor:move;align-items:center;justify-content:center;align-self:stretch;border-style:none;background-color:transparent;outline-color:transparent;color:var(--calcite-ui-border-input);padding-block:0.75rem;padding-inline:0.25rem;line-height:0}.handle:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}.handle:focus{color:var(--calcite-ui-text-1);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.handle--activated{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}.handle calcite-icon{color:inherit}";
 
 const Handle = class {
   constructor(hostRef) {

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

@@ -1,13 +1,13 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.604
+ * v1.0.0-next.606
  */
-import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-b452034d.js';
-import { a as getElementDir, t as toAriaBoolean } from './dom-e368d23b.js';
-import { c as createObserver } from './observers-73b4a955.js';
-import './resources-5c3e406b.js';
-import './guid-2563b904.js';
+import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-06118eda.js';
+import { a as getElementDir, t as toAriaBoolean } from './dom-640caf51.js';
+import { c as createObserver } from './observers-74e54f0e.js';
+import './resources-64b0963b.js';
+import './guid-11f68c50.js';
 
 const CSS = {
   icon: "icon",

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

@@ -1,15 +1,15 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.604
+ * v1.0.0-next.606
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b452034d.js';
-import { e as getElementProp, g as getSlotted } from './dom-e368d23b.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-c63a5725.js';
-import { c as createObserver } from './observers-73b4a955.js';
-import { u as updateHostInteraction } from './interactive-7be16f70.js';
-import './resources-5c3e406b.js';
-import './guid-2563b904.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-06118eda.js';
+import { e as getElementProp, g as getSlotted } from './dom-640caf51.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-57dd65d4.js';
+import { c as createObserver } from './observers-74e54f0e.js';
+import { u as updateHostInteraction } from './interactive-fccdf326.js';
+import './resources-64b0963b.js';
+import './guid-11f68c50.js';
 
 const CSS = {
   wrapper: "wrapper",

package/dist/esm/calcite-input-date-picker.entry.js

@@ -1,22 +1,22 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.604
+ * v1.0.0-next.606
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b452034d.js';
-import { T as TEXT, d as dateToISO, g as getValueAsDateRange, a as dateFromISO, s as setEndOfDay, b as dateFromRange, c as getLocaleData, e as sameDate, p as parseDateString, i as inRange } from './resources-a4a87dee.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-c63a5725.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-9f1caa56.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, p as positionFloatingUI, a as disconnectFloatingUI, F as FloatingCSS, r as repositionDebounceTimeout } from './floating-ui-4dec1723.js';
-import { u as updateHostInteraction } from './interactive-7be16f70.js';
-import { t as toAriaBoolean } from './dom-e368d23b.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-3adb36f4.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-6d23910f.js';
-import { d as debounce } from './debounce-da00fd2e.js';
-import './resources-5c3e406b.js';
-import './guid-2563b904.js';
-import './key-76f8b045.js';
-import './observers-73b4a955.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-06118eda.js';
+import { T as TEXT, d as dateToISO, g as getValueAsDateRange, a as dateFromISO, s as setEndOfDay, b as dateFromRange, c as getLocaleData, e as sameDate, p as parseDateString, i as inRange } from './resources-d9cf35ab.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-57dd65d4.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-493b70e6.js';
+import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, p as positionFloatingUI, a as disconnectFloatingUI, F as FloatingCSS, r as repositionDebounceTimeout } from './floating-ui-b2f9718e.js';
+import { u as updateHostInteraction } from './interactive-fccdf326.js';
+import { t as toAriaBoolean } from './dom-640caf51.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-ccf3f367.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-4e463ebf.js';
+import { n as numberKeys } from './key-754bbff1.js';
+import { d as debounce } from './debounce-98d20a38.js';
+import './resources-64b0963b.js';
+import './guid-11f68c50.js';
+import './observers-74e54f0e.js';
 
 const CSS = {
   menu: "menu-container",
@@ -41,22 +41,22 @@ const InputDatePicker = class {
     //
     //--------------------------------------------------------------------------
     /**
-     * When true, interaction is prevented and the component is displayed with lower opacity.
+     * When `true`, interaction is prevented and the component is displayed with lower opacity.
      */
     this.disabled = false;
     /**
-     * When true, the component's value can be read, but controls are not accessible and the value cannot be modified.
+     * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.
      *
      * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
      */
     this.readOnly = false;
     /**
-     * When true, the component is active.
+     * When `true`, the component is active.
      *
      * @deprecated use `open` instead.
      */
     this.active = false;
-    /** When true, displays the `calcite-date-picker` component. */
+    /** When `true`, displays the `calcite-date-picker` component. */
     this.open = false;
     /**
      * Accessible name for the component's previous month button.
@@ -84,10 +84,10 @@ const InputDatePicker = class {
      * @default "bottom-start"
      */
     this.placement = defaultMenuPlacement;
-    /** When true, activates a range for the component. */
+    /** When `true`, activates a range for the component. */
     this.range = false;
     /**
-     * When true, the component must have a value in order for the form to submit.
+     * When `true`, the component must have a value in order for the form to submit.
      *
      * @internal
      */
@@ -102,7 +102,7 @@ const InputDatePicker = class {
      */
     this.overlayPositioning = "absolute";
     /**
-     * When true, disables the default behavior on the third click of narrowing or extending the range.
+     * When `true`, disables the default behavior on the third click of narrowing or extending the range.
      * Instead starts a new range.
      */
     this.proximitySelectionDisabled = false;
@@ -165,8 +165,17 @@ const InputDatePicker = class {
       }
       this.focusedInput = "end";
     };
-    this.inputInput = (event) => {
-      this.input(event.detail.value);
+    this.startInputInput = () => {
+      const parsedValue = this.parseNumerals(this.startInput.value);
+      const formattedValue = this.formatNumerals(parsedValue);
+      this.startInput.value = formattedValue;
+      this.input(parsedValue);
+    };
+    this.endInputInput = () => {
+      const parsedValue = this.parseNumerals(this.endInput.value);
+      const formattedValue = this.formatNumerals(parsedValue);
+      this.endInput.value = formattedValue;
+      this.input(parsedValue);
     };
     this.setFloatingEl = (el) => {
       if (el) {
@@ -209,6 +218,25 @@ const InputDatePicker = class {
         (_b = this.startInput) === null || _b === void 0 ? void 0 : _b.setFocus();
       }
     };
+    this.commonDateSeparators = [".", "-", "/"];
+    this.formatNumerals = (value) => value
+      ? value
+        .split("")
+        .map((char) => 
+      // convert common separators to the locale's
+      this.commonDateSeparators.includes(char)
+        ? this.localeData.separator
+        : numberKeys.includes(char)
+          ? numberStringFormatter.numberFormatter.format(Number(char))
+          : char)
+        .join("")
+      : "";
+    this.parseNumerals = (value) => value
+      ? value
+        .split("")
+        .map((char) => numberKeys.includes(char) ? numberStringFormatter.delocalize(char) : char)
+        .join("")
+      : "";
   }
   handleDisabledAndReadOnlyChange(value) {
     if (!value) {
@@ -333,6 +361,11 @@ const InputDatePicker = class {
     connectOpenCloseComponent(this);
     this.setFilteredPlacements();
     this.debouncedReposition();
+    numberStringFormatter.numberFormatOptions = {
+      numberingSystem: this.numberingSystem,
+      locale: this.effectiveLocale,
+      useGrouping: false
+    };
   }
   async componentWillLoad() {
     await this.loadLocaleData();
@@ -359,10 +392,13 @@ const InputDatePicker = class {
     const endDate = this.range
       ? dateFromRange(this.endAsDate, this.minAsDate, this.maxAsDate)
       : null;
-    const locale = this.effectiveLocale;
-    const formattedEndDate = endDate ? endDate.toLocaleDateString(locale) : "";
-    const formattedDate = date ? date.toLocaleDateString(locale) : "";
-    return (h(Host, { onBlur: this.deactivate, onKeyDown: this.keyDownHandler, role: "application" }, this.localeData && (h("div", { "aria-expanded": toAriaBoolean(this.open), class: "input-container", role: "application" }, h("div", { class: "input-wrapper", ref: this.setStartWrapper }, h("calcite-input", { class: `input ${this.layout === "vertical" && this.range ? `no-bottom-border` : ``}`, disabled: disabled, icon: "calendar", label: getLabelText(this), "number-button-type": "none", onCalciteInputInput: this.inputInput, onCalciteInternalInputBlur: this.inputBlur, onCalciteInternalInputFocus: this.startInputFocus, placeholder: (_a = this.localeData) === null || _a === void 0 ? void 0 : _a.placeholder, readOnly: readOnly, ref: this.setStartInput, scale: this.scale, type: "text", value: formattedDate })), h("div", { "aria-hidden": toAriaBoolean(!this.open), class: {
+    const formattedEndDate = endDate
+      ? this.formatNumerals(endDate.toLocaleDateString(this.effectiveLocale))
+      : "";
+    const formattedDate = date
+      ? this.formatNumerals(date.toLocaleDateString(this.effectiveLocale))
+      : "";
+    return (h(Host, { onBlur: this.deactivate, onKeyDown: this.keyDownHandler, role: "application" }, this.localeData && (h("div", { "aria-expanded": toAriaBoolean(this.open), class: "input-container", role: "application" }, h("div", { class: "input-wrapper", ref: this.setStartWrapper }, h("calcite-input", { class: `input ${this.layout === "vertical" && this.range ? `no-bottom-border` : ``}`, disabled: disabled, icon: "calendar", label: getLabelText(this), lang: this.effectiveLocale, "number-button-type": "none", numberingSystem: this.numberingSystem, onCalciteInputInput: this.startInputInput, onCalciteInternalInputBlur: this.inputBlur, onCalciteInternalInputFocus: this.startInputFocus, placeholder: (_a = this.localeData) === null || _a === void 0 ? void 0 : _a.placeholder, readOnly: readOnly, ref: this.setStartInput, scale: this.scale, type: "text", value: formattedDate })), h("div", { "aria-hidden": toAriaBoolean(!this.open), class: {
         [CSS.menu]: true,
         [CSS.menuActive]: this.open
       }, ref: this.setFloatingEl }, h("div", { class: {
@@ -370,10 +406,10 @@ const InputDatePicker = class {
         ["calendar-picker-wrapper--end"]: this.focusedInput === "end",
         [FloatingCSS.animation]: true,
         [FloatingCSS.animationActive]: this.open
-      }, ref: this.setTransitionEl }, h("calcite-date-picker", { activeRange: this.focusedInput, endAsDate: this.endAsDate, headingLevel: this.headingLevel, intlNextMonth: this.intlNextMonth, intlPrevMonth: this.intlPrevMonth, intlYear: this.intlYear, max: this.max, maxAsDate: this.maxAsDate, min: this.min, minAsDate: this.minAsDate, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, scale: this.scale, startAsDate: this.startAsDate, tabIndex: 0, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (h("div", { class: "horizontal-arrow-container" }, h("calcite-icon", { flipRtl: true, icon: "arrow-right", scale: "s" }))), this.range && this.layout === "vertical" && this.scale !== "s" && (h("div", { class: "vertical-arrow-container" }, h("calcite-icon", { icon: "arrow-down", scale: "s" }))), this.range && (h("div", { class: "input-wrapper", ref: this.setEndWrapper }, h("calcite-input", { class: {
+      }, ref: this.setTransitionEl }, h("calcite-date-picker", { activeRange: this.focusedInput, endAsDate: this.endAsDate, headingLevel: this.headingLevel, intlNextMonth: this.intlNextMonth, intlPrevMonth: this.intlPrevMonth, intlYear: this.intlYear, lang: this.effectiveLocale, max: this.max, maxAsDate: this.maxAsDate, min: this.min, minAsDate: this.minAsDate, numberingSystem: this.numberingSystem, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, scale: this.scale, startAsDate: this.startAsDate, tabIndex: 0, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (h("div", { class: "horizontal-arrow-container" }, h("calcite-icon", { flipRtl: true, icon: "arrow-right", scale: "s" }))), this.range && this.layout === "vertical" && this.scale !== "s" && (h("div", { class: "vertical-arrow-container" }, h("calcite-icon", { icon: "arrow-down", scale: "s" }))), this.range && (h("div", { class: "input-wrapper", ref: this.setEndWrapper }, h("calcite-input", { class: {
         input: true,
         "border-top-color-one": this.layout === "vertical" && this.range
-      }, disabled: disabled, icon: "calendar", "number-button-type": "none", onCalciteInputInput: this.inputInput, onCalciteInternalInputBlur: this.inputBlur, onCalciteInternalInputFocus: this.endInputFocus, placeholder: (_b = this.localeData) === null || _b === void 0 ? void 0 : _b.placeholder, readOnly: readOnly, ref: this.setEndInput, scale: this.scale, type: "text", value: formattedEndDate }))))), h(HiddenFormInputSlot, { component: this })));
+      }, disabled: disabled, icon: "calendar", lang: this.effectiveLocale, "number-button-type": "none", numberingSystem: this.numberingSystem, onCalciteInputInput: this.endInputInput, onCalciteInternalInputBlur: this.inputBlur, onCalciteInternalInputFocus: this.endInputFocus, placeholder: (_b = this.localeData) === null || _b === void 0 ? void 0 : _b.placeholder, readOnly: readOnly, ref: this.setEndInput, scale: this.scale, type: "text", value: formattedEndDate }))))), h(HiddenFormInputSlot, { component: this })));
   }
   setReferenceEl() {
     const { focusedInput, layout, endWrapper, startWrapper } = this;
@@ -486,15 +522,15 @@ const InputDatePicker = class {
     const date = this.getDateFromInput(target.value);
     if (!date) {
       if (!range && valueAsDate) {
-        target.value = Array.isArray(valueAsDate)
+        target.value = this.formatNumerals(Array.isArray(valueAsDate)
           ? valueAsDate[focusedInput === "end" ? 1 : 0].toLocaleDateString(locale)
-          : valueAsDate.toLocaleDateString(locale);
+          : valueAsDate.toLocaleDateString(locale));
       }
       else if (focusedInput === "start" && startAsDate) {
-        target.value = startAsDate.toLocaleDateString(locale);
+        target.value = this.formatNumerals(startAsDate.toLocaleDateString(locale));
       }
       else if (focusedInput === "end" && endAsDate) {
-        target.value = endAsDate.toLocaleDateString(locale);
+        target.value = this.formatNumerals(endAsDate.toLocaleDateString(locale));
       }
     }
   }

package/dist/esm/calcite-input-message.entry.js

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.604
+ * v1.0.0-next.606
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-b452034d.js';
-import { s as setRequestedIcon, e as getElementProp } from './dom-e368d23b.js';
-import './resources-5c3e406b.js';
-import './guid-2563b904.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-06118eda.js';
+import { s as setRequestedIcon, e as getElementProp } from './dom-640caf51.js';
+import './resources-64b0963b.js';
+import './guid-11f68c50.js';
 
 var StatusIconDefaults;
 (function (StatusIconDefaults) {

package/dist/esm/calcite-input-number.entry.js

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.604
+ * v1.0.0-next.606
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b452034d.js';
-import { g as getSlotted, i as isPrimaryPointerButton, s as setRequestedIcon, e as getElementProp, a as getElementDir } from './dom-e368d23b.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-c63a5725.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-9f1caa56.js';
-import { n as numberStringFormatter, i as isValidNumber, p as parseNumberString, s as sanitizeNumberString, a as defaultNumberingSystem, u as updateEffectiveLocale, c as connectLocalized, d as disconnectLocalized } from './locale-6d23910f.js';
-import { n as numberKeys } from './key-76f8b045.js';
-import { T as TEXT$1, C as CSS_UTILITY } from './resources-5c3e406b.js';
-import { d as decimalPlaces } from './math-babff37a.js';
-import { c as createObserver } from './observers-73b4a955.js';
-import { u as updateHostInteraction } from './interactive-7be16f70.js';
-import './guid-2563b904.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-06118eda.js';
+import { g as getSlotted, i as isPrimaryPointerButton, s as setRequestedIcon, e as getElementProp, a as getElementDir } from './dom-640caf51.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-57dd65d4.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-493b70e6.js';
+import { n as numberStringFormatter, i as isValidNumber, p as parseNumberString, s as sanitizeNumberString, a as defaultNumberingSystem, u as updateEffectiveLocale, c as connectLocalized, d as disconnectLocalized } from './locale-4e463ebf.js';
+import { n as numberKeys } from './key-754bbff1.js';
+import { T as TEXT$1, C as CSS_UTILITY } from './resources-64b0963b.js';
+import { d as decimalPlaces } from './math-99ba6bfb.js';
+import { c as createObserver } from './observers-74e54f0e.js';
+import { u as updateHostInteraction } from './interactive-fccdf326.js';
+import './guid-11f68c50.js';
 
 const CSS = {
   loader: "loader",

package/dist/esm/calcite-input-text.entry.js

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.604
+ * v1.0.0-next.606
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b452034d.js';
-import { g as getSlotted, s as setRequestedIcon, e as getElementProp, a as getElementDir } from './dom-e368d23b.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-c63a5725.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-9f1caa56.js';
-import { T as TEXT$1, C as CSS_UTILITY } from './resources-5c3e406b.js';
-import { c as createObserver } from './observers-73b4a955.js';
-import { u as updateHostInteraction } from './interactive-7be16f70.js';
-import './guid-2563b904.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-06118eda.js';
+import { g as getSlotted, s as setRequestedIcon, e as getElementProp, a as getElementDir } from './dom-640caf51.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-57dd65d4.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-493b70e6.js';
+import { T as TEXT$1, C as CSS_UTILITY } from './resources-64b0963b.js';
+import { c as createObserver } from './observers-74e54f0e.js';
+import { u as updateHostInteraction } from './interactive-fccdf326.js';
+import './guid-11f68c50.js';
 
 const CSS = {
   loader: "loader",

package/dist/esm/calcite-input-time-picker_2.entry.js

@@ -1,18 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.604
+ * v1.0.0-next.606
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b452034d.js';
-import { g as guid } from './guid-2563b904.js';
-import { i as isValidNumber, g as getSupportedLocale, b as getSupportedNumberingSystem, n as numberStringFormatter, u as updateEffectiveLocale, c as connectLocalized, d as disconnectLocalized } from './locale-6d23910f.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-c63a5725.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-9f1caa56.js';
-import { u as updateHostInteraction } from './interactive-7be16f70.js';
-import { n as numberKeys, i as isActivationKey } from './key-76f8b045.js';
-import './observers-73b4a955.js';
-import './dom-e368d23b.js';
-import './resources-5c3e406b.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-06118eda.js';
+import { g as guid } from './guid-11f68c50.js';
+import { i as isValidNumber, g as getSupportedLocale, b as getSupportedNumberingSystem, n as numberStringFormatter, u as updateEffectiveLocale, c as connectLocalized, d as disconnectLocalized } from './locale-4e463ebf.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-57dd65d4.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-493b70e6.js';
+import { u as updateHostInteraction } from './interactive-fccdf326.js';
+import { n as numberKeys, i as isActivationKey } from './key-754bbff1.js';
+import './observers-74e54f0e.js';
+import './dom-640caf51.js';
+import './resources-64b0963b.js';
 
 const maxTenthForMinuteAndSecond = 5;
 function createLocaleDateTimeFormatter(locale, numberingSystem, includeSeconds = true) {
@@ -219,7 +219,7 @@ const InputTimePicker = class {
      */
     this.readOnly = false;
     /**
-     * When true, the component must have a value in order for the form to submit.
+     * When `true`, the component must have a value in order for the form to submit.
      *
      * @internal
      */

package/dist/esm/calcite-input.entry.js

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.604
+ * v1.0.0-next.606
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b452034d.js';
-import { g as getSlotted, i as isPrimaryPointerButton, s as setRequestedIcon, e as getElementProp, a as getElementDir } from './dom-e368d23b.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-c63a5725.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-9f1caa56.js';
-import { n as numberStringFormatter, i as isValidNumber, p as parseNumberString, a as defaultNumberingSystem, s as sanitizeNumberString, u as updateEffectiveLocale, c as connectLocalized, d as disconnectLocalized } from './locale-6d23910f.js';
-import { n as numberKeys } from './key-76f8b045.js';
-import { T as TEXT$1, C as CSS_UTILITY } from './resources-5c3e406b.js';
-import { d as decimalPlaces } from './math-babff37a.js';
-import { c as createObserver } from './observers-73b4a955.js';
-import { u as updateHostInteraction } from './interactive-7be16f70.js';
-import './guid-2563b904.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-06118eda.js';
+import { g as getSlotted, i as isPrimaryPointerButton, s as setRequestedIcon, e as getElementProp, a as getElementDir } from './dom-640caf51.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-57dd65d4.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-493b70e6.js';
+import { n as numberStringFormatter, i as isValidNumber, p as parseNumberString, a as defaultNumberingSystem, s as sanitizeNumberString, u as updateEffectiveLocale, c as connectLocalized, d as disconnectLocalized } from './locale-4e463ebf.js';
+import { n as numberKeys } from './key-754bbff1.js';
+import { T as TEXT$1, C as CSS_UTILITY } from './resources-64b0963b.js';
+import { d as decimalPlaces } from './math-99ba6bfb.js';
+import { c as createObserver } from './observers-74e54f0e.js';
+import { u as updateHostInteraction } from './interactive-fccdf326.js';
+import './guid-11f68c50.js';
 
 const CSS = {
   loader: "loader",

package/dist/esm/calcite-label.entry.js

@@ -1,13 +1,13 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.604
+ * v1.0.0-next.606
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b452034d.js';
-import { l as labelConnectedEvent, a as labelDisconnectedEvent } from './label-c63a5725.js';
-import './dom-e368d23b.js';
-import './resources-5c3e406b.js';
-import './guid-2563b904.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-06118eda.js';
+import { l as labelConnectedEvent, a as labelDisconnectedEvent } from './label-57dd65d4.js';
+import './dom-640caf51.js';
+import './resources-64b0963b.js';
+import './guid-11f68c50.js';
 
 const CSS = {
   container: "container"

package/dist/esm/calcite-link.entry.js

@@ -1,13 +1,13 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.604
+ * v1.0.0-next.606
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-b452034d.js';
-import { a as getElementDir, f as focusElement } from './dom-e368d23b.js';
-import { C as CSS_UTILITY } from './resources-5c3e406b.js';
-import { u as updateHostInteraction } from './interactive-7be16f70.js';
-import './guid-2563b904.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-06118eda.js';
+import { a as getElementDir, f as focusElement } from './dom-640caf51.js';
+import { C as CSS_UTILITY } from './resources-64b0963b.js';
+import { u as updateHostInteraction } from './interactive-fccdf326.js';
+import './guid-11f68c50.js';
 
 const linkCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:inline}:host a,:host span{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:0px;border-style:none;font-family:inherit;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;text-decoration:none;line-height:inherit;font-size:inherit;-webkit-appearance:none}:host a:hover,:host span:hover{text-decoration:none}:host a,:host span{outline-color:transparent}:host a:focus,:host span:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}calcite-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.calcite-link--icon{vertical-align:text-top;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-block-start:0.125rem}:host .calcite-link--icon.icon-start{margin-inline-end:0.5rem}:host .calcite-link--icon.icon-end{margin-inline-start:0.5rem}:host span,:host a{position:relative;display:inline;border-style:none;background-color:transparent;padding:0px;color:var(--calcite-ui-text-link);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;line-height:inherit;white-space:initial;background-image:linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-link-blue-underline), var(--calcite-link-blue-underline));background-position:0% 100%, 100% 100%;background-repeat:no-repeat, no-repeat;background-size:0% 1px, 100% 1px}:host span:hover,:host span:focus,:host a:hover,:host a:focus{background-size:100% 1px, 100% 1px}:host span:active,:host a:active{background-size:100% 2px, 100% 2px}:host span.calcite--rtl,:host a.calcite--rtl{background-position:100% 100%, 100% 100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";
 

package/dist/esm/calcite-list_3.entry.js

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.604
+ * v1.0.0-next.606
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-b452034d.js';
-import { u as updateHostInteraction } from './interactive-7be16f70.js';
-import { g as getSlotted } from './dom-e368d23b.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-8139b6c7.js';
-import { H as Heading, c as constrainHeadingLevel } from './Heading-40531cc4.js';
-import './resources-5c3e406b.js';
-import './guid-2563b904.js';
-import './observers-73b4a955.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-06118eda.js';
+import { u as updateHostInteraction } from './interactive-fccdf326.js';
+import { g as getSlotted } from './dom-640caf51.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-833c523f.js';
+import { H as Heading, c as constrainHeadingLevel } from './Heading-11c2a834.js';
+import './resources-64b0963b.js';
+import './guid-11f68c50.js';
+import './observers-74e54f0e.js';
 
 const CSS$2 = {
   container: "container"