@esri/calcite-components 1.0.0-beta.92 → 1.0.0-beta.94

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

@@ -1,27 +1,28 @@
 /*!
  * 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-beta.92
+ * v1.0.0-beta.94
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5fd0c41c.js';
-import { T as TEXT, d as dateToISO, a as dateFromISO, b as dateFromRange, g as getLocaleData, s as sameDate, p as parseDateString, i as inRange } from './resources-3f78fbe2.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-63e40550.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-15b335c2.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, p as positionFloatingUI, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-1570beec.js';
-import { u as updateHostInteraction } from './interactive-5e7f35f4.js';
-import { t as toAriaBoolean } from './dom-ad5fd630.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-3ae9fbac.js';
-import './locale-89a5125e.js';
-import './key-c11cbfbd.js';
-import './resources-1db69fa1.js';
-import './guid-44185ff2.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-53f14b87.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-dbe60819.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-2f34aa9c.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-04d526a7.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-73470e07.js';
+import { u as updateHostInteraction } from './interactive-9ecb4bdb.js';
+import { t as toAriaBoolean } from './dom-8d6885a3.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-a5c239be.js';
+import { d as debounce } from './debounce-2f55a96e.js';
+import './locale-07e2113e.js';
+import './key-517ec64b.js';
+import './resources-54fe885f.js';
+import './guid-673b0460.js';
 
 const CSS = {
   menu: "menu-container",
   menuActive: "menu-container--active"
 };
 
-const inputDatePickerCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}: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}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}: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;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);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;-webkit-transition:var(--calcite-floating-ui-transition);transition:var(--calcite-floating-ui-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:1;border-radius:0.25rem}:host .menu-container[data-placement^=bottom] .calcite-floating-ui-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host .menu-container[data-placement^=top] .calcite-floating-ui-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host .menu-container[data-placement^=left] .calcite-floating-ui-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host .menu-container[data-placement^=right] .calcite-floating-ui-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.calendar-picker-wrapper{position:static;inline-size:100%;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}:host([range]) .input-container{display:-ms-flexbox;display:flex}:host([range]) .input-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);padding-block:0px;padding-inline:0.25rem}:host([range][layout=vertical]) .input-wrapper{inline-size:100%}:host([range][layout=vertical]) .input-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}:host([range][layout=vertical]) .calendar-picker-wrapper--end{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{inset-block-start:1.5rem;position:absolute;inset-inline-start:0px;z-index:1;margin-inline:1px;background-color:var(--calcite-ui-foreground-1);padding-inline:0.625rem}:host([scale=s][range]:not([layout=vertical])) .calendar-picker-wrapper{inline-size:216px}:host([scale=m][range]:not([layout=vertical])) .calendar-picker-wrapper{inline-size:286px}:host([scale=l][range]:not([layout=vertical])) .calendar-picker-wrapper{inline-size:398px}.menu-container{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);pointer-events:none;visibility:hidden}.menu-container .calcite-floating-ui-anim{position:relative;-webkit-transition:var(--calcite-floating-ui-transition);transition:var(--calcite-floating-ui-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:1;border-radius:0.25rem}.menu-container[data-placement^=bottom] .calcite-floating-ui-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.menu-container[data-placement^=top] .calcite-floating-ui-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.menu-container[data-placement^=left] .calcite-floating-ui-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.menu-container[data-placement^=right] .calcite-floating-ui-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([open]) .menu-container{pointer-events:initial;visibility:visible}.menu-container--active{pointer-events:initial;visibility:visible}.input .calcite-input__wrapper{-webkit-margin-before:0px;margin-block-start:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{inset-block-start:1.5rem;-webkit-padding-start:0.75rem;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;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
+const inputDatePickerCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}: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}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}: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;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);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;-webkit-transition:var(--calcite-floating-ui-transition);transition:var(--calcite-floating-ui-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:1;border-radius:0.25rem}:host .menu-container[data-placement^=bottom] .calcite-floating-ui-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host .menu-container[data-placement^=top] .calcite-floating-ui-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host .menu-container[data-placement^=left] .calcite-floating-ui-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host .menu-container[data-placement^=right] .calcite-floating-ui-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.calendar-picker-wrapper{position:static;inline-size:100%;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}:host([range]) .input-container{display:-ms-flexbox;display:flex}:host([range]) .input-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);padding-block:0px;padding-inline:0.25rem}:host([range][layout=vertical]) .input-wrapper{inline-size:100%}:host([range][layout=vertical]) .input-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}:host([range][layout=vertical]) .calendar-picker-wrapper--end{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{inset-block-start:1.5rem;position:absolute;inset-inline-start:0px;z-index:1;margin-inline:1px;background-color:var(--calcite-ui-foreground-1);padding-inline:0.625rem}:host([scale=s][range]:not([layout=vertical])) .calendar-picker-wrapper{inline-size:216px}:host([scale=m][range]:not([layout=vertical])) .calendar-picker-wrapper{inline-size:286px}:host([scale=l][range]:not([layout=vertical])) .calendar-picker-wrapper{inline-size:398px}.menu-container{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);inline-size:0;block-size:0;overflow:hidden;pointer-events:none;visibility:hidden}.menu-container .calcite-floating-ui-anim{position:relative;-webkit-transition:var(--calcite-floating-ui-transition);transition:var(--calcite-floating-ui-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:1;border-radius:0.25rem}.menu-container[data-placement^=bottom] .calcite-floating-ui-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.menu-container[data-placement^=top] .calcite-floating-ui-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.menu-container[data-placement^=left] .calcite-floating-ui-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.menu-container[data-placement^=right] .calcite-floating-ui-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([open]) .menu-container{pointer-events:initial;visibility:visible;inline-size:unset;block-size:unset;overflow:unset}.menu-container--active{pointer-events:initial;visibility:visible;inline-size:unset;block-size:unset;overflow:unset}.input .calcite-input__wrapper{-webkit-margin-before:0px;margin-block-start:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{inset-block-start:1.5rem;-webkit-padding-start:0.75rem;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;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
 
 const InputDatePicker = class {
   constructor(hostRef) {
@@ -110,6 +111,7 @@ const InputDatePicker = class {
     //  Private Methods
     //
     //--------------------------------------------------------------------------
+    this.debouncedReposition = debounce(() => this.reposition(), repositionDebounceTimeout);
     this.setFilteredPlacements = () => {
       const { el, flipPlacements } = this;
       this.filteredFlipPlacements = flipPlacements
@@ -209,7 +211,7 @@ const InputDatePicker = class {
   }
   valueHandler(value) {
     if (Array.isArray(value)) {
-      this.valueAsDate = value.map((v) => dateFromISO(v));
+      this.valueAsDate = getValueAsDateRange(value);
       this.start = value[0];
       this.end = value[1];
     }
@@ -226,6 +228,7 @@ const InputDatePicker = class {
   }
   flipPlacementsHandler() {
     this.setFilteredPlacements();
+    this.debouncedReposition();
   }
   onMinChanged(min) {
     if (min) {
@@ -246,10 +249,10 @@ const InputDatePicker = class {
       this.open = false;
       return;
     }
-    this.reposition();
+    this.debouncedReposition();
   }
   overlayPositioningHandler() {
-    this.reposition();
+    this.debouncedReposition();
   }
   //--------------------------------------------------------------------------
   //
@@ -277,12 +280,13 @@ const InputDatePicker = class {
   }
   /** Updates the position of the component. */
   async reposition() {
-    const { floatingEl, referenceEl, placement, overlayPositioning } = this;
+    const { floatingEl, referenceEl, placement, overlayPositioning, filteredFlipPlacements } = this;
     return positionFloatingUI({
       floatingEl,
       referenceEl,
       overlayPositioning,
       placement,
+      flipPlacements: filteredFlipPlacements,
       type: "menu"
     });
   }
@@ -296,7 +300,7 @@ const InputDatePicker = class {
     isOpen && this.activeHandler(isOpen);
     isOpen && this.openHandler(isOpen);
     if (Array.isArray(this.value)) {
-      this.valueAsDate = this.value.map((v) => dateFromISO(v));
+      this.valueAsDate = getValueAsDateRange(this.value);
       this.start = this.value[0];
       this.end = this.value[1];
     }
@@ -309,7 +313,7 @@ const InputDatePicker = class {
       this.startAsDate = dateFromISO(this.start);
     }
     if (this.end) {
-      this.endAsDate = dateFromISO(this.end);
+      this.endAsDate = setEndOfDay(dateFromISO(this.end));
     }
     if (this.min) {
       this.minAsDate = dateFromISO(this.min);
@@ -320,8 +324,8 @@ const InputDatePicker = class {
     connectLabel(this);
     connectForm(this);
     connectOpenCloseComponent(this);
-    this.reposition();
     this.setFilteredPlacements();
+    this.debouncedReposition();
   }
   async componentWillLoad() {
     await this.loadLocaleData();
@@ -329,7 +333,7 @@ const InputDatePicker = class {
     this.onMaxChanged(this.max);
   }
   componentDidLoad() {
-    this.reposition();
+    this.debouncedReposition();
   }
   disconnectedCallback() {
     disconnectLabel(this);
@@ -389,7 +393,7 @@ const InputDatePicker = class {
     this.startAsDate = dateFromISO(start);
   }
   endWatcher(end) {
-    this.endAsDate = dateFromISO(end);
+    this.endAsDate = end ? setEndOfDay(dateFromISO(end)) : dateFromISO(end);
   }
   async loadLocaleData() {
     const { locale } = this;
@@ -458,7 +462,7 @@ const InputDatePicker = class {
         this.end = endDateISO;
         this.calciteDatePickerRangeChange.emit({
           startDate: this.startAsDate,
-          endDate: date
+          endDate: setEndOfDay(date)
         });
       }
     }

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-beta.92
+ * v1.0.0-beta.94
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-5fd0c41c.js';
-import { s as setRequestedIcon, d as getElementProp } from './dom-ad5fd630.js';
-import './resources-1db69fa1.js';
-import './guid-44185ff2.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-53f14b87.js';
+import { s as setRequestedIcon, d as getElementProp } from './dom-8d6885a3.js';
+import './resources-54fe885f.js';
+import './guid-673b0460.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-beta.92
+ * v1.0.0-beta.94
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5fd0c41c.js';
-import { g as getSlotted, s as setRequestedIcon, d as getElementProp, a as getElementDir } from './dom-ad5fd630.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-63e40550.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-15b335c2.js';
-import { d as delocalizeNumberString, i as isValidNumber, p as parseNumberString, g as getDecimalSeparator, l as localizeNumberString, s as sanitizeNumberString } from './locale-89a5125e.js';
-import { n as numberKeys } from './key-c11cbfbd.js';
-import { T as TEXT$1, C as CSS_UTILITY } from './resources-1db69fa1.js';
-import { d as decimalPlaces } from './math-4dcd0dab.js';
-import { c as createObserver } from './observers-04124e99.js';
-import { u as updateHostInteraction } from './interactive-5e7f35f4.js';
-import './guid-44185ff2.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-53f14b87.js';
+import { g as getSlotted, s as setRequestedIcon, d as getElementProp, a as getElementDir } from './dom-8d6885a3.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-2f34aa9c.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-04d526a7.js';
+import { d as delocalizeNumberString, i as isValidNumber, p as parseNumberString, g as getDecimalSeparator, l as localizeNumberString, s as sanitizeNumberString } from './locale-07e2113e.js';
+import { n as numberKeys } from './key-517ec64b.js';
+import { T as TEXT$1, C as CSS_UTILITY } from './resources-54fe885f.js';
+import { d as decimalPlaces } from './math-7cf904c8.js';
+import { c as createObserver } from './observers-0433c649.js';
+import { u as updateHostInteraction } from './interactive-9ecb4bdb.js';
+import './guid-673b0460.js';
 
 const CSS = {
   loader: "loader",
@@ -500,14 +500,14 @@ const InputNumber = class {
   render() {
     const dir = getElementDir(this.el);
     const loader = (h("div", { class: CSS.loader }, h("calcite-progress", { label: this.intlLoading, type: "indeterminate" })));
-    const inputClearButton = (h("button", { "aria-label": this.intlClear || TEXT.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: this.disabled ? -1 : 0, type: "button" }, h("calcite-icon", { icon: "x", scale: "s" })));
+    const inputClearButton = (h("button", { "aria-label": this.intlClear || TEXT.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, h("calcite-icon", { icon: "x", scale: "s" })));
     const iconEl = (h("calcite-icon", { class: CSS.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: "s" }));
     const isHorizontalNumberButton = this.numberButtonType === "horizontal";
-    const numberButtonsHorizontalUp = (h("button", { class: {
+    const numberButtonsHorizontalUp = (h("button", { "aria-hidden": "true", class: {
         [CSS.numberButtonItem]: true,
         [CSS.buttonItemHorizontal]: isHorizontalNumberButton
       }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerUpAndOutHandler, onPointerUp: this.nudgeButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { icon: "chevron-up", scale: "s" })));
-    const numberButtonsHorizontalDown = (h("button", { class: {
+    const numberButtonsHorizontalDown = (h("button", { "aria-hidden": "true", class: {
         [CSS.numberButtonItem]: true,
         [CSS.buttonItemHorizontal]: isHorizontalNumberButton
       }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.nudgeButtonPointerDownHandler, onPointerOut: this.nudgeButtonPointerUpAndOutHandler, onPointerUp: this.nudgeButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { icon: "chevron-down", scale: "s" })));

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-beta.92
+ * v1.0.0-beta.94
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5fd0c41c.js';
-import { g as getSlotted, s as setRequestedIcon, d as getElementProp, a as getElementDir } from './dom-ad5fd630.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-63e40550.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-15b335c2.js';
-import { T as TEXT$1, C as CSS_UTILITY } from './resources-1db69fa1.js';
-import { c as createObserver } from './observers-04124e99.js';
-import { u as updateHostInteraction } from './interactive-5e7f35f4.js';
-import './guid-44185ff2.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-53f14b87.js';
+import { g as getSlotted, s as setRequestedIcon, d as getElementProp, a as getElementDir } from './dom-8d6885a3.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-2f34aa9c.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-04d526a7.js';
+import { T as TEXT$1, C as CSS_UTILITY } from './resources-54fe885f.js';
+import { c as createObserver } from './observers-0433c649.js';
+import { u as updateHostInteraction } from './interactive-9ecb4bdb.js';
+import './guid-673b0460.js';
 
 const CSS = {
   loader: "loader",
@@ -318,7 +318,7 @@ const InputText = class {
   render() {
     const dir = getElementDir(this.el);
     const loader = (h("div", { class: CSS.loader }, h("calcite-progress", { label: this.intlLoading, type: "indeterminate" })));
-    const inputClearButton = (h("button", { "aria-label": this.intlClear || TEXT.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputTextValue, tabIndex: this.disabled ? -1 : 0, type: "button" }, h("calcite-icon", { icon: "x", scale: "s" })));
+    const inputClearButton = (h("button", { "aria-label": this.intlClear || TEXT.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputTextValue, tabIndex: -1, type: "button" }, h("calcite-icon", { icon: "x", scale: "s" })));
     const iconEl = (h("calcite-icon", { class: CSS.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: "s" }));
     const prefixText = h("div", { class: CSS.prefix }, this.prefixText);
     const suffixText = h("div", { class: CSS.suffix }, this.suffixText);

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

@@ -1,17 +1,17 @@
 /*!
  * 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-beta.92
+ * v1.0.0-beta.94
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5fd0c41c.js';
-import { g as guid } from './guid-44185ff2.js';
-import { i as isValidNumber } from './locale-89a5125e.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-63e40550.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-15b335c2.js';
-import { u as updateHostInteraction } from './interactive-5e7f35f4.js';
-import { n as numberKeys, i as isActivationKey } from './key-c11cbfbd.js';
-import './dom-ad5fd630.js';
-import './resources-1db69fa1.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-53f14b87.js';
+import { g as guid } from './guid-673b0460.js';
+import { i as isValidNumber } from './locale-07e2113e.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-2f34aa9c.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-04d526a7.js';
+import { u as updateHostInteraction } from './interactive-9ecb4bdb.js';
+import { n as numberKeys, i as isActivationKey } from './key-517ec64b.js';
+import './dom-8d6885a3.js';
+import './resources-54fe885f.js';
 
 const maxTenthForMinuteAndSecond = 5;
 function createLocaleDateTimeFormatter(locale, includeSeconds = true) {
@@ -200,8 +200,14 @@ const InputTimePicker = class {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** The active state of the time input */
+    /**
+     * The active state of the time input
+     *
+     * @deprecated Use open instead.
+     */
     this.active = false;
+    /** When true, displays the `calcite-time-picker` component.*/
+    this.open = false;
     /** The disabled state of the time input */
     this.disabled = false;
     /**
@@ -224,6 +230,13 @@ const InputTimePicker = class {
     this.required = false;
     /** The scale (size) of the time input */
     this.scale = "m";
+    /**
+     * Determines the type of positioning to use for the overlaid content.
+     *
+     * Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+     *
+     */
+    this.overlayPositioning = "absolute";
     /**
      * Determines where the popover will be positioned relative to the input.
      *
@@ -244,14 +257,14 @@ const InputTimePicker = class {
     //
     //--------------------------------------------------------------------------
     this.calciteInternalInputBlurHandler = () => {
-      this.active = false;
+      this.open = false;
       const shouldIncludeSeconds = this.shouldIncludeSeconds();
       const localizedInputValue = localizeTimeString(this.calciteInputEl.value, this.locale, shouldIncludeSeconds);
       this.setInputValue(localizedInputValue || localizeTimeString(this.value, this.locale, shouldIncludeSeconds));
     };
     this.calciteInternalInputFocusHandler = (event) => {
       if (!this.readOnly) {
-        this.active = true;
+        this.open = true;
         event.stopPropagation();
       }
     };
@@ -280,8 +293,8 @@ const InputTimePicker = class {
           event.preventDefault();
         }
       }
-      if (key === "Escape" && this.active) {
-        this.active = false;
+      if (key === "Escape" && this.open) {
+        this.open = false;
         event.preventDefault();
       }
     };
@@ -340,16 +353,20 @@ const InputTimePicker = class {
       }
     };
   }
-  activeHandler() {
+  activeHandler(value) {
+    this.open = value;
+  }
+  openHandler(value) {
+    this.active = value;
     if (this.disabled || this.readOnly) {
-      this.active = false;
+      this.open = false;
       return;
     }
     this.reposition();
   }
   handleDisabledAndReadOnlyChange(value) {
     if (!value) {
-      this.active = false;
+      this.open = false;
     }
   }
   localeWatcher(newLocale) {
@@ -370,13 +387,13 @@ const InputTimePicker = class {
   timePickerBlurHandler(event) {
     event.preventDefault();
     event.stopPropagation();
-    this.active = false;
+    this.open = false;
   }
   timePickerFocusHandler(event) {
     event.preventDefault();
     event.stopPropagation();
     if (!this.readOnly) {
-      this.active = true;
+      this.open = true;
     }
   }
   // --------------------------------------------------------------------------
@@ -406,11 +423,18 @@ const InputTimePicker = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
+    const { active, open } = this;
     if (this.value) {
       this.setValue({ value: isValidTime(this.value) ? this.value : undefined, origin: "loading" });
     }
     connectLabel(this);
     connectForm(this);
+    if (open) {
+      this.active = open;
+    }
+    else if (active) {
+      this.open = active;
+    }
   }
   componentDidLoad() {
     this.setInputValue(this.localizedValue);
@@ -429,11 +453,12 @@ const InputTimePicker = class {
   // --------------------------------------------------------------------------
   render() {
     const popoverId = `${this.referenceElementId}-popover`;
-    return (h(Host, { onKeyDown: this.keyDownHandler }, h("div", { "aria-controls": popoverId, "aria-haspopup": "dialog", "aria-label": this.name, "aria-owns": popoverId, id: this.referenceElementId, role: "combobox" }, h("calcite-input", { disabled: this.disabled, icon: "clock", label: getLabelText(this), onCalciteInputInput: this.calciteInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.calciteInternalInputFocusHandler, readOnly: this.readOnly, ref: this.setCalciteInputEl, scale: this.scale, step: this.step })), h("calcite-popover", { id: popoverId, label: "Time Picker", open: this.active, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.referenceElementId, triggerDisabled: true }, h("calcite-time-picker", { intlHour: this.intlHour, intlHourDown: this.intlHourDown, intlHourUp: this.intlHourUp, intlMeridiem: this.intlMeridiem, intlMeridiemDown: this.intlMeridiemDown, intlMeridiemUp: this.intlMeridiemUp, intlMinute: this.intlMinute, intlMinuteDown: this.intlMinuteDown, intlMinuteUp: this.intlMinuteUp, intlSecond: this.intlSecond, intlSecondDown: this.intlSecondDown, intlSecondUp: this.intlSecondUp, lang: this.locale, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, value: this.value })), h(HiddenFormInputSlot, { component: this })));
+    return (h(Host, { onKeyDown: this.keyDownHandler }, h("div", { "aria-controls": popoverId, "aria-haspopup": "dialog", "aria-label": this.name, "aria-owns": popoverId, id: this.referenceElementId, role: "combobox" }, h("calcite-input", { disabled: this.disabled, icon: "clock", label: getLabelText(this), onCalciteInputInput: this.calciteInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.calciteInternalInputFocusHandler, readOnly: this.readOnly, ref: this.setCalciteInputEl, scale: this.scale, step: this.step })), h("calcite-popover", { id: popoverId, label: "Time Picker", open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.referenceElementId, triggerDisabled: true }, h("calcite-time-picker", { intlHour: this.intlHour, intlHourDown: this.intlHourDown, intlHourUp: this.intlHourUp, intlMeridiem: this.intlMeridiem, intlMeridiemDown: this.intlMeridiemDown, intlMeridiemUp: this.intlMeridiemUp, intlMinute: this.intlMinute, intlMinuteDown: this.intlMinuteDown, intlMinuteUp: this.intlMinuteUp, intlSecond: this.intlSecond, intlSecondDown: this.intlSecondDown, intlSecondUp: this.intlSecondUp, lang: this.locale, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, value: this.value })), h(HiddenFormInputSlot, { component: this })));
   }
   get el() { return getElement(this); }
   static get watchers() { return {
     "active": ["activeHandler"],
+    "open": ["openHandler"],
     "disabled": ["handleDisabledAndReadOnlyChange"],
     "readOnly": ["handleDisabledAndReadOnlyChange"],
     "locale": ["localeWatcher"],
@@ -503,88 +528,88 @@ const TimePicker = class {
     //
     //--------------------------------------------------------------------------
     /**
-     * aria-label for the hour input
+     * Accessible name for the component's hour input.
      *
      * @default "Hour"
      */
     this.intlHour = TEXT.hour;
     /**
-     * aria-label for the hour down button
+     * Accessible name for the component's hour down button.
      *
      * @default "Decrease hour"
      */
     this.intlHourDown = TEXT.hourDown;
     /**
-     * aria-label for the hour up button
+     * Accessible name for the component's hour up button.
      *
      * @default "Increase hour"
      */
     this.intlHourUp = TEXT.hourUp;
     /**
-     * aria-label for the meridiem (am/pm) input
+     * Accessible name for the component's meridiem (AM/PM) input.
      *
      * @default "AM/PM"
      */
     this.intlMeridiem = TEXT.meridiem;
     /**
-     * aria-label for the meridiem (am/pm) down button
+     * Accessible name for the component's meridiem (AM/PM) down button.
      *
      * @default "Decrease AM/PM"
      */
     this.intlMeridiemDown = TEXT.meridiemDown;
     /**
-     * aria-label for the meridiem (am/pm) up button
+     * Accessible name for the component's meridiem (AM/PM) up button.
      *
      * @default "Increase AM/PM"
      */
     this.intlMeridiemUp = TEXT.meridiemUp;
     /**
-     * aria-label for the minute input
+     * Accessible name for the component's minute input.
      *
      * @default "Minute"
      */
     this.intlMinute = TEXT.minute;
     /**
-     * aria-label for the minute down button
+     * Accessible name for the component's minute down button.
      *
      * @default "Decrease minute"
      */
     this.intlMinuteDown = TEXT.minuteDown;
     /**
-     * aria-label for the minute up button
+     * Accessible name for the component's minute up button.
      *
      * @default "Increase minute"
      */
     this.intlMinuteUp = TEXT.minuteUp;
     /**
-     * aria-label for the second input
+     * Accessible name for the component's second input.
      *
      * @default "Second"
      */
     this.intlSecond = TEXT.second;
     /**
-     * aria-label for the second down button
+     * Accessible name for the component's second down button.
      *
      * @default "Decrease second"
      */
     this.intlSecondDown = TEXT.secondDown;
     /**
-     * aria-label for the second up button
+     * Accessible name for the component's second up button.
      *
      * @default "Increase second"
      */
     this.intlSecondUp = TEXT.secondUp;
     /**
-     * BCP 47 language tag for desired language and country format
+     * BCP 47 language tag for desired language and country format.
      *
      * @internal
      */
     this.locale = document.documentElement.lang || navigator.language || "en";
-    /** The scale (size) of the time picker */
+    /** Specifies the size of the component. */
     this.scale = "m";
-    /** number (seconds) that specifies the granularity that the value must adhere to */
+    /** Specifies the granularity the "value" must adhere to (in seconds). */
     this.step = 60;
-    /** The selected time in UTC (always 24-hour format) */
+    /** The component's value in UTC (always 24-hour format). */
     this.value = null;
     this.showSecond = this.step < 60;
     this.decrementHour = () => {
@@ -1035,6 +1060,7 @@ const TimePicker = class {
   connectedCallback() {
     this.setValue(this.value, false);
     this.hourCycle = getLocaleHourCycle(this.locale);
+    this.meridiemOrder = this.getMeridiemOrder(getTimeParts("0:00:00", this.locale));
   }
   // --------------------------------------------------------------------------
   //

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-beta.92
+ * v1.0.0-beta.94
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5fd0c41c.js';
-import { g as getSlotted, s as setRequestedIcon, d as getElementProp, a as getElementDir } from './dom-ad5fd630.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-63e40550.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-15b335c2.js';
-import { d as delocalizeNumberString, i as isValidNumber, p as parseNumberString, g as getDecimalSeparator, l as localizeNumberString, s as sanitizeNumberString } from './locale-89a5125e.js';
-import { n as numberKeys } from './key-c11cbfbd.js';
-import { T as TEXT$1, C as CSS_UTILITY } from './resources-1db69fa1.js';
-import { d as decimalPlaces } from './math-4dcd0dab.js';
-import { c as createObserver } from './observers-04124e99.js';
-import { u as updateHostInteraction } from './interactive-5e7f35f4.js';
-import './guid-44185ff2.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-53f14b87.js';
+import { g as getSlotted, s as setRequestedIcon, d as getElementProp, a as getElementDir } from './dom-8d6885a3.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-2f34aa9c.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-04d526a7.js';
+import { d as delocalizeNumberString, i as isValidNumber, p as parseNumberString, g as getDecimalSeparator, l as localizeNumberString, s as sanitizeNumberString } from './locale-07e2113e.js';
+import { n as numberKeys } from './key-517ec64b.js';
+import { T as TEXT$1, C as CSS_UTILITY } from './resources-54fe885f.js';
+import { d as decimalPlaces } from './math-7cf904c8.js';
+import { c as createObserver } from './observers-0433c649.js';
+import { u as updateHostInteraction } from './interactive-9ecb4bdb.js';
+import './guid-673b0460.js';
 
 const CSS = {
   loader: "loader",
@@ -592,14 +592,14 @@ const Input = class {
   render() {
     const dir = getElementDir(this.el);
     const loader = (h("div", { class: CSS.loader }, h("calcite-progress", { label: this.intlLoading, type: "indeterminate" })));
-    const inputClearButton = (h("button", { "aria-label": this.intlClear || TEXT.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: this.disabled ? -1 : 0, type: "button" }, h("calcite-icon", { icon: "x", scale: "s" })));
+    const inputClearButton = (h("button", { "aria-label": this.intlClear || TEXT.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, h("calcite-icon", { icon: "x", scale: "s" })));
     const iconEl = (h("calcite-icon", { class: CSS.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: "s" }));
     const isHorizontalNumberButton = this.numberButtonType === "horizontal";
-    const numberButtonsHorizontalUp = (h("button", { class: {
+    const numberButtonsHorizontalUp = (h("button", { "aria-hidden": "true", class: {
         [CSS.numberButtonItem]: true,
         [CSS.buttonItemHorizontal]: isHorizontalNumberButton
       }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { icon: "chevron-up", scale: "s" })));
-    const numberButtonsHorizontalDown = (h("button", { class: {
+    const numberButtonsHorizontalDown = (h("button", { "aria-hidden": "true", class: {
         [CSS.numberButtonItem]: true,
         [CSS.buttonItemHorizontal]: isHorizontalNumberButton
       }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, h("calcite-icon", { icon: "chevron-down", scale: "s" })));

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-beta.92
+ * v1.0.0-beta.94
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5fd0c41c.js';
-import { l as labelConnectedEvent, a as labelDisconnectedEvent } from './label-63e40550.js';
-import './dom-ad5fd630.js';
-import './resources-1db69fa1.js';
-import './guid-44185ff2.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-53f14b87.js';
+import { l as labelConnectedEvent, a as labelDisconnectedEvent } from './label-2f34aa9c.js';
+import './dom-8d6885a3.js';
+import './resources-54fe885f.js';
+import './guid-673b0460.js';
 
 const CSS = {
   container: "container"