@react-aria/datepicker 3.1.2 → 3.2.1

package/dist/module.js

@@ -2,8 +2,8 @@ import {createFocusManager as $cIPI0$createFocusManager, getFocusableTreeWalker
 import {useId as $cIPI0$useId, useDescription as $cIPI0$useDescription, filterDOMProps as $cIPI0$filterDOMProps, mergeProps as $cIPI0$mergeProps, isMac as $cIPI0$isMac, scrollIntoView as $cIPI0$scrollIntoView, getScrollParent as $cIPI0$getScrollParent, useEvent as $cIPI0$useEvent, useLayoutEffect as $cIPI0$useLayoutEffect, isIOS as $cIPI0$isIOS, useLabels as $cIPI0$useLabels} from "@react-aria/utils";
 import $cIPI0$react, {useMemo as $cIPI0$useMemo, useRef as $cIPI0$useRef, useEffect as $cIPI0$useEffect} from "react";
 import {useField as $cIPI0$useField} from "@react-aria/label";
-import {useLocalizedStringFormatter as $cIPI0$useLocalizedStringFormatter, useLocale as $cIPI0$useLocale, useDateFormatter as $cIPI0$useDateFormatter, useFilter as $cIPI0$useFilter} from "@react-aria/i18n";
 import {useFocusWithin as $cIPI0$useFocusWithin, usePress as $cIPI0$usePress} from "@react-aria/interactions";
+import {useLocalizedStringFormatter as $cIPI0$useLocalizedStringFormatter, useLocale as $cIPI0$useLocale, useDateFormatter as $cIPI0$useDateFormatter, useFilter as $cIPI0$useFilter} from "@react-aria/i18n";
 import {toCalendar as $cIPI0$toCalendar, CalendarDate as $cIPI0$CalendarDate} from "@internationalized/date";
 import {NumberParser as $cIPI0$NumberParser} from "@internationalized/number";
 import {useSpinButton as $cIPI0$useSpinButton} from "@react-aria/spinbutton";
@@ -12,7 +12,27 @@ import {LocalizedStringDictionary as $cIPI0$LocalizedStringDictionary} from "@in
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
-
+/*
+ * 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 $204383cf4f6b0d06$exports = {};
 var $f23889fffbde9058$exports = {};
@@ -26,12 +46,9 @@ $f23889fffbde9058$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": `اليوم`,
@@ -50,12 +67,9 @@ $09d9badaa8903929$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": `ден от седмицата`,
@@ -74,12 +88,9 @@ $151b77e0fd711730$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`,
@@ -98,12 +109,9 @@ $61915aa8630b90a2$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`,
@@ -122,12 +130,9 @@ $35cea00159787840$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`,
@@ -146,12 +151,9 @@ $518b4e82b9eacafd$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": `καθημερινή`,
@@ -174,10 +176,8 @@ $1c2b297f7e2cf474$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}`
 };
 
@@ -193,12 +193,9 @@ $07f628a707cf9b18$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`,
@@ -217,12 +214,9 @@ $db553ffe17c7f4db$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`,
@@ -241,12 +235,9 @@ $4afcfe00cd703f83$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ä`,
@@ -265,12 +256,9 @@ $1d2645d18d4c5be0$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`,
@@ -289,12 +277,9 @@ $64cb6a9be1f6fa48$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": `יום בשבוע`,
@@ -313,12 +298,9 @@ $2a1ef2e8050be27a$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`,
@@ -337,12 +319,9 @@ $ad429dca102acd0e$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`,
@@ -361,12 +340,9 @@ $6e68cb5d1cb97bd2$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`,
@@ -385,12 +361,9 @@ $a82ee9af063ee069$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": `曜日`,
@@ -409,12 +382,9 @@ $67e9091dbf37d4eb$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": `요일`,
@@ -433,12 +403,9 @@ $75834f9729f653d1$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`,
@@ -457,12 +424,9 @@ $a2df2c2520b4a7f0$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`,
@@ -481,12 +445,9 @@ $aedcd71db4933ed5$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`,
@@ -505,12 +466,9 @@ $3b2df9e54353046c$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`,
@@ -529,12 +487,9 @@ $c03fe977fcfafe93$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`,
@@ -553,12 +508,9 @@ $569f006fc292345f$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`,
@@ -577,12 +529,9 @@ $7c2494e14452f2dd$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`,
@@ -601,12 +550,9 @@ $eb82ef981b5592bf$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ă`,
@@ -625,12 +571,9 @@ $6efa0e119f396950$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": `день недели`,
@@ -649,12 +592,9 @@ $7f5e57085d7f5049$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`,
@@ -673,12 +613,9 @@ $578ee7c11dcdde7a$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`,
@@ -697,12 +634,9 @@ $bbc3fd6cd0bc9d50$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": `дан у недељи`,
@@ -721,12 +655,9 @@ $0b04512118591d2a$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`,
@@ -745,12 +676,9 @@ $3a49d121fe4c9e1d$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ü`,
@@ -769,12 +697,9 @@ $5ba21dbb8914919d$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": `день тижня`,
@@ -793,12 +718,9 @@ $51078838e1b16cd7$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": `工作日`,
@@ -817,12 +739,9 @@ $33fab8219207655a$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": `工作日`,
@@ -869,6 +788,17 @@ $204383cf4f6b0d06$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.
+ */ 
 
 
 
@@ -877,42 +807,40 @@ $204383cf4f6b0d06$exports = {
 
 
 
-
-function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref1, disableArrowNavigation) {
-    let { direction: direction  } = $cIPI0$useLocale();
-    let focusManager = $cIPI0$useMemo(()=>$cIPI0$createFocusManager(ref1)
-    , [
-        ref1
+function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref, disableArrowNavigation) {
+    let { direction: direction  } = (0, $cIPI0$useLocale)();
+    let focusManager = (0, $cIPI0$useMemo)(()=>(0, $cIPI0$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 = $cIPI0$getFocusableTreeWalker(ref1.current, {
+        let target = (_window_event = window.event) === null || _window_event === void 0 ? void 0 : _window_event.target;
+        let walker = (0, $cIPI0$getFocusableTreeWalker)(ref.current, {
             tabbable: true
         });
         if (target) {
@@ -925,27 +853,27 @@ function $3dfb0f96be0d6a08$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  } = $cIPI0$usePress({
+    let { pressProps: pressProps  } = (0, $cIPI0$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 $cIPI0$mergeProps(pressProps, {
+    return (0, $cIPI0$mergeProps)(pressProps, {
         onKeyDown: onKeyDown
     });
 }
@@ -955,71 +883,74 @@ function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref1, disableArrowNavi
 
 
 const $16f0b7bb276bc17e$export$653eddfc964b0f8a = new WeakMap();
-const $16f0b7bb276bc17e$export$300019f83c56d282 = '__role_' + Date.now();
-const $16f0b7bb276bc17e$export$7b3062cd49e80452 = '__focusManager_' + Date.now();
+const $16f0b7bb276bc17e$export$300019f83c56d282 = "__role_" + Date.now();
+const $16f0b7bb276bc17e$export$7b3062cd49e80452 = "__focusManager_" + Date.now();
 function $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, ref) {
-    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $cIPI0$useField({
+    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $cIPI0$useField)({
         ...props,
-        labelElementType: 'span'
+        labelElementType: "span"
     });
-    let { focusWithinProps: focusWithinProps  } = $cIPI0$useFocusWithin({
-        onBlurWithin () {
+    let { focusWithinProps: focusWithinProps  } = (0, $cIPI0$useFocusWithin)({
+        ...props,
+        onBlurWithin: (e)=>{
             state.confirmPlaceholder();
-        }
+            if (props.onBlur) props.onBlur(e);
+        },
+        onFocusWithin: props.onFocus,
+        onFocusWithinChange: props.onFocusChange
     });
-    let stringFormatter = $cIPI0$useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports)));
-    let message = state.maxGranularity === 'hour' ? 'selectedTimeDescription' : 'selectedDateDescription';
-    let field = state.maxGranularity === 'hour' ? 'time' : 'date';
+    let stringFormatter = (0, $cIPI0$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$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 = $cIPI0$useDescription(description);
+    }) : "";
+    let descProps = (0, $cIPI0$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[$16f0b7bb276bc17e$export$300019f83c56d282] === 'presentation' ? fieldProps['aria-describedby'] : [
-        descProps['aria-describedby'],
-        fieldProps['aria-describedby']
-    ].filter(Boolean).join(' ') || undefined;
+    let describedBy = props[$16f0b7bb276bc17e$export$300019f83c56d282] === "presentation" ? fieldProps["aria-describedby"] : [
+        descProps["aria-describedby"],
+        fieldProps["aria-describedby"]
+    ].filter(Boolean).join(" ") || undefined;
     let propsFocusManager = props[$16f0b7bb276bc17e$export$7b3062cd49e80452];
-    let focusManager = $cIPI0$useMemo(()=>propsFocusManager || $cIPI0$createFocusManager(ref)
-    , [
+    let focusManager = (0, $cIPI0$useMemo)(()=>propsFocusManager || (0, $cIPI0$createFocusManager)(ref), [
         propsFocusManager,
         ref
     ]);
-    let groupProps = $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref, props[$16f0b7bb276bc17e$export$300019f83c56d282] === 'presentation');
+    let groupProps = (0, $3dfb0f96be0d6a08$export$4a931266a3838b86)(state, ref, props[$16f0b7bb276bc17e$export$300019f83c56d282] === "presentation");
     // Pass labels and other information to segments.
     $16f0b7bb276bc17e$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 = $cIPI0$useRef(props.autoFocus);
+    let autoFocusRef = (0, $cIPI0$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[$16f0b7bb276bc17e$export$300019f83c56d282] === 'presentation') fieldDOMProps = {
-        role: 'presentation'
+    if (props[$16f0b7bb276bc17e$export$300019f83c56d282] === "presentation") fieldDOMProps = {
+        role: "presentation"
     };
-    else fieldDOMProps = $cIPI0$mergeProps(fieldProps, {
-        role: 'group',
-        'aria-disabled': props.isDisabled || undefined,
-        'aria-describedby': describedBy
+    else fieldDOMProps = (0, $cIPI0$mergeProps)(fieldProps, {
+        role: "group",
+        "aria-disabled": props.isDisabled || undefined,
+        "aria-describedby": describedBy
     });
-    $cIPI0$useEffect(()=>{
+    (0, $cIPI0$useEffect)(()=>{
         if (autoFocusRef.current) focusManager.focusFirst();
         autoFocusRef.current = false;
     }, [
         focusManager
     ]);
-    let domProps = $cIPI0$filterDOMProps(props);
+    let domProps = (0, $cIPI0$filterDOMProps)(props);
     return {
         labelProps: {
             ...labelProps,
@@ -1027,7 +958,14 @@ function $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, ref) {
                 focusManager.focusFirst();
             }
         },
-        fieldProps: $cIPI0$mergeProps(domProps, fieldDOMProps, groupProps, focusWithinProps),
+        fieldProps: (0, $cIPI0$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
     };
@@ -1040,39 +978,54 @@ function $16f0b7bb276bc17e$export$4c842f6a241dc825(props, state, ref) {
 
 
 
+
 function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
-    let buttonId = $cIPI0$useId();
-    let dialogId = $cIPI0$useId();
-    let stringFormatter = $cIPI0$useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports)));
-    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $cIPI0$useField({
+    let buttonId = (0, $cIPI0$useId)();
+    let dialogId = (0, $cIPI0$useId)();
+    let stringFormatter = (0, $cIPI0$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports))));
+    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $cIPI0$useField)({
         ...props,
-        labelElementType: 'span'
+        labelElementType: "span"
     });
-    let groupProps = $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref);
-    let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
-    let { locale: locale  } = $cIPI0$useLocale();
+    let groupProps = (0, $3dfb0f96be0d6a08$export$4a931266a3838b86)(state, ref);
+    let labelledBy = fieldProps["aria-labelledby"] || fieldProps.id;
+    let { locale: locale  } = (0, $cIPI0$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 = $cIPI0$useDescription(description);
+    }) : "";
+    let descProps = (0, $cIPI0$useDescription)(description);
     let ariaDescribedBy = [
-        descProps['aria-describedby'],
-        fieldProps['aria-describedby']
-    ].filter(Boolean).join(' ') || undefined;
-    let domProps = $cIPI0$filterDOMProps(props);
-    let focusManager = $cIPI0$useMemo(()=>$cIPI0$createFocusManager(ref)
-    , [
+        descProps["aria-describedby"],
+        fieldProps["aria-describedby"]
+    ].filter(Boolean).join(" ") || undefined;
+    let domProps = (0, $cIPI0$filterDOMProps)(props);
+    let focusManager = (0, $cIPI0$useMemo)(()=>(0, $cIPI0$createFocusManager)(ref), [
         ref
     ]);
+    let { focusWithinProps: focusWithinProps  } = (0, $cIPI0$useFocusWithin)({
+        ...props,
+        isDisabled: state.isOpen,
+        onBlurWithin: props.onBlur,
+        onFocusWithin: props.onFocus,
+        onFocusWithinChange: props.onFocusChange
+    });
     return {
-        groupProps: $cIPI0$mergeProps(domProps, groupProps, fieldProps, descProps, {
-            role: 'group',
-            'aria-disabled': props.isDisabled || null,
-            'aria-labelledby': labelledBy,
-            'aria-describedby': ariaDescribedBy
+        groupProps: (0, $cIPI0$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,
@@ -1082,8 +1035,8 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
         },
         fieldProps: {
             ...fieldProps,
-            [$16f0b7bb276bc17e$export$300019f83c56d282]: 'presentation',
-            'aria-describedby': ariaDescribedBy,
+            [(0, $16f0b7bb276bc17e$export$300019f83c56d282)]: "presentation",
+            "aria-describedby": ariaDescribedBy,
             value: state.value,
             onChange: state.setValue,
             minValue: props.minValue,
@@ -1103,15 +1056,15 @@ function $6057a3d2a53a12fd$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,
@@ -1130,25 +1083,46 @@ function $6057a3d2a53a12fd$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 $3aeceb3a64eb8358$export$d42c60378c8168f8() {
-    let { locale: locale  } = $cIPI0$useLocale();
-    return $cIPI0$useMemo(()=>{
+    let { locale: locale  } = (0, $cIPI0$useLocale)();
+    return (0, $cIPI0$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 $3aeceb3a64eb8358$var$DisplayNamesPolyfill(locale);
@@ -1163,36 +1137,35 @@ class $3aeceb3a64eb8358$var$DisplayNamesPolyfill {
     }
     constructor(locale){
         this.locale = locale;
-        this.dictionary = new $cIPI0$LocalizedStringDictionary((/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports)));
+        this.dictionary = new (0, $cIPI0$LocalizedStringDictionary)((0, (/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports))));
     }
 }
 
 
 
 function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
-    let enteredKeys = $cIPI0$useRef('');
-    let { locale: locale  } = $cIPI0$useLocale();
-    let displayNames = $3aeceb3a64eb8358$export$d42c60378c8168f8();
-    let { ariaLabel: ariaLabel , ariaLabelledBy: ariaLabelledBy , ariaDescribedBy: ariaDescribedBy , focusManager: focusManager  } = $16f0b7bb276bc17e$export$653eddfc964b0f8a.get(state);
-    let textValue = segment.isPlaceholder ? '' : segment.text;
-    let options = $cIPI0$useMemo(()=>state.dateFormatter.resolvedOptions()
-    , [
+    let enteredKeys = (0, $cIPI0$useRef)("");
+    let { locale: locale  } = (0, $cIPI0$useLocale)();
+    let displayNames = (0, $3aeceb3a64eb8358$export$d42c60378c8168f8)();
+    let { ariaLabel: ariaLabel , ariaLabelledBy: ariaLabelledBy , ariaDescribedBy: ariaDescribedBy , focusManager: focusManager  } = (0, $16f0b7bb276bc17e$export$653eddfc964b0f8a).get(state);
+    let textValue = segment.isPlaceholder ? "" : segment.text;
+    let options = (0, $cIPI0$useMemo)(()=>state.dateFormatter.resolvedOptions(), [
         state.dateFormatter
     ]);
-    let monthDateFormatter = $cIPI0$useDateFormatter({
-        month: 'long',
+    let monthDateFormatter = (0, $cIPI0$useDateFormatter)({
+        month: "long",
         timeZone: options.timeZone
     });
-    let hourDateFormatter = $cIPI0$useDateFormatter({
-        hour: 'numeric',
+    let hourDateFormatter = (0, $cIPI0$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  } = $cIPI0$useSpinButton({
+    } else if (segment.type === "hour" && !segment.isPlaceholder) textValue = hourDateFormatter.format(state.dateValue);
+    let { spinButtonProps: spinButtonProps  } = (0, $cIPI0$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
@@ -1204,34 +1177,33 @@ function $32489daedd52963e$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 = $cIPI0$useMemo(()=>new $cIPI0$NumberParser(locale, {
+    let parser = (0, $cIPI0$useMemo)(()=>new (0, $cIPI0$NumberParser)(locale, {
             maximumFractionDigits: 0
-        })
-    , [
+        }), [
         locale
     ]);
     let backspace = ()=>{
@@ -1241,16 +1213,16 @@ function $32489daedd52963e$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' && ($cIPI0$isMac() ? e.metaKey : e.ctrlKey)) e.preventDefault();
+        if (e.key === "a" && ((0, $cIPI0$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();
@@ -1259,48 +1231,45 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
         }
     };
     // Safari dayPeriod option doesn't work...
-    let { startsWith: startsWith  } = $cIPI0$useFilter({
-        sensitivity: 'base'
+    let { startsWith: startsWith  } = (0, $cIPI0$useFilter)({
+        sensitivity: "base"
     });
-    let amPmFormatter = $cIPI0$useDateFormatter({
-        hour: 'numeric',
+    let amPmFormatter = (0, $cIPI0$useDateFormatter)({
+        hour: "numeric",
         hour12: true
     });
-    let am = $cIPI0$useMemo(()=>{
+    let am = (0, $cIPI0$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 = $cIPI0$useMemo(()=>{
+    let pm = (0, $cIPI0$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 = $cIPI0$useDateFormatter({
-        year: 'numeric',
-        era: 'narrow',
-        timeZone: 'UTC'
+    let eraFormatter = (0, $cIPI0$useDateFormatter)({
+        year: "numeric",
+        era: "narrow",
+        timeZone: "UTC"
     });
-    let eras1 = $cIPI0$useMemo(()=>{
-        if (segment.type !== 'era') return [];
-        let date = $cIPI0$toCalendar(new $cIPI0$CalendarDate(1, 1, 1), state.calendar);
+    let eras = (0, $cIPI0$useMemo)(()=>{
+        if (segment.type !== "era") return [];
+        let date = (0, $cIPI0$toCalendar)(new (0, $cIPI0$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
@@ -1309,9 +1278,8 @@ function $32489daedd52963e$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 = $32489daedd52963e$var$commonPrefixLength(eras.map((era)=>era.formatted
-        ));
-        if (prefixLength) for (let era1 of eras)era1.formatted = era1.formatted.slice(prefixLength);
+        let prefixLength = $32489daedd52963e$var$commonPrefixLength(eras.map((era)=>era.formatted));
+        if (prefixLength) for (let era of eras)era.formatted = era.formatted.slice(prefixLength);
         return eras;
     }, [
         eraFormatter,
@@ -1322,39 +1290,38 @@ function $32489daedd52963e$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;
@@ -1364,8 +1331,8 @@ function $32489daedd52963e$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;
@@ -1373,22 +1340,22 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
         }
     };
     let onFocus = ()=>{
-        enteredKeys.current = '';
-        $cIPI0$scrollIntoView($cIPI0$getScrollParent(ref.current), ref.current);
+        enteredKeys.current = "";
+        (0, $cIPI0$scrollIntoView)((0, $cIPI0$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 = $cIPI0$useRef('');
+    let compositionRef = (0, $cIPI0$useRef)("");
     // @ts-ignore - TODO: possibly old TS version? doesn't fail in my editor...
-    $cIPI0$useEvent(ref, 'beforeinput', (e)=>{
+    (0, $cIPI0$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;
@@ -1401,10 +1368,10 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
                 break;
         }
     });
-    $cIPI0$useEvent(ref, 'input', (e)=>{
+    (0, $cIPI0$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.
@@ -1413,7 +1380,7 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
                 break;
         }
     });
-    $cIPI0$useLayoutEffect(()=>{
+    (0, $cIPI0$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.
@@ -1427,59 +1394,56 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
         focusManager
     ]);
     // spinbuttons cannot be focused with VoiceOver on iOS.
-    let touchPropOverrides = $cIPI0$isIOS() || segment.type === 'timeZoneName' ? {
-        role: 'textbox',
-        'aria-valuemax': null,
-        'aria-valuemin': null,
-        'aria-valuetext': null,
-        'aria-valuenow': null
-    } : {
-    };
+    let touchPropOverrides = (0, $cIPI0$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 = $cIPI0$useMemo(()=>state.segments.find((s)=>s.isEditable
-        )
-    , [
+    let firstSegment = (0, $cIPI0$useMemo)(()=>state.segments.find((s)=>s.isEditable), [
         state.segments
     ]);
-    if (segment !== firstSegment && state.validationState !== 'invalid') ariaDescribedBy = undefined;
-    let id = $cIPI0$useId();
+    if (segment !== firstSegment && state.validationState !== "invalid") ariaDescribedBy = undefined;
+    let id = (0, $cIPI0$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 = $cIPI0$useLabels({
-        'aria-label': (ariaLabel ? ariaLabel + ' ' : '') + name,
-        'aria-labelledby': ariaLabelledBy
+    let name = segment.type === "literal" ? "" : displayNames.of(segment.type);
+    let labelProps = (0, $cIPI0$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: $cIPI0$mergeProps(spinButtonProps, labelProps, {
+        segmentProps: (0, $cIPI0$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($cIPI0$react.version, 10) >= 17 ? 'enterKeyHint' : 'enterkeyhint']: isEditable ? 'next' : undefined,
-            inputMode: state.isDisabled || segment.type === 'dayPeriod' || segment.type === 'era' || !isEditable ? undefined : 'numeric',
+            [parseInt((0, $cIPI0$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) {
@@ -1504,6 +1468,17 @@ function $32489daedd52963e$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.
+ */ 
 
 
 
@@ -1513,49 +1488,48 @@ function $32489daedd52963e$var$commonPrefixLength(strings) {
 
 
 function $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
-    var ref1, ref2;
-    let stringFormatter = $cIPI0$useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports)));
-    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $cIPI0$useField({
+    var _state_value, _state_value1;
+    let stringFormatter = (0, $cIPI0$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports))));
+    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $cIPI0$useField)({
         ...props,
-        labelElementType: 'span'
+        labelElementType: "span"
     });
-    let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
-    let { locale: locale  } = $cIPI0$useLocale();
+    let labelledBy = fieldProps["aria-labelledby"] || fieldProps.id;
+    let { locale: locale  } = (0, $cIPI0$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 = $cIPI0$useDescription(description);
+    }) : "";
+    let descProps = (0, $cIPI0$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 = $cIPI0$useId();
-    let dialogId = $cIPI0$useId();
-    let groupProps = $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref);
+    let buttonId = (0, $cIPI0$useId)();
+    let dialogId = (0, $cIPI0$useId)();
+    let groupProps = (0, $3dfb0f96be0d6a08$export$4a931266a3838b86)(state, ref);
     let ariaDescribedBy = [
-        descProps['aria-describedby'],
-        fieldProps['aria-describedby']
-    ].filter(Boolean).join(' ') || undefined;
-    let focusManager = $cIPI0$useMemo(()=>$cIPI0$createFocusManager(ref, {
+        descProps["aria-describedby"],
+        fieldProps["aria-describedby"]
+    ].filter(Boolean).join(" ") || undefined;
+    let focusManager = (0, $cIPI0$useMemo)(()=>(0, $cIPI0$createFocusManager)(ref, {
             // Exclude the button from the focus manager.
             accept: (element)=>element.id !== buttonId
-        })
-    , [
+        }), [
         ref,
         buttonId
     ]);
     let commonFieldProps = {
-        [$16f0b7bb276bc17e$export$7b3062cd49e80452]: focusManager,
-        [$16f0b7bb276bc17e$export$300019f83c56d282]: 'presentation',
-        'aria-describedby': ariaDescribedBy,
+        [(0, $16f0b7bb276bc17e$export$7b3062cd49e80452)]: focusManager,
+        [(0, $16f0b7bb276bc17e$export$300019f83c56d282)]: "presentation",
+        "aria-describedby": ariaDescribedBy,
         minValue: props.minValue,
         maxValue: props.maxValue,
         placeholderValue: props.placeholderValue,
@@ -1567,12 +1541,27 @@ function $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
         isRequired: props.isRequired,
         validationState: state.validationState
     };
-    let domProps = $cIPI0$filterDOMProps(props);
+    let domProps = (0, $cIPI0$filterDOMProps)(props);
+    let { focusWithinProps: focusWithinProps  } = (0, $cIPI0$useFocusWithin)({
+        ...props,
+        isDisabled: state.isOpen,
+        onBlurWithin: props.onBlur,
+        onFocusWithin: props.onFocus,
+        onFocusWithinChange: props.onFocusChange
+    });
     return {
-        groupProps: $cIPI0$mergeProps(domProps, groupProps, fieldProps, descProps, {
-            role: 'group',
-            'aria-disabled': props.isDisabled || null,
-            'aria-describedby': ariaDescribedBy
+        groupProps: (0, $cIPI0$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,
@@ -1583,29 +1572,28 @@ function $887cac91b7cc8801$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,