@react-aria/datepicker 3.0.0-alpha.2 → 3.0.0-alpha.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.js +830 -858
- package/dist/main.js.map +1 -1
- package/dist/module.js +825 -809
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +67 -28
- package/dist/types.d.ts.map +1 -1
- package/package.json +16 -15
- package/src/index.ts +4 -4
- package/src/useDateField.ts +77 -21
- package/src/useDatePicker.ts +52 -10
- package/src/useDatePickerGroup.ts +34 -11
- package/src/useDateRangePicker.ts +66 -18
- package/src/useDateSegment.ts +55 -36
package/dist/module.js
CHANGED
|
@@ -1,870 +1,886 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
$
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
$fd4c1baa70755ee27b55d9d185ef9a9$exports = JSON.parse("{\"calendar\":\"Календар\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} до {end, date, long}\",\"date\":\"Дата\",\"dateRange\":\"Времеви интервал\",\"day\":\"ден\",\"dayPeriod\":\"пр.об./сл.об.\",\"endDate\":\"Крайна дата\",\"era\":\"ера\",\"hour\":\"час\",\"minute\":\"минута\",\"month\":\"месец\",\"second\":\"секунда\",\"startDate\":\"Начална дата\",\"year\":\"година\",\"weekday\":\"ден от седмицата\",\"timeZoneName\":\"часова зона\"}");
|
|
18
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/cs-CZ.json
|
|
19
|
-
var $ec5372c287a16045d039aa0470ed9fb2$exports = {};
|
|
20
|
-
$ec5372c287a16045d039aa0470ed9fb2$exports = JSON.parse("{\"calendar\":\"Kalendář\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} až {end, date, long}\",\"date\":\"Datum\",\"dateRange\":\"Rozsah dat\",\"day\":\"den\",\"dayPeriod\":\"část dne\",\"endDate\":\"Konečné datum\",\"era\":\"letopočet\",\"hour\":\"hodina\",\"minute\":\"minuta\",\"month\":\"měsíc\",\"second\":\"sekunda\",\"startDate\":\"Počáteční datum\",\"year\":\"rok\",\"weekday\":\"den v týdnu\",\"timeZoneName\":\"časové pásmo\"}");
|
|
21
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/da-DK.json
|
|
22
|
-
var $f6d6f24ad9d284dd48723518690d0e39$exports = {};
|
|
23
|
-
$f6d6f24ad9d284dd48723518690d0e39$exports = JSON.parse("{\"calendar\":\"Kalender\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} til {end, date, long}\",\"date\":\"Dato\",\"dateRange\":\"Datointerval\",\"day\":\"dag\",\"dayPeriod\":\"AM/PM\",\"endDate\":\"Slutdato\",\"era\":\"æra\",\"hour\":\"time\",\"minute\":\"minut\",\"month\":\"måned\",\"second\":\"sekund\",\"startDate\":\"Startdato\",\"year\":\"år\",\"weekday\":\"ugedag\",\"timeZoneName\":\"tidszone\"}");
|
|
24
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/de-DE.json
|
|
25
|
-
var $cc3534ef504f0b7371d8c5aa254d877f$exports = {};
|
|
26
|
-
$cc3534ef504f0b7371d8c5aa254d877f$exports = JSON.parse("{\"calendar\":\"Kalender\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} bis {end, date, long}\",\"date\":\"Datum\",\"dateRange\":\"Datumsbereich\",\"day\":\"Tag\",\"dayPeriod\":\"Tageshälfte\",\"endDate\":\"Enddatum\",\"era\":\"Epoche\",\"hour\":\"Stunde\",\"minute\":\"Minute\",\"month\":\"Monat\",\"second\":\"Sekunde\",\"startDate\":\"Anfangsdatum\",\"year\":\"Jahr\",\"weekday\":\"Wochentag\",\"timeZoneName\":\"Zeitzone\"}");
|
|
27
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/el-GR.json
|
|
28
|
-
var $ebc142984d7760b9cffe23548bb$exports = {};
|
|
29
|
-
$ebc142984d7760b9cffe23548bb$exports = JSON.parse("{\"calendar\":\"Ημερολόγιο\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} ως {end, date, long}\",\"date\":\"Ημερομηνία\",\"dateRange\":\"Εύρος ημερομηνιών\",\"day\":\"ημέρα\",\"dayPeriod\":\"π.μ./μ.μ.\",\"endDate\":\"Ημερομηνία λήξης\",\"era\":\"περίοδος\",\"hour\":\"ώρα\",\"minute\":\"λεπτό\",\"month\":\"μήνας\",\"second\":\"δευτερόλεπτο\",\"startDate\":\"Ημερομηνία έναρξης\",\"year\":\"έτος\",\"weekday\":\"καθημερινή\",\"timeZoneName\":\"ζώνη ώρας\"}");
|
|
30
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/en-US.json
|
|
31
|
-
var $f9cbab65725c7cb01e69dde93bd9a$exports = {};
|
|
32
|
-
$f9cbab65725c7cb01e69dde93bd9a$exports = JSON.parse("{\"era\":\"era\",\"year\":\"year\",\"month\":\"month\",\"day\":\"day\",\"hour\":\"hour\",\"minute\":\"minute\",\"second\":\"second\",\"dayPeriod\":\"AM/PM\",\"calendar\":\"Calendar\",\"date\":\"Date\",\"dateRange\":\"Date Range\",\"startDate\":\"Start Date\",\"endDate\":\"End Date\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} to {end, date, long}\",\"weekday\":\"day of the week\",\"timeZoneName\":\"time zone\"}");
|
|
33
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/es-ES.json
|
|
34
|
-
var $b069706710aa3fdbaa20a1b3449d63$exports = {};
|
|
35
|
-
$b069706710aa3fdbaa20a1b3449d63$exports = JSON.parse("{\"calendar\":\"Calendario\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} a {end, date, long}\",\"date\":\"Fecha\",\"dateRange\":\"Intervalo de fecha\",\"day\":\"día\",\"dayPeriod\":\"a. m./p. m.\",\"endDate\":\"Fecha final\",\"era\":\"era\",\"hour\":\"hora\",\"minute\":\"minuto\",\"month\":\"mes\",\"second\":\"segundo\",\"startDate\":\"Fecha de inicio\",\"year\":\"año\",\"weekday\":\"día de la semana\",\"timeZoneName\":\"zona horaria\"}");
|
|
36
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/et-EE.json
|
|
37
|
-
var $dc294c753448ff9c1809bca75ab74d1$exports = {};
|
|
38
|
-
$dc294c753448ff9c1809bca75ab74d1$exports = JSON.parse("{\"calendar\":\"Kalender\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} kuni {end, date, long}\",\"date\":\"Kuupäev\",\"dateRange\":\"Kuupäevavahemik\",\"day\":\"päev\",\"dayPeriod\":\"enne/pärast lõunat\",\"endDate\":\"Lõppkuupäev\",\"era\":\"ajastu\",\"hour\":\"tund\",\"minute\":\"minut\",\"month\":\"kuu\",\"second\":\"sekund\",\"startDate\":\"Alguskuupäev\",\"year\":\"aasta\",\"weekday\":\"nädalapäev\",\"timeZoneName\":\"ajavöönd\"}");
|
|
39
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/fi-FI.json
|
|
40
|
-
var $d3f5f76480327eda035ed93c2$exports = {};
|
|
41
|
-
$d3f5f76480327eda035ed93c2$exports = JSON.parse("{\"calendar\":\"Kalenteri\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long}–{end, date, long}\",\"date\":\"Päivämäärä\",\"dateRange\":\"Päivämääräalue\",\"day\":\"päivä\",\"dayPeriod\":\"vuorokaudenaika\",\"endDate\":\"Päättymispäivä\",\"era\":\"aikakausi\",\"hour\":\"tunti\",\"minute\":\"minuutti\",\"month\":\"kuukausi\",\"second\":\"sekunti\",\"startDate\":\"Alkamispäivä\",\"year\":\"vuosi\",\"weekday\":\"viikonpäivä\",\"timeZoneName\":\"aikavyöhyke\"}");
|
|
42
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/fr-FR.json
|
|
43
|
-
var $b627132da032b4209b5582508dfe332$exports = {};
|
|
44
|
-
$b627132da032b4209b5582508dfe332$exports = JSON.parse("{\"calendar\":\"Calendrier\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} au {end, date, long}\",\"date\":\"Date\",\"dateRange\":\"Plage de dates\",\"day\":\"jour\",\"dayPeriod\":\"cadran\",\"endDate\":\"Date de fin\",\"era\":\"ère\",\"hour\":\"heure\",\"minute\":\"minute\",\"month\":\"mois\",\"second\":\"seconde\",\"startDate\":\"Date de début\",\"year\":\"année\",\"weekday\":\"jour de la semaine\",\"timeZoneName\":\"fuseau horaire\"}");
|
|
45
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/he-IL.json
|
|
46
|
-
var $c3959c7b2e7e08ef514631ba3c2fdb$exports = {};
|
|
47
|
-
$c3959c7b2e7e08ef514631ba3c2fdb$exports = JSON.parse("{\"calendar\":\"לוח שנה\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"מ-{start, date, long} ועד {end, date, long}\",\"date\":\"תאריך\",\"dateRange\":\"טווח תאריכים\",\"day\":\"יום\",\"dayPeriod\":\"לפנה״צ/אחה״צ\",\"endDate\":\"תאריך סיום\",\"era\":\"תקופה\",\"hour\":\"שעה\",\"minute\":\"דקה\",\"month\":\"חודש\",\"second\":\"שנייה\",\"startDate\":\"תאריך התחלה\",\"year\":\"שנה\",\"weekday\":\"יום בשבוע\",\"timeZoneName\":\"אזור זמן\"}");
|
|
48
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/hr-HR.json
|
|
49
|
-
var $ca3a95147a2664e1a3c49130ccfb87$exports = {};
|
|
50
|
-
$ca3a95147a2664e1a3c49130ccfb87$exports = JSON.parse("{\"calendar\":\"Kalendar\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} do {end, date, long}\",\"date\":\"Datum\",\"dateRange\":\"Raspon datuma\",\"day\":\"dan\",\"dayPeriod\":\"AM/PM\",\"endDate\":\"Datum završetka\",\"era\":\"era\",\"hour\":\"sat\",\"minute\":\"minuta\",\"month\":\"mjesec\",\"second\":\"sekunda\",\"startDate\":\"Datum početka\",\"year\":\"godina\",\"weekday\":\"dan u tjednu\",\"timeZoneName\":\"vremenska zona\"}");
|
|
51
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/hu-HU.json
|
|
52
|
-
var $fa6b6e78fd909c4deb0805c4ff5df60$exports = {};
|
|
53
|
-
$fa6b6e78fd909c4deb0805c4ff5df60$exports = JSON.parse("{\"calendar\":\"Naptár\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} – {end, date, long}\",\"date\":\"Dátum\",\"dateRange\":\"Dátumtartomány\",\"day\":\"nap\",\"dayPeriod\":\"napszak\",\"endDate\":\"Befejező dátum\",\"era\":\"éra\",\"hour\":\"óra\",\"minute\":\"perc\",\"month\":\"hónap\",\"second\":\"másodperc\",\"startDate\":\"Kezdő dátum\",\"year\":\"év\",\"weekday\":\"hét napja\",\"timeZoneName\":\"időzóna\"}");
|
|
54
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/it-IT.json
|
|
55
|
-
var $bb4837487a35e965bc77709590fda45$exports = {};
|
|
56
|
-
$bb4837487a35e965bc77709590fda45$exports = JSON.parse("{\"calendar\":\"Calendario\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"Da {start, date, long} a {end, date, long}\",\"date\":\"Data\",\"dateRange\":\"Intervallo date\",\"day\":\"giorno\",\"dayPeriod\":\"AM/PM\",\"endDate\":\"Data finale\",\"era\":\"era\",\"hour\":\"ora\",\"minute\":\"minuto\",\"month\":\"mese\",\"second\":\"secondo\",\"startDate\":\"Data iniziale\",\"year\":\"anno\",\"weekday\":\"giorno della settimana\",\"timeZoneName\":\"fuso orario\"}");
|
|
57
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/ja-JP.json
|
|
58
|
-
var $f021a923ac58a1406a8f3f0bfd5f718$exports = {};
|
|
59
|
-
$f021a923ac58a1406a8f3f0bfd5f718$exports = JSON.parse("{\"calendar\":\"カレンダー\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} ~ {end, date, long}\",\"date\":\"日付\",\"dateRange\":\"日付範囲\",\"day\":\"日\",\"dayPeriod\":\"午前/午後\",\"endDate\":\"終了日\",\"era\":\"時代\",\"hour\":\"時\",\"minute\":\"分\",\"month\":\"月\",\"second\":\"秒\",\"startDate\":\"開始日\",\"year\":\"年\",\"weekday\":\"曜日\",\"timeZoneName\":\"タイムゾーン\"}");
|
|
60
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/ko-KR.json
|
|
61
|
-
var $e1a2895f7736c57623c5df88ed61$exports = {};
|
|
62
|
-
$e1a2895f7736c57623c5df88ed61$exports = JSON.parse("{\"calendar\":\"달력\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} ~ {end, date, long}\",\"date\":\"날짜\",\"dateRange\":\"날짜 범위\",\"day\":\"일\",\"dayPeriod\":\"오전/오후\",\"endDate\":\"종료 날짜\",\"era\":\"연호\",\"hour\":\"시\",\"minute\":\"분\",\"month\":\"월\",\"second\":\"초\",\"startDate\":\"시작 날짜\",\"year\":\"년\",\"weekday\":\"요일\",\"timeZoneName\":\"시간대\"}");
|
|
63
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/lt-LT.json
|
|
64
|
-
var $ee477dd4ee39b2586e7d93e4241$exports = {};
|
|
65
|
-
$ee477dd4ee39b2586e7d93e4241$exports = JSON.parse("{\"calendar\":\"Kalendorius\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"Nuo {start, date, long} iki {end, date, long}\",\"date\":\"Data\",\"dateRange\":\"Datų intervalas\",\"day\":\"diena\",\"dayPeriod\":\"iki pietų / po pietų\",\"endDate\":\"Pabaigos data\",\"era\":\"era\",\"hour\":\"valanda\",\"minute\":\"minutė\",\"month\":\"mėnuo\",\"second\":\"sekundė\",\"startDate\":\"Pradžios data\",\"year\":\"metai\",\"weekday\":\"savaitės diena\",\"timeZoneName\":\"laiko juosta\"}");
|
|
66
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/lv-LV.json
|
|
67
|
-
var $c216567e87e3bd12ecb2f27ce189a5b$exports = {};
|
|
68
|
-
$c216567e87e3bd12ecb2f27ce189a5b$exports = JSON.parse("{\"calendar\":\"Kalendārs\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} līdz {end, date, long}\",\"date\":\"Datums\",\"dateRange\":\"Datumu diapazons\",\"day\":\"diena\",\"dayPeriod\":\"priekšpusdienā/pēcpusdienā\",\"endDate\":\"Beigu datums\",\"era\":\"ēra\",\"hour\":\"stundas\",\"minute\":\"minūtes\",\"month\":\"mēnesis\",\"second\":\"sekundes\",\"startDate\":\"Sākuma datums\",\"year\":\"gads\",\"weekday\":\"nedēļas diena\",\"timeZoneName\":\"laika josla\"}");
|
|
69
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/nb-NO.json
|
|
70
|
-
var $d57cd730bb11b14bdcd692e702bb0e60$exports = {};
|
|
71
|
-
$d57cd730bb11b14bdcd692e702bb0e60$exports = JSON.parse("{\"calendar\":\"Kalender\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} til {end, date, long}\",\"date\":\"Dato\",\"dateRange\":\"Datoområde\",\"day\":\"dag\",\"dayPeriod\":\"a.m./p.m.\",\"endDate\":\"Sluttdato\",\"era\":\"tidsalder\",\"hour\":\"time\",\"minute\":\"minutt\",\"month\":\"måned\",\"second\":\"sekund\",\"startDate\":\"Startdato\",\"year\":\"år\",\"weekday\":\"ukedag\",\"timeZoneName\":\"tidssone\"}");
|
|
72
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/nl-NL.json
|
|
73
|
-
var $bd8f8fc2a02532c55851f18c8de3$exports = {};
|
|
74
|
-
$bd8f8fc2a02532c55851f18c8de3$exports = JSON.parse("{\"calendar\":\"Kalender\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} t/m {end, date, long}\",\"date\":\"Datum\",\"dateRange\":\"Datumbereik\",\"day\":\"dag\",\"dayPeriod\":\"a.m./p.m.\",\"endDate\":\"Einddatum\",\"era\":\"tijdperk\",\"hour\":\"uur\",\"minute\":\"minuut\",\"month\":\"maand\",\"second\":\"seconde\",\"startDate\":\"Startdatum\",\"year\":\"jaar\",\"weekday\":\"dag van de week\",\"timeZoneName\":\"tijdzone\"}");
|
|
75
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/pl-PL.json
|
|
76
|
-
var $d8e1a561b4b79d4ead55e4ee5ea09970$exports = {};
|
|
77
|
-
$d8e1a561b4b79d4ead55e4ee5ea09970$exports = JSON.parse("{\"calendar\":\"Kalendarz\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} do {end, date, long}\",\"date\":\"Data\",\"dateRange\":\"Zakres dat\",\"day\":\"dzień\",\"dayPeriod\":\"rano / po południu / wieczorem\",\"endDate\":\"Data końcowa\",\"era\":\"era\",\"hour\":\"godzina\",\"minute\":\"minuta\",\"month\":\"miesiąc\",\"second\":\"sekunda\",\"startDate\":\"Data początkowa\",\"year\":\"rok\",\"weekday\":\"dzień tygodnia\",\"timeZoneName\":\"strefa czasowa\"}");
|
|
78
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/pt-BR.json
|
|
79
|
-
var $d479a80df73293910fe373596d18f$exports = {};
|
|
80
|
-
$d479a80df73293910fe373596d18f$exports = JSON.parse("{\"calendar\":\"Calendário\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} a {end, date, long}\",\"date\":\"Data\",\"dateRange\":\"Intervalo de datas\",\"day\":\"dia\",\"dayPeriod\":\"AM/PM\",\"endDate\":\"Data final\",\"era\":\"era\",\"hour\":\"hora\",\"minute\":\"minuto\",\"month\":\"mês\",\"second\":\"segundo\",\"startDate\":\"Data inicial\",\"year\":\"ano\",\"weekday\":\"dia da semana\",\"timeZoneName\":\"fuso horário\"}");
|
|
81
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/pt-PT.json
|
|
82
|
-
var $d91b847a2bf9b6fb7cc187d839c725f$exports = {};
|
|
83
|
-
$d91b847a2bf9b6fb7cc187d839c725f$exports = JSON.parse("{\"calendar\":\"Calendário\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} a {end, date, long}\",\"date\":\"Data\",\"dateRange\":\"Intervalo de datas\",\"day\":\"dia\",\"dayPeriod\":\"am/pm\",\"endDate\":\"Data de Término\",\"era\":\"era\",\"hour\":\"hora\",\"minute\":\"minuto\",\"month\":\"mês\",\"second\":\"segundo\",\"startDate\":\"Data de Início\",\"year\":\"ano\",\"weekday\":\"dia da semana\",\"timeZoneName\":\"fuso horário\"}");
|
|
84
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/ro-RO.json
|
|
85
|
-
var $f25e8d5f5e9099b97d639d4f299ba$exports = {};
|
|
86
|
-
$f25e8d5f5e9099b97d639d4f299ba$exports = JSON.parse("{\"calendar\":\"Calendar\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} - {end, date, long}\",\"date\":\"Dată\",\"dateRange\":\"Raza datei\",\"day\":\"zi\",\"dayPeriod\":\"a.m/p.m.\",\"endDate\":\"Dată final\",\"era\":\"eră\",\"hour\":\"oră\",\"minute\":\"minut\",\"month\":\"lună\",\"second\":\"secundă\",\"startDate\":\"Dată început\",\"year\":\"an\",\"weekday\":\"ziua din săptămână\",\"timeZoneName\":\"fus orar\"}");
|
|
87
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/ru-RU.json
|
|
88
|
-
var $da94598d7d1c854d87360883488$exports = {};
|
|
89
|
-
$da94598d7d1c854d87360883488$exports = JSON.parse("{\"calendar\":\"Календарь\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} – {end, date, long}\",\"date\":\"Дата\",\"dateRange\":\"Диапазон дат\",\"day\":\"день\",\"dayPeriod\":\"AM/PM\",\"endDate\":\"Дата окончания\",\"era\":\"эра\",\"hour\":\"час\",\"minute\":\"минута\",\"month\":\"месяц\",\"second\":\"секунда\",\"startDate\":\"Дата начала\",\"year\":\"год\",\"weekday\":\"день недели\",\"timeZoneName\":\"часовой пояс\"}");
|
|
90
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/sk-SK.json
|
|
91
|
-
var $d1513dad87da1caa61156c979822ded2$exports = {};
|
|
92
|
-
$d1513dad87da1caa61156c979822ded2$exports = JSON.parse("{\"calendar\":\"Kalendár\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} do {end, date, long}\",\"date\":\"Dátum\",\"dateRange\":\"Rozsah dátumov\",\"day\":\"deň\",\"dayPeriod\":\"AM/PM\",\"endDate\":\"Dátum ukončenia\",\"era\":\"letopočet\",\"hour\":\"hodina\",\"minute\":\"minúta\",\"month\":\"mesiac\",\"second\":\"sekunda\",\"startDate\":\"Dátum začatia\",\"year\":\"rok\",\"weekday\":\"deň týždňa\",\"timeZoneName\":\"časové pásmo\"}");
|
|
93
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/sl-SI.json
|
|
94
|
-
var $e16512e37a1c3ef90ecfc72d16793c1$exports = {};
|
|
95
|
-
$e16512e37a1c3ef90ecfc72d16793c1$exports = JSON.parse("{\"calendar\":\"Koledar\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} do {end, date, long}\",\"date\":\"Datum\",\"dateRange\":\"Datumski obseg\",\"day\":\"dan\",\"dayPeriod\":\"dop/pop\",\"endDate\":\"Datum konca\",\"era\":\"doba\",\"hour\":\"ura\",\"minute\":\"minuta\",\"month\":\"mesec\",\"second\":\"sekunda\",\"startDate\":\"Datum začetka\",\"year\":\"leto\",\"weekday\":\"dan v tednu\",\"timeZoneName\":\"časovni pas\"}");
|
|
96
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/sr-SP.json
|
|
97
|
-
var $f0f0ea292848c1c22e92d1c71347950$exports = {};
|
|
98
|
-
$f0f0ea292848c1c22e92d1c71347950$exports = JSON.parse("{\"calendar\":\"Kalendar\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} do {end, date, long}\",\"date\":\"Datum\",\"dateRange\":\"Opseg datuma\",\"day\":\"дан\",\"dayPeriod\":\"пре подне/по подне\",\"endDate\":\"Datum završetka\",\"era\":\"ера\",\"hour\":\"сат\",\"minute\":\"минут\",\"month\":\"месец\",\"second\":\"секунд\",\"startDate\":\"Datum početka\",\"year\":\"година\",\"weekday\":\"дан у недељи\",\"timeZoneName\":\"временска зона\"}");
|
|
99
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/sv-SE.json
|
|
100
|
-
var $ddeb3363257d0b1fab7fb0169309987$exports = {};
|
|
101
|
-
$ddeb3363257d0b1fab7fb0169309987$exports = JSON.parse("{\"calendar\":\"Kalender\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} till {end, date, long}\",\"date\":\"Datum\",\"dateRange\":\"Datumintervall\",\"day\":\"dag\",\"dayPeriod\":\"fm/em\",\"endDate\":\"Slutdatum\",\"era\":\"era\",\"hour\":\"timme\",\"minute\":\"minut\",\"month\":\"månad\",\"second\":\"sekund\",\"startDate\":\"Startdatum\",\"year\":\"år\",\"weekday\":\"veckodag\",\"timeZoneName\":\"tidszon\"}");
|
|
102
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/tr-TR.json
|
|
103
|
-
var $e41e18d940cc1fd6ce3b548eaf26f$exports = {};
|
|
104
|
-
$e41e18d940cc1fd6ce3b548eaf26f$exports = JSON.parse("{\"calendar\":\"Takvim\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} - {end, date, long}\",\"date\":\"Tarih\",\"dateRange\":\"Tarih Aralığı\",\"day\":\"gün\",\"dayPeriod\":\"ÖÖ/ÖS\",\"endDate\":\"Bitiş Tarihi\",\"era\":\"çağ\",\"hour\":\"saat\",\"minute\":\"dakika\",\"month\":\"ay\",\"second\":\"saniye\",\"startDate\":\"Başlangıç Tarihi\",\"year\":\"yıl\",\"weekday\":\"haftanın günü\",\"timeZoneName\":\"saat dilimi\"}");
|
|
105
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/uk-UA.json
|
|
106
|
-
var $c7fbfea59f1f84c3fbdb550bd45e1a8d$exports = {};
|
|
107
|
-
$c7fbfea59f1f84c3fbdb550bd45e1a8d$exports = JSON.parse("{\"calendar\":\"Календар\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"Від {start, date, long} до {end, date, long}\",\"date\":\"Дата\",\"dateRange\":\"Діапазон дат\",\"day\":\"день\",\"dayPeriod\":\"дп/пп\",\"endDate\":\"Дата завершення\",\"era\":\"ера\",\"hour\":\"година\",\"minute\":\"хвилина\",\"month\":\"місяць\",\"second\":\"секунда\",\"startDate\":\"Дата початку\",\"year\":\"рік\",\"weekday\":\"день тижня\",\"timeZoneName\":\"часовий пояс\"}");
|
|
108
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/zh-CN.json
|
|
109
|
-
var $c5ee38283255212ee41b3baf5b8304d$exports = {};
|
|
110
|
-
$c5ee38283255212ee41b3baf5b8304d$exports = JSON.parse("{\"calendar\":\"日历\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} 至 {end, date, long}\",\"date\":\"日期\",\"dateRange\":\"日期范围\",\"day\":\"日\",\"dayPeriod\":\"上午/下午\",\"endDate\":\"结束日期\",\"era\":\"纪元\",\"hour\":\"小时\",\"minute\":\"分钟\",\"month\":\"月\",\"second\":\"秒\",\"startDate\":\"开始日期\",\"year\":\"年\",\"weekday\":\"工作日\",\"timeZoneName\":\"时区\"}");
|
|
111
|
-
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/zh-TW.json
|
|
112
|
-
var $e4f38d4b06a7a74952e9f6dec2e6e20$exports = {};
|
|
113
|
-
$e4f38d4b06a7a74952e9f6dec2e6e20$exports = JSON.parse("{\"calendar\":\"日曆\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long}至 {end, date, long}\",\"date\":\"日期\",\"dateRange\":\"日期範圍\",\"day\":\"日\",\"dayPeriod\":\"上午/下午\",\"endDate\":\"結束日期\",\"era\":\"纪元\",\"hour\":\"小时\",\"minute\":\"分钟\",\"month\":\"月\",\"second\":\"秒\",\"startDate\":\"開始日期\",\"year\":\"年\",\"weekday\":\"工作日\",\"timeZoneName\":\"时区\"}");
|
|
114
|
-
|
|
115
|
-
function $bf15f790f1b0bea8ba7f44d4056d095d$export$useDatePickerGroup(state, ref) {
|
|
116
|
-
// Open the popover on alt + arrow down
|
|
117
|
-
let onKeyDown = e => {
|
|
118
|
-
if (e.altKey && e.key === 'ArrowDown' && 'setOpen' in state) {
|
|
119
|
-
e.preventDefault();
|
|
120
|
-
e.stopPropagation();
|
|
121
|
-
state.setOpen(true);
|
|
122
|
-
}
|
|
123
|
-
}; // Focus the first placeholder segment from the end on mouse down/touch up in the field.
|
|
1
|
+
import {createFocusManager as $cIPI0$createFocusManager, getFocusableTreeWalker as $cIPI0$getFocusableTreeWalker} from "@react-aria/focus";
|
|
2
|
+
import {useId as $cIPI0$useId, useDescription as $cIPI0$useDescription, mergeProps as $cIPI0$mergeProps, isMac as $cIPI0$isMac, scrollIntoView as $cIPI0$scrollIntoView, getScrollParent as $cIPI0$getScrollParent, useEvent as $cIPI0$useEvent, isIOS as $cIPI0$isIOS, useLabels as $cIPI0$useLabels} from "@react-aria/utils";
|
|
3
|
+
import {useField as $cIPI0$useField} from "@react-aria/label";
|
|
4
|
+
import {useMessageFormatter as $cIPI0$useMessageFormatter, useLocale as $cIPI0$useLocale, useDateFormatter as $cIPI0$useDateFormatter, useFilter as $cIPI0$useFilter} from "@react-aria/i18n";
|
|
5
|
+
import $cIPI0$react, {useMemo as $cIPI0$useMemo, useRef as $cIPI0$useRef, useEffect as $cIPI0$useEffect} from "react";
|
|
6
|
+
import {useFocusWithin as $cIPI0$useFocusWithin, usePress as $cIPI0$usePress} from "@react-aria/interactions";
|
|
7
|
+
import {NumberParser as $cIPI0$NumberParser} from "@internationalized/number";
|
|
8
|
+
import {useSpinButton as $cIPI0$useSpinButton} from "@react-aria/spinbutton";
|
|
9
|
+
import {MessageDictionary as $cIPI0$MessageDictionary} from "@internationalized/message";
|
|
10
|
+
|
|
11
|
+
function $parcel$interopDefault(a) {
|
|
12
|
+
return a && a.__esModule ? a.default : a;
|
|
13
|
+
}
|
|
14
|
+
function $parcel$export(e, n, v, s) {
|
|
15
|
+
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
16
|
+
}
|
|
124
17
|
|
|
18
|
+
var $204383cf4f6b0d06$exports = {};
|
|
19
|
+
var $f23889fffbde9058$exports = {};
|
|
20
|
+
$f23889fffbde9058$exports = JSON.parse("{\"calendar\":\"التقويم\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} إلى {end, date, long}\",\"date\":\"التاريخ\",\"dateRange\":\"نطاق التاريخ\",\"day\":\"يوم\",\"dayPeriod\":\"ص/م\",\"endDate\":\"تاريخ الانتهاء\",\"era\":\"العصر\",\"hour\":\"الساعات\",\"minute\":\"الدقائق\",\"month\":\"الشهر\",\"second\":\"الثواني\",\"startDate\":\"تاريخ البدء\",\"year\":\"السنة\",\"weekday\":\"اليوم\",\"timeZoneName\":\"التوقيت\"}");
|
|
125
21
|
|
|
126
|
-
let focusLast = () => {
|
|
127
|
-
let elements = ref.current.querySelectorAll('[tabindex="0"]');
|
|
128
|
-
let index = elements.length - 1;
|
|
129
22
|
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
}
|
|
23
|
+
var $09d9badaa8903929$exports = {};
|
|
24
|
+
$09d9badaa8903929$exports = JSON.parse("{\"calendar\":\"Календар\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} до {end, date, long}\",\"date\":\"Дата\",\"dateRange\":\"Времеви интервал\",\"day\":\"ден\",\"dayPeriod\":\"пр.об./сл.об.\",\"endDate\":\"Крайна дата\",\"era\":\"ера\",\"hour\":\"час\",\"minute\":\"минута\",\"month\":\"месец\",\"second\":\"секунда\",\"startDate\":\"Начална дата\",\"year\":\"година\",\"weekday\":\"ден от седмицата\",\"timeZoneName\":\"часова зона\"}");
|
|
133
25
|
|
|
134
|
-
index = Math.min(index + 1, elements.length - 1);
|
|
135
|
-
let element = elements[index];
|
|
136
26
|
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
}
|
|
140
|
-
};
|
|
141
|
-
|
|
142
|
-
let {
|
|
143
|
-
pressProps
|
|
144
|
-
} = usePress({
|
|
145
|
-
onPressStart(e) {
|
|
146
|
-
if (e.pointerType === 'mouse') {
|
|
147
|
-
focusLast();
|
|
148
|
-
}
|
|
149
|
-
},
|
|
150
|
-
|
|
151
|
-
onPress(e) {
|
|
152
|
-
if (e.pointerType !== 'mouse') {
|
|
153
|
-
focusLast();
|
|
154
|
-
}
|
|
155
|
-
}
|
|
27
|
+
var $151b77e0fd711730$exports = {};
|
|
28
|
+
$151b77e0fd711730$exports = JSON.parse("{\"calendar\":\"Kalendář\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} až {end, date, long}\",\"date\":\"Datum\",\"dateRange\":\"Rozsah dat\",\"day\":\"den\",\"dayPeriod\":\"část dne\",\"endDate\":\"Konečné datum\",\"era\":\"letopočet\",\"hour\":\"hodina\",\"minute\":\"minuta\",\"month\":\"měsíc\",\"second\":\"sekunda\",\"startDate\":\"Počáteční datum\",\"year\":\"rok\",\"weekday\":\"den v týdnu\",\"timeZoneName\":\"časové pásmo\"}");
|
|
156
29
|
|
|
157
|
-
});
|
|
158
|
-
return mergeProps(pressProps, {
|
|
159
|
-
onKeyDown
|
|
160
|
-
});
|
|
161
|
-
}
|
|
162
30
|
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
"ar-AE": _babelRuntimeHelpersEsmInteropRequireDefault($b935bd0cd08a5bbbb1abd3806a771dc4$exports).default,
|
|
166
|
-
"bg-BG": _babelRuntimeHelpersEsmInteropRequireDefault($fd4c1baa70755ee27b55d9d185ef9a9$exports).default,
|
|
167
|
-
"cs-CZ": _babelRuntimeHelpersEsmInteropRequireDefault($ec5372c287a16045d039aa0470ed9fb2$exports).default,
|
|
168
|
-
"da-DK": _babelRuntimeHelpersEsmInteropRequireDefault($f6d6f24ad9d284dd48723518690d0e39$exports).default,
|
|
169
|
-
"de-DE": _babelRuntimeHelpersEsmInteropRequireDefault($cc3534ef504f0b7371d8c5aa254d877f$exports).default,
|
|
170
|
-
"el-GR": _babelRuntimeHelpersEsmInteropRequireDefault($ebc142984d7760b9cffe23548bb$exports).default,
|
|
171
|
-
"en-US": _babelRuntimeHelpersEsmInteropRequireDefault($f9cbab65725c7cb01e69dde93bd9a$exports).default,
|
|
172
|
-
"es-ES": _babelRuntimeHelpersEsmInteropRequireDefault($b069706710aa3fdbaa20a1b3449d63$exports).default,
|
|
173
|
-
"et-EE": _babelRuntimeHelpersEsmInteropRequireDefault($dc294c753448ff9c1809bca75ab74d1$exports).default,
|
|
174
|
-
"fi-FI": _babelRuntimeHelpersEsmInteropRequireDefault($d3f5f76480327eda035ed93c2$exports).default,
|
|
175
|
-
"fr-FR": _babelRuntimeHelpersEsmInteropRequireDefault($b627132da032b4209b5582508dfe332$exports).default,
|
|
176
|
-
"he-IL": _babelRuntimeHelpersEsmInteropRequireDefault($c3959c7b2e7e08ef514631ba3c2fdb$exports).default,
|
|
177
|
-
"hr-HR": _babelRuntimeHelpersEsmInteropRequireDefault($ca3a95147a2664e1a3c49130ccfb87$exports).default,
|
|
178
|
-
"hu-HU": _babelRuntimeHelpersEsmInteropRequireDefault($fa6b6e78fd909c4deb0805c4ff5df60$exports).default,
|
|
179
|
-
"it-IT": _babelRuntimeHelpersEsmInteropRequireDefault($bb4837487a35e965bc77709590fda45$exports).default,
|
|
180
|
-
"ja-JP": _babelRuntimeHelpersEsmInteropRequireDefault($f021a923ac58a1406a8f3f0bfd5f718$exports).default,
|
|
181
|
-
"ko-KR": _babelRuntimeHelpersEsmInteropRequireDefault($e1a2895f7736c57623c5df88ed61$exports).default,
|
|
182
|
-
"lt-LT": _babelRuntimeHelpersEsmInteropRequireDefault($ee477dd4ee39b2586e7d93e4241$exports).default,
|
|
183
|
-
"lv-LV": _babelRuntimeHelpersEsmInteropRequireDefault($c216567e87e3bd12ecb2f27ce189a5b$exports).default,
|
|
184
|
-
"nb-NO": _babelRuntimeHelpersEsmInteropRequireDefault($d57cd730bb11b14bdcd692e702bb0e60$exports).default,
|
|
185
|
-
"nl-NL": _babelRuntimeHelpersEsmInteropRequireDefault($bd8f8fc2a02532c55851f18c8de3$exports).default,
|
|
186
|
-
"pl-PL": _babelRuntimeHelpersEsmInteropRequireDefault($d8e1a561b4b79d4ead55e4ee5ea09970$exports).default,
|
|
187
|
-
"pt-BR": _babelRuntimeHelpersEsmInteropRequireDefault($d479a80df73293910fe373596d18f$exports).default,
|
|
188
|
-
"pt-PT": _babelRuntimeHelpersEsmInteropRequireDefault($d91b847a2bf9b6fb7cc187d839c725f$exports).default,
|
|
189
|
-
"ro-RO": _babelRuntimeHelpersEsmInteropRequireDefault($f25e8d5f5e9099b97d639d4f299ba$exports).default,
|
|
190
|
-
"ru-RU": _babelRuntimeHelpersEsmInteropRequireDefault($da94598d7d1c854d87360883488$exports).default,
|
|
191
|
-
"sk-SK": _babelRuntimeHelpersEsmInteropRequireDefault($d1513dad87da1caa61156c979822ded2$exports).default,
|
|
192
|
-
"sl-SI": _babelRuntimeHelpersEsmInteropRequireDefault($e16512e37a1c3ef90ecfc72d16793c1$exports).default,
|
|
193
|
-
"sr-SP": _babelRuntimeHelpersEsmInteropRequireDefault($f0f0ea292848c1c22e92d1c71347950$exports).default,
|
|
194
|
-
"sv-SE": _babelRuntimeHelpersEsmInteropRequireDefault($ddeb3363257d0b1fab7fb0169309987$exports).default,
|
|
195
|
-
"tr-TR": _babelRuntimeHelpersEsmInteropRequireDefault($e41e18d940cc1fd6ce3b548eaf26f$exports).default,
|
|
196
|
-
"uk-UA": _babelRuntimeHelpersEsmInteropRequireDefault($c7fbfea59f1f84c3fbdb550bd45e1a8d$exports).default,
|
|
197
|
-
"zh-CN": _babelRuntimeHelpersEsmInteropRequireDefault($c5ee38283255212ee41b3baf5b8304d$exports).default,
|
|
198
|
-
"zh-TW": _babelRuntimeHelpersEsmInteropRequireDefault($e4f38d4b06a7a74952e9f6dec2e6e20$exports).default
|
|
199
|
-
};
|
|
200
|
-
export function useDatePicker(props, state, ref) {
|
|
201
|
-
let buttonId = useId();
|
|
202
|
-
let dialogId = useId();
|
|
203
|
-
let formatMessage = useMessageFormatter($c154dc72a1c6e7eac4dc4005915dd53b$var$intlMessages);
|
|
204
|
-
let {
|
|
205
|
-
labelProps,
|
|
206
|
-
fieldProps,
|
|
207
|
-
descriptionProps,
|
|
208
|
-
errorMessageProps
|
|
209
|
-
} = useField(_babelRuntimeHelpersEsmExtends({}, props, {
|
|
210
|
-
labelElementType: 'span'
|
|
211
|
-
}));
|
|
212
|
-
let groupProps = $bf15f790f1b0bea8ba7f44d4056d095d$export$useDatePickerGroup(state, ref);
|
|
213
|
-
let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
|
|
214
|
-
let {
|
|
215
|
-
locale
|
|
216
|
-
} = useLocale();
|
|
217
|
-
let descProps = useDescription(state.formatValue(locale, {
|
|
218
|
-
month: 'long'
|
|
219
|
-
}));
|
|
220
|
-
let ariaDescribedBy = [descProps['aria-describedby'], fieldProps['aria-describedby']].filter(Boolean).join(' ') || undefined;
|
|
221
|
-
return {
|
|
222
|
-
groupProps: mergeProps(groupProps, descProps, {
|
|
223
|
-
role: 'group',
|
|
224
|
-
'aria-disabled': props.isDisabled || null,
|
|
225
|
-
'aria-labelledby': labelledBy,
|
|
226
|
-
'aria-describedby': ariaDescribedBy
|
|
227
|
-
}),
|
|
228
|
-
labelProps: _babelRuntimeHelpersEsmExtends({}, labelProps, {
|
|
229
|
-
onClick: () => {
|
|
230
|
-
let focusManager = createFocusManager(ref);
|
|
231
|
-
focusManager.focusFirst();
|
|
232
|
-
}
|
|
233
|
-
}),
|
|
234
|
-
fieldProps,
|
|
235
|
-
descriptionProps,
|
|
236
|
-
errorMessageProps,
|
|
237
|
-
buttonProps: _babelRuntimeHelpersEsmExtends({}, descProps, {
|
|
238
|
-
id: buttonId,
|
|
239
|
-
excludeFromTabOrder: true,
|
|
240
|
-
'aria-haspopup': 'dialog',
|
|
241
|
-
'aria-label': formatMessage('calendar'),
|
|
242
|
-
'aria-labelledby': labelledBy + " " + buttonId,
|
|
243
|
-
'aria-describedby': ariaDescribedBy
|
|
244
|
-
}),
|
|
245
|
-
dialogProps: {
|
|
246
|
-
id: dialogId,
|
|
247
|
-
'aria-labelledby': labelledBy + " " + buttonId
|
|
248
|
-
}
|
|
249
|
-
};
|
|
250
|
-
}
|
|
251
|
-
export const labelIds = new WeakMap();
|
|
252
|
-
export function useDateField(props, state, ref) {
|
|
253
|
-
let {
|
|
254
|
-
labelProps,
|
|
255
|
-
fieldProps,
|
|
256
|
-
descriptionProps,
|
|
257
|
-
errorMessageProps
|
|
258
|
-
} = useField(_babelRuntimeHelpersEsmExtends({}, props, {
|
|
259
|
-
labelElementType: 'span'
|
|
260
|
-
}));
|
|
261
|
-
let groupProps = $bf15f790f1b0bea8ba7f44d4056d095d$export$useDatePickerGroup(state, ref);
|
|
262
|
-
let {
|
|
263
|
-
focusWithinProps
|
|
264
|
-
} = useFocusWithin({
|
|
265
|
-
onBlurWithin() {
|
|
266
|
-
state.confirmPlaceholder();
|
|
267
|
-
}
|
|
31
|
+
var $61915aa8630b90a2$exports = {};
|
|
32
|
+
$61915aa8630b90a2$exports = JSON.parse("{\"calendar\":\"Kalender\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} til {end, date, long}\",\"date\":\"Dato\",\"dateRange\":\"Datointerval\",\"day\":\"dag\",\"dayPeriod\":\"AM/PM\",\"endDate\":\"Slutdato\",\"era\":\"æra\",\"hour\":\"time\",\"minute\":\"minut\",\"month\":\"måned\",\"second\":\"sekund\",\"startDate\":\"Startdato\",\"year\":\"år\",\"weekday\":\"ugedag\",\"timeZoneName\":\"tidszone\"}");
|
|
268
33
|
|
|
269
|
-
});
|
|
270
|
-
let formatter = useDateFormatter(state.getFormatOptions({
|
|
271
|
-
month: 'long'
|
|
272
|
-
}));
|
|
273
|
-
let descProps = useDescription(state.value ? formatter.format(state.dateValue) : null);
|
|
274
|
-
let segmentLabelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
|
|
275
|
-
let describedBy = [descProps['aria-describedby'], fieldProps['aria-describedby']].filter(Boolean).join(' ') || undefined;
|
|
276
|
-
labelIds.set(state, {
|
|
277
|
-
ariaLabelledBy: segmentLabelledBy,
|
|
278
|
-
ariaDescribedBy: describedBy
|
|
279
|
-
});
|
|
280
|
-
return {
|
|
281
|
-
labelProps: _babelRuntimeHelpersEsmExtends({}, labelProps, {
|
|
282
|
-
onClick: () => {
|
|
283
|
-
let focusManager = createFocusManager(ref);
|
|
284
|
-
focusManager.focusFirst();
|
|
285
|
-
}
|
|
286
|
-
}),
|
|
287
|
-
fieldProps: mergeProps(fieldProps, descProps, groupProps, focusWithinProps, {
|
|
288
|
-
role: 'group',
|
|
289
|
-
'aria-disabled': props.isDisabled || undefined,
|
|
290
|
-
'aria-describedby': describedBy
|
|
291
|
-
}),
|
|
292
|
-
descriptionProps,
|
|
293
|
-
errorMessageProps
|
|
294
|
-
};
|
|
295
|
-
}
|
|
296
34
|
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
300
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
301
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
302
|
-
*
|
|
303
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
304
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
305
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
306
|
-
* governing permissions and limitations under the License.
|
|
307
|
-
*/
|
|
308
|
-
// @ts-ignore
|
|
309
|
-
const $cde4cc2ec84ee652472d8c9e7126e8ce$var$intlMessages = {
|
|
310
|
-
"ar-AE": _babelRuntimeHelpersEsmInteropRequireDefault($b935bd0cd08a5bbbb1abd3806a771dc4$exports).default,
|
|
311
|
-
"bg-BG": _babelRuntimeHelpersEsmInteropRequireDefault($fd4c1baa70755ee27b55d9d185ef9a9$exports).default,
|
|
312
|
-
"cs-CZ": _babelRuntimeHelpersEsmInteropRequireDefault($ec5372c287a16045d039aa0470ed9fb2$exports).default,
|
|
313
|
-
"da-DK": _babelRuntimeHelpersEsmInteropRequireDefault($f6d6f24ad9d284dd48723518690d0e39$exports).default,
|
|
314
|
-
"de-DE": _babelRuntimeHelpersEsmInteropRequireDefault($cc3534ef504f0b7371d8c5aa254d877f$exports).default,
|
|
315
|
-
"el-GR": _babelRuntimeHelpersEsmInteropRequireDefault($ebc142984d7760b9cffe23548bb$exports).default,
|
|
316
|
-
"en-US": _babelRuntimeHelpersEsmInteropRequireDefault($f9cbab65725c7cb01e69dde93bd9a$exports).default,
|
|
317
|
-
"es-ES": _babelRuntimeHelpersEsmInteropRequireDefault($b069706710aa3fdbaa20a1b3449d63$exports).default,
|
|
318
|
-
"et-EE": _babelRuntimeHelpersEsmInteropRequireDefault($dc294c753448ff9c1809bca75ab74d1$exports).default,
|
|
319
|
-
"fi-FI": _babelRuntimeHelpersEsmInteropRequireDefault($d3f5f76480327eda035ed93c2$exports).default,
|
|
320
|
-
"fr-FR": _babelRuntimeHelpersEsmInteropRequireDefault($b627132da032b4209b5582508dfe332$exports).default,
|
|
321
|
-
"he-IL": _babelRuntimeHelpersEsmInteropRequireDefault($c3959c7b2e7e08ef514631ba3c2fdb$exports).default,
|
|
322
|
-
"hr-HR": _babelRuntimeHelpersEsmInteropRequireDefault($ca3a95147a2664e1a3c49130ccfb87$exports).default,
|
|
323
|
-
"hu-HU": _babelRuntimeHelpersEsmInteropRequireDefault($fa6b6e78fd909c4deb0805c4ff5df60$exports).default,
|
|
324
|
-
"it-IT": _babelRuntimeHelpersEsmInteropRequireDefault($bb4837487a35e965bc77709590fda45$exports).default,
|
|
325
|
-
"ja-JP": _babelRuntimeHelpersEsmInteropRequireDefault($f021a923ac58a1406a8f3f0bfd5f718$exports).default,
|
|
326
|
-
"ko-KR": _babelRuntimeHelpersEsmInteropRequireDefault($e1a2895f7736c57623c5df88ed61$exports).default,
|
|
327
|
-
"lt-LT": _babelRuntimeHelpersEsmInteropRequireDefault($ee477dd4ee39b2586e7d93e4241$exports).default,
|
|
328
|
-
"lv-LV": _babelRuntimeHelpersEsmInteropRequireDefault($c216567e87e3bd12ecb2f27ce189a5b$exports).default,
|
|
329
|
-
"nb-NO": _babelRuntimeHelpersEsmInteropRequireDefault($d57cd730bb11b14bdcd692e702bb0e60$exports).default,
|
|
330
|
-
"nl-NL": _babelRuntimeHelpersEsmInteropRequireDefault($bd8f8fc2a02532c55851f18c8de3$exports).default,
|
|
331
|
-
"pl-PL": _babelRuntimeHelpersEsmInteropRequireDefault($d8e1a561b4b79d4ead55e4ee5ea09970$exports).default,
|
|
332
|
-
"pt-BR": _babelRuntimeHelpersEsmInteropRequireDefault($d479a80df73293910fe373596d18f$exports).default,
|
|
333
|
-
"pt-PT": _babelRuntimeHelpersEsmInteropRequireDefault($d91b847a2bf9b6fb7cc187d839c725f$exports).default,
|
|
334
|
-
"ro-RO": _babelRuntimeHelpersEsmInteropRequireDefault($f25e8d5f5e9099b97d639d4f299ba$exports).default,
|
|
335
|
-
"ru-RU": _babelRuntimeHelpersEsmInteropRequireDefault($da94598d7d1c854d87360883488$exports).default,
|
|
336
|
-
"sk-SK": _babelRuntimeHelpersEsmInteropRequireDefault($d1513dad87da1caa61156c979822ded2$exports).default,
|
|
337
|
-
"sl-SI": _babelRuntimeHelpersEsmInteropRequireDefault($e16512e37a1c3ef90ecfc72d16793c1$exports).default,
|
|
338
|
-
"sr-SP": _babelRuntimeHelpersEsmInteropRequireDefault($f0f0ea292848c1c22e92d1c71347950$exports).default,
|
|
339
|
-
"sv-SE": _babelRuntimeHelpersEsmInteropRequireDefault($ddeb3363257d0b1fab7fb0169309987$exports).default,
|
|
340
|
-
"tr-TR": _babelRuntimeHelpersEsmInteropRequireDefault($e41e18d940cc1fd6ce3b548eaf26f$exports).default,
|
|
341
|
-
"uk-UA": _babelRuntimeHelpersEsmInteropRequireDefault($c7fbfea59f1f84c3fbdb550bd45e1a8d$exports).default,
|
|
342
|
-
"zh-CN": _babelRuntimeHelpersEsmInteropRequireDefault($c5ee38283255212ee41b3baf5b8304d$exports).default,
|
|
343
|
-
"zh-TW": _babelRuntimeHelpersEsmInteropRequireDefault($e4f38d4b06a7a74952e9f6dec2e6e20$exports).default
|
|
344
|
-
};
|
|
345
|
-
export function useDisplayNames() {
|
|
346
|
-
let {
|
|
347
|
-
locale
|
|
348
|
-
} = useLocale();
|
|
349
|
-
return useMemo(() => {
|
|
350
|
-
// Try to use Intl.DisplayNames if possible. It may be supported in browsers, but not support the dateTimeField
|
|
351
|
-
// type as that was only added in v2. https://github.com/tc39/intl-displaynames-v2
|
|
352
|
-
try {
|
|
353
|
-
// @ts-ignore
|
|
354
|
-
return new Intl.DisplayNames(locale, {
|
|
355
|
-
type: 'dateTimeField'
|
|
356
|
-
});
|
|
357
|
-
} catch (err) {
|
|
358
|
-
return new $cde4cc2ec84ee652472d8c9e7126e8ce$var$DisplayNamesPolyfill(locale);
|
|
359
|
-
}
|
|
360
|
-
}, [locale]);
|
|
361
|
-
}
|
|
35
|
+
var $35cea00159787840$exports = {};
|
|
36
|
+
$35cea00159787840$exports = JSON.parse("{\"calendar\":\"Kalender\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} bis {end, date, long}\",\"date\":\"Datum\",\"dateRange\":\"Datumsbereich\",\"day\":\"Tag\",\"dayPeriod\":\"Tageshälfte\",\"endDate\":\"Enddatum\",\"era\":\"Epoche\",\"hour\":\"Stunde\",\"minute\":\"Minute\",\"month\":\"Monat\",\"second\":\"Sekunde\",\"startDate\":\"Anfangsdatum\",\"year\":\"Jahr\",\"weekday\":\"Wochentag\",\"timeZoneName\":\"Zeitzone\"}");
|
|
362
37
|
|
|
363
|
-
class $cde4cc2ec84ee652472d8c9e7126e8ce$var$DisplayNamesPolyfill {
|
|
364
|
-
constructor(locale) {
|
|
365
|
-
this.locale = void 0;
|
|
366
|
-
this.dictionary = void 0;
|
|
367
|
-
this.locale = locale;
|
|
368
|
-
this.dictionary = new MessageDictionary($cde4cc2ec84ee652472d8c9e7126e8ce$var$intlMessages);
|
|
369
|
-
}
|
|
370
38
|
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
}
|
|
39
|
+
var $518b4e82b9eacafd$exports = {};
|
|
40
|
+
$518b4e82b9eacafd$exports = JSON.parse("{\"calendar\":\"Ημερολόγιο\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} ως {end, date, long}\",\"date\":\"Ημερομηνία\",\"dateRange\":\"Εύρος ημερομηνιών\",\"day\":\"ημέρα\",\"dayPeriod\":\"π.μ./μ.μ.\",\"endDate\":\"Ημερομηνία λήξης\",\"era\":\"περίοδος\",\"hour\":\"ώρα\",\"minute\":\"λεπτό\",\"month\":\"μήνας\",\"second\":\"δευτερόλεπτο\",\"startDate\":\"Ημερομηνία έναρξης\",\"year\":\"έτος\",\"weekday\":\"καθημερινή\",\"timeZoneName\":\"ζώνη ώρας\"}");
|
|
374
41
|
|
|
375
|
-
}
|
|
376
42
|
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
let {
|
|
380
|
-
locale,
|
|
381
|
-
direction
|
|
382
|
-
} = useLocale();
|
|
383
|
-
let displayNames = useDisplayNames();
|
|
384
|
-
let focusManager = useFocusManager();
|
|
385
|
-
let textValue = segment.text;
|
|
386
|
-
let options = useMemo(() => state.dateFormatter.resolvedOptions(), [state.dateFormatter]);
|
|
387
|
-
let monthDateFormatter = useDateFormatter({
|
|
388
|
-
month: 'long',
|
|
389
|
-
timeZone: options.timeZone
|
|
390
|
-
});
|
|
391
|
-
let hourDateFormatter = useDateFormatter({
|
|
392
|
-
hour: 'numeric',
|
|
393
|
-
hour12: options.hour12,
|
|
394
|
-
timeZone: options.timeZone
|
|
395
|
-
});
|
|
396
|
-
|
|
397
|
-
if (segment.type === 'month') {
|
|
398
|
-
let monthTextValue = monthDateFormatter.format(state.dateValue);
|
|
399
|
-
textValue = monthTextValue !== textValue ? textValue + " \u2013 " + monthTextValue : monthTextValue;
|
|
400
|
-
} else if (segment.type === 'hour' || segment.type === 'dayPeriod') {
|
|
401
|
-
textValue = hourDateFormatter.format(state.dateValue);
|
|
402
|
-
}
|
|
403
|
-
|
|
404
|
-
let {
|
|
405
|
-
spinButtonProps
|
|
406
|
-
} = useSpinButton({
|
|
407
|
-
value: segment.value,
|
|
408
|
-
textValue,
|
|
409
|
-
minValue: segment.minValue,
|
|
410
|
-
maxValue: segment.maxValue,
|
|
411
|
-
isDisabled: props.isDisabled,
|
|
412
|
-
isReadOnly: props.isReadOnly || !segment.isEditable,
|
|
413
|
-
isRequired: props.isRequired,
|
|
414
|
-
onIncrement: () => {
|
|
415
|
-
enteredKeys.current = '';
|
|
416
|
-
state.increment(segment.type);
|
|
417
|
-
},
|
|
418
|
-
onDecrement: () => {
|
|
419
|
-
enteredKeys.current = '';
|
|
420
|
-
state.decrement(segment.type);
|
|
421
|
-
},
|
|
422
|
-
onIncrementPage: () => {
|
|
423
|
-
enteredKeys.current = '';
|
|
424
|
-
state.incrementPage(segment.type);
|
|
425
|
-
},
|
|
426
|
-
onDecrementPage: () => {
|
|
427
|
-
enteredKeys.current = '';
|
|
428
|
-
state.decrementPage(segment.type);
|
|
429
|
-
},
|
|
430
|
-
onIncrementToMax: () => {
|
|
431
|
-
enteredKeys.current = '';
|
|
432
|
-
state.setSegment(segment.type, segment.maxValue);
|
|
433
|
-
},
|
|
434
|
-
onDecrementToMin: () => {
|
|
435
|
-
enteredKeys.current = '';
|
|
436
|
-
state.setSegment(segment.type, segment.minValue);
|
|
437
|
-
}
|
|
438
|
-
});
|
|
439
|
-
let parser = useMemo(() => new NumberParser(locale, {
|
|
440
|
-
maximumFractionDigits: 0
|
|
441
|
-
}), [locale]);
|
|
442
|
-
|
|
443
|
-
let backspace = () => {
|
|
444
|
-
if (parser.isValidPartialNumber(segment.text) && !props.isReadOnly && !segment.isPlaceholder) {
|
|
445
|
-
let newValue = segment.text.slice(0, -1);
|
|
446
|
-
let parsed = parser.parse(newValue);
|
|
447
|
-
|
|
448
|
-
if (newValue.length === 0 || parsed === 0) {
|
|
449
|
-
state.clearSegment(segment.type);
|
|
450
|
-
} else {
|
|
451
|
-
state.setSegment(segment.type, parsed);
|
|
452
|
-
}
|
|
453
|
-
|
|
454
|
-
enteredKeys.current = newValue;
|
|
455
|
-
} else if (segment.type === 'dayPeriod') {
|
|
456
|
-
state.clearSegment(segment.type);
|
|
457
|
-
}
|
|
458
|
-
};
|
|
43
|
+
var $1c2b297f7e2cf474$exports = {};
|
|
44
|
+
$1c2b297f7e2cf474$exports = JSON.parse("{\"era\":\"era\",\"year\":\"year\",\"month\":\"month\",\"day\":\"day\",\"hour\":\"hour\",\"minute\":\"minute\",\"second\":\"second\",\"dayPeriod\":\"AM/PM\",\"calendar\":\"Calendar\",\"date\":\"Date\",\"dateRange\":\"Date Range\",\"startDate\":\"Start Date\",\"endDate\":\"End Date\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} to {end, date, long}\",\"weekday\":\"day of the week\",\"timeZoneName\":\"time zone\"}");
|
|
459
45
|
|
|
460
|
-
let onKeyDown = e => {
|
|
461
|
-
// Firefox does not fire selectstart for Ctrl/Cmd + A
|
|
462
|
-
// https://bugzilla.mozilla.org/show_bug.cgi?id=1742153
|
|
463
|
-
if (e.key === 'a' && (isMac() ? e.metaKey : e.ctrlKey)) {
|
|
464
|
-
e.preventDefault();
|
|
465
|
-
}
|
|
466
46
|
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
}
|
|
47
|
+
var $07f628a707cf9b18$exports = {};
|
|
48
|
+
$07f628a707cf9b18$exports = JSON.parse("{\"calendar\":\"Calendario\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} a {end, date, long}\",\"date\":\"Fecha\",\"dateRange\":\"Intervalo de fecha\",\"day\":\"día\",\"dayPeriod\":\"a. m./p. m.\",\"endDate\":\"Fecha final\",\"era\":\"era\",\"hour\":\"hora\",\"minute\":\"minuto\",\"month\":\"mes\",\"second\":\"segundo\",\"startDate\":\"Fecha de inicio\",\"year\":\"año\",\"weekday\":\"día de la semana\",\"timeZoneName\":\"zona horaria\"}");
|
|
470
49
|
|
|
471
|
-
switch (e.key) {
|
|
472
|
-
case 'ArrowLeft':
|
|
473
|
-
e.preventDefault();
|
|
474
|
-
e.stopPropagation();
|
|
475
50
|
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
} else {
|
|
479
|
-
focusManager.focusPrevious();
|
|
480
|
-
}
|
|
51
|
+
var $db553ffe17c7f4db$exports = {};
|
|
52
|
+
$db553ffe17c7f4db$exports = JSON.parse("{\"calendar\":\"Kalender\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} kuni {end, date, long}\",\"date\":\"Kuupäev\",\"dateRange\":\"Kuupäevavahemik\",\"day\":\"päev\",\"dayPeriod\":\"enne/pärast lõunat\",\"endDate\":\"Lõppkuupäev\",\"era\":\"ajastu\",\"hour\":\"tund\",\"minute\":\"minut\",\"month\":\"kuu\",\"second\":\"sekund\",\"startDate\":\"Alguskuupäev\",\"year\":\"aasta\",\"weekday\":\"nädalapäev\",\"timeZoneName\":\"ajavöönd\"}");
|
|
481
53
|
|
|
482
|
-
break;
|
|
483
54
|
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
e.stopPropagation();
|
|
55
|
+
var $4afcfe00cd703f83$exports = {};
|
|
56
|
+
$4afcfe00cd703f83$exports = JSON.parse("{\"calendar\":\"Kalenteri\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long}–{end, date, long}\",\"date\":\"Päivämäärä\",\"dateRange\":\"Päivämääräalue\",\"day\":\"päivä\",\"dayPeriod\":\"vuorokaudenaika\",\"endDate\":\"Päättymispäivä\",\"era\":\"aikakausi\",\"hour\":\"tunti\",\"minute\":\"minuutti\",\"month\":\"kuukausi\",\"second\":\"sekunti\",\"startDate\":\"Alkamispäivä\",\"year\":\"vuosi\",\"weekday\":\"viikonpäivä\",\"timeZoneName\":\"aikavyöhyke\"}");
|
|
487
57
|
|
|
488
|
-
if (direction === 'rtl') {
|
|
489
|
-
focusManager.focusPrevious();
|
|
490
|
-
} else {
|
|
491
|
-
focusManager.focusNext();
|
|
492
|
-
}
|
|
493
58
|
|
|
494
|
-
|
|
59
|
+
var $1d2645d18d4c5be0$exports = {};
|
|
60
|
+
$1d2645d18d4c5be0$exports = JSON.parse("{\"calendar\":\"Calendrier\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} au {end, date, long}\",\"date\":\"Date\",\"dateRange\":\"Plage de dates\",\"day\":\"jour\",\"dayPeriod\":\"cadran\",\"endDate\":\"Date de fin\",\"era\":\"ère\",\"hour\":\"heure\",\"minute\":\"minute\",\"month\":\"mois\",\"second\":\"seconde\",\"startDate\":\"Date de début\",\"year\":\"année\",\"weekday\":\"jour de la semaine\",\"timeZoneName\":\"fuseau horaire\"}");
|
|
495
61
|
|
|
496
|
-
case 'Enter':
|
|
497
|
-
e.preventDefault();
|
|
498
|
-
e.stopPropagation();
|
|
499
62
|
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
}
|
|
63
|
+
var $64cb6a9be1f6fa48$exports = {};
|
|
64
|
+
$64cb6a9be1f6fa48$exports = JSON.parse("{\"calendar\":\"לוח שנה\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"מ-{start, date, long} ועד {end, date, long}\",\"date\":\"תאריך\",\"dateRange\":\"טווח תאריכים\",\"day\":\"יום\",\"dayPeriod\":\"לפנה״צ/אחה״צ\",\"endDate\":\"תאריך סיום\",\"era\":\"תקופה\",\"hour\":\"שעה\",\"minute\":\"דקה\",\"month\":\"חודש\",\"second\":\"שנייה\",\"startDate\":\"תאריך התחלה\",\"year\":\"שנה\",\"weekday\":\"יום בשבוע\",\"timeZoneName\":\"אזור זמן\"}");
|
|
503
65
|
|
|
504
|
-
focusManager.focusNext();
|
|
505
|
-
break;
|
|
506
66
|
|
|
507
|
-
|
|
508
|
-
|
|
67
|
+
var $2a1ef2e8050be27a$exports = {};
|
|
68
|
+
$2a1ef2e8050be27a$exports = JSON.parse("{\"calendar\":\"Kalendar\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} do {end, date, long}\",\"date\":\"Datum\",\"dateRange\":\"Raspon datuma\",\"day\":\"dan\",\"dayPeriod\":\"AM/PM\",\"endDate\":\"Datum završetka\",\"era\":\"era\",\"hour\":\"sat\",\"minute\":\"minuta\",\"month\":\"mjesec\",\"second\":\"sekunda\",\"startDate\":\"Datum početka\",\"year\":\"godina\",\"weekday\":\"dan u tjednu\",\"timeZoneName\":\"vremenska zona\"}");
|
|
509
69
|
|
|
510
|
-
case 'Backspace':
|
|
511
|
-
case 'Delete':
|
|
512
|
-
{
|
|
513
|
-
// Safari on iOS does not fire beforeinput for the backspace key because the cursor is at the start.
|
|
514
|
-
e.preventDefault();
|
|
515
|
-
e.stopPropagation();
|
|
516
|
-
backspace();
|
|
517
|
-
break;
|
|
518
|
-
}
|
|
519
|
-
}
|
|
520
|
-
}; // Safari dayPeriod option doesn't work...
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
let {
|
|
524
|
-
startsWith
|
|
525
|
-
} = useFilter({
|
|
526
|
-
sensitivity: 'base'
|
|
527
|
-
});
|
|
528
|
-
let amPmFormatter = useDateFormatter({
|
|
529
|
-
hour: 'numeric',
|
|
530
|
-
hour12: true
|
|
531
|
-
});
|
|
532
|
-
let am = useMemo(() => {
|
|
533
|
-
let date = new Date();
|
|
534
|
-
date.setHours(0);
|
|
535
|
-
return amPmFormatter.formatToParts(date).find(part => part.type === 'dayPeriod').value;
|
|
536
|
-
}, [amPmFormatter]);
|
|
537
|
-
let pm = useMemo(() => {
|
|
538
|
-
let date = new Date();
|
|
539
|
-
date.setHours(12);
|
|
540
|
-
return amPmFormatter.formatToParts(date).find(part => part.type === 'dayPeriod').value;
|
|
541
|
-
}, [amPmFormatter]);
|
|
542
|
-
|
|
543
|
-
let onInput = key => {
|
|
544
|
-
if (props.isDisabled || props.isReadOnly) {
|
|
545
|
-
return;
|
|
546
|
-
}
|
|
547
70
|
|
|
548
|
-
|
|
71
|
+
var $ad429dca102acd0e$exports = {};
|
|
72
|
+
$ad429dca102acd0e$exports = JSON.parse("{\"calendar\":\"Naptár\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} – {end, date, long}\",\"date\":\"Dátum\",\"dateRange\":\"Dátumtartomány\",\"day\":\"nap\",\"dayPeriod\":\"napszak\",\"endDate\":\"Befejező dátum\",\"era\":\"éra\",\"hour\":\"óra\",\"minute\":\"perc\",\"month\":\"hónap\",\"second\":\"másodperc\",\"startDate\":\"Kezdő dátum\",\"year\":\"év\",\"weekday\":\"hét napja\",\"timeZoneName\":\"időzóna\"}");
|
|
549
73
|
|
|
550
|
-
switch (segment.type) {
|
|
551
|
-
case 'dayPeriod':
|
|
552
|
-
if (startsWith(am, key)) {
|
|
553
|
-
state.setSegment('dayPeriod', 0);
|
|
554
|
-
} else if (startsWith(pm, key)) {
|
|
555
|
-
state.setSegment('dayPeriod', 12);
|
|
556
|
-
} else {
|
|
557
|
-
break;
|
|
558
|
-
}
|
|
559
74
|
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
case 'day':
|
|
564
|
-
case 'hour':
|
|
565
|
-
case 'minute':
|
|
566
|
-
case 'second':
|
|
567
|
-
case 'month':
|
|
568
|
-
case 'year':
|
|
569
|
-
{
|
|
570
|
-
if (!parser.isValidPartialNumber(newValue)) {
|
|
571
|
-
return;
|
|
572
|
-
}
|
|
573
|
-
|
|
574
|
-
let numberValue = parser.parse(newValue);
|
|
575
|
-
let segmentValue = numberValue;
|
|
576
|
-
let allowsZero = segment.minValue === 0;
|
|
577
|
-
|
|
578
|
-
if (segment.type === 'hour' && state.dateFormatter.resolvedOptions().hour12) {
|
|
579
|
-
switch (state.dateFormatter.resolvedOptions().hourCycle) {
|
|
580
|
-
case 'h11':
|
|
581
|
-
if (numberValue > 11) {
|
|
582
|
-
segmentValue = parser.parse(key);
|
|
583
|
-
}
|
|
75
|
+
var $6e68cb5d1cb97bd2$exports = {};
|
|
76
|
+
$6e68cb5d1cb97bd2$exports = JSON.parse("{\"calendar\":\"Calendario\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"Da {start, date, long} a {end, date, long}\",\"date\":\"Data\",\"dateRange\":\"Intervallo date\",\"day\":\"giorno\",\"dayPeriod\":\"AM/PM\",\"endDate\":\"Data finale\",\"era\":\"era\",\"hour\":\"ora\",\"minute\":\"minuto\",\"month\":\"mese\",\"second\":\"secondo\",\"startDate\":\"Data iniziale\",\"year\":\"anno\",\"weekday\":\"giorno della settimana\",\"timeZoneName\":\"fuso orario\"}");
|
|
584
77
|
|
|
585
|
-
break;
|
|
586
78
|
|
|
587
|
-
|
|
588
|
-
|
|
79
|
+
var $a82ee9af063ee069$exports = {};
|
|
80
|
+
$a82ee9af063ee069$exports = JSON.parse("{\"calendar\":\"カレンダー\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} ~ {end, date, long}\",\"date\":\"日付\",\"dateRange\":\"日付範囲\",\"day\":\"日\",\"dayPeriod\":\"午前/午後\",\"endDate\":\"終了日\",\"era\":\"時代\",\"hour\":\"時\",\"minute\":\"分\",\"month\":\"月\",\"second\":\"秒\",\"startDate\":\"開始日\",\"year\":\"年\",\"weekday\":\"曜日\",\"timeZoneName\":\"タイムゾーン\"}");
|
|
589
81
|
|
|
590
|
-
if (numberValue > 12) {
|
|
591
|
-
segmentValue = parser.parse(key);
|
|
592
|
-
}
|
|
593
82
|
|
|
594
|
-
|
|
595
|
-
|
|
83
|
+
var $67e9091dbf37d4eb$exports = {};
|
|
84
|
+
$67e9091dbf37d4eb$exports = JSON.parse("{\"calendar\":\"달력\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} ~ {end, date, long}\",\"date\":\"날짜\",\"dateRange\":\"날짜 범위\",\"day\":\"일\",\"dayPeriod\":\"오전/오후\",\"endDate\":\"종료 날짜\",\"era\":\"연호\",\"hour\":\"시\",\"minute\":\"분\",\"month\":\"월\",\"second\":\"초\",\"startDate\":\"시작 날짜\",\"year\":\"년\",\"weekday\":\"요일\",\"timeZoneName\":\"시간대\"}");
|
|
596
85
|
|
|
597
|
-
if (segment.value >= 12 && numberValue > 1) {
|
|
598
|
-
numberValue += 12;
|
|
599
|
-
}
|
|
600
|
-
} else if (numberValue > segment.maxValue) {
|
|
601
|
-
segmentValue = parser.parse(key);
|
|
602
|
-
}
|
|
603
86
|
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
}
|
|
87
|
+
var $75834f9729f653d1$exports = {};
|
|
88
|
+
$75834f9729f653d1$exports = JSON.parse("{\"calendar\":\"Kalendorius\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"Nuo {start, date, long} iki {end, date, long}\",\"date\":\"Data\",\"dateRange\":\"Datų intervalas\",\"day\":\"diena\",\"dayPeriod\":\"iki pietų / po pietų\",\"endDate\":\"Pabaigos data\",\"era\":\"era\",\"hour\":\"valanda\",\"minute\":\"minutė\",\"month\":\"mėnuo\",\"second\":\"sekundė\",\"startDate\":\"Pradžios data\",\"year\":\"metai\",\"weekday\":\"savaitės diena\",\"timeZoneName\":\"laiko juosta\"}");
|
|
607
89
|
|
|
608
|
-
let shouldSetValue = segmentValue !== 0 || allowsZero;
|
|
609
90
|
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
}
|
|
91
|
+
var $a2df2c2520b4a7f0$exports = {};
|
|
92
|
+
$a2df2c2520b4a7f0$exports = JSON.parse("{\"calendar\":\"Kalendārs\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} līdz {end, date, long}\",\"date\":\"Datums\",\"dateRange\":\"Datumu diapazons\",\"day\":\"diena\",\"dayPeriod\":\"priekšpusdienā/pēcpusdienā\",\"endDate\":\"Beigu datums\",\"era\":\"ēra\",\"hour\":\"stundas\",\"minute\":\"minūtes\",\"month\":\"mēnesis\",\"second\":\"sekundes\",\"startDate\":\"Sākuma datums\",\"year\":\"gads\",\"weekday\":\"nedēļas diena\",\"timeZoneName\":\"laika josla\"}");
|
|
613
93
|
|
|
614
|
-
if (Number(numberValue + '0') > segment.maxValue || newValue.length >= String(segment.maxValue).length) {
|
|
615
|
-
enteredKeys.current = '';
|
|
616
94
|
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
95
|
+
var $aedcd71db4933ed5$exports = {};
|
|
96
|
+
$aedcd71db4933ed5$exports = JSON.parse("{\"calendar\":\"Kalender\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} til {end, date, long}\",\"date\":\"Dato\",\"dateRange\":\"Datoområde\",\"day\":\"dag\",\"dayPeriod\":\"a.m./p.m.\",\"endDate\":\"Sluttdato\",\"era\":\"tidsalder\",\"hour\":\"time\",\"minute\":\"minutt\",\"month\":\"måned\",\"second\":\"sekund\",\"startDate\":\"Startdato\",\"year\":\"år\",\"weekday\":\"ukedag\",\"timeZoneName\":\"tidssone\"}");
|
|
97
|
+
|
|
98
|
+
|
|
99
|
+
var $3b2df9e54353046c$exports = {};
|
|
100
|
+
$3b2df9e54353046c$exports = JSON.parse("{\"calendar\":\"Kalender\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} t/m {end, date, long}\",\"date\":\"Datum\",\"dateRange\":\"Datumbereik\",\"day\":\"dag\",\"dayPeriod\":\"a.m./p.m.\",\"endDate\":\"Einddatum\",\"era\":\"tijdperk\",\"hour\":\"uur\",\"minute\":\"minuut\",\"month\":\"maand\",\"second\":\"seconde\",\"startDate\":\"Startdatum\",\"year\":\"jaar\",\"weekday\":\"dag van de week\",\"timeZoneName\":\"tijdzone\"}");
|
|
101
|
+
|
|
102
|
+
|
|
103
|
+
var $c03fe977fcfafe93$exports = {};
|
|
104
|
+
$c03fe977fcfafe93$exports = JSON.parse("{\"calendar\":\"Kalendarz\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} do {end, date, long}\",\"date\":\"Data\",\"dateRange\":\"Zakres dat\",\"day\":\"dzień\",\"dayPeriod\":\"rano / po południu / wieczorem\",\"endDate\":\"Data końcowa\",\"era\":\"era\",\"hour\":\"godzina\",\"minute\":\"minuta\",\"month\":\"miesiąc\",\"second\":\"sekunda\",\"startDate\":\"Data początkowa\",\"year\":\"rok\",\"weekday\":\"dzień tygodnia\",\"timeZoneName\":\"strefa czasowa\"}");
|
|
105
|
+
|
|
106
|
+
|
|
107
|
+
var $569f006fc292345f$exports = {};
|
|
108
|
+
$569f006fc292345f$exports = JSON.parse("{\"calendar\":\"Calendário\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} a {end, date, long}\",\"date\":\"Data\",\"dateRange\":\"Intervalo de datas\",\"day\":\"dia\",\"dayPeriod\":\"AM/PM\",\"endDate\":\"Data final\",\"era\":\"era\",\"hour\":\"hora\",\"minute\":\"minuto\",\"month\":\"mês\",\"second\":\"segundo\",\"startDate\":\"Data inicial\",\"year\":\"ano\",\"weekday\":\"dia da semana\",\"timeZoneName\":\"fuso horário\"}");
|
|
109
|
+
|
|
110
|
+
|
|
111
|
+
var $7c2494e14452f2dd$exports = {};
|
|
112
|
+
$7c2494e14452f2dd$exports = JSON.parse("{\"calendar\":\"Calendário\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} a {end, date, long}\",\"date\":\"Data\",\"dateRange\":\"Intervalo de datas\",\"day\":\"dia\",\"dayPeriod\":\"am/pm\",\"endDate\":\"Data de Término\",\"era\":\"era\",\"hour\":\"hora\",\"minute\":\"minuto\",\"month\":\"mês\",\"second\":\"segundo\",\"startDate\":\"Data de Início\",\"year\":\"ano\",\"weekday\":\"dia da semana\",\"timeZoneName\":\"fuso horário\"}");
|
|
113
|
+
|
|
114
|
+
|
|
115
|
+
var $eb82ef981b5592bf$exports = {};
|
|
116
|
+
$eb82ef981b5592bf$exports = JSON.parse("{\"calendar\":\"Calendar\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} - {end, date, long}\",\"date\":\"Dată\",\"dateRange\":\"Raza datei\",\"day\":\"zi\",\"dayPeriod\":\"a.m/p.m.\",\"endDate\":\"Dată final\",\"era\":\"eră\",\"hour\":\"oră\",\"minute\":\"minut\",\"month\":\"lună\",\"second\":\"secundă\",\"startDate\":\"Dată început\",\"year\":\"an\",\"weekday\":\"ziua din săptămână\",\"timeZoneName\":\"fus orar\"}");
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
var $6efa0e119f396950$exports = {};
|
|
120
|
+
$6efa0e119f396950$exports = JSON.parse("{\"calendar\":\"Календарь\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} – {end, date, long}\",\"date\":\"Дата\",\"dateRange\":\"Диапазон дат\",\"day\":\"день\",\"dayPeriod\":\"AM/PM\",\"endDate\":\"Дата окончания\",\"era\":\"эра\",\"hour\":\"час\",\"minute\":\"минута\",\"month\":\"месяц\",\"second\":\"секунда\",\"startDate\":\"Дата начала\",\"year\":\"год\",\"weekday\":\"день недели\",\"timeZoneName\":\"часовой пояс\"}");
|
|
121
|
+
|
|
122
|
+
|
|
123
|
+
var $7f5e57085d7f5049$exports = {};
|
|
124
|
+
$7f5e57085d7f5049$exports = JSON.parse("{\"calendar\":\"Kalendár\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} do {end, date, long}\",\"date\":\"Dátum\",\"dateRange\":\"Rozsah dátumov\",\"day\":\"deň\",\"dayPeriod\":\"AM/PM\",\"endDate\":\"Dátum ukončenia\",\"era\":\"letopočet\",\"hour\":\"hodina\",\"minute\":\"minúta\",\"month\":\"mesiac\",\"second\":\"sekunda\",\"startDate\":\"Dátum začatia\",\"year\":\"rok\",\"weekday\":\"deň týždňa\",\"timeZoneName\":\"časové pásmo\"}");
|
|
125
|
+
|
|
126
|
+
|
|
127
|
+
var $578ee7c11dcdde7a$exports = {};
|
|
128
|
+
$578ee7c11dcdde7a$exports = JSON.parse("{\"calendar\":\"Koledar\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} do {end, date, long}\",\"date\":\"Datum\",\"dateRange\":\"Datumski obseg\",\"day\":\"dan\",\"dayPeriod\":\"dop/pop\",\"endDate\":\"Datum konca\",\"era\":\"doba\",\"hour\":\"ura\",\"minute\":\"minuta\",\"month\":\"mesec\",\"second\":\"sekunda\",\"startDate\":\"Datum začetka\",\"year\":\"leto\",\"weekday\":\"dan v tednu\",\"timeZoneName\":\"časovni pas\"}");
|
|
129
|
+
|
|
130
|
+
|
|
131
|
+
var $bbc3fd6cd0bc9d50$exports = {};
|
|
132
|
+
$bbc3fd6cd0bc9d50$exports = JSON.parse("{\"calendar\":\"Kalendar\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} do {end, date, long}\",\"date\":\"Datum\",\"dateRange\":\"Opseg datuma\",\"day\":\"дан\",\"dayPeriod\":\"пре подне/по подне\",\"endDate\":\"Datum završetka\",\"era\":\"ера\",\"hour\":\"сат\",\"minute\":\"минут\",\"month\":\"месец\",\"second\":\"секунд\",\"startDate\":\"Datum početka\",\"year\":\"година\",\"weekday\":\"дан у недељи\",\"timeZoneName\":\"временска зона\"}");
|
|
623
133
|
|
|
624
|
-
break;
|
|
625
|
-
}
|
|
626
|
-
}
|
|
627
|
-
};
|
|
628
134
|
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
scrollIntoView(getScrollParent(ref.current), ref.current); // Safari requires that a selection is set or it won't fire input events.
|
|
632
|
-
// Since usePress disables text selection, this won't happen by default.
|
|
135
|
+
var $0b04512118591d2a$exports = {};
|
|
136
|
+
$0b04512118591d2a$exports = JSON.parse("{\"calendar\":\"Kalender\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} till {end, date, long}\",\"date\":\"Datum\",\"dateRange\":\"Datumintervall\",\"day\":\"dag\",\"dayPeriod\":\"fm/em\",\"endDate\":\"Slutdatum\",\"era\":\"era\",\"hour\":\"timme\",\"minute\":\"minut\",\"month\":\"månad\",\"second\":\"sekund\",\"startDate\":\"Startdatum\",\"year\":\"år\",\"weekday\":\"veckodag\",\"timeZoneName\":\"tidszon\"}");
|
|
633
137
|
|
|
634
|
-
ref.current.style.webkitUserSelect = 'text';
|
|
635
|
-
let selection = window.getSelection();
|
|
636
|
-
selection.collapse(ref.current);
|
|
637
|
-
ref.current.style.webkitUserSelect = '';
|
|
638
|
-
};
|
|
639
138
|
|
|
640
|
-
|
|
139
|
+
var $3a49d121fe4c9e1d$exports = {};
|
|
140
|
+
$3a49d121fe4c9e1d$exports = JSON.parse("{\"calendar\":\"Takvim\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} - {end, date, long}\",\"date\":\"Tarih\",\"dateRange\":\"Tarih Aralığı\",\"day\":\"gün\",\"dayPeriod\":\"ÖÖ/ÖS\",\"endDate\":\"Bitiş Tarihi\",\"era\":\"çağ\",\"hour\":\"saat\",\"minute\":\"dakika\",\"month\":\"ay\",\"second\":\"saniye\",\"startDate\":\"Başlangıç Tarihi\",\"year\":\"yıl\",\"weekday\":\"haftanın günü\",\"timeZoneName\":\"saat dilimi\"}");
|
|
641
141
|
|
|
642
|
-
useEvent(ref, 'beforeinput', e => {
|
|
643
|
-
e.preventDefault();
|
|
644
142
|
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
143
|
+
var $5ba21dbb8914919d$exports = {};
|
|
144
|
+
$5ba21dbb8914919d$exports = JSON.parse("{\"calendar\":\"Календар\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"Від {start, date, long} до {end, date, long}\",\"date\":\"Дата\",\"dateRange\":\"Діапазон дат\",\"day\":\"день\",\"dayPeriod\":\"дп/пп\",\"endDate\":\"Дата завершення\",\"era\":\"ера\",\"hour\":\"година\",\"minute\":\"хвилина\",\"month\":\"місяць\",\"second\":\"секунда\",\"startDate\":\"Дата початку\",\"year\":\"рік\",\"weekday\":\"день тижня\",\"timeZoneName\":\"часовий пояс\"}");
|
|
145
|
+
|
|
146
|
+
|
|
147
|
+
var $51078838e1b16cd7$exports = {};
|
|
148
|
+
$51078838e1b16cd7$exports = JSON.parse("{\"calendar\":\"日历\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} 至 {end, date, long}\",\"date\":\"日期\",\"dateRange\":\"日期范围\",\"day\":\"日\",\"dayPeriod\":\"上午/下午\",\"endDate\":\"结束日期\",\"era\":\"纪元\",\"hour\":\"小时\",\"minute\":\"分钟\",\"month\":\"月\",\"second\":\"秒\",\"startDate\":\"开始日期\",\"year\":\"年\",\"weekday\":\"工作日\",\"timeZoneName\":\"时区\"}");
|
|
149
|
+
|
|
150
|
+
|
|
151
|
+
var $33fab8219207655a$exports = {};
|
|
152
|
+
$33fab8219207655a$exports = JSON.parse("{\"calendar\":\"日曆\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long}至 {end, date, long}\",\"date\":\"日期\",\"dateRange\":\"日期範圍\",\"day\":\"日\",\"dayPeriod\":\"上午/下午\",\"endDate\":\"結束日期\",\"era\":\"纪元\",\"hour\":\"小时\",\"minute\":\"分钟\",\"month\":\"月\",\"second\":\"秒\",\"startDate\":\"開始日期\",\"year\":\"年\",\"weekday\":\"工作日\",\"timeZoneName\":\"时区\"}");
|
|
153
|
+
|
|
154
|
+
|
|
155
|
+
$204383cf4f6b0d06$exports = {
|
|
156
|
+
"ar-AE": $f23889fffbde9058$exports,
|
|
157
|
+
"bg-BG": $09d9badaa8903929$exports,
|
|
158
|
+
"cs-CZ": $151b77e0fd711730$exports,
|
|
159
|
+
"da-DK": $61915aa8630b90a2$exports,
|
|
160
|
+
"de-DE": $35cea00159787840$exports,
|
|
161
|
+
"el-GR": $518b4e82b9eacafd$exports,
|
|
162
|
+
"en-US": $1c2b297f7e2cf474$exports,
|
|
163
|
+
"es-ES": $07f628a707cf9b18$exports,
|
|
164
|
+
"et-EE": $db553ffe17c7f4db$exports,
|
|
165
|
+
"fi-FI": $4afcfe00cd703f83$exports,
|
|
166
|
+
"fr-FR": $1d2645d18d4c5be0$exports,
|
|
167
|
+
"he-IL": $64cb6a9be1f6fa48$exports,
|
|
168
|
+
"hr-HR": $2a1ef2e8050be27a$exports,
|
|
169
|
+
"hu-HU": $ad429dca102acd0e$exports,
|
|
170
|
+
"it-IT": $6e68cb5d1cb97bd2$exports,
|
|
171
|
+
"ja-JP": $a82ee9af063ee069$exports,
|
|
172
|
+
"ko-KR": $67e9091dbf37d4eb$exports,
|
|
173
|
+
"lt-LT": $75834f9729f653d1$exports,
|
|
174
|
+
"lv-LV": $a2df2c2520b4a7f0$exports,
|
|
175
|
+
"nb-NO": $aedcd71db4933ed5$exports,
|
|
176
|
+
"nl-NL": $3b2df9e54353046c$exports,
|
|
177
|
+
"pl-PL": $c03fe977fcfafe93$exports,
|
|
178
|
+
"pt-BR": $569f006fc292345f$exports,
|
|
179
|
+
"pt-PT": $7c2494e14452f2dd$exports,
|
|
180
|
+
"ro-RO": $eb82ef981b5592bf$exports,
|
|
181
|
+
"ru-RU": $6efa0e119f396950$exports,
|
|
182
|
+
"sk-SK": $7f5e57085d7f5049$exports,
|
|
183
|
+
"sl-SI": $578ee7c11dcdde7a$exports,
|
|
184
|
+
"sr-SP": $bbc3fd6cd0bc9d50$exports,
|
|
185
|
+
"sv-SE": $0b04512118591d2a$exports,
|
|
186
|
+
"tr-TR": $3a49d121fe4c9e1d$exports,
|
|
187
|
+
"uk-UA": $5ba21dbb8914919d$exports,
|
|
188
|
+
"zh-CN": $51078838e1b16cd7$exports,
|
|
189
|
+
"zh-TW": $33fab8219207655a$exports
|
|
190
|
+
};
|
|
191
|
+
|
|
192
|
+
|
|
193
|
+
|
|
194
|
+
|
|
195
|
+
|
|
196
|
+
|
|
197
|
+
|
|
198
|
+
|
|
199
|
+
|
|
200
|
+
function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref1) {
|
|
201
|
+
// Open the popover on alt + arrow down
|
|
202
|
+
let onKeyDown = (e)=>{
|
|
203
|
+
if (e.altKey && (e.key === 'ArrowDown' || e.key === 'ArrowUp') && 'setOpen' in state) {
|
|
204
|
+
e.preventDefault();
|
|
205
|
+
e.stopPropagation();
|
|
206
|
+
state.setOpen(true);
|
|
207
|
+
}
|
|
208
|
+
};
|
|
209
|
+
// Focus the first placeholder segment from the end on mouse down/touch up in the field.
|
|
210
|
+
let focusLast = ()=>{
|
|
211
|
+
var ref;
|
|
212
|
+
// Try to find the segment prior to the element that was clicked on.
|
|
213
|
+
let target = (ref = window.event) === null || ref === void 0 ? void 0 : ref.target;
|
|
214
|
+
let walker = $cIPI0$getFocusableTreeWalker(ref1.current, {
|
|
215
|
+
tabbable: true
|
|
216
|
+
});
|
|
217
|
+
if (target) {
|
|
218
|
+
walker.currentNode = target;
|
|
219
|
+
target = walker.previousNode();
|
|
220
|
+
}
|
|
221
|
+
// If no target found, find the last element from the end.
|
|
222
|
+
if (!target) {
|
|
223
|
+
let last;
|
|
224
|
+
do {
|
|
225
|
+
last = walker.lastChild();
|
|
226
|
+
if (last) target = last;
|
|
227
|
+
}while (last)
|
|
228
|
+
}
|
|
229
|
+
// Now go backwards until we find an element that is not a placeholder.
|
|
230
|
+
while(target === null || target === void 0 ? void 0 : target.getAttribute('aria-placeholder')){
|
|
231
|
+
let prev = walker.previousNode();
|
|
232
|
+
if (prev && prev.getAttribute('aria-placeholder')) target = prev;
|
|
233
|
+
else break;
|
|
650
234
|
}
|
|
235
|
+
if (target) target.focus();
|
|
236
|
+
};
|
|
237
|
+
let { pressProps: pressProps } = $cIPI0$usePress({
|
|
238
|
+
onPressStart (e) {
|
|
239
|
+
if (e.pointerType === 'mouse') focusLast();
|
|
240
|
+
},
|
|
241
|
+
onPress (e) {
|
|
242
|
+
if (e.pointerType !== 'mouse') focusLast();
|
|
243
|
+
}
|
|
244
|
+
});
|
|
245
|
+
return $cIPI0$mergeProps(pressProps, {
|
|
246
|
+
onKeyDown: onKeyDown
|
|
247
|
+
});
|
|
248
|
+
}
|
|
651
249
|
|
|
652
|
-
break;
|
|
653
250
|
|
|
654
|
-
case 'insertCompositionText':
|
|
655
|
-
// insertCompositionText cannot be canceled.
|
|
656
|
-
// Record the current state of the element so we can restore it in the `input` event below.
|
|
657
|
-
compositionRef.current = ref.current.textContent; // Safari gets stuck in a composition state unless we also assign to the value here.
|
|
658
|
-
// eslint-disable-next-line no-self-assign
|
|
659
251
|
|
|
660
|
-
ref.current.textContent = ref.current.textContent;
|
|
661
|
-
break;
|
|
662
252
|
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
253
|
+
const $16f0b7bb276bc17e$export$653eddfc964b0f8a = new WeakMap();
|
|
254
|
+
const $16f0b7bb276bc17e$export$300019f83c56d282 = '__role_' + Date.now();
|
|
255
|
+
const $16f0b7bb276bc17e$export$7b3062cd49e80452 = '__focusManager_' + Date.now();
|
|
256
|
+
function $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, ref) {
|
|
257
|
+
let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $cIPI0$useField({
|
|
258
|
+
...props,
|
|
259
|
+
labelElementType: 'span'
|
|
260
|
+
});
|
|
261
|
+
let groupProps = $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref);
|
|
262
|
+
let { focusWithinProps: focusWithinProps } = $cIPI0$useFocusWithin({
|
|
263
|
+
onBlurWithin () {
|
|
264
|
+
state.confirmPlaceholder();
|
|
666
265
|
}
|
|
266
|
+
});
|
|
267
|
+
let descProps = $cIPI0$useDescription(state.formatValue({
|
|
268
|
+
month: 'long'
|
|
269
|
+
}));
|
|
270
|
+
// If within a date picker or date range picker, the date field will have role="presentation" and an aria-describedby
|
|
271
|
+
// will be passed in that references the value (e.g. entire range). Otherwise, add the field's value description.
|
|
272
|
+
let describedBy = props[$16f0b7bb276bc17e$export$300019f83c56d282] === 'presentation' ? fieldProps['aria-describedby'] : [
|
|
273
|
+
descProps['aria-describedby'],
|
|
274
|
+
fieldProps['aria-describedby']
|
|
275
|
+
].filter(Boolean).join(' ') || undefined;
|
|
276
|
+
let propsFocusManager = props[$16f0b7bb276bc17e$export$7b3062cd49e80452];
|
|
277
|
+
let focusManager = $cIPI0$useMemo(()=>propsFocusManager || $cIPI0$createFocusManager(ref)
|
|
278
|
+
, [
|
|
279
|
+
propsFocusManager,
|
|
280
|
+
ref
|
|
281
|
+
]);
|
|
282
|
+
// Pass labels and other information to segments.
|
|
283
|
+
$16f0b7bb276bc17e$export$653eddfc964b0f8a.set(state, {
|
|
284
|
+
ariaLabel: props['aria-label'],
|
|
285
|
+
ariaLabelledBy: [
|
|
286
|
+
props['aria-labelledby'],
|
|
287
|
+
labelProps.id
|
|
288
|
+
].filter(Boolean).join(' ') || undefined,
|
|
289
|
+
ariaDescribedBy: describedBy,
|
|
290
|
+
focusManager: focusManager
|
|
291
|
+
});
|
|
292
|
+
let autoFocusRef = $cIPI0$useRef(props.autoFocus);
|
|
293
|
+
// When used within a date picker or date range picker, the field gets role="presentation"
|
|
294
|
+
// rather than role="group". Since the date picker/date range picker already has a role="group"
|
|
295
|
+
// with a label and description, and the segments are already labeled by this as well, this
|
|
296
|
+
// avoids very verbose duplicate announcements.
|
|
297
|
+
let fieldDOMProps;
|
|
298
|
+
if (props[$16f0b7bb276bc17e$export$300019f83c56d282] === 'presentation') fieldDOMProps = {
|
|
299
|
+
role: 'presentation'
|
|
300
|
+
};
|
|
301
|
+
else fieldDOMProps = $cIPI0$mergeProps(fieldProps, {
|
|
302
|
+
role: 'group',
|
|
303
|
+
'aria-disabled': props.isDisabled || undefined,
|
|
304
|
+
'aria-describedby': describedBy
|
|
305
|
+
});
|
|
306
|
+
$cIPI0$useEffect(()=>{
|
|
307
|
+
if (autoFocusRef.current) focusManager.focusFirst();
|
|
308
|
+
autoFocusRef.current = false;
|
|
309
|
+
}, [
|
|
310
|
+
focusManager
|
|
311
|
+
]);
|
|
312
|
+
return {
|
|
313
|
+
labelProps: {
|
|
314
|
+
...labelProps,
|
|
315
|
+
onClick: ()=>{
|
|
316
|
+
focusManager.focusFirst();
|
|
317
|
+
}
|
|
318
|
+
},
|
|
319
|
+
fieldProps: $cIPI0$mergeProps(fieldDOMProps, groupProps, focusWithinProps),
|
|
320
|
+
descriptionProps: descriptionProps,
|
|
321
|
+
errorMessageProps: errorMessageProps
|
|
322
|
+
};
|
|
323
|
+
}
|
|
324
|
+
function $16f0b7bb276bc17e$export$4c842f6a241dc825(props, state, ref) {
|
|
325
|
+
return $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, ref);
|
|
326
|
+
}
|
|
667
327
|
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
328
|
+
|
|
329
|
+
|
|
330
|
+
|
|
331
|
+
|
|
332
|
+
function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
|
|
333
|
+
let buttonId = $cIPI0$useId();
|
|
334
|
+
let dialogId = $cIPI0$useId();
|
|
335
|
+
let formatMessage = $cIPI0$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports)));
|
|
336
|
+
let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $cIPI0$useField({
|
|
337
|
+
...props,
|
|
338
|
+
labelElementType: 'span'
|
|
339
|
+
});
|
|
340
|
+
let groupProps = $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref);
|
|
341
|
+
let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
|
|
342
|
+
let { locale: locale } = $cIPI0$useLocale();
|
|
343
|
+
let descProps = $cIPI0$useDescription(state.formatValue(locale, {
|
|
344
|
+
month: 'long'
|
|
345
|
+
}));
|
|
346
|
+
let ariaDescribedBy = [
|
|
347
|
+
descProps['aria-describedby'],
|
|
348
|
+
fieldProps['aria-describedby']
|
|
349
|
+
].filter(Boolean).join(' ') || undefined;
|
|
350
|
+
return {
|
|
351
|
+
groupProps: $cIPI0$mergeProps(groupProps, fieldProps, descProps, {
|
|
352
|
+
role: 'group',
|
|
353
|
+
'aria-disabled': props.isDisabled || null,
|
|
354
|
+
'aria-labelledby': labelledBy,
|
|
355
|
+
'aria-describedby': ariaDescribedBy
|
|
356
|
+
}),
|
|
357
|
+
labelProps: {
|
|
358
|
+
...labelProps,
|
|
359
|
+
onClick: ()=>{
|
|
360
|
+
let focusManager = $cIPI0$createFocusManager(ref);
|
|
361
|
+
focusManager.focusFirst();
|
|
362
|
+
}
|
|
363
|
+
},
|
|
364
|
+
fieldProps: {
|
|
365
|
+
...fieldProps,
|
|
366
|
+
[$16f0b7bb276bc17e$export$300019f83c56d282]: 'presentation',
|
|
367
|
+
'aria-describedby': ariaDescribedBy,
|
|
368
|
+
value: state.value,
|
|
369
|
+
onChange: state.setValue,
|
|
370
|
+
minValue: props.minValue,
|
|
371
|
+
maxValue: props.maxValue,
|
|
372
|
+
placeholderValue: props.placeholderValue,
|
|
373
|
+
hideTimeZone: props.hideTimeZone,
|
|
374
|
+
hourCycle: props.hourCycle,
|
|
375
|
+
granularity: props.granularity,
|
|
376
|
+
isDisabled: props.isDisabled,
|
|
377
|
+
isReadOnly: props.isReadOnly,
|
|
378
|
+
isRequired: props.isRequired,
|
|
379
|
+
validationState: state.validationState,
|
|
380
|
+
autoFocus: props.autoFocus
|
|
381
|
+
},
|
|
382
|
+
descriptionProps: descriptionProps,
|
|
383
|
+
errorMessageProps: errorMessageProps,
|
|
384
|
+
buttonProps: {
|
|
385
|
+
...descProps,
|
|
386
|
+
id: buttonId,
|
|
387
|
+
excludeFromTabOrder: true,
|
|
388
|
+
'aria-haspopup': 'dialog',
|
|
389
|
+
'aria-label': formatMessage('calendar'),
|
|
390
|
+
'aria-labelledby': `${labelledBy} ${buttonId}`,
|
|
391
|
+
'aria-describedby': ariaDescribedBy,
|
|
392
|
+
onPress: ()=>state.setOpen(true)
|
|
393
|
+
},
|
|
394
|
+
dialogProps: {
|
|
395
|
+
id: dialogId,
|
|
396
|
+
'aria-labelledby': `${labelledBy} ${buttonId}`
|
|
397
|
+
},
|
|
398
|
+
calendarProps: {
|
|
399
|
+
autoFocus: true,
|
|
400
|
+
value: state.dateValue,
|
|
401
|
+
onChange: state.setDateValue,
|
|
402
|
+
minValue: props.minValue,
|
|
403
|
+
maxValue: props.maxValue,
|
|
404
|
+
isDisabled: props.isDisabled,
|
|
405
|
+
isReadOnly: props.isReadOnly,
|
|
406
|
+
isDateUnavailable: props.isDateUnavailable,
|
|
407
|
+
defaultFocusedValue: state.dateValue ? undefined : props.placeholderValue
|
|
685
408
|
}
|
|
409
|
+
};
|
|
410
|
+
}
|
|
411
|
+
|
|
412
|
+
|
|
413
|
+
|
|
414
|
+
|
|
415
|
+
|
|
416
|
+
|
|
417
|
+
|
|
418
|
+
var $3aeceb3a64eb8358$exports = {};
|
|
419
|
+
|
|
420
|
+
$parcel$export($3aeceb3a64eb8358$exports, "useDisplayNames", () => $3aeceb3a64eb8358$export$d42c60378c8168f8);
|
|
686
421
|
|
|
687
|
-
|
|
422
|
+
|
|
423
|
+
|
|
424
|
+
|
|
425
|
+
function $3aeceb3a64eb8358$export$d42c60378c8168f8() {
|
|
426
|
+
let { locale: locale } = $cIPI0$useLocale();
|
|
427
|
+
return $cIPI0$useMemo(()=>{
|
|
428
|
+
// Try to use Intl.DisplayNames if possible. It may be supported in browsers, but not support the dateTimeField
|
|
429
|
+
// type as that was only added in v2. https://github.com/tc39/intl-displaynames-v2
|
|
430
|
+
try {
|
|
431
|
+
// @ts-ignore
|
|
432
|
+
return new Intl.DisplayNames(locale, {
|
|
433
|
+
type: 'dateTimeField'
|
|
434
|
+
});
|
|
435
|
+
} catch (err) {
|
|
436
|
+
return new $3aeceb3a64eb8358$var$DisplayNamesPolyfill(locale);
|
|
437
|
+
}
|
|
438
|
+
}, [
|
|
439
|
+
locale
|
|
440
|
+
]);
|
|
441
|
+
}
|
|
442
|
+
class $3aeceb3a64eb8358$var$DisplayNamesPolyfill {
|
|
443
|
+
of(field) {
|
|
444
|
+
return this.dictionary.getStringForLocale(field, this.locale);
|
|
688
445
|
}
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
let {
|
|
693
|
-
pressProps
|
|
694
|
-
} = usePress({
|
|
695
|
-
preventFocusOnPress: true,
|
|
696
|
-
onPressStart: e => {
|
|
697
|
-
if (e.pointerType === 'mouse') {
|
|
698
|
-
e.target.focus();
|
|
699
|
-
}
|
|
700
|
-
},
|
|
701
|
-
|
|
702
|
-
onPress(e) {
|
|
703
|
-
if (e.pointerType !== 'mouse') {
|
|
704
|
-
e.target.focus();
|
|
705
|
-
}
|
|
446
|
+
constructor(locale){
|
|
447
|
+
this.locale = locale;
|
|
448
|
+
this.dictionary = new $cIPI0$MessageDictionary((/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports)));
|
|
706
449
|
}
|
|
450
|
+
}
|
|
451
|
+
|
|
452
|
+
|
|
707
453
|
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
454
|
+
|
|
455
|
+
function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
|
|
456
|
+
let enteredKeys = $cIPI0$useRef('');
|
|
457
|
+
let { locale: locale , direction: direction } = $cIPI0$useLocale();
|
|
458
|
+
let displayNames = $3aeceb3a64eb8358$export$d42c60378c8168f8();
|
|
459
|
+
let { ariaLabel: ariaLabel , ariaLabelledBy: ariaLabelledBy , ariaDescribedBy: ariaDescribedBy , focusManager: focusManager } = $16f0b7bb276bc17e$export$653eddfc964b0f8a.get(state);
|
|
460
|
+
let textValue = segment.text;
|
|
461
|
+
let options = $cIPI0$useMemo(()=>state.dateFormatter.resolvedOptions()
|
|
462
|
+
, [
|
|
463
|
+
state.dateFormatter
|
|
464
|
+
]);
|
|
465
|
+
let monthDateFormatter = $cIPI0$useDateFormatter({
|
|
466
|
+
month: 'long',
|
|
467
|
+
timeZone: options.timeZone
|
|
468
|
+
});
|
|
469
|
+
let hourDateFormatter = $cIPI0$useDateFormatter({
|
|
470
|
+
hour: 'numeric',
|
|
471
|
+
hour12: options.hour12,
|
|
472
|
+
timeZone: options.timeZone
|
|
473
|
+
});
|
|
474
|
+
if (segment.type === 'month') {
|
|
475
|
+
let monthTextValue = monthDateFormatter.format(state.dateValue);
|
|
476
|
+
textValue = monthTextValue !== textValue ? `${textValue} – ${monthTextValue}` : monthTextValue;
|
|
477
|
+
} else if (segment.type === 'hour') textValue = hourDateFormatter.format(state.dateValue);
|
|
478
|
+
let { spinButtonProps: spinButtonProps } = $cIPI0$useSpinButton({
|
|
479
|
+
value: segment.value,
|
|
480
|
+
textValue: textValue,
|
|
481
|
+
minValue: segment.minValue,
|
|
482
|
+
maxValue: segment.maxValue,
|
|
483
|
+
isDisabled: state.isDisabled,
|
|
484
|
+
isReadOnly: state.isReadOnly || !segment.isEditable,
|
|
485
|
+
isRequired: state.isRequired,
|
|
486
|
+
onIncrement: ()=>{
|
|
487
|
+
enteredKeys.current = '';
|
|
488
|
+
state.increment(segment.type);
|
|
489
|
+
},
|
|
490
|
+
onDecrement: ()=>{
|
|
491
|
+
enteredKeys.current = '';
|
|
492
|
+
state.decrement(segment.type);
|
|
493
|
+
},
|
|
494
|
+
onIncrementPage: ()=>{
|
|
495
|
+
enteredKeys.current = '';
|
|
496
|
+
state.incrementPage(segment.type);
|
|
497
|
+
},
|
|
498
|
+
onDecrementPage: ()=>{
|
|
499
|
+
enteredKeys.current = '';
|
|
500
|
+
state.decrementPage(segment.type);
|
|
501
|
+
},
|
|
502
|
+
onIncrementToMax: ()=>{
|
|
503
|
+
enteredKeys.current = '';
|
|
504
|
+
state.setSegment(segment.type, segment.maxValue);
|
|
505
|
+
},
|
|
506
|
+
onDecrementToMin: ()=>{
|
|
507
|
+
enteredKeys.current = '';
|
|
508
|
+
state.setSegment(segment.type, segment.minValue);
|
|
509
|
+
}
|
|
510
|
+
});
|
|
511
|
+
let parser = $cIPI0$useMemo(()=>new $cIPI0$NumberParser(locale, {
|
|
512
|
+
maximumFractionDigits: 0
|
|
513
|
+
})
|
|
514
|
+
, [
|
|
515
|
+
locale
|
|
516
|
+
]);
|
|
517
|
+
let backspace = ()=>{
|
|
518
|
+
if (parser.isValidPartialNumber(segment.text) && !state.isReadOnly && !segment.isPlaceholder) {
|
|
519
|
+
let newValue = segment.text.slice(0, -1);
|
|
520
|
+
let parsed = parser.parse(newValue);
|
|
521
|
+
if (newValue.length === 0 || parsed === 0) state.clearSegment(segment.type);
|
|
522
|
+
else state.setSegment(segment.type, parsed);
|
|
523
|
+
enteredKeys.current = newValue;
|
|
524
|
+
} else if (segment.type === 'dayPeriod') state.clearSegment(segment.type);
|
|
525
|
+
};
|
|
526
|
+
let onKeyDown = (e)=>{
|
|
527
|
+
// Firefox does not fire selectstart for Ctrl/Cmd + A
|
|
528
|
+
// https://bugzilla.mozilla.org/show_bug.cgi?id=1742153
|
|
529
|
+
if (e.key === 'a' && ($cIPI0$isMac() ? e.metaKey : e.ctrlKey)) e.preventDefault();
|
|
530
|
+
if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) return;
|
|
531
|
+
switch(e.key){
|
|
532
|
+
case 'ArrowLeft':
|
|
533
|
+
e.preventDefault();
|
|
534
|
+
e.stopPropagation();
|
|
535
|
+
if (direction === 'rtl') focusManager.focusNext({
|
|
536
|
+
tabbable: true
|
|
537
|
+
});
|
|
538
|
+
else focusManager.focusPrevious({
|
|
539
|
+
tabbable: true
|
|
540
|
+
});
|
|
541
|
+
break;
|
|
542
|
+
case 'ArrowRight':
|
|
543
|
+
e.preventDefault();
|
|
544
|
+
e.stopPropagation();
|
|
545
|
+
if (direction === 'rtl') focusManager.focusPrevious({
|
|
546
|
+
tabbable: true
|
|
547
|
+
});
|
|
548
|
+
else focusManager.focusNext({
|
|
549
|
+
tabbable: true
|
|
550
|
+
});
|
|
551
|
+
break;
|
|
552
|
+
case 'Enter':
|
|
553
|
+
e.preventDefault();
|
|
554
|
+
e.stopPropagation();
|
|
555
|
+
if (segment.isPlaceholder && !state.isReadOnly) state.confirmPlaceholder(segment.type);
|
|
556
|
+
focusManager.focusNext({
|
|
557
|
+
tabbable: true
|
|
558
|
+
});
|
|
559
|
+
break;
|
|
560
|
+
case 'Tab':
|
|
561
|
+
break;
|
|
562
|
+
case 'Backspace':
|
|
563
|
+
case 'Delete':
|
|
564
|
+
// Safari on iOS does not fire beforeinput for the backspace key because the cursor is at the start.
|
|
565
|
+
e.preventDefault();
|
|
566
|
+
e.stopPropagation();
|
|
567
|
+
backspace();
|
|
568
|
+
break;
|
|
569
|
+
}
|
|
570
|
+
};
|
|
571
|
+
// Safari dayPeriod option doesn't work...
|
|
572
|
+
let { startsWith: startsWith } = $cIPI0$useFilter({
|
|
573
|
+
sensitivity: 'base'
|
|
574
|
+
});
|
|
575
|
+
let amPmFormatter = $cIPI0$useDateFormatter({
|
|
576
|
+
hour: 'numeric',
|
|
577
|
+
hour12: true
|
|
578
|
+
});
|
|
579
|
+
let am = $cIPI0$useMemo(()=>{
|
|
580
|
+
let date = new Date();
|
|
581
|
+
date.setHours(0);
|
|
582
|
+
return amPmFormatter.formatToParts(date).find((part)=>part.type === 'dayPeriod'
|
|
583
|
+
).value;
|
|
584
|
+
}, [
|
|
585
|
+
amPmFormatter
|
|
586
|
+
]);
|
|
587
|
+
let pm = $cIPI0$useMemo(()=>{
|
|
588
|
+
let date = new Date();
|
|
589
|
+
date.setHours(12);
|
|
590
|
+
return amPmFormatter.formatToParts(date).find((part)=>part.type === 'dayPeriod'
|
|
591
|
+
).value;
|
|
592
|
+
}, [
|
|
593
|
+
amPmFormatter
|
|
594
|
+
]);
|
|
595
|
+
let onInput = (key)=>{
|
|
596
|
+
if (state.isDisabled || state.isReadOnly) return;
|
|
597
|
+
let newValue = enteredKeys.current + key;
|
|
598
|
+
switch(segment.type){
|
|
599
|
+
case 'dayPeriod':
|
|
600
|
+
if (startsWith(am, key)) state.setSegment('dayPeriod', 0);
|
|
601
|
+
else if (startsWith(pm, key)) state.setSegment('dayPeriod', 12);
|
|
602
|
+
else break;
|
|
603
|
+
focusManager.focusNext({
|
|
604
|
+
tabbable: true
|
|
605
|
+
});
|
|
606
|
+
break;
|
|
607
|
+
case 'day':
|
|
608
|
+
case 'hour':
|
|
609
|
+
case 'minute':
|
|
610
|
+
case 'second':
|
|
611
|
+
case 'month':
|
|
612
|
+
case 'year':
|
|
613
|
+
{
|
|
614
|
+
if (!parser.isValidPartialNumber(newValue)) return;
|
|
615
|
+
let numberValue = parser.parse(newValue);
|
|
616
|
+
let segmentValue = numberValue;
|
|
617
|
+
let allowsZero = segment.minValue === 0;
|
|
618
|
+
if (segment.type === 'hour' && state.dateFormatter.resolvedOptions().hour12) {
|
|
619
|
+
switch(state.dateFormatter.resolvedOptions().hourCycle){
|
|
620
|
+
case 'h11':
|
|
621
|
+
if (numberValue > 11) segmentValue = parser.parse(key);
|
|
622
|
+
break;
|
|
623
|
+
case 'h12':
|
|
624
|
+
allowsZero = false;
|
|
625
|
+
if (numberValue > 12) segmentValue = parser.parse(key);
|
|
626
|
+
break;
|
|
627
|
+
}
|
|
628
|
+
if (segment.value >= 12 && numberValue > 1) numberValue += 12;
|
|
629
|
+
} else if (numberValue > segment.maxValue) segmentValue = parser.parse(key);
|
|
630
|
+
if (isNaN(numberValue)) return;
|
|
631
|
+
let shouldSetValue = segmentValue !== 0 || allowsZero;
|
|
632
|
+
if (shouldSetValue) state.setSegment(segment.type, segmentValue);
|
|
633
|
+
if (Number(numberValue + '0') > segment.maxValue || newValue.length >= String(segment.maxValue).length) {
|
|
634
|
+
enteredKeys.current = '';
|
|
635
|
+
if (shouldSetValue) focusManager.focusNext({
|
|
636
|
+
tabbable: true
|
|
637
|
+
});
|
|
638
|
+
} else enteredKeys.current = newValue;
|
|
639
|
+
break;
|
|
640
|
+
}
|
|
641
|
+
}
|
|
642
|
+
};
|
|
643
|
+
let onFocus = ()=>{
|
|
644
|
+
enteredKeys.current = '';
|
|
645
|
+
$cIPI0$scrollIntoView($cIPI0$getScrollParent(ref.current), ref.current);
|
|
646
|
+
// Safari requires that a selection is set or it won't fire input events.
|
|
647
|
+
// Since usePress disables text selection, this won't happen by default.
|
|
648
|
+
ref.current.style.webkitUserSelect = 'text';
|
|
649
|
+
let selection = window.getSelection();
|
|
650
|
+
selection.collapse(ref.current);
|
|
651
|
+
ref.current.style.webkitUserSelect = '';
|
|
652
|
+
};
|
|
653
|
+
let compositionRef = $cIPI0$useRef('');
|
|
654
|
+
// @ts-ignore - TODO: possibly old TS version? doesn't fail in my editor...
|
|
655
|
+
$cIPI0$useEvent(ref, 'beforeinput', (e)=>{
|
|
656
|
+
e.preventDefault();
|
|
657
|
+
switch(e.inputType){
|
|
658
|
+
case 'deleteContentBackward':
|
|
659
|
+
case 'deleteContentForward':
|
|
660
|
+
if (parser.isValidPartialNumber(segment.text) && !state.isReadOnly) backspace();
|
|
661
|
+
break;
|
|
662
|
+
case 'insertCompositionText':
|
|
663
|
+
// insertCompositionText cannot be canceled.
|
|
664
|
+
// Record the current state of the element so we can restore it in the `input` event below.
|
|
665
|
+
compositionRef.current = ref.current.textContent;
|
|
666
|
+
// Safari gets stuck in a composition state unless we also assign to the value here.
|
|
667
|
+
// eslint-disable-next-line no-self-assign
|
|
668
|
+
ref.current.textContent = ref.current.textContent;
|
|
669
|
+
break;
|
|
670
|
+
default:
|
|
671
|
+
if (e.data != null) onInput(e.data);
|
|
672
|
+
break;
|
|
673
|
+
}
|
|
674
|
+
});
|
|
675
|
+
$cIPI0$useEvent(ref, 'input', (e)=>{
|
|
676
|
+
let { inputType: inputType , data: data } = e;
|
|
677
|
+
switch(inputType){
|
|
678
|
+
case 'insertCompositionText':
|
|
679
|
+
// Reset the DOM to how it was in the beforeinput event.
|
|
680
|
+
ref.current.textContent = compositionRef.current;
|
|
681
|
+
// Android sometimes fires key presses of letters as composition events. Need to handle am/pm keys here too.
|
|
682
|
+
// Can also happen e.g. with Pinyin keyboard on iOS.
|
|
683
|
+
if (startsWith(am, data) || startsWith(pm, data)) onInput(data);
|
|
684
|
+
break;
|
|
685
|
+
}
|
|
686
|
+
});
|
|
687
|
+
// Focus on mouse down/touch up to match native textfield behavior.
|
|
688
|
+
// usePress handles canceling text selection.
|
|
689
|
+
let { pressProps: pressProps } = $cIPI0$usePress({
|
|
690
|
+
preventFocusOnPress: true,
|
|
691
|
+
onPressStart: (e)=>{
|
|
692
|
+
if (e.pointerType === 'mouse') e.target.focus();
|
|
693
|
+
},
|
|
694
|
+
onPress (e) {
|
|
695
|
+
if (e.pointerType !== 'mouse') e.target.focus();
|
|
696
|
+
}
|
|
697
|
+
});
|
|
698
|
+
// For Android: prevent selection on long press.
|
|
699
|
+
$cIPI0$useEvent(ref, 'selectstart', (e)=>{
|
|
700
|
+
e.preventDefault();
|
|
701
|
+
});
|
|
702
|
+
// spinbuttons cannot be focused with VoiceOver on iOS.
|
|
703
|
+
let touchPropOverrides = $cIPI0$isIOS() || segment.type === 'timeZoneName' ? {
|
|
704
|
+
role: 'textbox',
|
|
705
|
+
'aria-valuemax': null,
|
|
706
|
+
'aria-valuemin': null,
|
|
707
|
+
'aria-valuetext': null,
|
|
708
|
+
'aria-valuenow': null
|
|
709
|
+
} : {
|
|
710
|
+
};
|
|
711
|
+
// Only apply aria-describedby to the first segment, unless the field is invalid. This avoids it being
|
|
712
|
+
// read every time the user navigates to a new segment.
|
|
713
|
+
let firstSegment = $cIPI0$useMemo(()=>state.segments.find((s)=>s.isEditable
|
|
714
|
+
)
|
|
715
|
+
, [
|
|
716
|
+
state.segments
|
|
717
|
+
]);
|
|
718
|
+
if (segment !== firstSegment && state.validationState !== 'invalid') ariaDescribedBy = undefined;
|
|
719
|
+
let id = $cIPI0$useId();
|
|
720
|
+
let isEditable = !state.isDisabled && !state.isReadOnly && segment.isEditable;
|
|
721
|
+
// Prepend the label passed from the field to each segment name.
|
|
722
|
+
// This is needed because VoiceOver on iOS does not announce groups.
|
|
723
|
+
let name = segment.type === 'literal' ? '' : displayNames.of(segment.type);
|
|
724
|
+
let labelProps = $cIPI0$useLabels({
|
|
725
|
+
'aria-label': (ariaLabel ? ariaLabel + ' ' : '') + name,
|
|
726
|
+
'aria-labelledby': ariaLabelledBy
|
|
727
|
+
});
|
|
728
|
+
// Literal segments should not be visible to screen readers. We don't really need any of the above,
|
|
729
|
+
// but the rules of hooks mean hooks cannot be conditional so we have to put this condition here.
|
|
730
|
+
if (segment.type === 'literal') return {
|
|
731
|
+
segmentProps: {
|
|
732
|
+
'aria-hidden': true
|
|
733
|
+
}
|
|
734
|
+
};
|
|
735
|
+
return {
|
|
736
|
+
segmentProps: $cIPI0$mergeProps(spinButtonProps, pressProps, labelProps, {
|
|
737
|
+
id: id,
|
|
738
|
+
...touchPropOverrides,
|
|
739
|
+
'aria-invalid': state.validationState === 'invalid' ? 'true' : undefined,
|
|
740
|
+
'aria-describedby': ariaDescribedBy,
|
|
741
|
+
'aria-placeholder': segment.isPlaceholder ? segment.text : undefined,
|
|
742
|
+
'aria-readonly': state.isReadOnly || !segment.isEditable ? 'true' : undefined,
|
|
743
|
+
contentEditable: isEditable,
|
|
744
|
+
suppressContentEditableWarning: isEditable,
|
|
745
|
+
spellCheck: isEditable ? 'false' : undefined,
|
|
746
|
+
autoCapitalize: isEditable ? 'off' : undefined,
|
|
747
|
+
autoCorrect: isEditable ? 'off' : undefined,
|
|
748
|
+
// Capitalization was changed in React 17...
|
|
749
|
+
[parseInt($cIPI0$react.version, 10) >= 17 ? 'enterKeyHint' : 'enterkeyhint']: isEditable ? 'next' : undefined,
|
|
750
|
+
inputMode: state.isDisabled || segment.type === 'dayPeriod' || !isEditable ? undefined : 'numeric',
|
|
751
|
+
tabIndex: state.isDisabled ? undefined : 0,
|
|
752
|
+
onKeyDown: onKeyDown,
|
|
753
|
+
onFocus: onFocus,
|
|
754
|
+
style: {
|
|
755
|
+
caretColor: 'transparent'
|
|
756
|
+
}
|
|
757
|
+
})
|
|
758
|
+
};
|
|
760
759
|
}
|
|
761
|
-
// @ts-ignore
|
|
762
|
-
const $eb0a25d35efaafa331308f687b4f492$var$intlMessages = {
|
|
763
|
-
"ar-AE": _babelRuntimeHelpersEsmInteropRequireDefault($b935bd0cd08a5bbbb1abd3806a771dc4$exports).default,
|
|
764
|
-
"bg-BG": _babelRuntimeHelpersEsmInteropRequireDefault($fd4c1baa70755ee27b55d9d185ef9a9$exports).default,
|
|
765
|
-
"cs-CZ": _babelRuntimeHelpersEsmInteropRequireDefault($ec5372c287a16045d039aa0470ed9fb2$exports).default,
|
|
766
|
-
"da-DK": _babelRuntimeHelpersEsmInteropRequireDefault($f6d6f24ad9d284dd48723518690d0e39$exports).default,
|
|
767
|
-
"de-DE": _babelRuntimeHelpersEsmInteropRequireDefault($cc3534ef504f0b7371d8c5aa254d877f$exports).default,
|
|
768
|
-
"el-GR": _babelRuntimeHelpersEsmInteropRequireDefault($ebc142984d7760b9cffe23548bb$exports).default,
|
|
769
|
-
"en-US": _babelRuntimeHelpersEsmInteropRequireDefault($f9cbab65725c7cb01e69dde93bd9a$exports).default,
|
|
770
|
-
"es-ES": _babelRuntimeHelpersEsmInteropRequireDefault($b069706710aa3fdbaa20a1b3449d63$exports).default,
|
|
771
|
-
"et-EE": _babelRuntimeHelpersEsmInteropRequireDefault($dc294c753448ff9c1809bca75ab74d1$exports).default,
|
|
772
|
-
"fi-FI": _babelRuntimeHelpersEsmInteropRequireDefault($d3f5f76480327eda035ed93c2$exports).default,
|
|
773
|
-
"fr-FR": _babelRuntimeHelpersEsmInteropRequireDefault($b627132da032b4209b5582508dfe332$exports).default,
|
|
774
|
-
"he-IL": _babelRuntimeHelpersEsmInteropRequireDefault($c3959c7b2e7e08ef514631ba3c2fdb$exports).default,
|
|
775
|
-
"hr-HR": _babelRuntimeHelpersEsmInteropRequireDefault($ca3a95147a2664e1a3c49130ccfb87$exports).default,
|
|
776
|
-
"hu-HU": _babelRuntimeHelpersEsmInteropRequireDefault($fa6b6e78fd909c4deb0805c4ff5df60$exports).default,
|
|
777
|
-
"it-IT": _babelRuntimeHelpersEsmInteropRequireDefault($bb4837487a35e965bc77709590fda45$exports).default,
|
|
778
|
-
"ja-JP": _babelRuntimeHelpersEsmInteropRequireDefault($f021a923ac58a1406a8f3f0bfd5f718$exports).default,
|
|
779
|
-
"ko-KR": _babelRuntimeHelpersEsmInteropRequireDefault($e1a2895f7736c57623c5df88ed61$exports).default,
|
|
780
|
-
"lt-LT": _babelRuntimeHelpersEsmInteropRequireDefault($ee477dd4ee39b2586e7d93e4241$exports).default,
|
|
781
|
-
"lv-LV": _babelRuntimeHelpersEsmInteropRequireDefault($c216567e87e3bd12ecb2f27ce189a5b$exports).default,
|
|
782
|
-
"nb-NO": _babelRuntimeHelpersEsmInteropRequireDefault($d57cd730bb11b14bdcd692e702bb0e60$exports).default,
|
|
783
|
-
"nl-NL": _babelRuntimeHelpersEsmInteropRequireDefault($bd8f8fc2a02532c55851f18c8de3$exports).default,
|
|
784
|
-
"pl-PL": _babelRuntimeHelpersEsmInteropRequireDefault($d8e1a561b4b79d4ead55e4ee5ea09970$exports).default,
|
|
785
|
-
"pt-BR": _babelRuntimeHelpersEsmInteropRequireDefault($d479a80df73293910fe373596d18f$exports).default,
|
|
786
|
-
"pt-PT": _babelRuntimeHelpersEsmInteropRequireDefault($d91b847a2bf9b6fb7cc187d839c725f$exports).default,
|
|
787
|
-
"ro-RO": _babelRuntimeHelpersEsmInteropRequireDefault($f25e8d5f5e9099b97d639d4f299ba$exports).default,
|
|
788
|
-
"ru-RU": _babelRuntimeHelpersEsmInteropRequireDefault($da94598d7d1c854d87360883488$exports).default,
|
|
789
|
-
"sk-SK": _babelRuntimeHelpersEsmInteropRequireDefault($d1513dad87da1caa61156c979822ded2$exports).default,
|
|
790
|
-
"sl-SI": _babelRuntimeHelpersEsmInteropRequireDefault($e16512e37a1c3ef90ecfc72d16793c1$exports).default,
|
|
791
|
-
"sr-SP": _babelRuntimeHelpersEsmInteropRequireDefault($f0f0ea292848c1c22e92d1c71347950$exports).default,
|
|
792
|
-
"sv-SE": _babelRuntimeHelpersEsmInteropRequireDefault($ddeb3363257d0b1fab7fb0169309987$exports).default,
|
|
793
|
-
"tr-TR": _babelRuntimeHelpersEsmInteropRequireDefault($e41e18d940cc1fd6ce3b548eaf26f$exports).default,
|
|
794
|
-
"uk-UA": _babelRuntimeHelpersEsmInteropRequireDefault($c7fbfea59f1f84c3fbdb550bd45e1a8d$exports).default,
|
|
795
|
-
"zh-CN": _babelRuntimeHelpersEsmInteropRequireDefault($c5ee38283255212ee41b3baf5b8304d$exports).default,
|
|
796
|
-
"zh-TW": _babelRuntimeHelpersEsmInteropRequireDefault($e4f38d4b06a7a74952e9f6dec2e6e20$exports).default
|
|
797
|
-
};
|
|
798
|
-
export function useDateRangePicker(props, state, ref) {
|
|
799
|
-
let formatMessage = useMessageFormatter($eb0a25d35efaafa331308f687b4f492$var$intlMessages);
|
|
800
|
-
let {
|
|
801
|
-
labelProps,
|
|
802
|
-
fieldProps,
|
|
803
|
-
descriptionProps,
|
|
804
|
-
errorMessageProps
|
|
805
|
-
} = useField(_babelRuntimeHelpersEsmExtends({}, props, {
|
|
806
|
-
labelElementType: 'span'
|
|
807
|
-
}));
|
|
808
|
-
let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
|
|
809
|
-
let {
|
|
810
|
-
locale
|
|
811
|
-
} = useLocale();
|
|
812
|
-
let description = state.formatValue(locale, {
|
|
813
|
-
month: 'long'
|
|
814
|
-
});
|
|
815
|
-
let descProps = useDescription(description);
|
|
816
|
-
let startFieldProps = useLabels({
|
|
817
|
-
'aria-label': formatMessage('startDate'),
|
|
818
|
-
'aria-labelledby': labelledBy
|
|
819
|
-
});
|
|
820
|
-
let endFieldProps = useLabels({
|
|
821
|
-
'aria-label': formatMessage('endDate'),
|
|
822
|
-
'aria-labelledby': labelledBy
|
|
823
|
-
});
|
|
824
|
-
let buttonId = useId();
|
|
825
|
-
let dialogId = useId();
|
|
826
|
-
let groupProps = $bf15f790f1b0bea8ba7f44d4056d095d$export$useDatePickerGroup(state, ref);
|
|
827
|
-
let {
|
|
828
|
-
focusWithinProps
|
|
829
|
-
} = useFocusWithin({
|
|
830
|
-
onBlurWithin() {
|
|
831
|
-
state.confirmPlaceholder();
|
|
832
|
-
}
|
|
833
760
|
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
}
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
761
|
+
|
|
762
|
+
|
|
763
|
+
|
|
764
|
+
|
|
765
|
+
|
|
766
|
+
|
|
767
|
+
|
|
768
|
+
|
|
769
|
+
|
|
770
|
+
|
|
771
|
+
|
|
772
|
+
function $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
|
|
773
|
+
var ref1, ref2;
|
|
774
|
+
let formatMessage = $cIPI0$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports)));
|
|
775
|
+
let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $cIPI0$useField({
|
|
776
|
+
...props,
|
|
777
|
+
labelElementType: 'span'
|
|
778
|
+
});
|
|
779
|
+
let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
|
|
780
|
+
let { locale: locale } = $cIPI0$useLocale();
|
|
781
|
+
let description = state.formatValue(locale, {
|
|
782
|
+
month: 'long'
|
|
783
|
+
});
|
|
784
|
+
let descProps = $cIPI0$useDescription(description);
|
|
785
|
+
let startFieldProps = {
|
|
786
|
+
'aria-label': formatMessage('startDate'),
|
|
787
|
+
'aria-labelledby': labelledBy
|
|
788
|
+
};
|
|
789
|
+
let endFieldProps = {
|
|
790
|
+
'aria-label': formatMessage('endDate'),
|
|
791
|
+
'aria-labelledby': labelledBy
|
|
792
|
+
};
|
|
793
|
+
let buttonId = $cIPI0$useId();
|
|
794
|
+
let dialogId = $cIPI0$useId();
|
|
795
|
+
let groupProps = $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref);
|
|
796
|
+
let { focusWithinProps: focusWithinProps } = $cIPI0$useFocusWithin({
|
|
797
|
+
onBlurWithin () {
|
|
798
|
+
state.confirmPlaceholder();
|
|
799
|
+
}
|
|
800
|
+
});
|
|
801
|
+
let ariaDescribedBy = [
|
|
802
|
+
descProps['aria-describedby'],
|
|
803
|
+
fieldProps['aria-describedby']
|
|
804
|
+
].filter(Boolean).join(' ') || undefined;
|
|
805
|
+
let focusManager = $cIPI0$useMemo(()=>$cIPI0$createFocusManager(ref)
|
|
806
|
+
, [
|
|
807
|
+
ref
|
|
808
|
+
]);
|
|
809
|
+
let commonFieldProps = {
|
|
810
|
+
[$16f0b7bb276bc17e$export$7b3062cd49e80452]: focusManager,
|
|
811
|
+
[$16f0b7bb276bc17e$export$300019f83c56d282]: 'presentation',
|
|
812
|
+
'aria-describedby': ariaDescribedBy,
|
|
813
|
+
minValue: props.minValue,
|
|
814
|
+
maxValue: props.maxValue,
|
|
815
|
+
placeholderValue: props.placeholderValue,
|
|
816
|
+
hideTimeZone: props.hideTimeZone,
|
|
817
|
+
hourCycle: props.hourCycle,
|
|
818
|
+
granularity: props.granularity,
|
|
819
|
+
isDisabled: props.isDisabled,
|
|
820
|
+
isReadOnly: props.isReadOnly,
|
|
821
|
+
isRequired: props.isRequired,
|
|
822
|
+
validationState: state.validationState
|
|
823
|
+
};
|
|
824
|
+
return {
|
|
825
|
+
groupProps: $cIPI0$mergeProps(groupProps, fieldProps, descProps, focusWithinProps, {
|
|
826
|
+
role: 'group',
|
|
827
|
+
'aria-disabled': props.isDisabled || null,
|
|
828
|
+
'aria-describedby': ariaDescribedBy
|
|
829
|
+
}),
|
|
830
|
+
labelProps: {
|
|
831
|
+
...labelProps,
|
|
832
|
+
onClick: ()=>{
|
|
833
|
+
focusManager.focusFirst();
|
|
834
|
+
}
|
|
835
|
+
},
|
|
836
|
+
buttonProps: {
|
|
837
|
+
...descProps,
|
|
838
|
+
id: buttonId,
|
|
839
|
+
excludeFromTabOrder: true,
|
|
840
|
+
'aria-haspopup': 'dialog',
|
|
841
|
+
'aria-label': formatMessage('calendar'),
|
|
842
|
+
'aria-labelledby': `${labelledBy} ${buttonId}`,
|
|
843
|
+
'aria-describedby': ariaDescribedBy,
|
|
844
|
+
onPress: ()=>state.setOpen(true)
|
|
845
|
+
},
|
|
846
|
+
dialogProps: {
|
|
847
|
+
id: dialogId,
|
|
848
|
+
'aria-labelledby': `${labelledBy} ${buttonId}`
|
|
849
|
+
},
|
|
850
|
+
startFieldProps: {
|
|
851
|
+
...startFieldProps,
|
|
852
|
+
...commonFieldProps,
|
|
853
|
+
value: (ref1 = state.value) === null || ref1 === void 0 ? void 0 : ref1.start,
|
|
854
|
+
onChange: (start)=>state.setDateTime('start', start)
|
|
855
|
+
,
|
|
856
|
+
autoFocus: props.autoFocus
|
|
857
|
+
},
|
|
858
|
+
endFieldProps: {
|
|
859
|
+
...endFieldProps,
|
|
860
|
+
...commonFieldProps,
|
|
861
|
+
value: (ref2 = state.value) === null || ref2 === void 0 ? void 0 : ref2.end,
|
|
862
|
+
onChange: (end)=>state.setDateTime('end', end)
|
|
863
|
+
},
|
|
864
|
+
descriptionProps: descriptionProps,
|
|
865
|
+
errorMessageProps: errorMessageProps,
|
|
866
|
+
calendarProps: {
|
|
867
|
+
autoFocus: true,
|
|
868
|
+
value: state.dateRange,
|
|
869
|
+
onChange: state.setDateRange,
|
|
870
|
+
minValue: props.minValue,
|
|
871
|
+
maxValue: props.maxValue,
|
|
872
|
+
isDisabled: props.isDisabled,
|
|
873
|
+
isReadOnly: props.isReadOnly,
|
|
874
|
+
isDateUnavailable: props.isDateUnavailable,
|
|
875
|
+
allowsNonContiguousRanges: props.allowsNonContiguousRanges,
|
|
876
|
+
defaultFocusedValue: state.dateRange ? undefined : props.placeholderValue
|
|
877
|
+
}
|
|
878
|
+
};
|
|
869
879
|
}
|
|
880
|
+
|
|
881
|
+
|
|
882
|
+
|
|
883
|
+
|
|
884
|
+
|
|
885
|
+
export {$6057a3d2a53a12fd$export$42df105a73306d51 as useDatePicker, $32489daedd52963e$export$1315d136e6f7581 as useDateSegment, $16f0b7bb276bc17e$export$5591b0b878c1a989 as useDateField, $16f0b7bb276bc17e$export$4c842f6a241dc825 as useTimeField, $887cac91b7cc8801$export$12fd5f0e9f4bb192 as useDateRangePicker, $3aeceb3a64eb8358$export$d42c60378c8168f8 as useDisplayNames};
|
|
870
886
|
//# sourceMappingURL=module.js.map
|