@react-aria/datepicker 3.1.2 → 3.2.1

package/dist/main.js

@@ -2,8 +2,8 @@ var $IwcIq$reactariafocus = require("@react-aria/focus");
 var $IwcIq$reactariautils = require("@react-aria/utils");
 var $IwcIq$react = require("react");
 var $IwcIq$reactarialabel = require("@react-aria/label");
-var $IwcIq$reactariai18n = require("@react-aria/i18n");
 var $IwcIq$reactariainteractions = require("@react-aria/interactions");
+var $IwcIq$reactariai18n = require("@react-aria/i18n");
 var $IwcIq$internationalizeddate = require("@internationalized/date");
 var $IwcIq$internationalizednumber = require("@internationalized/number");
 var $IwcIq$reactariaspinbutton = require("@react-aria/spinbutton");
@@ -22,7 +22,27 @@ $parcel$export(module.exports, "useDateField", () => $4acc2f407c169e55$export$55
 $parcel$export(module.exports, "useTimeField", () => $4acc2f407c169e55$export$4c842f6a241dc825);
 $parcel$export(module.exports, "useDateRangePicker", () => $20f695b1b69e6b9e$export$12fd5f0e9f4bb192);
 $parcel$export(module.exports, "useDisplayNames", () => $934ac650a0aceb4b$export$d42c60378c8168f8);
-
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ /*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 var $c7d0e80b992ca68a$exports = {};
 var $aa344be62785b256$exports = {};
@@ -36,12 +56,9 @@ $aa344be62785b256$exports = {
     "minute": `الدقائق`,
     "month": `الشهر`,
     "second": `الثواني`,
-    "selectedDateDescription": (args)=>`تاريخ محدد: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`المدى الزمني المحدد: ${args.startDate} إلى ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`الوقت المحدد: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`تاريخ محدد: ${args.date}`,
+    "selectedRangeDescription": (args)=>`المدى الزمني المحدد: ${args.startDate} إلى ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`الوقت المحدد: ${args.time}`,
     "startDate": `تاريخ البدء`,
     "timeZoneName": `التوقيت`,
     "weekday": `اليوم`,
@@ -60,12 +77,9 @@ $615986c3475e7c8c$exports = {
     "minute": `минута`,
     "month": `месец`,
     "second": `секунда`,
-    "selectedDateDescription": (args)=>`Избрана дата: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Избран диапазон: ${args.startDate} до ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Избрано време: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Избрана дата: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Избран диапазон: ${args.startDate} до ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Избрано време: ${args.time}`,
     "startDate": `Начална дата`,
     "timeZoneName": `часова зона`,
     "weekday": `ден от седмицата`,
@@ -84,12 +98,9 @@ $6c6207692f1ab248$exports = {
     "minute": `minuta`,
     "month": `měsíc`,
     "second": `sekunda`,
-    "selectedDateDescription": (args)=>`Vybrané datum: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Vybrané období: ${args.startDate} až ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Vybraný čas: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Vybrané datum: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Vybrané období: ${args.startDate} až ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Vybraný čas: ${args.time}`,
     "startDate": `Počáteční datum`,
     "timeZoneName": `časové pásmo`,
     "weekday": `den v týdnu`,
@@ -108,12 +119,9 @@ $fb37a9d024dd70f8$exports = {
     "minute": `minut`,
     "month": `måned`,
     "second": `sekund`,
-    "selectedDateDescription": (args)=>`Valgt dato: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Valgt interval: ${args.startDate} til ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Valgt tidspunkt: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Valgt dato: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Valgt interval: ${args.startDate} til ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Valgt tidspunkt: ${args.time}`,
     "startDate": `Startdato`,
     "timeZoneName": `tidszone`,
     "weekday": `ugedag`,
@@ -132,12 +140,9 @@ $d7780bd4790f7ae9$exports = {
     "minute": `Minute`,
     "month": `Monat`,
     "second": `Sekunde`,
-    "selectedDateDescription": (args)=>`Ausgewähltes Datum: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Ausgewählter Bereich: ${args.startDate} bis ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Ausgewählte Zeit: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Ausgewähltes Datum: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Ausgewählter Bereich: ${args.startDate} bis ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Ausgewählte Zeit: ${args.time}`,
     "startDate": `Anfangsdatum`,
     "timeZoneName": `Zeitzone`,
     "weekday": `Wochentag`,
@@ -156,12 +161,9 @@ $9cdf03311f06c4ac$exports = {
     "minute": `λεπτό`,
     "month": `μήνας`,
     "second": `δευτερόλεπτο`,
-    "selectedDateDescription": (args)=>`Επιλεγμένη ημερομηνία: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Επιλεγμένο εύρος: ${args.startDate} έως ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Επιλεγμένη ώρα: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Επιλεγμένη ημερομηνία: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Επιλεγμένο εύρος: ${args.startDate} έως ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Επιλεγμένη ώρα: ${args.time}`,
     "startDate": `Ημερομηνία έναρξης`,
     "timeZoneName": `ζώνη ώρας`,
     "weekday": `καθημερινή`,
@@ -184,10 +186,8 @@ $f93fc9e164ae811c$exports = {
     "endDate": `End Date`,
     "weekday": `day of the week`,
     "timeZoneName": `time zone`,
-    "selectedDateDescription": (args)=>`Selected Date: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Selected Range: ${args.startDate} to ${args.endDate}`
-    ,
+    "selectedDateDescription": (args)=>`Selected Date: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Selected Range: ${args.startDate} to ${args.endDate}`,
     "selectedTimeDescription": (args)=>`Selected Time: ${args.time}`
 };
 
@@ -203,12 +203,9 @@ $7426c3264bf5ffea$exports = {
     "minute": `minuto`,
     "month": `mes`,
     "second": `segundo`,
-    "selectedDateDescription": (args)=>`Fecha seleccionada: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Rango seleccionado: ${args.startDate} a ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Hora seleccionada: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Fecha seleccionada: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Rango seleccionado: ${args.startDate} a ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Hora seleccionada: ${args.time}`,
     "startDate": `Fecha de inicio`,
     "timeZoneName": `zona horaria`,
     "weekday": `día de la semana`,
@@ -227,12 +224,9 @@ $1115cc0042de790c$exports = {
     "minute": `minut`,
     "month": `kuu`,
     "second": `sekund`,
-    "selectedDateDescription": (args)=>`Valitud kuupäev: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Valitud vahemik: ${args.startDate} kuni ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Valitud aeg: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Valitud kuupäev: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Valitud vahemik: ${args.startDate} kuni ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Valitud aeg: ${args.time}`,
     "startDate": `Alguskuupäev`,
     "timeZoneName": `ajavöönd`,
     "weekday": `nädalapäev`,
@@ -251,12 +245,9 @@ $4e80389dccb9283f$exports = {
     "minute": `minuutti`,
     "month": `kuukausi`,
     "second": `sekunti`,
-    "selectedDateDescription": (args)=>`Valittu päivämäärä: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Valittu aikaväli: ${args.startDate} – ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Valittu aika: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Valittu päivämäärä: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Valittu aikaväli: ${args.startDate} – ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Valittu aika: ${args.time}`,
     "startDate": `Alkamispäivä`,
     "timeZoneName": `aikavyöhyke`,
     "weekday": `viikonpäivä`,
@@ -275,12 +266,9 @@ $78ad6f738c1f38d1$exports = {
     "minute": `minute`,
     "month": `mois`,
     "second": `seconde`,
-    "selectedDateDescription": (args)=>`Date sélectionnée : ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Plage sélectionnée : ${args.startDate} au ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Heure choisie : ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Date sélectionnée : ${args.date}`,
+    "selectedRangeDescription": (args)=>`Plage sélectionnée : ${args.startDate} au ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Heure choisie : ${args.time}`,
     "startDate": `Date de début`,
     "timeZoneName": `fuseau horaire`,
     "weekday": `jour de la semaine`,
@@ -299,12 +287,9 @@ $50fa4716d827cd97$exports = {
     "minute": `דקה`,
     "month": `חודש`,
     "second": `שנייה`,
-    "selectedDateDescription": (args)=>`תאריך נבחר: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`טווח נבחר: ${args.startDate} עד ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`זמן נבחר: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`תאריך נבחר: ${args.date}`,
+    "selectedRangeDescription": (args)=>`טווח נבחר: ${args.startDate} עד ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`זמן נבחר: ${args.time}`,
     "startDate": `תאריך התחלה`,
     "timeZoneName": `אזור זמן`,
     "weekday": `יום בשבוע`,
@@ -323,12 +308,9 @@ $7297908fac4cf6c2$exports = {
     "minute": `minuta`,
     "month": `mjesec`,
     "second": `sekunda`,
-    "selectedDateDescription": (args)=>`Odabrani datum: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Odabrani raspon: ${args.startDate} do ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Odabrano vrijeme: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Odabrani datum: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Odabrani raspon: ${args.startDate} do ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Odabrano vrijeme: ${args.time}`,
     "startDate": `Datum početka`,
     "timeZoneName": `vremenska zona`,
     "weekday": `dan u tjednu`,
@@ -347,12 +329,9 @@ $f95c1b06e1d5ba32$exports = {
     "minute": `perc`,
     "month": `hónap`,
     "second": `másodperc`,
-    "selectedDateDescription": (args)=>`Kijelölt dátum: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Kijelölt tartomány: ${args.startDate}–${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Kijelölt idő: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Kijelölt dátum: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Kijelölt tartomány: ${args.startDate}–${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Kijelölt idő: ${args.time}`,
     "startDate": `Kezdő dátum`,
     "timeZoneName": `időzóna`,
     "weekday": `hét napja`,
@@ -371,12 +350,9 @@ $437a8dc519258a01$exports = {
     "minute": `minuto`,
     "month": `mese`,
     "second": `secondo`,
-    "selectedDateDescription": (args)=>`Data selezionata: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Intervallo selezionato: da ${args.startDate} a ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Ora selezionata: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Data selezionata: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Intervallo selezionato: da ${args.startDate} a ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Ora selezionata: ${args.time}`,
     "startDate": `Data iniziale`,
     "timeZoneName": `fuso orario`,
     "weekday": `giorno della settimana`,
@@ -395,12 +371,9 @@ $bd0aa2b50092a836$exports = {
     "minute": `分`,
     "month": `月`,
     "second": `秒`,
-    "selectedDateDescription": (args)=>`選択した日付 : ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`選択範囲 : ${args.startDate} から ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`選択した時間 : ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`選択した日付 : ${args.date}`,
+    "selectedRangeDescription": (args)=>`選択範囲 : ${args.startDate} から ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`選択した時間 : ${args.time}`,
     "startDate": `開始日`,
     "timeZoneName": `タイムゾーン`,
     "weekday": `曜日`,
@@ -419,12 +392,9 @@ $bbd8176c2e044bc1$exports = {
     "minute": `분`,
     "month": `월`,
     "second": `초`,
-    "selectedDateDescription": (args)=>`선택 일자: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`선택 범위: ${args.startDate} ~ ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`선택 시간: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`선택 일자: ${args.date}`,
+    "selectedRangeDescription": (args)=>`선택 범위: ${args.startDate} ~ ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`선택 시간: ${args.time}`,
     "startDate": `시작 날짜`,
     "timeZoneName": `시간대`,
     "weekday": `요일`,
@@ -443,12 +413,9 @@ $1af703df56ff5180$exports = {
     "minute": `minutė`,
     "month": `mėnuo`,
     "second": `sekundė`,
-    "selectedDateDescription": (args)=>`Pasirinkta data: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Pasirinktas intervalas: nuo ${args.startDate} iki ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Pasirinktas laikas: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Pasirinkta data: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Pasirinktas intervalas: nuo ${args.startDate} iki ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Pasirinktas laikas: ${args.time}`,
     "startDate": `Pradžios data`,
     "timeZoneName": `laiko juosta`,
     "weekday": `savaitės diena`,
@@ -467,12 +434,9 @@ $9705eb4511dea9f8$exports = {
     "minute": `minūtes`,
     "month": `mēnesis`,
     "second": `sekundes`,
-    "selectedDateDescription": (args)=>`Atlasītais datums: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Atlasītais diapazons: no ${args.startDate} līdz ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Atlasītais laiks: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Atlasītais datums: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Atlasītais diapazons: no ${args.startDate} līdz ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Atlasītais laiks: ${args.time}`,
     "startDate": `Sākuma datums`,
     "timeZoneName": `laika josla`,
     "weekday": `nedēļas diena`,
@@ -491,12 +455,9 @@ $8ef984876a7160bc$exports = {
     "minute": `minutt`,
     "month": `måned`,
     "second": `sekund`,
-    "selectedDateDescription": (args)=>`Valgt dato: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Valgt område: ${args.startDate} til ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Valgt tid: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Valgt dato: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Valgt område: ${args.startDate} til ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Valgt tid: ${args.time}`,
     "startDate": `Startdato`,
     "timeZoneName": `tidssone`,
     "weekday": `ukedag`,
@@ -515,12 +476,9 @@ $b6e9809e1ecaa25e$exports = {
     "minute": `minuut`,
     "month": `maand`,
     "second": `seconde`,
-    "selectedDateDescription": (args)=>`Geselecteerde datum: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Geselecteerd bereik: ${args.startDate} tot ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Geselecteerde tijd: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Geselecteerde datum: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Geselecteerd bereik: ${args.startDate} tot ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Geselecteerde tijd: ${args.time}`,
     "startDate": `Startdatum`,
     "timeZoneName": `tijdzone`,
     "weekday": `dag van de week`,
@@ -539,12 +497,9 @@ $deb2fa609661fe31$exports = {
     "minute": `minuta`,
     "month": `miesiąc`,
     "second": `sekunda`,
-    "selectedDateDescription": (args)=>`Wybrana data: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Wybrany zakres: ${args.startDate} do ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Wybrany czas: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Wybrana data: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Wybrany zakres: ${args.startDate} do ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Wybrany czas: ${args.time}`,
     "startDate": `Data początkowa`,
     "timeZoneName": `strefa czasowa`,
     "weekday": `dzień tygodnia`,
@@ -563,12 +518,9 @@ $591c8c054c84fa56$exports = {
     "minute": `minuto`,
     "month": `mês`,
     "second": `segundo`,
-    "selectedDateDescription": (args)=>`Data selecionada: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Intervalo selecionado: ${args.startDate} a ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Hora selecionada: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Data selecionada: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Intervalo selecionado: ${args.startDate} a ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Hora selecionada: ${args.time}`,
     "startDate": `Data inicial`,
     "timeZoneName": `fuso horário`,
     "weekday": `dia da semana`,
@@ -587,12 +539,9 @@ $f1633bd6cbc228e8$exports = {
     "minute": `minuto`,
     "month": `mês`,
     "second": `segundo`,
-    "selectedDateDescription": (args)=>`Data selecionada: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Intervalo selecionado: ${args.startDate} a ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Hora selecionada: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Data selecionada: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Intervalo selecionado: ${args.startDate} a ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Hora selecionada: ${args.time}`,
     "startDate": `Data de Início`,
     "timeZoneName": `fuso horário`,
     "weekday": `dia da semana`,
@@ -611,12 +560,9 @@ $14e09da03f3d1c5b$exports = {
     "minute": `minut`,
     "month": `lună`,
     "second": `secundă`,
-    "selectedDateDescription": (args)=>`Dată selectată: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Interval selectat: de la ${args.startDate} până la ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Ora selectată: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Dată selectată: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Interval selectat: de la ${args.startDate} până la ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Ora selectată: ${args.time}`,
     "startDate": `Dată început`,
     "timeZoneName": `fus orar`,
     "weekday": `ziua din săptămână`,
@@ -635,12 +581,9 @@ $63247a3456bc40d1$exports = {
     "minute": `минута`,
     "month": `месяц`,
     "second": `секунда`,
-    "selectedDateDescription": (args)=>`Выбранная дата: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Выбранный диапазон: с ${args.startDate} по ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Выбранное время: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Выбранная дата: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Выбранный диапазон: с ${args.startDate} по ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Выбранное время: ${args.time}`,
     "startDate": `Дата начала`,
     "timeZoneName": `часовой пояс`,
     "weekday": `день недели`,
@@ -659,12 +602,9 @@ $22150dd20c353dd4$exports = {
     "minute": `minúta`,
     "month": `mesiac`,
     "second": `sekunda`,
-    "selectedDateDescription": (args)=>`Vybratý dátum: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Vybratý rozsah: od ${args.startDate} do ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Vybratý čas: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Vybratý dátum: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Vybratý rozsah: od ${args.startDate} do ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Vybratý čas: ${args.time}`,
     "startDate": `Dátum začatia`,
     "timeZoneName": `časové pásmo`,
     "weekday": `deň týždňa`,
@@ -683,12 +623,9 @@ $701eb9a0385c55fd$exports = {
     "minute": `minuta`,
     "month": `mesec`,
     "second": `sekunda`,
-    "selectedDateDescription": (args)=>`Izbrani datum: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Izbrano območje: ${args.startDate} do ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Izbrani čas: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Izbrani datum: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Izbrano območje: ${args.startDate} do ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Izbrani čas: ${args.time}`,
     "startDate": `Datum začetka`,
     "timeZoneName": `časovni pas`,
     "weekday": `dan v tednu`,
@@ -707,12 +644,9 @@ $54684a4891ca6dc5$exports = {
     "minute": `минут`,
     "month": `месец`,
     "second": `секунд`,
-    "selectedDateDescription": (args)=>`Izabrani datum: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Izabrani opseg: od ${args.startDate} do ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Izabrano vreme: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Izabrani datum: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Izabrani opseg: od ${args.startDate} do ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Izabrano vreme: ${args.time}`,
     "startDate": `Datum početka`,
     "timeZoneName": `временска зона`,
     "weekday": `дан у недељи`,
@@ -731,12 +665,9 @@ $545887f88a5a52db$exports = {
     "minute": `minut`,
     "month": `månad`,
     "second": `sekund`,
-    "selectedDateDescription": (args)=>`Valt datum: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Valt intervall: ${args.startDate} till ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Vald tid: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Valt datum: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Valt intervall: ${args.startDate} till ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Vald tid: ${args.time}`,
     "startDate": `Startdatum`,
     "timeZoneName": `tidszon`,
     "weekday": `veckodag`,
@@ -755,12 +686,9 @@ $492d49420dd96ff4$exports = {
     "minute": `dakika`,
     "month": `ay`,
     "second": `saniye`,
-    "selectedDateDescription": (args)=>`Seçilen Tarih: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Seçilen Aralık: ${args.startDate} - ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Seçilen Zaman: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Seçilen Tarih: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Seçilen Aralık: ${args.startDate} - ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Seçilen Zaman: ${args.time}`,
     "startDate": `Başlangıç Tarihi`,
     "timeZoneName": `saat dilimi`,
     "weekday": `haftanın günü`,
@@ -779,12 +707,9 @@ $dc85765e85e8f267$exports = {
     "minute": `хвилина`,
     "month": `місяць`,
     "second": `секунда`,
-    "selectedDateDescription": (args)=>`Вибрана дата: ${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`Вибраний діапазон: ${args.startDate} — ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`Вибраний час: ${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`Вибрана дата: ${args.date}`,
+    "selectedRangeDescription": (args)=>`Вибраний діапазон: ${args.startDate} — ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`Вибраний час: ${args.time}`,
     "startDate": `Дата початку`,
     "timeZoneName": `часовий пояс`,
     "weekday": `день тижня`,
@@ -803,12 +728,9 @@ $2157d63cb80c7c63$exports = {
     "minute": `分钟`,
     "month": `月`,
     "second": `秒`,
-    "selectedDateDescription": (args)=>`选定的日期：${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`选定的范围：${args.startDate} 至 ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`选定的时间：${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`选定的日期：${args.date}`,
+    "selectedRangeDescription": (args)=>`选定的范围：${args.startDate} 至 ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`选定的时间：${args.time}`,
     "startDate": `开始日期`,
     "timeZoneName": `时区`,
     "weekday": `工作日`,
@@ -827,12 +749,9 @@ $0335c3ddb5f70cbe$exports = {
     "minute": `分钟`,
     "month": `月`,
     "second": `秒`,
-    "selectedDateDescription": (args)=>`選定的日期：${args.date}`
-    ,
-    "selectedRangeDescription": (args)=>`選定的範圍：${args.startDate} 至 ${args.endDate}`
-    ,
-    "selectedTimeDescription": (args)=>`選定的時間：${args.time}`
-    ,
+    "selectedDateDescription": (args)=>`選定的日期：${args.date}`,
+    "selectedRangeDescription": (args)=>`選定的範圍：${args.startDate} 至 ${args.endDate}`,
+    "selectedTimeDescription": (args)=>`選定的時間：${args.time}`,
     "startDate": `開始日期`,
     "timeZoneName": `时区`,
     "weekday": `工作日`,
@@ -879,6 +798,17 @@ $c7d0e80b992ca68a$exports = {
 
 
 
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 
 
@@ -887,42 +817,40 @@ $c7d0e80b992ca68a$exports = {
 
 
 
-
-function $715562ad3b4cced4$export$4a931266a3838b86(state, ref1, disableArrowNavigation) {
-    let { direction: direction  } = $IwcIq$reactariai18n.useLocale();
-    let focusManager = $IwcIq$react.useMemo(()=>$IwcIq$reactariafocus.createFocusManager(ref1)
-    , [
-        ref1
+function $715562ad3b4cced4$export$4a931266a3838b86(state, ref, disableArrowNavigation) {
+    let { direction: direction  } = (0, $IwcIq$reactariai18n.useLocale)();
+    let focusManager = (0, $IwcIq$react.useMemo)(()=>(0, $IwcIq$reactariafocus.createFocusManager)(ref), [
+        ref
     ]);
     // Open the popover on alt + arrow down
     let onKeyDown = (e)=>{
-        if (e.altKey && (e.key === 'ArrowDown' || e.key === 'ArrowUp') && 'setOpen' in state) {
+        if (e.altKey && (e.key === "ArrowDown" || e.key === "ArrowUp") && "setOpen" in state) {
             e.preventDefault();
             e.stopPropagation();
             state.setOpen(true);
         }
         if (disableArrowNavigation) return;
         switch(e.key){
-            case 'ArrowLeft':
+            case "ArrowLeft":
                 e.preventDefault();
                 e.stopPropagation();
-                if (direction === 'rtl') focusManager.focusNext();
+                if (direction === "rtl") focusManager.focusNext();
                 else focusManager.focusPrevious();
                 break;
-            case 'ArrowRight':
+            case "ArrowRight":
                 e.preventDefault();
                 e.stopPropagation();
-                if (direction === 'rtl') focusManager.focusPrevious();
+                if (direction === "rtl") focusManager.focusPrevious();
                 else focusManager.focusNext();
                 break;
         }
     };
     // Focus the first placeholder segment from the end on mouse down/touch up in the field.
     let focusLast = ()=>{
-        var ref;
+        var _window_event;
         // Try to find the segment prior to the element that was clicked on.
-        let target = (ref = window.event) === null || ref === void 0 ? void 0 : ref.target;
-        let walker = $IwcIq$reactariafocus.getFocusableTreeWalker(ref1.current, {
+        let target = (_window_event = window.event) === null || _window_event === void 0 ? void 0 : _window_event.target;
+        let walker = (0, $IwcIq$reactariafocus.getFocusableTreeWalker)(ref.current, {
             tabbable: true
         });
         if (target) {
@@ -935,27 +863,27 @@ function $715562ad3b4cced4$export$4a931266a3838b86(state, ref1, disableArrowNavi
             do {
                 last = walker.lastChild();
                 if (last) target = last;
-            }while (last)
+            }while (last);
         }
         // Now go backwards until we find an element that is not a placeholder.
-        while(target === null || target === void 0 ? void 0 : target.hasAttribute('data-placeholder')){
+        while(target === null || target === void 0 ? void 0 : target.hasAttribute("data-placeholder")){
             let prev = walker.previousNode();
-            if (prev && prev.hasAttribute('data-placeholder')) target = prev;
+            if (prev && prev.hasAttribute("data-placeholder")) target = prev;
             else break;
         }
         if (target) target.focus();
     };
-    let { pressProps: pressProps  } = $IwcIq$reactariainteractions.usePress({
+    let { pressProps: pressProps  } = (0, $IwcIq$reactariainteractions.usePress)({
         preventFocusOnPress: true,
         allowTextSelectionOnPress: true,
         onPressStart (e) {
-            if (e.pointerType === 'mouse') focusLast();
+            if (e.pointerType === "mouse") focusLast();
         },
         onPress (e) {
-            if (e.pointerType !== 'mouse') focusLast();
+            if (e.pointerType !== "mouse") focusLast();
         }
     });
-    return $IwcIq$reactariautils.mergeProps(pressProps, {
+    return (0, $IwcIq$reactariautils.mergeProps)(pressProps, {
         onKeyDown: onKeyDown
     });
 }
@@ -965,71 +893,74 @@ function $715562ad3b4cced4$export$4a931266a3838b86(state, ref1, disableArrowNavi
 
 
 const $4acc2f407c169e55$export$653eddfc964b0f8a = new WeakMap();
-const $4acc2f407c169e55$export$300019f83c56d282 = '__role_' + Date.now();
-const $4acc2f407c169e55$export$7b3062cd49e80452 = '__focusManager_' + Date.now();
+const $4acc2f407c169e55$export$300019f83c56d282 = "__role_" + Date.now();
+const $4acc2f407c169e55$export$7b3062cd49e80452 = "__focusManager_" + Date.now();
 function $4acc2f407c169e55$export$5591b0b878c1a989(props, state, ref) {
-    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $IwcIq$reactarialabel.useField({
+    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $IwcIq$reactarialabel.useField)({
         ...props,
-        labelElementType: 'span'
+        labelElementType: "span"
     });
-    let { focusWithinProps: focusWithinProps  } = $IwcIq$reactariainteractions.useFocusWithin({
-        onBlurWithin () {
+    let { focusWithinProps: focusWithinProps  } = (0, $IwcIq$reactariainteractions.useFocusWithin)({
+        ...props,
+        onBlurWithin: (e)=>{
             state.confirmPlaceholder();
-        }
+            if (props.onBlur) props.onBlur(e);
+        },
+        onFocusWithin: props.onFocus,
+        onFocusWithinChange: props.onFocusChange
     });
-    let stringFormatter = $IwcIq$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($c7d0e80b992ca68a$exports)));
-    let message = state.maxGranularity === 'hour' ? 'selectedTimeDescription' : 'selectedDateDescription';
-    let field = state.maxGranularity === 'hour' ? 'time' : 'date';
+    let stringFormatter = (0, $IwcIq$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($c7d0e80b992ca68a$exports))));
+    let message = state.maxGranularity === "hour" ? "selectedTimeDescription" : "selectedDateDescription";
+    let field = state.maxGranularity === "hour" ? "time" : "date";
     let description = state.value ? stringFormatter.format(message, {
         [field]: state.formatValue({
-            month: 'long'
+            month: "long"
         })
-    }) : '';
-    let descProps = $IwcIq$reactariautils.useDescription(description);
+    }) : "";
+    let descProps = (0, $IwcIq$reactariautils.useDescription)(description);
     // If within a date picker or date range picker, the date field will have role="presentation" and an aria-describedby
     // will be passed in that references the value (e.g. entire range). Otherwise, add the field's value description.
-    let describedBy = props[$4acc2f407c169e55$export$300019f83c56d282] === 'presentation' ? fieldProps['aria-describedby'] : [
-        descProps['aria-describedby'],
-        fieldProps['aria-describedby']
-    ].filter(Boolean).join(' ') || undefined;
+    let describedBy = props[$4acc2f407c169e55$export$300019f83c56d282] === "presentation" ? fieldProps["aria-describedby"] : [
+        descProps["aria-describedby"],
+        fieldProps["aria-describedby"]
+    ].filter(Boolean).join(" ") || undefined;
     let propsFocusManager = props[$4acc2f407c169e55$export$7b3062cd49e80452];
-    let focusManager = $IwcIq$react.useMemo(()=>propsFocusManager || $IwcIq$reactariafocus.createFocusManager(ref)
-    , [
+    let focusManager = (0, $IwcIq$react.useMemo)(()=>propsFocusManager || (0, $IwcIq$reactariafocus.createFocusManager)(ref), [
         propsFocusManager,
         ref
     ]);
-    let groupProps = $715562ad3b4cced4$export$4a931266a3838b86(state, ref, props[$4acc2f407c169e55$export$300019f83c56d282] === 'presentation');
+    let groupProps = (0, $715562ad3b4cced4$export$4a931266a3838b86)(state, ref, props[$4acc2f407c169e55$export$300019f83c56d282] === "presentation");
     // Pass labels and other information to segments.
     $4acc2f407c169e55$export$653eddfc964b0f8a.set(state, {
-        ariaLabel: props['aria-label'],
+        ariaLabel: props["aria-label"],
         ariaLabelledBy: [
-            props['aria-labelledby'],
+            props["aria-labelledby"],
             labelProps.id
-        ].filter(Boolean).join(' ') || undefined,
+        ].filter(Boolean).join(" ") || undefined,
         ariaDescribedBy: describedBy,
         focusManager: focusManager
     });
-    let autoFocusRef = $IwcIq$react.useRef(props.autoFocus);
+    let autoFocusRef = (0, $IwcIq$react.useRef)(props.autoFocus);
     // When used within a date picker or date range picker, the field gets role="presentation"
     // rather than role="group". Since the date picker/date range picker already has a role="group"
     // with a label and description, and the segments are already labeled by this as well, this
     // avoids very verbose duplicate announcements.
     let fieldDOMProps;
-    if (props[$4acc2f407c169e55$export$300019f83c56d282] === 'presentation') fieldDOMProps = {
-        role: 'presentation'
+    if (props[$4acc2f407c169e55$export$300019f83c56d282] === "presentation") fieldDOMProps = {
+        role: "presentation"
     };
-    else fieldDOMProps = $IwcIq$reactariautils.mergeProps(fieldProps, {
-        role: 'group',
-        'aria-disabled': props.isDisabled || undefined,
-        'aria-describedby': describedBy
+    else fieldDOMProps = (0, $IwcIq$reactariautils.mergeProps)(fieldProps, {
+        role: "group",
+        "aria-disabled": props.isDisabled || undefined,
+        "aria-describedby": describedBy
     });
-    $IwcIq$react.useEffect(()=>{
+    (0, $IwcIq$react.useEffect)(()=>{
         if (autoFocusRef.current) focusManager.focusFirst();
         autoFocusRef.current = false;
     }, [
         focusManager
     ]);
-    let domProps = $IwcIq$reactariautils.filterDOMProps(props);
+    let domProps = (0, $IwcIq$reactariautils.filterDOMProps)(props);
     return {
         labelProps: {
             ...labelProps,
@@ -1037,7 +968,14 @@ function $4acc2f407c169e55$export$5591b0b878c1a989(props, state, ref) {
                 focusManager.focusFirst();
             }
         },
-        fieldProps: $IwcIq$reactariautils.mergeProps(domProps, fieldDOMProps, groupProps, focusWithinProps),
+        fieldProps: (0, $IwcIq$reactariautils.mergeProps)(domProps, fieldDOMProps, groupProps, focusWithinProps, {
+            onKeyDown (e) {
+                if (props.onKeyDown) props.onKeyDown(e);
+            },
+            onKeyUp (e) {
+                if (props.onKeyUp) props.onKeyUp(e);
+            }
+        }),
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps
     };
@@ -1050,39 +988,54 @@ function $4acc2f407c169e55$export$4c842f6a241dc825(props, state, ref) {
 
 
 
+
 function $e90ae7c26a69c6b1$export$42df105a73306d51(props, state, ref) {
-    let buttonId = $IwcIq$reactariautils.useId();
-    let dialogId = $IwcIq$reactariautils.useId();
-    let stringFormatter = $IwcIq$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($c7d0e80b992ca68a$exports)));
-    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $IwcIq$reactarialabel.useField({
+    let buttonId = (0, $IwcIq$reactariautils.useId)();
+    let dialogId = (0, $IwcIq$reactariautils.useId)();
+    let stringFormatter = (0, $IwcIq$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($c7d0e80b992ca68a$exports))));
+    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $IwcIq$reactarialabel.useField)({
         ...props,
-        labelElementType: 'span'
+        labelElementType: "span"
     });
-    let groupProps = $715562ad3b4cced4$export$4a931266a3838b86(state, ref);
-    let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
-    let { locale: locale  } = $IwcIq$reactariai18n.useLocale();
+    let groupProps = (0, $715562ad3b4cced4$export$4a931266a3838b86)(state, ref);
+    let labelledBy = fieldProps["aria-labelledby"] || fieldProps.id;
+    let { locale: locale  } = (0, $IwcIq$reactariai18n.useLocale)();
     let date = state.formatValue(locale, {
-        month: 'long'
+        month: "long"
     });
-    let description = date ? stringFormatter.format('selectedDateDescription', {
+    let description = date ? stringFormatter.format("selectedDateDescription", {
         date: date
-    }) : '';
-    let descProps = $IwcIq$reactariautils.useDescription(description);
+    }) : "";
+    let descProps = (0, $IwcIq$reactariautils.useDescription)(description);
     let ariaDescribedBy = [
-        descProps['aria-describedby'],
-        fieldProps['aria-describedby']
-    ].filter(Boolean).join(' ') || undefined;
-    let domProps = $IwcIq$reactariautils.filterDOMProps(props);
-    let focusManager = $IwcIq$react.useMemo(()=>$IwcIq$reactariafocus.createFocusManager(ref)
-    , [
+        descProps["aria-describedby"],
+        fieldProps["aria-describedby"]
+    ].filter(Boolean).join(" ") || undefined;
+    let domProps = (0, $IwcIq$reactariautils.filterDOMProps)(props);
+    let focusManager = (0, $IwcIq$react.useMemo)(()=>(0, $IwcIq$reactariafocus.createFocusManager)(ref), [
         ref
     ]);
+    let { focusWithinProps: focusWithinProps  } = (0, $IwcIq$reactariainteractions.useFocusWithin)({
+        ...props,
+        isDisabled: state.isOpen,
+        onBlurWithin: props.onBlur,
+        onFocusWithin: props.onFocus,
+        onFocusWithinChange: props.onFocusChange
+    });
     return {
-        groupProps: $IwcIq$reactariautils.mergeProps(domProps, groupProps, fieldProps, descProps, {
-            role: 'group',
-            'aria-disabled': props.isDisabled || null,
-            'aria-labelledby': labelledBy,
-            'aria-describedby': ariaDescribedBy
+        groupProps: (0, $IwcIq$reactariautils.mergeProps)(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
+            role: "group",
+            "aria-disabled": props.isDisabled || null,
+            "aria-labelledby": labelledBy,
+            "aria-describedby": ariaDescribedBy,
+            onKeyDown (e) {
+                if (state.isOpen) return;
+                if (props.onKeyDown) props.onKeyDown(e);
+            },
+            onKeyUp (e) {
+                if (state.isOpen) return;
+                if (props.onKeyUp) props.onKeyUp(e);
+            }
         }),
         labelProps: {
             ...labelProps,
@@ -1092,8 +1045,8 @@ function $e90ae7c26a69c6b1$export$42df105a73306d51(props, state, ref) {
         },
         fieldProps: {
             ...fieldProps,
-            [$4acc2f407c169e55$export$300019f83c56d282]: 'presentation',
-            'aria-describedby': ariaDescribedBy,
+            [(0, $4acc2f407c169e55$export$300019f83c56d282)]: "presentation",
+            "aria-describedby": ariaDescribedBy,
             value: state.value,
             onChange: state.setValue,
             minValue: props.minValue,
@@ -1113,15 +1066,15 @@ function $e90ae7c26a69c6b1$export$42df105a73306d51(props, state, ref) {
         buttonProps: {
             ...descProps,
             id: buttonId,
-            'aria-haspopup': 'dialog',
-            'aria-label': stringFormatter.format('calendar'),
-            'aria-labelledby': `${labelledBy} ${buttonId}`,
-            'aria-describedby': ariaDescribedBy,
+            "aria-haspopup": "dialog",
+            "aria-label": stringFormatter.format("calendar"),
+            "aria-labelledby": `${labelledBy} ${buttonId}`,
+            "aria-describedby": ariaDescribedBy,
             onPress: ()=>state.setOpen(true)
         },
         dialogProps: {
             id: dialogId,
-            'aria-labelledby': `${labelledBy} ${buttonId}`
+            "aria-labelledby": `${labelledBy} ${buttonId}`
         },
         calendarProps: {
             autoFocus: true,
@@ -1140,25 +1093,46 @@ function $e90ae7c26a69c6b1$export$42df105a73306d51(props, state, ref) {
 }
 
 
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 
 
 
 
-
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ // @ts-ignore
 
 
 
 
 function $934ac650a0aceb4b$export$d42c60378c8168f8() {
-    let { locale: locale  } = $IwcIq$reactariai18n.useLocale();
-    return $IwcIq$react.useMemo(()=>{
+    let { locale: locale  } = (0, $IwcIq$reactariai18n.useLocale)();
+    return (0, $IwcIq$react.useMemo)(()=>{
         // Try to use Intl.DisplayNames if possible. It may be supported in browsers, but not support the dateTimeField
         // type as that was only added in v2. https://github.com/tc39/intl-displaynames-v2
         try {
             // @ts-ignore
             return new Intl.DisplayNames(locale, {
-                type: 'dateTimeField'
+                type: "dateTimeField"
             });
         } catch (err) {
             return new $934ac650a0aceb4b$var$DisplayNamesPolyfill(locale);
@@ -1173,36 +1147,35 @@ class $934ac650a0aceb4b$var$DisplayNamesPolyfill {
     }
     constructor(locale){
         this.locale = locale;
-        this.dictionary = new $IwcIq$internationalizedstring.LocalizedStringDictionary((/*@__PURE__*/$parcel$interopDefault($c7d0e80b992ca68a$exports)));
+        this.dictionary = new (0, $IwcIq$internationalizedstring.LocalizedStringDictionary)((0, (/*@__PURE__*/$parcel$interopDefault($c7d0e80b992ca68a$exports))));
     }
 }
 
 
 
 function $5c015c6316d1904d$export$1315d136e6f7581(segment, state, ref) {
-    let enteredKeys = $IwcIq$react.useRef('');
-    let { locale: locale  } = $IwcIq$reactariai18n.useLocale();
-    let displayNames = $934ac650a0aceb4b$export$d42c60378c8168f8();
-    let { ariaLabel: ariaLabel , ariaLabelledBy: ariaLabelledBy , ariaDescribedBy: ariaDescribedBy , focusManager: focusManager  } = $4acc2f407c169e55$export$653eddfc964b0f8a.get(state);
-    let textValue = segment.isPlaceholder ? '' : segment.text;
-    let options = $IwcIq$react.useMemo(()=>state.dateFormatter.resolvedOptions()
-    , [
+    let enteredKeys = (0, $IwcIq$react.useRef)("");
+    let { locale: locale  } = (0, $IwcIq$reactariai18n.useLocale)();
+    let displayNames = (0, $934ac650a0aceb4b$export$d42c60378c8168f8)();
+    let { ariaLabel: ariaLabel , ariaLabelledBy: ariaLabelledBy , ariaDescribedBy: ariaDescribedBy , focusManager: focusManager  } = (0, $4acc2f407c169e55$export$653eddfc964b0f8a).get(state);
+    let textValue = segment.isPlaceholder ? "" : segment.text;
+    let options = (0, $IwcIq$react.useMemo)(()=>state.dateFormatter.resolvedOptions(), [
         state.dateFormatter
     ]);
-    let monthDateFormatter = $IwcIq$reactariai18n.useDateFormatter({
-        month: 'long',
+    let monthDateFormatter = (0, $IwcIq$reactariai18n.useDateFormatter)({
+        month: "long",
         timeZone: options.timeZone
     });
-    let hourDateFormatter = $IwcIq$reactariai18n.useDateFormatter({
-        hour: 'numeric',
+    let hourDateFormatter = (0, $IwcIq$reactariai18n.useDateFormatter)({
+        hour: "numeric",
         hour12: options.hour12,
         timeZone: options.timeZone
     });
-    if (segment.type === 'month' && !segment.isPlaceholder) {
+    if (segment.type === "month" && !segment.isPlaceholder) {
         let monthTextValue = monthDateFormatter.format(state.dateValue);
         textValue = monthTextValue !== textValue ? `${textValue} – ${monthTextValue}` : monthTextValue;
-    } else if (segment.type === 'hour' && !segment.isPlaceholder) textValue = hourDateFormatter.format(state.dateValue);
-    let { spinButtonProps: spinButtonProps  } = $IwcIq$reactariaspinbutton.useSpinButton({
+    } else if (segment.type === "hour" && !segment.isPlaceholder) textValue = hourDateFormatter.format(state.dateValue);
+    let { spinButtonProps: spinButtonProps  } = (0, $IwcIq$reactariaspinbutton.useSpinButton)({
         // The ARIA spec says aria-valuenow is optional if there's no value, but aXe seems to require it.
         // This doesn't seem to have any negative effects with real AT since we also use aria-valuetext.
         // https://github.com/dequelabs/axe-core/issues/3505
@@ -1214,34 +1187,33 @@ function $5c015c6316d1904d$export$1315d136e6f7581(segment, state, ref) {
         isReadOnly: state.isReadOnly || !segment.isEditable,
         isRequired: state.isRequired,
         onIncrement: ()=>{
-            enteredKeys.current = '';
+            enteredKeys.current = "";
             state.increment(segment.type);
         },
         onDecrement: ()=>{
-            enteredKeys.current = '';
+            enteredKeys.current = "";
             state.decrement(segment.type);
         },
         onIncrementPage: ()=>{
-            enteredKeys.current = '';
+            enteredKeys.current = "";
             state.incrementPage(segment.type);
         },
         onDecrementPage: ()=>{
-            enteredKeys.current = '';
+            enteredKeys.current = "";
             state.decrementPage(segment.type);
         },
         onIncrementToMax: ()=>{
-            enteredKeys.current = '';
+            enteredKeys.current = "";
             state.setSegment(segment.type, segment.maxValue);
         },
         onDecrementToMin: ()=>{
-            enteredKeys.current = '';
+            enteredKeys.current = "";
             state.setSegment(segment.type, segment.minValue);
         }
     });
-    let parser = $IwcIq$react.useMemo(()=>new $IwcIq$internationalizednumber.NumberParser(locale, {
+    let parser = (0, $IwcIq$react.useMemo)(()=>new (0, $IwcIq$internationalizednumber.NumberParser)(locale, {
             maximumFractionDigits: 0
-        })
-    , [
+        }), [
         locale
     ]);
     let backspace = ()=>{
@@ -1251,16 +1223,16 @@ function $5c015c6316d1904d$export$1315d136e6f7581(segment, state, ref) {
             if (newValue.length === 0 || parsed === 0) state.clearSegment(segment.type);
             else state.setSegment(segment.type, parsed);
             enteredKeys.current = newValue;
-        } else if (segment.type === 'dayPeriod') state.clearSegment(segment.type);
+        } else if (segment.type === "dayPeriod") state.clearSegment(segment.type);
     };
     let onKeyDown = (e)=>{
         // Firefox does not fire selectstart for Ctrl/Cmd + A
         // https://bugzilla.mozilla.org/show_bug.cgi?id=1742153
-        if (e.key === 'a' && ($IwcIq$reactariautils.isMac() ? e.metaKey : e.ctrlKey)) e.preventDefault();
+        if (e.key === "a" && ((0, $IwcIq$reactariautils.isMac)() ? e.metaKey : e.ctrlKey)) e.preventDefault();
         if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) return;
         switch(e.key){
-            case 'Backspace':
-            case 'Delete':
+            case "Backspace":
+            case "Delete":
                 // Safari on iOS does not fire beforeinput for the backspace key because the cursor is at the start.
                 e.preventDefault();
                 e.stopPropagation();
@@ -1269,48 +1241,45 @@ function $5c015c6316d1904d$export$1315d136e6f7581(segment, state, ref) {
         }
     };
     // Safari dayPeriod option doesn't work...
-    let { startsWith: startsWith  } = $IwcIq$reactariai18n.useFilter({
-        sensitivity: 'base'
+    let { startsWith: startsWith  } = (0, $IwcIq$reactariai18n.useFilter)({
+        sensitivity: "base"
     });
-    let amPmFormatter = $IwcIq$reactariai18n.useDateFormatter({
-        hour: 'numeric',
+    let amPmFormatter = (0, $IwcIq$reactariai18n.useDateFormatter)({
+        hour: "numeric",
         hour12: true
     });
-    let am = $IwcIq$react.useMemo(()=>{
+    let am = (0, $IwcIq$react.useMemo)(()=>{
         let date = new Date();
         date.setHours(0);
-        return amPmFormatter.formatToParts(date).find((part)=>part.type === 'dayPeriod'
-        ).value;
+        return amPmFormatter.formatToParts(date).find((part)=>part.type === "dayPeriod").value;
     }, [
         amPmFormatter
     ]);
-    let pm = $IwcIq$react.useMemo(()=>{
+    let pm = (0, $IwcIq$react.useMemo)(()=>{
         let date = new Date();
         date.setHours(12);
-        return amPmFormatter.formatToParts(date).find((part)=>part.type === 'dayPeriod'
-        ).value;
+        return amPmFormatter.formatToParts(date).find((part)=>part.type === "dayPeriod").value;
     }, [
         amPmFormatter
     ]);
     // Get a list of formatted era names so users can type the first character to choose one.
-    let eraFormatter = $IwcIq$reactariai18n.useDateFormatter({
-        year: 'numeric',
-        era: 'narrow',
-        timeZone: 'UTC'
+    let eraFormatter = (0, $IwcIq$reactariai18n.useDateFormatter)({
+        year: "numeric",
+        era: "narrow",
+        timeZone: "UTC"
     });
-    let eras1 = $IwcIq$react.useMemo(()=>{
-        if (segment.type !== 'era') return [];
-        let date = $IwcIq$internationalizeddate.toCalendar(new $IwcIq$internationalizeddate.CalendarDate(1, 1, 1), state.calendar);
+    let eras = (0, $IwcIq$react.useMemo)(()=>{
+        if (segment.type !== "era") return [];
+        let date = (0, $IwcIq$internationalizeddate.toCalendar)(new (0, $IwcIq$internationalizeddate.CalendarDate)(1, 1, 1), state.calendar);
         let eras = state.calendar.getEras().map((era)=>{
             let eraDate = date.set({
                 year: 1,
                 month: 1,
                 day: 1,
                 era: era
-            }).toDate('UTC');
+            }).toDate("UTC");
             let parts = eraFormatter.formatToParts(eraDate);
-            let formatted = parts.find((p)=>p.type === 'era'
-            ).value;
+            let formatted = parts.find((p)=>p.type === "era").value;
             return {
                 era: era,
                 formatted: formatted
@@ -1319,9 +1288,8 @@ function $5c015c6316d1904d$export$1315d136e6f7581(segment, state, ref) {
         // Remove the common prefix from formatted values. This is so that in calendars with eras like
         // ERA0 and ERA1 (e.g. Ethiopic), users can press "0" and "1" to select an era. In other cases,
         // the first letter is used.
-        let prefixLength = $5c015c6316d1904d$var$commonPrefixLength(eras.map((era)=>era.formatted
-        ));
-        if (prefixLength) for (let era1 of eras)era1.formatted = era1.formatted.slice(prefixLength);
+        let prefixLength = $5c015c6316d1904d$var$commonPrefixLength(eras.map((era)=>era.formatted));
+        if (prefixLength) for (let era of eras)era.formatted = era.formatted.slice(prefixLength);
         return eras;
     }, [
         eraFormatter,
@@ -1332,39 +1300,38 @@ function $5c015c6316d1904d$export$1315d136e6f7581(segment, state, ref) {
         if (state.isDisabled || state.isReadOnly) return;
         let newValue = enteredKeys.current + key;
         switch(segment.type){
-            case 'dayPeriod':
-                if (startsWith(am, key)) state.setSegment('dayPeriod', 0);
-                else if (startsWith(pm, key)) state.setSegment('dayPeriod', 12);
+            case "dayPeriod":
+                if (startsWith(am, key)) state.setSegment("dayPeriod", 0);
+                else if (startsWith(pm, key)) state.setSegment("dayPeriod", 12);
                 else break;
                 focusManager.focusNext();
                 break;
-            case 'era':
+            case "era":
                 {
-                    let matched = eras1.find((e)=>startsWith(e.formatted, key)
-                    );
+                    let matched = eras.find((e)=>startsWith(e.formatted, key));
                     if (matched) {
-                        state.setSegment('era', matched.era);
+                        state.setSegment("era", matched.era);
                         focusManager.focusNext();
                     }
                     break;
                 }
-            case 'day':
-            case 'hour':
-            case 'minute':
-            case 'second':
-            case 'month':
-            case 'year':
+            case "day":
+            case "hour":
+            case "minute":
+            case "second":
+            case "month":
+            case "year":
                 {
                     if (!parser.isValidPartialNumber(newValue)) return;
                     let numberValue = parser.parse(newValue);
                     let segmentValue = numberValue;
                     let allowsZero = segment.minValue === 0;
-                    if (segment.type === 'hour' && state.dateFormatter.resolvedOptions().hour12) {
+                    if (segment.type === "hour" && state.dateFormatter.resolvedOptions().hour12) {
                         switch(state.dateFormatter.resolvedOptions().hourCycle){
-                            case 'h11':
+                            case "h11":
                                 if (numberValue > 11) segmentValue = parser.parse(key);
                                 break;
-                            case 'h12':
+                            case "h12":
                                 allowsZero = false;
                                 if (numberValue > 12) segmentValue = parser.parse(key);
                                 break;
@@ -1374,8 +1341,8 @@ function $5c015c6316d1904d$export$1315d136e6f7581(segment, state, ref) {
                     if (isNaN(numberValue)) return;
                     let shouldSetValue = segmentValue !== 0 || allowsZero;
                     if (shouldSetValue) state.setSegment(segment.type, segmentValue);
-                    if (Number(numberValue + '0') > segment.maxValue || newValue.length >= String(segment.maxValue).length) {
-                        enteredKeys.current = '';
+                    if (Number(numberValue + "0") > segment.maxValue || newValue.length >= String(segment.maxValue).length) {
+                        enteredKeys.current = "";
                         if (shouldSetValue) focusManager.focusNext();
                     } else enteredKeys.current = newValue;
                     break;
@@ -1383,22 +1350,22 @@ function $5c015c6316d1904d$export$1315d136e6f7581(segment, state, ref) {
         }
     };
     let onFocus = ()=>{
-        enteredKeys.current = '';
-        $IwcIq$reactariautils.scrollIntoView($IwcIq$reactariautils.getScrollParent(ref.current), ref.current);
+        enteredKeys.current = "";
+        (0, $IwcIq$reactariautils.scrollIntoView)((0, $IwcIq$reactariautils.getScrollParent)(ref.current), ref.current);
         // Collapse selection to start or Chrome won't fire input events.
         let selection = window.getSelection();
         selection.collapse(ref.current);
     };
-    let compositionRef = $IwcIq$react.useRef('');
+    let compositionRef = (0, $IwcIq$react.useRef)("");
     // @ts-ignore - TODO: possibly old TS version? doesn't fail in my editor...
-    $IwcIq$reactariautils.useEvent(ref, 'beforeinput', (e)=>{
+    (0, $IwcIq$reactariautils.useEvent)(ref, "beforeinput", (e)=>{
         e.preventDefault();
         switch(e.inputType){
-            case 'deleteContentBackward':
-            case 'deleteContentForward':
+            case "deleteContentBackward":
+            case "deleteContentForward":
                 if (parser.isValidPartialNumber(segment.text) && !state.isReadOnly) backspace();
                 break;
-            case 'insertCompositionText':
+            case "insertCompositionText":
                 // insertCompositionText cannot be canceled.
                 // Record the current state of the element so we can restore it in the `input` event below.
                 compositionRef.current = ref.current.textContent;
@@ -1411,10 +1378,10 @@ function $5c015c6316d1904d$export$1315d136e6f7581(segment, state, ref) {
                 break;
         }
     });
-    $IwcIq$reactariautils.useEvent(ref, 'input', (e)=>{
+    (0, $IwcIq$reactariautils.useEvent)(ref, "input", (e)=>{
         let { inputType: inputType , data: data  } = e;
         switch(inputType){
-            case 'insertCompositionText':
+            case "insertCompositionText":
                 // Reset the DOM to how it was in the beforeinput event.
                 ref.current.textContent = compositionRef.current;
                 // Android sometimes fires key presses of letters as composition events. Need to handle am/pm keys here too.
@@ -1423,7 +1390,7 @@ function $5c015c6316d1904d$export$1315d136e6f7581(segment, state, ref) {
                 break;
         }
     });
-    $IwcIq$reactariautils.useLayoutEffect(()=>{
+    (0, $IwcIq$reactariautils.useLayoutEffect)(()=>{
         let element = ref.current;
         return ()=>{
             // If the focused segment is removed, focus the previous one, or the next one if there was no previous one.
@@ -1437,59 +1404,56 @@ function $5c015c6316d1904d$export$1315d136e6f7581(segment, state, ref) {
         focusManager
     ]);
     // spinbuttons cannot be focused with VoiceOver on iOS.
-    let touchPropOverrides = $IwcIq$reactariautils.isIOS() || segment.type === 'timeZoneName' ? {
-        role: 'textbox',
-        'aria-valuemax': null,
-        'aria-valuemin': null,
-        'aria-valuetext': null,
-        'aria-valuenow': null
-    } : {
-    };
+    let touchPropOverrides = (0, $IwcIq$reactariautils.isIOS)() || segment.type === "timeZoneName" ? {
+        role: "textbox",
+        "aria-valuemax": null,
+        "aria-valuemin": null,
+        "aria-valuetext": null,
+        "aria-valuenow": null
+    } : {};
     // Only apply aria-describedby to the first segment, unless the field is invalid. This avoids it being
     // read every time the user navigates to a new segment.
-    let firstSegment = $IwcIq$react.useMemo(()=>state.segments.find((s)=>s.isEditable
-        )
-    , [
+    let firstSegment = (0, $IwcIq$react.useMemo)(()=>state.segments.find((s)=>s.isEditable), [
         state.segments
     ]);
-    if (segment !== firstSegment && state.validationState !== 'invalid') ariaDescribedBy = undefined;
-    let id = $IwcIq$reactariautils.useId();
+    if (segment !== firstSegment && state.validationState !== "invalid") ariaDescribedBy = undefined;
+    let id = (0, $IwcIq$reactariautils.useId)();
     let isEditable = !state.isDisabled && !state.isReadOnly && segment.isEditable;
     // Prepend the label passed from the field to each segment name.
     // This is needed because VoiceOver on iOS does not announce groups.
-    let name = segment.type === 'literal' ? '' : displayNames.of(segment.type);
-    let labelProps = $IwcIq$reactariautils.useLabels({
-        'aria-label': (ariaLabel ? ariaLabel + ' ' : '') + name,
-        'aria-labelledby': ariaLabelledBy
+    let name = segment.type === "literal" ? "" : displayNames.of(segment.type);
+    let labelProps = (0, $IwcIq$reactariautils.useLabels)({
+        "aria-label": (ariaLabel ? ariaLabel + " " : "") + name,
+        "aria-labelledby": ariaLabelledBy
     });
     // Literal segments should not be visible to screen readers. We don't really need any of the above,
     // but the rules of hooks mean hooks cannot be conditional so we have to put this condition here.
-    if (segment.type === 'literal') return {
+    if (segment.type === "literal") return {
         segmentProps: {
-            'aria-hidden': true
+            "aria-hidden": true
         }
     };
     return {
-        segmentProps: $IwcIq$reactariautils.mergeProps(spinButtonProps, labelProps, {
+        segmentProps: (0, $IwcIq$reactariautils.mergeProps)(spinButtonProps, labelProps, {
             id: id,
             ...touchPropOverrides,
-            'aria-invalid': state.validationState === 'invalid' ? 'true' : undefined,
-            'aria-describedby': ariaDescribedBy,
-            'aria-readonly': state.isReadOnly || !segment.isEditable ? 'true' : undefined,
-            'data-placeholder': segment.isPlaceholder || undefined,
+            "aria-invalid": state.validationState === "invalid" ? "true" : undefined,
+            "aria-describedby": ariaDescribedBy,
+            "aria-readonly": state.isReadOnly || !segment.isEditable ? "true" : undefined,
+            "data-placeholder": segment.isPlaceholder || undefined,
             contentEditable: isEditable,
             suppressContentEditableWarning: isEditable,
-            spellCheck: isEditable ? 'false' : undefined,
-            autoCapitalize: isEditable ? 'off' : undefined,
-            autoCorrect: isEditable ? 'off' : undefined,
+            spellCheck: isEditable ? "false" : undefined,
+            autoCapitalize: isEditable ? "off" : undefined,
+            autoCorrect: isEditable ? "off" : undefined,
             // Capitalization was changed in React 17...
-            [parseInt(($parcel$interopDefault($IwcIq$react)).version, 10) >= 17 ? 'enterKeyHint' : 'enterkeyhint']: isEditable ? 'next' : undefined,
-            inputMode: state.isDisabled || segment.type === 'dayPeriod' || segment.type === 'era' || !isEditable ? undefined : 'numeric',
+            [parseInt((0, ($parcel$interopDefault($IwcIq$react))).version, 10) >= 17 ? "enterKeyHint" : "enterkeyhint"]: isEditable ? "next" : undefined,
+            inputMode: state.isDisabled || segment.type === "dayPeriod" || segment.type === "era" || !isEditable ? undefined : "numeric",
             tabIndex: state.isDisabled ? undefined : 0,
             onKeyDown: onKeyDown,
             onFocus: onFocus,
             style: {
-                caretColor: 'transparent'
+                caretColor: "transparent"
             },
             // Prevent pointer events from reaching useDatePickerGroup, and allow native browser behavior to focus the segment.
             onPointerDown (e) {
@@ -1514,6 +1478,17 @@ function $5c015c6316d1904d$var$commonPrefixLength(strings) {
 
 
 
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 
 
@@ -1523,49 +1498,48 @@ function $5c015c6316d1904d$var$commonPrefixLength(strings) {
 
 
 function $20f695b1b69e6b9e$export$12fd5f0e9f4bb192(props, state, ref) {
-    var ref1, ref2;
-    let stringFormatter = $IwcIq$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($c7d0e80b992ca68a$exports)));
-    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $IwcIq$reactarialabel.useField({
+    var _state_value, _state_value1;
+    let stringFormatter = (0, $IwcIq$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($c7d0e80b992ca68a$exports))));
+    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $IwcIq$reactarialabel.useField)({
         ...props,
-        labelElementType: 'span'
+        labelElementType: "span"
     });
-    let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
-    let { locale: locale  } = $IwcIq$reactariai18n.useLocale();
+    let labelledBy = fieldProps["aria-labelledby"] || fieldProps.id;
+    let { locale: locale  } = (0, $IwcIq$reactariai18n.useLocale)();
     let range = state.formatValue(locale, {
-        month: 'long'
+        month: "long"
     });
-    let description = range ? stringFormatter.format('selectedRangeDescription', {
+    let description = range ? stringFormatter.format("selectedRangeDescription", {
         startDate: range.start,
         endDate: range.end
-    }) : '';
-    let descProps = $IwcIq$reactariautils.useDescription(description);
+    }) : "";
+    let descProps = (0, $IwcIq$reactariautils.useDescription)(description);
     let startFieldProps = {
-        'aria-label': stringFormatter.format('startDate'),
-        'aria-labelledby': labelledBy
+        "aria-label": stringFormatter.format("startDate"),
+        "aria-labelledby": labelledBy
     };
     let endFieldProps = {
-        'aria-label': stringFormatter.format('endDate'),
-        'aria-labelledby': labelledBy
+        "aria-label": stringFormatter.format("endDate"),
+        "aria-labelledby": labelledBy
     };
-    let buttonId = $IwcIq$reactariautils.useId();
-    let dialogId = $IwcIq$reactariautils.useId();
-    let groupProps = $715562ad3b4cced4$export$4a931266a3838b86(state, ref);
+    let buttonId = (0, $IwcIq$reactariautils.useId)();
+    let dialogId = (0, $IwcIq$reactariautils.useId)();
+    let groupProps = (0, $715562ad3b4cced4$export$4a931266a3838b86)(state, ref);
     let ariaDescribedBy = [
-        descProps['aria-describedby'],
-        fieldProps['aria-describedby']
-    ].filter(Boolean).join(' ') || undefined;
-    let focusManager = $IwcIq$react.useMemo(()=>$IwcIq$reactariafocus.createFocusManager(ref, {
+        descProps["aria-describedby"],
+        fieldProps["aria-describedby"]
+    ].filter(Boolean).join(" ") || undefined;
+    let focusManager = (0, $IwcIq$react.useMemo)(()=>(0, $IwcIq$reactariafocus.createFocusManager)(ref, {
             // Exclude the button from the focus manager.
             accept: (element)=>element.id !== buttonId
-        })
-    , [
+        }), [
         ref,
         buttonId
     ]);
     let commonFieldProps = {
-        [$4acc2f407c169e55$export$7b3062cd49e80452]: focusManager,
-        [$4acc2f407c169e55$export$300019f83c56d282]: 'presentation',
-        'aria-describedby': ariaDescribedBy,
+        [(0, $4acc2f407c169e55$export$7b3062cd49e80452)]: focusManager,
+        [(0, $4acc2f407c169e55$export$300019f83c56d282)]: "presentation",
+        "aria-describedby": ariaDescribedBy,
         minValue: props.minValue,
         maxValue: props.maxValue,
         placeholderValue: props.placeholderValue,
@@ -1577,12 +1551,27 @@ function $20f695b1b69e6b9e$export$12fd5f0e9f4bb192(props, state, ref) {
         isRequired: props.isRequired,
         validationState: state.validationState
     };
-    let domProps = $IwcIq$reactariautils.filterDOMProps(props);
+    let domProps = (0, $IwcIq$reactariautils.filterDOMProps)(props);
+    let { focusWithinProps: focusWithinProps  } = (0, $IwcIq$reactariainteractions.useFocusWithin)({
+        ...props,
+        isDisabled: state.isOpen,
+        onBlurWithin: props.onBlur,
+        onFocusWithin: props.onFocus,
+        onFocusWithinChange: props.onFocusChange
+    });
     return {
-        groupProps: $IwcIq$reactariautils.mergeProps(domProps, groupProps, fieldProps, descProps, {
-            role: 'group',
-            'aria-disabled': props.isDisabled || null,
-            'aria-describedby': ariaDescribedBy
+        groupProps: (0, $IwcIq$reactariautils.mergeProps)(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
+            role: "group",
+            "aria-disabled": props.isDisabled || null,
+            "aria-describedby": ariaDescribedBy,
+            onKeyDown (e) {
+                if (state.isOpen) return;
+                if (props.onKeyDown) props.onKeyDown(e);
+            },
+            onKeyUp (e) {
+                if (state.isOpen) return;
+                if (props.onKeyUp) props.onKeyUp(e);
+            }
         }),
         labelProps: {
             ...labelProps,
@@ -1593,29 +1582,28 @@ function $20f695b1b69e6b9e$export$12fd5f0e9f4bb192(props, state, ref) {
         buttonProps: {
             ...descProps,
             id: buttonId,
-            'aria-haspopup': 'dialog',
-            'aria-label': stringFormatter.format('calendar'),
-            'aria-labelledby': `${labelledBy} ${buttonId}`,
-            'aria-describedby': ariaDescribedBy,
+            "aria-haspopup": "dialog",
+            "aria-label": stringFormatter.format("calendar"),
+            "aria-labelledby": `${labelledBy} ${buttonId}`,
+            "aria-describedby": ariaDescribedBy,
             onPress: ()=>state.setOpen(true)
         },
         dialogProps: {
             id: dialogId,
-            'aria-labelledby': `${labelledBy} ${buttonId}`
+            "aria-labelledby": `${labelledBy} ${buttonId}`
         },
         startFieldProps: {
             ...startFieldProps,
             ...commonFieldProps,
-            value: (ref1 = state.value) === null || ref1 === void 0 ? void 0 : ref1.start,
-            onChange: (start)=>state.setDateTime('start', start)
-            ,
+            value: (_state_value = state.value) === null || _state_value === void 0 ? void 0 : _state_value.start,
+            onChange: (start)=>state.setDateTime("start", start),
             autoFocus: props.autoFocus
         },
         endFieldProps: {
             ...endFieldProps,
             ...commonFieldProps,
-            value: (ref2 = state.value) === null || ref2 === void 0 ? void 0 : ref2.end,
-            onChange: (end)=>state.setDateTime('end', end)
+            value: (_state_value1 = state.value) === null || _state_value1 === void 0 ? void 0 : _state_value1.end,
+            onChange: (end)=>state.setDateTime("end", end)
         },
         descriptionProps: descriptionProps,
         errorMessageProps: errorMessageProps,