@esri/solutions-components 0.7.16 → 0.7.17

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

@@ -7,13 +7,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ed5545a.js');
-const dom = require('./dom-3532b4e4.js');
-const interactive = require('./interactive-101013d4.js');
-const loadable = require('./loadable-ddfda3cb.js');
-require('./guid-915a25a4.js');
-require('./resources-eeb0b476.js');
-require('./browser-16e4bcaa.js');
+const index = require('./index-b8a649fc.js');
+const dom = require('./dom-e111eaa6.js');
+const interactive = require('./interactive-8aff886e.js');
+const loadable = require('./loadable-07a214c7.js');
+require('./guid-1a466ca6.js');
+require('./resources-6c60363a.js');
+require('./browser-9a43b900.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.

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

@@ -7,20 +7,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ed5545a.js');
-const filter = require('./filter-02931d81.js');
-const interactive = require('./interactive-101013d4.js');
-const loadable = require('./loadable-ddfda3cb.js');
-const locale = require('./locale-eb5416f2.js');
-const t9n = require('./t9n-0700950f.js');
-const debounce = require('./debounce-dc29e0d7.js');
-const dom = require('./dom-3532b4e4.js');
-const resources = require('./resources-40bb3b0f.js');
-require('./browser-16e4bcaa.js');
-require('./key-3057c9ae.js');
-require('./observers-0dc2268b.js');
-require('./guid-915a25a4.js');
-require('./resources-eeb0b476.js');
+const index = require('./index-b8a649fc.js');
+const filter = require('./filter-8f1bbfe6.js');
+const interactive = require('./interactive-8aff886e.js');
+const loadable = require('./loadable-07a214c7.js');
+const locale = require('./locale-6a627639.js');
+const t9n = require('./t9n-0556abcb.js');
+const debounce = require('./debounce-30afab47.js');
+const dom = require('./dom-e111eaa6.js');
+const resources = require('./resources-55ba2752.js');
+require('./browser-9a43b900.js');
+require('./key-b8c05387.js');
+require('./observers-281a8c99.js');
+require('./guid-1a466ca6.js');
+require('./resources-6c60363a.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -139,15 +139,16 @@ const Filter = class {
     }
     /** Sets focus on the component. */
     async setFocus() {
+        var _a;
         await loadable.componentFocusable(this);
-        this.el?.focus();
+        (_a = this.el) === null || _a === void 0 ? void 0 : _a.focus();
     }
     updateFiltered(filtered, emit = false, callback) {
         this.filteredItems = filtered;
         if (emit) {
             this.calciteFilterChange.emit();
         }
-        callback?.();
+        callback === null || callback === void 0 ? void 0 : callback();
     }
     // --------------------------------------------------------------------------
     //

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

@@ -7,18 +7,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ed5545a.js');
-const dom = require('./dom-3532b4e4.js');
-const interactive = require('./interactive-101013d4.js');
-const loadable = require('./loadable-ddfda3cb.js');
-const locale = require('./locale-eb5416f2.js');
-const t9n = require('./t9n-0700950f.js');
-const resources = require('./resources-08594e64.js');
-require('./guid-915a25a4.js');
-require('./resources-eeb0b476.js');
-require('./browser-16e4bcaa.js');
-require('./key-3057c9ae.js');
-require('./observers-0dc2268b.js');
+const index = require('./index-b8a649fc.js');
+const dom = require('./dom-e111eaa6.js');
+const interactive = require('./interactive-8aff886e.js');
+const loadable = require('./loadable-07a214c7.js');
+const locale = require('./locale-6a627639.js');
+const t9n = require('./t9n-0556abcb.js');
+const resources = require('./resources-8e3763a4.js');
+require('./guid-1a466ca6.js');
+require('./resources-6c60363a.js');
+require('./browser-9a43b900.js');
+require('./key-b8c05387.js');
+require('./observers-281a8c99.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -161,7 +161,8 @@ const FlowItem = class {
      * @returns - promise that resolves once the content is scrolled to.
      */
     async scrollContentTo(options) {
-        await this.containerEl?.scrollContentTo(options);
+        var _a;
+        await ((_a = this.containerEl) === null || _a === void 0 ? void 0 : _a.scrollContentTo(options));
     }
     // --------------------------------------------------------------------------
     //

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

@@ -7,9 +7,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ed5545a.js');
-const observers = require('./observers-0dc2268b.js');
-const loadable = require('./loadable-ddfda3cb.js');
+const index = require('./index-b8a649fc.js');
+const observers = require('./observers-281a8c99.js');
+const loadable = require('./loadable-07a214c7.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -98,7 +98,7 @@ const Flow = class {
         await loadable.componentFocusable(this);
         const { items } = this;
         const activeItem = items[items.length - 1];
-        return activeItem?.setFocus();
+        return activeItem === null || activeItem === void 0 ? void 0 : activeItem.setFocus();
     }
     // --------------------------------------------------------------------------
     //
@@ -106,7 +106,8 @@ const Flow = class {
     //
     // --------------------------------------------------------------------------
     connectedCallback() {
-        this.itemMutationObserver?.observe(this.el, { childList: true, subtree: true });
+        var _a;
+        (_a = this.itemMutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
         this.updateFlowProps();
     }
     async componentWillLoad() {
@@ -116,7 +117,8 @@ const Flow = class {
         loadable.setComponentLoaded(this);
     }
     disconnectedCallback() {
-        this.itemMutationObserver?.disconnect();
+        var _a;
+        (_a = this.itemMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     // --------------------------------------------------------------------------
     //

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

@@ -7,20 +7,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ed5545a.js');
-const guid = require('./guid-915a25a4.js');
-const observers = require('./observers-0dc2268b.js');
-const dom = require('./dom-3532b4e4.js');
-const form = require('./form-b7bc281a.js');
-const interactive = require('./interactive-101013d4.js');
-const key = require('./key-3057c9ae.js');
-const label = require('./label-fff46771.js');
-const loadable = require('./loadable-ddfda3cb.js');
-const locale = require('./locale-eb5416f2.js');
-const math = require('./math-8083815d.js');
-require('./resources-eeb0b476.js');
-require('./browser-16e4bcaa.js');
-require('./component-9ae7f98c.js');
+const index = require('./index-b8a649fc.js');
+const guid = require('./guid-1a466ca6.js');
+const observers = require('./observers-281a8c99.js');
+const dom = require('./dom-e111eaa6.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 math = require('./math-6c9027e3.js');
+require('./resources-6c60363a.js');
+require('./browser-9a43b900.js');
+require('./component-c270a500.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -174,10 +174,12 @@ const Graph = class {
     //
     //--------------------------------------------------------------------------
     connectedCallback() {
-        this.resizeObserver?.observe(this.el);
+        var _a;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el);
     }
     disconnectedCallback() {
-        this.resizeObserver?.disconnect();
+        var _a;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
         const { data, colorStops, el, highlightMax, highlightMin, min, max } = this;
@@ -712,7 +714,7 @@ const Slider = class {
     async setFocus() {
         await loadable.componentFocusable(this);
         const handle = this.minHandle ? this.minHandle : this.maxHandle;
-        handle?.focus();
+        handle === null || handle === void 0 ? void 0 : handle.focus();
     }
     //--------------------------------------------------------------------------
     //
@@ -749,7 +751,8 @@ const Slider = class {
         return density < 1 ? 1 : density;
     }
     generateTickValues() {
-        const tickInterval = this.ticks ?? 0;
+        var _a;
+        const tickInterval = (_a = this.ticks) !== null && _a !== void 0 ? _a : 0;
         if (tickInterval <= 0) {
             return [];
         }

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

@@ -7,17 +7,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ed5545a.js');
-const dom = require('./dom-3532b4e4.js');
-const loadable = require('./loadable-ddfda3cb.js');
-const locale = require('./locale-eb5416f2.js');
-const t9n = require('./t9n-0700950f.js');
-const interactive = require('./interactive-101013d4.js');
-require('./guid-915a25a4.js');
-require('./resources-eeb0b476.js');
-require('./key-3057c9ae.js');
-require('./observers-0dc2268b.js');
-require('./browser-16e4bcaa.js');
+const index = require('./index-b8a649fc.js');
+const dom = require('./dom-e111eaa6.js');
+const loadable = require('./loadable-07a214c7.js');
+const locale = require('./locale-6a627639.js');
+const t9n = require('./t9n-0556abcb.js');
+const interactive = require('./interactive-8aff886e.js');
+require('./guid-1a466ca6.js');
+require('./resources-6c60363a.js');
+require('./key-b8c05387.js');
+require('./observers-281a8c99.js');
+require('./browser-9a43b900.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -127,8 +127,9 @@ const Handle = class {
     // --------------------------------------------------------------------------
     /** Sets focus on the component. */
     async setFocus() {
+        var _a;
         await loadable.componentFocusable(this);
-        this.handleButton?.focus();
+        (_a = this.handleButton) === null || _a === void 0 ? void 0 : _a.focus();
     }
     // --------------------------------------------------------------------------
     //
@@ -157,9 +158,10 @@ const Handle = class {
     //
     // --------------------------------------------------------------------------
     render() {
+        var _a;
         return (
         // Needs to be a span because of https://github.com/SortableJS/Sortable/issues/1486
-        index.h("span", { "aria-disabled": this.disabled ? dom.toAriaBoolean(this.disabled) : null, "aria-label": this.disabled ? null : this.getAriaText("label"), "aria-pressed": this.disabled ? null : dom.toAriaBoolean(this.activated), class: { [CSS.handle]: true, [CSS.handleActivated]: !this.disabled && this.activated }, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, role: "button", tabIndex: this.disabled ? null : 0, title: this.messages?.dragHandle,
+        index.h("span", { "aria-disabled": this.disabled ? dom.toAriaBoolean(this.disabled) : null, "aria-label": this.disabled ? null : this.getAriaText("label"), "aria-pressed": this.disabled ? null : dom.toAriaBoolean(this.activated), class: { [CSS.handle]: true, [CSS.handleActivated]: !this.disabled && this.activated }, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, role: "button", tabIndex: this.disabled ? null : 0, title: (_a = this.messages) === null || _a === void 0 ? void 0 : _a.dragHandle,
             // 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.handleButton = el;

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

@@ -7,11 +7,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ed5545a.js');
-const dom = require('./dom-3532b4e4.js');
-const observers = require('./observers-0dc2268b.js');
-require('./guid-915a25a4.js');
-require('./resources-eeb0b476.js');
+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');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -120,7 +120,8 @@ const Icon = class {
         });
     }
     disconnectedCallback() {
-        this.intersectionObserver?.disconnect();
+        var _a;
+        (_a = this.intersectionObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
         this.intersectionObserver = null;
     }
     async componentWillLoad() {

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

@@ -7,19 +7,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ed5545a.js');
-const dom = require('./dom-3532b4e4.js');
-const interactive = require('./interactive-101013d4.js');
-const label = require('./label-fff46771.js');
-const loadable = require('./loadable-ddfda3cb.js');
-const locale = require('./locale-eb5416f2.js');
-const observers = require('./observers-0dc2268b.js');
-const t9n = require('./t9n-0700950f.js');
-require('./guid-915a25a4.js');
-require('./resources-eeb0b476.js');
-require('./browser-16e4bcaa.js');
-require('./component-9ae7f98c.js');
-require('./key-3057c9ae.js');
+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');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -46,9 +46,10 @@ const InlineEditable = class {
         this.calciteInternalInlineEditableEnableEditingChange = index.createEvent(this, "calciteInternalInlineEditableEnableEditingChange", 6);
         this.mutationObserver = observers.createObserver("mutation", () => this.mutationObserverCallback());
         this.enableEditing = () => {
-            this.valuePriorToEditing = this.inputElement?.value;
+            var _a, _b;
+            this.valuePriorToEditing = (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.value;
             this.editingEnabled = true;
-            this.inputElement?.setFocus();
+            (_b = this.inputElement) === null || _b === void 0 ? void 0 : _b.setFocus();
             this.calciteInternalInlineEditableEnableEditingChange.emit();
         };
         this.disableEditing = () => {
@@ -65,6 +66,7 @@ const InlineEditable = class {
             }
         };
         this.escapeKeyHandler = async (event) => {
+            var _a;
             if (event.defaultPrevented) {
                 return;
             }
@@ -79,7 +81,7 @@ const InlineEditable = class {
                 }
                 if (!!event.shiftKey && event.target === this.cancelEditingButton) {
                     event.preventDefault();
-                    this.inputElement?.setFocus();
+                    (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.setFocus();
                 }
             }
         };
@@ -148,11 +150,12 @@ const InlineEditable = class {
     //
     //--------------------------------------------------------------------------
     connectedCallback() {
+        var _a;
         interactive.connectInteractive(this);
         label.connectLabel(this);
         locale.connectLocalized(this);
         t9n.connectMessages(this);
-        this.mutationObserver?.observe(this.el, { childList: true });
+        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
         this.mutationObserverCallback();
     }
     async componentWillLoad() {
@@ -163,11 +166,12 @@ const InlineEditable = class {
         loadable.setComponentLoaded(this);
     }
     disconnectedCallback() {
+        var _a;
         interactive.disconnectInteractive(this);
         label.disconnectLabel(this);
         locale.disconnectLocalized(this);
         t9n.disconnectMessages(this);
-        this.mutationObserver?.disconnect();
+        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     componentDidRender() {
         interactive.updateHostInteraction(this);
@@ -207,8 +211,9 @@ const InlineEditable = class {
     //--------------------------------------------------------------------------
     /** Sets focus on the component. */
     async setFocus() {
+        var _a;
         await loadable.componentFocusable(this);
-        this.el?.focus();
+        (_a = this.el) === null || _a === void 0 ? void 0 : _a.focus();
     }
     //--------------------------------------------------------------------------
     //
@@ -216,8 +221,9 @@ const InlineEditable = class {
     //
     //--------------------------------------------------------------------------
     mutationObserverCallback() {
+        var _a;
         this.updateSlottedInput();
-        this.scale = this.scale || this.inputElement?.scale;
+        this.scale = this.scale || ((_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.scale);
     }
     onLabelClick() {
         this.setFocus();

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

@@ -7,32 +7,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2ed5545a.js');
-const date = require('./date-36e46ea6.js');
-const dom = require('./dom-3532b4e4.js');
-const floatingUi = require('./floating-ui-68d9cf85.js');
-const form = require('./form-b7bc281a.js');
-const interactive = require('./interactive-101013d4.js');
-const key = require('./key-3057c9ae.js');
-const label = require('./label-fff46771.js');
-const loadable = require('./loadable-ddfda3cb.js');
-const locale = require('./locale-eb5416f2.js');
-const openCloseComponent = require('./openCloseComponent-6500785c.js');
-const utils = require('./utils-a6c6f23d.js');
-const t9n = require('./t9n-0700950f.js');
-const focusTrapComponent = require('./focusTrapComponent-37ecfdab.js');
-const guid = require('./guid-915a25a4.js');
-const component = require('./component-9ae7f98c.js');
-const loadModules = require('./loadModules-946c1946.js');
-const locale$1 = require('./locale-21097ba6.js');
-const mode = require('./mode-eea7083b.js');
-require('./resources-eeb0b476.js');
-require('./debounce-dc29e0d7.js');
-require('./browser-16e4bcaa.js');
-require('./observers-0dc2268b.js');
-require('./esri-loader-f9cc896e.js');
+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 loadModules = require('./loadModules-51c30ab9.js');
+const locale$1 = require('./locale-9b9d0e94.js');
+const mode = require('./mode-d6c12b38.js');
+require('./resources-6c60363a.js');
+require('./debounce-30afab47.js');
+require('./browser-9a43b900.js');
+require('./observers-281a8c99.js');
+require('./esri-loader-a91c0ec1.js');
 require('./_commonjsHelpers-384729db.js');
-require('./languageUtil-1e8c411a.js');
+require('./languageUtil-a3b464f8.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -143,6 +143,7 @@ const InputDatePicker = class {
             this.lastBlurredInput = "none";
         };
         this.keyDownHandler = (event) => {
+            var _a, _b;
             const { defaultPrevented, key } = event;
             if (defaultPrevented) {
                 return;
@@ -150,10 +151,10 @@ const InputDatePicker = class {
             if (key === "Enter") {
                 this.commitValue();
                 if (this.shouldFocusRangeEnd()) {
-                    this.endInput?.setFocus();
+                    (_a = this.endInput) === null || _a === void 0 ? void 0 : _a.setFocus();
                 }
                 else if (this.shouldFocusRangeStart()) {
-                    this.startInput?.setFocus();
+                    (_b = this.startInput) === null || _b === void 0 ? void 0 : _b.setFocus();
                 }
                 if (form.submitForm(this)) {
                     event.preventDefault();
@@ -295,11 +296,14 @@ const InputDatePicker = class {
         this.formatNumerals = (value) => value
             ? value
                 .split("")
-                .map((char) => this.commonDateSeparators?.includes(char)
-                ? this.localeData?.separator
-                : key.numberKeys?.includes(char)
-                    ? locale.numberStringFormatter?.numberFormatter?.format(Number(char))
-                    : char)
+                .map((char) => {
+                var _a, _b, _c;
+                return ((_a = this.commonDateSeparators) === null || _a === void 0 ? void 0 : _a.includes(char))
+                    ? (_b = this.localeData) === null || _b === void 0 ? void 0 : _b.separator
+                    : (key.numberKeys === null || key.numberKeys === void 0 ? void 0 : key.numberKeys.includes(char))
+                        ? (_c = locale.numberStringFormatter === null || locale.numberStringFormatter === void 0 ? void 0 : locale.numberStringFormatter.numberFormatter) === null || _c === void 0 ? void 0 : _c.format(Number(char))
+                        : char;
+            })
                 .join("")
             : "";
         this.parseNumerals = (value) => value
@@ -514,6 +518,7 @@ const InputDatePicker = class {
         interactive.updateHostInteraction(this);
     }
     render() {
+        var _a, _b, _c;
         const { disabled, effectiveLocale, messages, numberingSystem, readOnly } = this;
         locale.numberStringFormatter.numberFormatOptions = {
             numberingSystem,
@@ -522,9 +527,9 @@ const InputDatePicker = class {
         };
         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,
             // 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: this.localeData?.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: `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,
             // 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: ", this.localeData?.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",
@@ -543,7 +548,7 @@ const InputDatePicker = class {
             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: this.localeData?.placeholder, readOnly: readOnly, role: "combobox", scale: this.scale, status: this.status,
+            }, 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,
             // 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 })));
     }
@@ -660,6 +665,7 @@ const InputDatePicker = class {
         focusedInput.setFocus();
     }
     localizeInputValues() {
+        var _a;
         const date$1 = date.dateFromRange((this.range
             ? (Array.isArray(this.valueAsDate) && this.valueAsDate[0]) || undefined
             : this.valueAsDate), this.minAsDate, this.maxAsDate);
@@ -674,8 +680,8 @@ const InputDatePicker = class {
         const localizedDate = date$1 && this.formatNumerals(date$1.toLocaleDateString(this.effectiveLocale, formattingOptions));
         const localizedEndDate = endDate &&
             this.formatNumerals(endDate.toLocaleDateString(this.effectiveLocale, formattingOptions));
-        this.setInputValue(localizedDate ?? "", "start");
-        this.setInputValue((this.range && localizedEndDate) ?? "", "end");
+        this.setInputValue(localizedDate !== null && localizedDate !== void 0 ? localizedDate : "", "start");
+        this.setInputValue((_a = (this.range && localizedEndDate)) !== null && _a !== void 0 ? _a : "", "end");
     }
     warnAboutInvalidValue(value) {
         console.warn(`The specified value "${value}" does not conform to the required format, "YYYY-MM-DD".`);