@esri/calcite-components 1.5.0-next.21 → 1.5.0-next.23

package/dist/cjs/{calcite-input-time-picker.calcite-time-picker-a99acd64.js → calcite-input-time-picker.calcite-time-picker-46e49399.js}

@@ -1,20 +1,20 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
 'use strict';
 
-const index = require('./index-656ae32a.js');
-const form = require('./form-24dfbfb9.js');
-const guid = require('./guid-b349d9b5.js');
-const interactive = require('./interactive-875f32fb.js');
-const key = require('./key-d6250065.js');
-const label = require('./label-57e38e2e.js');
-const loadable = require('./loadable-ce4ccf15.js');
-const locale$1 = require('./locale-5c1928bd.js');
-const focusTrapComponent = require('./focusTrapComponent-1bd18eb6.js');
-const t9n = require('./t9n-699a4ab7.js');
+const index = require('./index-91da3017.js');
+const form = require('./form-a7745b17.js');
+const guid = require('./guid-cc91caa4.js');
+const interactive = require('./interactive-f31c50c6.js');
+const key = require('./key-e4430962.js');
+const label = require('./label-00f7766b.js');
+const loadable = require('./loadable-2b3e7544.js');
+const locale$1 = require('./locale-fd07a6c7.js');
+const focusTrapComponent = require('./focusTrapComponent-7fa05182.js');
+const t9n = require('./t9n-55edb015.js');
 
 const maxTenthForMinuteAndSecond = 5;
 function createLocaleDateTimeFormatter(locale, numberingSystem, includeSeconds = true) {
@@ -22,7 +22,7 @@ function createLocaleDateTimeFormatter(locale, numberingSystem, includeSeconds =
     hour: "2-digit",
     minute: "2-digit",
     timeZone: "UTC",
-    numberingSystem: locale$1.getSupportedNumberingSystem(numberingSystem)
+    numberingSystem: locale$1.getSupportedNumberingSystem(numberingSystem),
   };
   if (includeSeconds) {
     options.second = "2-digit";
@@ -128,7 +128,7 @@ function localizeTimePart({ value, part, locale, numberingSystem }) {
   const parts = formatter.formatToParts(date);
   return getLocalizedTimePart(part, parts);
 }
-function localizeTimeString({ value, locale, numberingSystem, includeSeconds = true }) {
+function localizeTimeString({ value, locale, numberingSystem, includeSeconds = true, }) {
   if (!isValidTime(value)) {
     return null;
   }
@@ -137,7 +137,7 @@ function localizeTimeString({ value, locale, numberingSystem, includeSeconds = t
   const formatter = createLocaleDateTimeFormatter(locale, numberingSystem, includeSeconds);
   return formatter?.format(dateFromTimeString) || null;
 }
-function localizeTimeStringToParts({ value, locale, numberingSystem }) {
+function localizeTimeStringToParts({ value, locale, numberingSystem, }) {
   if (!isValidTime(value)) {
     return null;
   }
@@ -153,7 +153,7 @@ function localizeTimeStringToParts({ value, locale, numberingSystem }) {
       localizedMinuteSuffix: getLocalizedTimePart("minuteSuffix", parts),
       localizedSecond: getLocalizedTimePart("second", parts),
       localizedSecondSuffix: getLocalizedTimePart("secondSuffix", parts),
-      localizedMeridiem: getLocalizedTimePart("meridiem", parts)
+      localizedMeridiem: getLocalizedTimePart("meridiem", parts),
     };
   }
   return null;
@@ -177,13 +177,13 @@ function parseTimeString(value) {
     return {
       hour,
       minute,
-      second
+      second,
     };
   }
   return {
     hour: null,
     minute: null,
-    second: null
+    second: null,
   };
 }
 function toISOTimeString(value, includeSeconds = true) {
@@ -199,7 +199,7 @@ function toISOTimeString(value, includeSeconds = true) {
 }
 
 const CSS$1 = {
-  toggleIcon: "toggle-icon"
+  toggleIcon: "toggle-icon",
 };
 
 var SECONDS_A_MINUTE = 60;
@@ -1367,56 +1367,56 @@ const inputTimePickerCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframe
 
 // some bundlers (e.g., Webpack) need dynamic import paths to be static
 const supportedDayJsLocaleToLocaleConfigImport = new Map([
-  ["ar", () => Promise.resolve().then(function () { return require('./ar-9b1a4279.js'); })],
-  ["bg", () => Promise.resolve().then(function () { return require('./bg-645c4f65.js'); })],
-  ["bs", () => Promise.resolve().then(function () { return require('./bs-cc4e4fb1.js'); })],
-  ["ca", () => Promise.resolve().then(function () { return require('./ca-1e7f00bf.js'); })],
-  ["cs", () => Promise.resolve().then(function () { return require('./cs-26bf8f54.js'); })],
-  ["da", () => Promise.resolve().then(function () { return require('./da-b8a7a12a.js'); })],
-  ["de", () => Promise.resolve().then(function () { return require('./de-a980524d.js'); })],
-  ["de-at", () => Promise.resolve().then(function () { return require('./de-at-a486587b.js'); })],
-  ["de-ch", () => Promise.resolve().then(function () { return require('./de-ch-2836a0d9.js'); })],
-  ["el", () => Promise.resolve().then(function () { return require('./el-a467dbd0.js'); })],
+  ["ar", () => Promise.resolve().then(function () { return require('./ar-72b8ea92.js'); })],
+  ["bg", () => Promise.resolve().then(function () { return require('./bg-329ed745.js'); })],
+  ["bs", () => Promise.resolve().then(function () { return require('./bs-e5f069f3.js'); })],
+  ["ca", () => Promise.resolve().then(function () { return require('./ca-6ce7ed9f.js'); })],
+  ["cs", () => Promise.resolve().then(function () { return require('./cs-3a4fdfc6.js'); })],
+  ["da", () => Promise.resolve().then(function () { return require('./da-2ad48111.js'); })],
+  ["de", () => Promise.resolve().then(function () { return require('./de-c4a3c291.js'); })],
+  ["de-at", () => Promise.resolve().then(function () { return require('./de-at-766c2b2c.js'); })],
+  ["de-ch", () => Promise.resolve().then(function () { return require('./de-ch-43976db3.js'); })],
+  ["el", () => Promise.resolve().then(function () { return require('./el-c7ccd5a8.js'); })],
   ["en", () => Promise.resolve().then(function () { return en$1; })],
-  ["en-au", () => Promise.resolve().then(function () { return require('./en-au-fcc97582.js'); })],
-  ["en-ca", () => Promise.resolve().then(function () { return require('./en-ca-766ffb5b.js'); })],
-  ["en-gb", () => Promise.resolve().then(function () { return require('./en-gb-ba6745d6.js'); })],
-  ["es", () => Promise.resolve().then(function () { return require('./es-1da3ab1a.js'); })],
-  ["es-mx", () => Promise.resolve().then(function () { return require('./es-mx-0cc3828b.js'); })],
-  ["et", () => Promise.resolve().then(function () { return require('./et-f5164cc0.js'); })],
-  ["fi", () => Promise.resolve().then(function () { return require('./fi-0ba509f4.js'); })],
-  ["fr", () => Promise.resolve().then(function () { return require('./fr-ece06ddc.js'); })],
-  ["fr-ch", () => Promise.resolve().then(function () { return require('./fr-ch-e8a3ed6f.js'); })],
-  ["he", () => Promise.resolve().then(function () { return require('./he-a4bd6cfc.js'); })],
-  ["hi", () => Promise.resolve().then(function () { return require('./hi-1ca5bba1.js'); })],
-  ["hr", () => Promise.resolve().then(function () { return require('./hr-c31835ba.js'); })],
-  ["hu", () => Promise.resolve().then(function () { return require('./hu-58a3a1bc.js'); })],
-  ["id", () => Promise.resolve().then(function () { return require('./id-9e62884e.js'); })],
-  ["it", () => Promise.resolve().then(function () { return require('./it-2bcfb6e2.js'); })],
-  ["it-ch", () => Promise.resolve().then(function () { return require('./it-ch-d97913b1.js'); })],
-  ["ja", () => Promise.resolve().then(function () { return require('./ja-ed5728fd.js'); })],
-  ["ko", () => Promise.resolve().then(function () { return require('./ko-cf647efc.js'); })],
-  ["lt", () => Promise.resolve().then(function () { return require('./lt-07c884c8.js'); })],
-  ["lv", () => Promise.resolve().then(function () { return require('./lv-ceb260ec.js'); })],
-  ["mk", () => Promise.resolve().then(function () { return require('./mk-fe7cf0d5.js'); })],
-  ["nl", () => Promise.resolve().then(function () { return require('./nl-7fe3851d.js'); })],
-  ["nb", () => Promise.resolve().then(function () { return require('./nb-622796e2.js'); })],
-  ["pl", () => Promise.resolve().then(function () { return require('./pl-1e8316dc.js'); })],
-  ["pt", () => Promise.resolve().then(function () { return require('./pt-792fc990.js'); })],
-  ["pt-br", () => Promise.resolve().then(function () { return require('./pt-br-8232a95b.js'); })],
-  ["ro", () => Promise.resolve().then(function () { return require('./ro-0dfbe650.js'); })],
-  ["ru", () => Promise.resolve().then(function () { return require('./ru-69bbecf9.js'); })],
-  ["sk", () => Promise.resolve().then(function () { return require('./sk-d9998d19.js'); })],
-  ["sl", () => Promise.resolve().then(function () { return require('./sl-cbe85e76.js'); })],
-  ["sr", () => Promise.resolve().then(function () { return require('./sr-64f880d6.js'); })],
-  ["sv", () => Promise.resolve().then(function () { return require('./sv-d116aa2a.js'); })],
-  ["th", () => Promise.resolve().then(function () { return require('./th-03f2ac76.js'); })],
-  ["tr", () => Promise.resolve().then(function () { return require('./tr-c6727598.js'); })],
-  ["uk", () => Promise.resolve().then(function () { return require('./uk-8a14e6b2.js'); })],
-  ["vi", () => Promise.resolve().then(function () { return require('./vi-42ca578a.js'); })],
-  ["zh-cn", () => Promise.resolve().then(function () { return require('./zh-cn-d2f42ff9.js'); })],
-  ["zh-hk", () => Promise.resolve().then(function () { return require('./zh-hk-33e2614b.js'); })],
-  ["zh-tw", () => Promise.resolve().then(function () { return require('./zh-tw-9ad2281a.js'); })]
+  ["en-au", () => Promise.resolve().then(function () { return require('./en-au-b94bd3e8.js'); })],
+  ["en-ca", () => Promise.resolve().then(function () { return require('./en-ca-81a2bb23.js'); })],
+  ["en-gb", () => Promise.resolve().then(function () { return require('./en-gb-e430e550.js'); })],
+  ["es", () => Promise.resolve().then(function () { return require('./es-a63783c0.js'); })],
+  ["es-mx", () => Promise.resolve().then(function () { return require('./es-mx-e9a9a7c2.js'); })],
+  ["et", () => Promise.resolve().then(function () { return require('./et-8b913a6c.js'); })],
+  ["fi", () => Promise.resolve().then(function () { return require('./fi-3b7d3a58.js'); })],
+  ["fr", () => Promise.resolve().then(function () { return require('./fr-2c8d36ce.js'); })],
+  ["fr-ch", () => Promise.resolve().then(function () { return require('./fr-ch-6e483f40.js'); })],
+  ["he", () => Promise.resolve().then(function () { return require('./he-ca5f4002.js'); })],
+  ["hi", () => Promise.resolve().then(function () { return require('./hi-1033029e.js'); })],
+  ["hr", () => Promise.resolve().then(function () { return require('./hr-3eecb037.js'); })],
+  ["hu", () => Promise.resolve().then(function () { return require('./hu-d6f557ce.js'); })],
+  ["id", () => Promise.resolve().then(function () { return require('./id-9ea03116.js'); })],
+  ["it", () => Promise.resolve().then(function () { return require('./it-273e7645.js'); })],
+  ["it-ch", () => Promise.resolve().then(function () { return require('./it-ch-d6a1caf8.js'); })],
+  ["ja", () => Promise.resolve().then(function () { return require('./ja-5482d2ac.js'); })],
+  ["ko", () => Promise.resolve().then(function () { return require('./ko-650c748c.js'); })],
+  ["lt", () => Promise.resolve().then(function () { return require('./lt-447ae6d1.js'); })],
+  ["lv", () => Promise.resolve().then(function () { return require('./lv-574f485c.js'); })],
+  ["mk", () => Promise.resolve().then(function () { return require('./mk-a194ffe1.js'); })],
+  ["nl", () => Promise.resolve().then(function () { return require('./nl-02d338c5.js'); })],
+  ["nb", () => Promise.resolve().then(function () { return require('./nb-9d4a0cfd.js'); })],
+  ["pl", () => Promise.resolve().then(function () { return require('./pl-e8aa2291.js'); })],
+  ["pt", () => Promise.resolve().then(function () { return require('./pt-c2cb42ff.js'); })],
+  ["pt-br", () => Promise.resolve().then(function () { return require('./pt-br-a0e187cb.js'); })],
+  ["ro", () => Promise.resolve().then(function () { return require('./ro-652e86e5.js'); })],
+  ["ru", () => Promise.resolve().then(function () { return require('./ru-762416f5.js'); })],
+  ["sk", () => Promise.resolve().then(function () { return require('./sk-38c290b6.js'); })],
+  ["sl", () => Promise.resolve().then(function () { return require('./sl-e86c9d6d.js'); })],
+  ["sr", () => Promise.resolve().then(function () { return require('./sr-e43098cd.js'); })],
+  ["sv", () => Promise.resolve().then(function () { return require('./sv-3b9bab16.js'); })],
+  ["th", () => Promise.resolve().then(function () { return require('./th-0344701b.js'); })],
+  ["tr", () => Promise.resolve().then(function () { return require('./tr-355b63c6.js'); })],
+  ["uk", () => Promise.resolve().then(function () { return require('./uk-7624a65d.js'); })],
+  ["vi", () => Promise.resolve().then(function () { return require('./vi-292d3c40.js'); })],
+  ["zh-cn", () => Promise.resolve().then(function () { return require('./zh-cn-2a836f08.js'); })],
+  ["zh-hk", () => Promise.resolve().then(function () { return require('./zh-hk-a091fea3.js'); })],
+  ["zh-tw", () => Promise.resolve().then(function () { return require('./zh-tw-a704411c.js'); })],
 ]);
 dayjs.extend(customParseFormat);
 dayjs.extend(localeData);
@@ -1451,7 +1451,7 @@ const InputTimePicker = class {
         value: this.value,
         locale: this.effectiveLocale,
         numberingSystem: this.numberingSystem,
-        includeSeconds: this.shouldIncludeSeconds()
+        includeSeconds: this.shouldIncludeSeconds(),
       });
       if (localizedTimeString !== inputValue) {
         this.setInputValue(localizedTimeString);
@@ -1470,7 +1470,7 @@ const InputTimePicker = class {
         locale$1.numberStringFormatter.numberFormatOptions = {
           locale,
           numberingSystem,
-          useGrouping: false
+          useGrouping: false,
         };
         const valueInNumberingSystem = locale$1.numberStringFormatter
           .delocalize(target.value)
@@ -1492,7 +1492,7 @@ const InputTimePicker = class {
         value,
         locale: this.effectiveLocale,
         numberingSystem: this.numberingSystem,
-        includeSeconds
+        includeSeconds,
       }));
     };
     this.popoverCloseHandler = () => {
@@ -1500,7 +1500,7 @@ const InputTimePicker = class {
         onDeactivate: () => {
           this.calciteInputEl.setFocus();
           this.focusOnOpen = false;
-        }
+        },
       });
     };
     this.popoverOpenHandler = () => {
@@ -1510,7 +1510,7 @@ const InputTimePicker = class {
             this.calciteTimePickerEl.setFocus();
             this.focusOnOpen = false;
           }
-        }
+        },
       });
     };
     this.keyDownHandler = (event) => {
@@ -1532,7 +1532,7 @@ const InputTimePicker = class {
           value: this.value,
           locale: this.effectiveLocale,
           numberingSystem: this.numberingSystem,
-          includeSeconds: this.shouldIncludeSeconds()
+          includeSeconds: this.shouldIncludeSeconds(),
         });
         if (newValue && this.calciteInputEl.value !== localizedTimeString) {
           this.setInputValue(localizedTimeString);
@@ -1561,8 +1561,8 @@ const InputTimePicker = class {
         focusTrapEl: el,
         focusTrapOptions: {
           initialFocus: false,
-          setReturnFocus: false
-        }
+          setReturnFocus: false,
+        },
       });
     };
     this.setInputValue = (newInputValue) => {
@@ -1593,7 +1593,7 @@ const InputTimePicker = class {
           value: oldValue,
           locale: this.effectiveLocale,
           numberingSystem: this.numberingSystem,
-          includeSeconds: this.shouldIncludeSeconds()
+          includeSeconds: this.shouldIncludeSeconds(),
         }));
       }
     };
@@ -1611,7 +1611,7 @@ const InputTimePicker = class {
           value: this.value,
           includeSeconds,
           locale: this.effectiveLocale,
-          numberingSystem: this.numberingSystem
+          numberingSystem: this.numberingSystem,
         })
         : "");
     };
@@ -1667,7 +1667,7 @@ const InputTimePicker = class {
       value: this.value,
       locale: this.effectiveLocale,
       numberingSystem,
-      includeSeconds: this.shouldIncludeSeconds()
+      includeSeconds: this.shouldIncludeSeconds(),
     }));
   }
   stepWatcher(newStep, oldStep) {
@@ -1688,7 +1688,7 @@ const InputTimePicker = class {
       value: this.value,
       locale,
       numberingSystem: this.numberingSystem,
-      includeSeconds: this.shouldIncludeSeconds()
+      includeSeconds: this.shouldIncludeSeconds(),
     }));
   }
   // --------------------------------------------------------------------------
@@ -1749,23 +1749,23 @@ const InputTimePicker = class {
           L: "DD/MM/YYYY",
           LL: "D MMMM YYYY",
           LLL: "D MMMM YYYY HH:mm A",
-          LLLL: "dddd D MMMM YYYY HH:mm A"
-        }
+          LLLL: "dddd D MMMM YYYY HH:mm A",
+        },
       };
     }
     if (locale === "en-au") {
       return {
-        meridiem: (hour) => (hour > 12 ? "pm" : "am")
+        meridiem: (hour) => (hour > 12 ? "pm" : "am"),
       };
     }
     if (locale === "en-ca") {
       return {
-        meridiem: (hour) => (hour > 12 ? "p.m." : "a.m.")
+        meridiem: (hour) => (hour > 12 ? "p.m." : "a.m."),
       };
     }
     if (locale === "el") {
       return {
-        meridiem: (hour) => (hour > 12 ? "μ.μ." : "π.μ.")
+        meridiem: (hour) => (hour > 12 ? "μ.μ." : "π.μ."),
       };
     }
     if (locale === "hi") {
@@ -1776,31 +1776,31 @@ const InputTimePicker = class {
           L: "DD/MM/YYYY",
           LL: "D MMMM YYYY",
           LLL: "D MMMM YYYY, h:mm A",
-          LLLL: "dddd, D MMMM YYYY, h:mm A"
+          LLLL: "dddd, D MMMM YYYY, h:mm A",
         },
-        meridiem: (hour) => (hour > 12 ? "pm" : "am")
+        meridiem: (hour) => (hour > 12 ? "pm" : "am"),
       };
     }
     if (locale === "ko") {
       return {
-        meridiem: (hour) => (hour > 12 ? "오후" : "오전")
+        meridiem: (hour) => (hour > 12 ? "오후" : "오전"),
       };
     }
     if (locale === "zh-tw") {
       return {
         formats: {
           LT: "AHH:mm",
-          LTS: "AHH:mm:ss"
-        }
+          LTS: "AHH:mm:ss",
+        },
       };
     }
     if (locale === "zh-hk") {
       return {
         formats: {
           LT: "AHH:mm",
-          LTS: "AHH:mm:ss"
+          LTS: "AHH:mm:ss",
         },
-        meridiem: (hour) => (hour > 12 ? "下午" : "上午")
+        meridiem: (hour) => (hour > 12 ? "下午" : "上午"),
       };
     }
   }
@@ -1839,7 +1839,7 @@ const InputTimePicker = class {
         value: this.value,
         locale: this.effectiveLocale,
         numberingSystem: this.numberingSystem,
-        includeSeconds: this.shouldIncludeSeconds()
+        includeSeconds: this.shouldIncludeSeconds(),
       }));
     }
   }
@@ -1916,7 +1916,7 @@ const CSS = {
   "scale-m": "scale-m",
   "scale-l": "scale-l",
   timePicker: "time-picker",
-  meridiemStart: "meridiem--start"
+  meridiemStart: "meridiem--start",
 };
 
 const timePickerCss = "@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-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 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-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.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);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host{display:inline-block}.time-picker{display:flex;-webkit-user-select:none;user-select:none;align-items:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius:var(--calcite-border-radius)}.time-picker .column{display:flex;flex-direction:column}.time-picker .meridiem--start{order:-1}.time-picker .button{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-ui-foreground-1)}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-ui-foreground-2);outline:2px solid transparent;outline-offset:2px;z-index:var(--calcite-app-z-index-header);outline-offset:0}.time-picker .button:active{background-color:var(--calcite-ui-foreground-3)}.time-picker .button.top-left{border-start-start-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-end-start-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-start-end-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-end-end-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-ui-text-3)}.time-picker .input{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium)}.time-picker .input:hover{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2);z-index:var(--calcite-app-z-index-header)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);z-index:var(--calcite-app-z-index-header);outline-offset:0}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-inline:0.75rem;padding-block:0.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{padding-inline-end:0.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-inline:1rem;padding-block:0.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-inline:1.25rem;padding-block:0.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{padding-inline-end:1.25rem}";
@@ -2182,7 +2182,7 @@ const TimePicker = class {
       if (isValidTime(value)) {
         const { hour, minute, second } = parseTimeString(value);
         const { effectiveLocale: locale, numberingSystem } = this;
-        const { localizedHour, localizedHourSuffix, localizedMinute, localizedMinuteSuffix, localizedSecond, localizedSecondSuffix, localizedMeridiem } = localizeTimeStringToParts({ value, locale, numberingSystem });
+        const { localizedHour, localizedHourSuffix, localizedMinute, localizedMinuteSuffix, localizedSecond, localizedSecondSuffix, localizedMeridiem, } = localizeTimeStringToParts({ value, locale, numberingSystem });
         this.localizedHour = localizedHour;
         this.localizedHourSuffix = localizedHourSuffix;
         this.localizedMinute = localizedMinute;
@@ -2239,7 +2239,7 @@ const TimePicker = class {
             value: this.hour,
             part: "hour",
             locale,
-            numberingSystem
+            numberingSystem,
           });
         }
       }
@@ -2249,7 +2249,7 @@ const TimePicker = class {
           value: this[key],
           part: key,
           locale,
-          numberingSystem
+          numberingSystem,
         });
       }
       if (this.hour && this.minute) {
@@ -2435,7 +2435,7 @@ const TimePicker = class {
     this.meridiemOrder = this.getMeridiemOrder(getTimeParts({
       value: "0:00:00",
       locale: this.effectiveLocale,
-      numberingSystem: this.numberingSystem
+      numberingSystem: this.numberingSystem,
     }));
   }
   async componentWillLoad() {
@@ -2464,58 +2464,58 @@ const TimePicker = class {
         [CSS.timePicker]: true,
         [CSS.showMeridiem]: showMeridiem,
         [CSS.showSecond]: this.showSecond,
-        [CSS[`scale-${this.scale}`]]: true
+        [CSS[`scale-${this.scale}`]]: true,
       }, dir: "ltr" }, index.h("div", { class: CSS.column, role: "group" }, index.h("span", { "aria-label": this.messages.hourUp, class: {
         [CSS.button]: true,
         [CSS.buttonHourUp]: true,
-        [CSS.buttonTopLeft]: true
+        [CSS.buttonTopLeft]: true,
       }, onClick: this.incrementHour, onKeyDown: this.hourUpButtonKeyDownHandler, role: "button" }, index.h("calcite-icon", { icon: "chevron-up", scale: iconScale })), index.h("span", { "aria-label": this.messages.hour, "aria-valuemax": "23", "aria-valuemin": "1", "aria-valuenow": (hourIsNumber && parseInt(this.hour)) || "0", "aria-valuetext": this.hour, class: {
         [CSS.input]: true,
-        [CSS.hour]: true
+        [CSS.hour]: true,
       }, onFocus: this.focusHandler, onKeyDown: this.hourKeyDownHandler, role: "spinbutton", tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props
       ref: this.setHourEl }, this.localizedHour || "--"), index.h("span", { "aria-label": this.messages.hourDown, class: {
         [CSS.button]: true,
         [CSS.buttonHourDown]: true,
-        [CSS.buttonBottomLeft]: true
+        [CSS.buttonBottomLeft]: true,
       }, onClick: this.decrementHour, onKeyDown: this.hourDownButtonKeyDownHandler, role: "button" }, index.h("calcite-icon", { icon: "chevron-down", scale: iconScale }))), index.h("span", { class: CSS.delimiter }, this.localizedHourSuffix), index.h("div", { class: CSS.column, role: "group" }, index.h("span", { "aria-label": this.messages.minuteUp, class: {
         [CSS.button]: true,
-        [CSS.buttonMinuteUp]: true
+        [CSS.buttonMinuteUp]: true,
       }, onClick: this.incrementMinute, onKeyDown: this.minuteUpButtonKeyDownHandler, role: "button", tabIndex: -1 }, index.h("calcite-icon", { icon: "chevron-up", scale: iconScale })), index.h("span", { "aria-label": this.messages.minute, "aria-valuemax": "12", "aria-valuemin": "1", "aria-valuenow": (minuteIsNumber && parseInt(this.minute)) || "0", "aria-valuetext": this.minute, class: {
         [CSS.input]: true,
-        [CSS.minute]: true
+        [CSS.minute]: true,
       }, onFocus: this.focusHandler, onKeyDown: this.minuteKeyDownHandler, role: "spinbutton", tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props
       ref: this.setMinuteEl }, this.localizedMinute || "--"), index.h("span", { "aria-label": this.messages.minuteDown, class: {
         [CSS.button]: true,
-        [CSS.buttonMinuteDown]: true
+        [CSS.buttonMinuteDown]: true,
       }, onClick: this.decrementMinute, onKeyDown: this.minuteDownButtonKeyDownHandler, role: "button" }, index.h("calcite-icon", { icon: "chevron-down", scale: iconScale }))), this.showSecond && index.h("span", { class: CSS.delimiter }, this.localizedMinuteSuffix), this.showSecond && (index.h("div", { class: CSS.column, role: "group" }, index.h("span", { "aria-label": this.messages.secondUp, class: {
         [CSS.button]: true,
-        [CSS.buttonSecondUp]: true
+        [CSS.buttonSecondUp]: true,
       }, onClick: this.incrementSecond, onKeyDown: this.secondUpButtonKeyDownHandler, role: "button" }, index.h("calcite-icon", { icon: "chevron-up", scale: iconScale })), index.h("span", { "aria-label": this.messages.second, "aria-valuemax": "59", "aria-valuemin": "0", "aria-valuenow": (secondIsNumber && parseInt(this.second)) || "0", "aria-valuetext": this.second, class: {
         [CSS.input]: true,
-        [CSS.second]: true
+        [CSS.second]: true,
       }, onFocus: this.focusHandler, onKeyDown: this.secondKeyDownHandler, role: "spinbutton", tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props
       ref: this.setSecondEl }, this.localizedSecond || "--"), index.h("span", { "aria-label": this.messages.secondDown, class: {
         [CSS.button]: true,
-        [CSS.buttonSecondDown]: true
+        [CSS.buttonSecondDown]: true,
       }, onClick: this.decrementSecond, onKeyDown: this.secondDownButtonKeyDownHandler, role: "button" }, index.h("calcite-icon", { icon: "chevron-down", scale: iconScale })))), this.localizedSecondSuffix && (index.h("span", { class: CSS.delimiter }, this.localizedSecondSuffix)), showMeridiem && (index.h("div", { class: {
         [CSS.column]: true,
-        [CSS.meridiemStart]: this.meridiemOrder === 0
+        [CSS.meridiemStart]: this.meridiemOrder === 0,
       }, role: "group" }, index.h("span", { "aria-label": this.messages.meridiemUp, class: {
         [CSS.button]: true,
         [CSS.buttonMeridiemUp]: true,
-        [CSS.buttonTopRight]: true
+        [CSS.buttonTopRight]: true,
       }, onClick: this.incrementMeridiem, onKeyDown: this.meridiemUpButtonKeyDownHandler, role: "button" }, index.h("calcite-icon", { icon: "chevron-up", scale: iconScale })), index.h("span", { "aria-label": this.messages.meridiem, "aria-valuemax": "2", "aria-valuemin": "1", "aria-valuenow": (this.meridiem === "PM" && "2") || "1", "aria-valuetext": this.meridiem, class: {
         [CSS.input]: true,
-        [CSS.meridiem]: true
+        [CSS.meridiem]: true,
       }, onFocus: this.focusHandler, onKeyDown: this.meridiemKeyDownHandler, role: "spinbutton", tabIndex: 0,
       // eslint-disable-next-line react/jsx-sort-props
       ref: this.setMeridiemEl }, this.localizedMeridiem || "--"), index.h("span", { "aria-label": this.messages.meridiemDown, class: {
         [CSS.button]: true,
         [CSS.buttonMeridiemDown]: true,
-        [CSS.buttonBottomRight]: true
+        [CSS.buttonBottomRight]: true,
       }, onClick: this.decrementMeridiem, onKeyDown: this.meridiemDownButtonKeyDownHandler, role: "button" }, index.h("calcite-icon", { icon: "chevron-down", scale: iconScale }))))));
   }
   static get delegatesFocus() { return true; }

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

@@ -1,26 +1,26 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const calciteInputTimePicker_calciteTimePicker_entry = require('./calcite-input-time-picker.calcite-time-picker-a99acd64.js');
-require('./index-656ae32a.js');
-require('./form-24dfbfb9.js');
-require('./dom-a1026792.js');
-require('./guid-b349d9b5.js');
-require('./resources-e1018918.js');
-require('./interactive-875f32fb.js');
-require('./key-d6250065.js');
-require('./label-57e38e2e.js');
-require('./loadable-ce4ccf15.js');
-require('./locale-5c1928bd.js');
-require('./observers-0ee21e59.js');
-require('./focusTrapComponent-1bd18eb6.js');
-require('./t9n-699a4ab7.js');
+const calciteInputTimePicker_calciteTimePicker_entry = require('./calcite-input-time-picker.calcite-time-picker-46e49399.js');
+require('./index-91da3017.js');
+require('./form-a7745b17.js');
+require('./dom-37cf0e68.js');
+require('./guid-cc91caa4.js');
+require('./resources-bf2b00f4.js');
+require('./interactive-f31c50c6.js');
+require('./key-e4430962.js');
+require('./label-00f7766b.js');
+require('./loadable-2b3e7544.js');
+require('./locale-fd07a6c7.js');
+require('./observers-56f3e3e2.js');
+require('./focusTrapComponent-7fa05182.js');
+require('./t9n-55edb015.js');