@react-aria/datepicker 3.0.0-alpha.0 → 3.0.0-alpha.4
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 +691 -842
- package/dist/main.js.map +1 -1
- package/dist/module.js +688 -795
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +4 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +15 -15
- package/src/useDateField.ts +9 -3
- package/src/useDateSegment.ts +13 -7
package/dist/module.js
CHANGED
|
@@ -1,859 +1,752 @@
|
|
|
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
|
-
$
|
|
18
|
-
// ASSET: /Users/govett/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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/dev/react-spectrum-v3/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 $kHWGQ$createFocusManager, useFocusManager as $kHWGQ$useFocusManager} from "@react-aria/focus";
|
|
2
|
+
import {useId as $kHWGQ$useId, useDescription as $kHWGQ$useDescription, mergeProps as $kHWGQ$mergeProps, isMac as $kHWGQ$isMac, scrollIntoView as $kHWGQ$scrollIntoView, getScrollParent as $kHWGQ$getScrollParent, useEvent as $kHWGQ$useEvent, isIOS as $kHWGQ$isIOS, useLabels as $kHWGQ$useLabels} from "@react-aria/utils";
|
|
3
|
+
import {useField as $kHWGQ$useField} from "@react-aria/label";
|
|
4
|
+
import {useMessageFormatter as $kHWGQ$useMessageFormatter, useLocale as $kHWGQ$useLocale, useDateFormatter as $kHWGQ$useDateFormatter, useFilter as $kHWGQ$useFilter} from "@react-aria/i18n";
|
|
5
|
+
import {usePress as $kHWGQ$usePress, useFocusWithin as $kHWGQ$useFocusWithin} from "@react-aria/interactions";
|
|
6
|
+
import {NumberParser as $kHWGQ$NumberParser} from "@internationalized/number";
|
|
7
|
+
import $kHWGQ$react, {useRef as $kHWGQ$useRef, useMemo as $kHWGQ$useMemo} from "react";
|
|
8
|
+
import {useSpinButton as $kHWGQ$useSpinButton} from "@react-aria/spinbutton";
|
|
9
|
+
import {MessageDictionary as $kHWGQ$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
|
+
}
|
|
17
|
+
var $58996c1341fc583b$exports = {};
|
|
124
18
|
|
|
19
|
+
$parcel$export($58996c1341fc583b$exports, "useDatePicker", () => $58996c1341fc583b$export$42df105a73306d51);
|
|
125
20
|
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
21
|
+
var $a02a9d7a047d0149$exports = {};
|
|
22
|
+
var $e09c895c11369ce6$exports = {};
|
|
23
|
+
$e09c895c11369ce6$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\":\"التوقيت\"}");
|
|
129
24
|
|
|
130
|
-
while (index >= 0 && elements[index].getAttribute('aria-placeholder')) {
|
|
131
|
-
index--;
|
|
132
|
-
}
|
|
133
25
|
|
|
134
|
-
|
|
135
|
-
|
|
26
|
+
var $28762bcada6b851f$exports = {};
|
|
27
|
+
$28762bcada6b851f$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\":\"часова зона\"}");
|
|
136
28
|
|
|
137
|
-
if (element) {
|
|
138
|
-
element.focus();
|
|
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
|
-
}
|
|
156
29
|
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
onKeyDown
|
|
160
|
-
});
|
|
161
|
-
}
|
|
30
|
+
var $c67551ee11683dd4$exports = {};
|
|
31
|
+
$c67551ee11683dd4$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\"}");
|
|
162
32
|
|
|
163
|
-
// @ts-ignore
|
|
164
|
-
const $c154dc72a1c6e7eac4dc4005915dd53b$var$intlMessages = {
|
|
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
|
-
}
|
|
268
33
|
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
month: 'long'
|
|
272
|
-
}));
|
|
273
|
-
let descProps = useDescription(state.value ? formatter.format(state.dateValue) : null);
|
|
274
|
-
labelIds.set(state, fieldProps['aria-labelledby'] || fieldProps.id);
|
|
275
|
-
return {
|
|
276
|
-
labelProps: _babelRuntimeHelpersEsmExtends({}, labelProps, {
|
|
277
|
-
onClick: () => {
|
|
278
|
-
let focusManager = createFocusManager(ref);
|
|
279
|
-
focusManager.focusFirst();
|
|
280
|
-
}
|
|
281
|
-
}),
|
|
282
|
-
fieldProps: mergeProps(fieldProps, descProps, groupProps, focusWithinProps, {
|
|
283
|
-
role: 'group',
|
|
284
|
-
'aria-disabled': props.isDisabled || undefined,
|
|
285
|
-
'aria-describedby': [descProps['aria-describedby'], fieldProps['aria-describedby']].filter(Boolean).join(' ') || undefined
|
|
286
|
-
}),
|
|
287
|
-
descriptionProps,
|
|
288
|
-
errorMessageProps
|
|
289
|
-
};
|
|
290
|
-
}
|
|
34
|
+
var $10a4691217ca751c$exports = {};
|
|
35
|
+
$10a4691217ca751c$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\"}");
|
|
291
36
|
|
|
292
|
-
/*
|
|
293
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
294
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
295
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
296
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
297
|
-
*
|
|
298
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
299
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
300
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
301
|
-
* governing permissions and limitations under the License.
|
|
302
|
-
*/
|
|
303
|
-
// @ts-ignore
|
|
304
|
-
const $cde4cc2ec84ee652472d8c9e7126e8ce$var$intlMessages = {
|
|
305
|
-
"ar-AE": _babelRuntimeHelpersEsmInteropRequireDefault($b935bd0cd08a5bbbb1abd3806a771dc4$exports).default,
|
|
306
|
-
"bg-BG": _babelRuntimeHelpersEsmInteropRequireDefault($fd4c1baa70755ee27b55d9d185ef9a9$exports).default,
|
|
307
|
-
"cs-CZ": _babelRuntimeHelpersEsmInteropRequireDefault($ec5372c287a16045d039aa0470ed9fb2$exports).default,
|
|
308
|
-
"da-DK": _babelRuntimeHelpersEsmInteropRequireDefault($f6d6f24ad9d284dd48723518690d0e39$exports).default,
|
|
309
|
-
"de-DE": _babelRuntimeHelpersEsmInteropRequireDefault($cc3534ef504f0b7371d8c5aa254d877f$exports).default,
|
|
310
|
-
"el-GR": _babelRuntimeHelpersEsmInteropRequireDefault($ebc142984d7760b9cffe23548bb$exports).default,
|
|
311
|
-
"en-US": _babelRuntimeHelpersEsmInteropRequireDefault($f9cbab65725c7cb01e69dde93bd9a$exports).default,
|
|
312
|
-
"es-ES": _babelRuntimeHelpersEsmInteropRequireDefault($b069706710aa3fdbaa20a1b3449d63$exports).default,
|
|
313
|
-
"et-EE": _babelRuntimeHelpersEsmInteropRequireDefault($dc294c753448ff9c1809bca75ab74d1$exports).default,
|
|
314
|
-
"fi-FI": _babelRuntimeHelpersEsmInteropRequireDefault($d3f5f76480327eda035ed93c2$exports).default,
|
|
315
|
-
"fr-FR": _babelRuntimeHelpersEsmInteropRequireDefault($b627132da032b4209b5582508dfe332$exports).default,
|
|
316
|
-
"he-IL": _babelRuntimeHelpersEsmInteropRequireDefault($c3959c7b2e7e08ef514631ba3c2fdb$exports).default,
|
|
317
|
-
"hr-HR": _babelRuntimeHelpersEsmInteropRequireDefault($ca3a95147a2664e1a3c49130ccfb87$exports).default,
|
|
318
|
-
"hu-HU": _babelRuntimeHelpersEsmInteropRequireDefault($fa6b6e78fd909c4deb0805c4ff5df60$exports).default,
|
|
319
|
-
"it-IT": _babelRuntimeHelpersEsmInteropRequireDefault($bb4837487a35e965bc77709590fda45$exports).default,
|
|
320
|
-
"ja-JP": _babelRuntimeHelpersEsmInteropRequireDefault($f021a923ac58a1406a8f3f0bfd5f718$exports).default,
|
|
321
|
-
"ko-KR": _babelRuntimeHelpersEsmInteropRequireDefault($e1a2895f7736c57623c5df88ed61$exports).default,
|
|
322
|
-
"lt-LT": _babelRuntimeHelpersEsmInteropRequireDefault($ee477dd4ee39b2586e7d93e4241$exports).default,
|
|
323
|
-
"lv-LV": _babelRuntimeHelpersEsmInteropRequireDefault($c216567e87e3bd12ecb2f27ce189a5b$exports).default,
|
|
324
|
-
"nb-NO": _babelRuntimeHelpersEsmInteropRequireDefault($d57cd730bb11b14bdcd692e702bb0e60$exports).default,
|
|
325
|
-
"nl-NL": _babelRuntimeHelpersEsmInteropRequireDefault($bd8f8fc2a02532c55851f18c8de3$exports).default,
|
|
326
|
-
"pl-PL": _babelRuntimeHelpersEsmInteropRequireDefault($d8e1a561b4b79d4ead55e4ee5ea09970$exports).default,
|
|
327
|
-
"pt-BR": _babelRuntimeHelpersEsmInteropRequireDefault($d479a80df73293910fe373596d18f$exports).default,
|
|
328
|
-
"pt-PT": _babelRuntimeHelpersEsmInteropRequireDefault($d91b847a2bf9b6fb7cc187d839c725f$exports).default,
|
|
329
|
-
"ro-RO": _babelRuntimeHelpersEsmInteropRequireDefault($f25e8d5f5e9099b97d639d4f299ba$exports).default,
|
|
330
|
-
"ru-RU": _babelRuntimeHelpersEsmInteropRequireDefault($da94598d7d1c854d87360883488$exports).default,
|
|
331
|
-
"sk-SK": _babelRuntimeHelpersEsmInteropRequireDefault($d1513dad87da1caa61156c979822ded2$exports).default,
|
|
332
|
-
"sl-SI": _babelRuntimeHelpersEsmInteropRequireDefault($e16512e37a1c3ef90ecfc72d16793c1$exports).default,
|
|
333
|
-
"sr-SP": _babelRuntimeHelpersEsmInteropRequireDefault($f0f0ea292848c1c22e92d1c71347950$exports).default,
|
|
334
|
-
"sv-SE": _babelRuntimeHelpersEsmInteropRequireDefault($ddeb3363257d0b1fab7fb0169309987$exports).default,
|
|
335
|
-
"tr-TR": _babelRuntimeHelpersEsmInteropRequireDefault($e41e18d940cc1fd6ce3b548eaf26f$exports).default,
|
|
336
|
-
"uk-UA": _babelRuntimeHelpersEsmInteropRequireDefault($c7fbfea59f1f84c3fbdb550bd45e1a8d$exports).default,
|
|
337
|
-
"zh-CN": _babelRuntimeHelpersEsmInteropRequireDefault($c5ee38283255212ee41b3baf5b8304d$exports).default,
|
|
338
|
-
"zh-TW": _babelRuntimeHelpersEsmInteropRequireDefault($e4f38d4b06a7a74952e9f6dec2e6e20$exports).default
|
|
339
|
-
};
|
|
340
|
-
export function useDisplayNames() {
|
|
341
|
-
let {
|
|
342
|
-
locale
|
|
343
|
-
} = useLocale();
|
|
344
|
-
return useMemo(() => {
|
|
345
|
-
// Try to use Intl.DisplayNames if possible. It may be supported in browsers, but not support the dateTimeField
|
|
346
|
-
// type as that was only added in v2. https://github.com/tc39/intl-displaynames-v2
|
|
347
|
-
try {
|
|
348
|
-
// @ts-ignore
|
|
349
|
-
return new Intl.DisplayNames(locale, {
|
|
350
|
-
type: 'dateTimeField'
|
|
351
|
-
});
|
|
352
|
-
} catch (err) {
|
|
353
|
-
return new $cde4cc2ec84ee652472d8c9e7126e8ce$var$DisplayNamesPolyfill(locale);
|
|
354
|
-
}
|
|
355
|
-
}, [locale]);
|
|
356
|
-
}
|
|
357
37
|
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
this.locale = void 0;
|
|
361
|
-
this.dictionary = void 0;
|
|
362
|
-
this.locale = locale;
|
|
363
|
-
this.dictionary = new MessageDictionary($cde4cc2ec84ee652472d8c9e7126e8ce$var$intlMessages);
|
|
364
|
-
}
|
|
38
|
+
var $f968cb431d6518c9$exports = {};
|
|
39
|
+
$f968cb431d6518c9$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\"}");
|
|
365
40
|
|
|
366
|
-
of(field) {
|
|
367
|
-
return this.dictionary.getStringForLocale(field, this.locale);
|
|
368
|
-
}
|
|
369
41
|
|
|
370
|
-
}
|
|
42
|
+
var $203046a0e6a5e1bc$exports = {};
|
|
43
|
+
$203046a0e6a5e1bc$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\":\"ζώνη ώρας\"}");
|
|
371
44
|
|
|
372
|
-
export function useDateSegment(props, segment, state, ref) {
|
|
373
|
-
let enteredKeys = useRef('');
|
|
374
|
-
let {
|
|
375
|
-
locale,
|
|
376
|
-
direction
|
|
377
|
-
} = useLocale();
|
|
378
|
-
let displayNames = useDisplayNames();
|
|
379
|
-
let focusManager = useFocusManager();
|
|
380
|
-
let textValue = segment.text;
|
|
381
|
-
let options = useMemo(() => state.dateFormatter.resolvedOptions(), [state.dateFormatter]);
|
|
382
|
-
let monthDateFormatter = useDateFormatter({
|
|
383
|
-
month: 'long',
|
|
384
|
-
timeZone: options.timeZone
|
|
385
|
-
});
|
|
386
|
-
let hourDateFormatter = useDateFormatter({
|
|
387
|
-
hour: 'numeric',
|
|
388
|
-
hour12: options.hour12,
|
|
389
|
-
timeZone: options.timeZone
|
|
390
|
-
});
|
|
391
|
-
|
|
392
|
-
if (segment.type === 'month') {
|
|
393
|
-
let monthTextValue = monthDateFormatter.format(state.dateValue);
|
|
394
|
-
textValue = monthTextValue !== textValue ? textValue + " - " + monthTextValue : monthTextValue;
|
|
395
|
-
} else if (segment.type === 'hour' || segment.type === 'dayPeriod') {
|
|
396
|
-
textValue = hourDateFormatter.format(state.dateValue);
|
|
397
|
-
}
|
|
398
|
-
|
|
399
|
-
let {
|
|
400
|
-
spinButtonProps
|
|
401
|
-
} = useSpinButton({
|
|
402
|
-
value: segment.value,
|
|
403
|
-
textValue,
|
|
404
|
-
minValue: segment.minValue,
|
|
405
|
-
maxValue: segment.maxValue,
|
|
406
|
-
isDisabled: props.isDisabled,
|
|
407
|
-
isReadOnly: props.isReadOnly || !segment.isEditable,
|
|
408
|
-
isRequired: props.isRequired,
|
|
409
|
-
onIncrement: () => {
|
|
410
|
-
enteredKeys.current = '';
|
|
411
|
-
state.increment(segment.type);
|
|
412
|
-
},
|
|
413
|
-
onDecrement: () => {
|
|
414
|
-
enteredKeys.current = '';
|
|
415
|
-
state.decrement(segment.type);
|
|
416
|
-
},
|
|
417
|
-
onIncrementPage: () => {
|
|
418
|
-
enteredKeys.current = '';
|
|
419
|
-
state.incrementPage(segment.type);
|
|
420
|
-
},
|
|
421
|
-
onDecrementPage: () => {
|
|
422
|
-
enteredKeys.current = '';
|
|
423
|
-
state.decrementPage(segment.type);
|
|
424
|
-
},
|
|
425
|
-
onIncrementToMax: () => {
|
|
426
|
-
enteredKeys.current = '';
|
|
427
|
-
state.setSegment(segment.type, segment.maxValue);
|
|
428
|
-
},
|
|
429
|
-
onDecrementToMin: () => {
|
|
430
|
-
enteredKeys.current = '';
|
|
431
|
-
state.setSegment(segment.type, segment.minValue);
|
|
432
|
-
}
|
|
433
|
-
});
|
|
434
|
-
let parser = useMemo(() => new NumberParser(locale, {
|
|
435
|
-
maximumFractionDigits: 0
|
|
436
|
-
}), [locale]);
|
|
437
|
-
|
|
438
|
-
let backspace = () => {
|
|
439
|
-
if (parser.isValidPartialNumber(segment.text) && !props.isReadOnly && !segment.isPlaceholder) {
|
|
440
|
-
let newValue = segment.text.slice(0, -1);
|
|
441
|
-
let parsed = parser.parse(newValue);
|
|
442
|
-
|
|
443
|
-
if (newValue.length === 0 || parsed === 0) {
|
|
444
|
-
state.clearSegment(segment.type);
|
|
445
|
-
} else {
|
|
446
|
-
state.setSegment(segment.type, parsed);
|
|
447
|
-
}
|
|
448
|
-
|
|
449
|
-
enteredKeys.current = newValue;
|
|
450
|
-
} else if (segment.type === 'dayPeriod') {
|
|
451
|
-
state.clearSegment(segment.type);
|
|
452
|
-
}
|
|
453
|
-
};
|
|
454
45
|
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
// https://bugzilla.mozilla.org/show_bug.cgi?id=1742153
|
|
458
|
-
if (e.key === 'a' && (isMac() ? e.metaKey : e.ctrlKey)) {
|
|
459
|
-
e.preventDefault();
|
|
460
|
-
}
|
|
46
|
+
var $80c1d738d3780c2a$exports = {};
|
|
47
|
+
$80c1d738d3780c2a$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\"}");
|
|
461
48
|
|
|
462
|
-
if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) {
|
|
463
|
-
return;
|
|
464
|
-
}
|
|
465
49
|
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
e.preventDefault();
|
|
469
|
-
e.stopPropagation();
|
|
50
|
+
var $2ee696b3f28466b9$exports = {};
|
|
51
|
+
$2ee696b3f28466b9$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
52
|
|
|
471
|
-
if (direction === 'rtl') {
|
|
472
|
-
focusManager.focusNext();
|
|
473
|
-
} else {
|
|
474
|
-
focusManager.focusPrevious();
|
|
475
|
-
}
|
|
476
53
|
|
|
477
|
-
|
|
54
|
+
var $5493805179e34eaa$exports = {};
|
|
55
|
+
$5493805179e34eaa$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\"}");
|
|
478
56
|
|
|
479
|
-
case 'ArrowRight':
|
|
480
|
-
e.preventDefault();
|
|
481
|
-
e.stopPropagation();
|
|
482
57
|
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
} else {
|
|
486
|
-
focusManager.focusNext();
|
|
487
|
-
}
|
|
58
|
+
var $5706a29b53dcc6a4$exports = {};
|
|
59
|
+
$5706a29b53dcc6a4$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\"}");
|
|
488
60
|
|
|
489
|
-
break;
|
|
490
61
|
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
e.stopPropagation();
|
|
62
|
+
var $8d055f4761b48e70$exports = {};
|
|
63
|
+
$8d055f4761b48e70$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\"}");
|
|
494
64
|
|
|
495
|
-
if (segment.isPlaceholder && !props.isReadOnly) {
|
|
496
|
-
state.confirmPlaceholder(segment.type);
|
|
497
|
-
}
|
|
498
65
|
|
|
499
|
-
|
|
500
|
-
|
|
66
|
+
var $e935c099b99b60ed$exports = {};
|
|
67
|
+
$e935c099b99b60ed$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\":\"אזור זמן\"}");
|
|
501
68
|
|
|
502
|
-
case 'Tab':
|
|
503
|
-
break;
|
|
504
69
|
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
{
|
|
508
|
-
// Safari on iOS does not fire beforeinput for the backspace key because the cursor is at the start.
|
|
509
|
-
e.preventDefault();
|
|
510
|
-
e.stopPropagation();
|
|
511
|
-
backspace();
|
|
512
|
-
break;
|
|
513
|
-
}
|
|
514
|
-
}
|
|
515
|
-
}; // Safari dayPeriod option doesn't work...
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
let {
|
|
519
|
-
startsWith
|
|
520
|
-
} = useFilter({
|
|
521
|
-
sensitivity: 'base'
|
|
522
|
-
});
|
|
523
|
-
let amPmFormatter = useDateFormatter({
|
|
524
|
-
hour: 'numeric',
|
|
525
|
-
hour12: true
|
|
526
|
-
});
|
|
527
|
-
let am = useMemo(() => {
|
|
528
|
-
let date = new Date();
|
|
529
|
-
date.setHours(0);
|
|
530
|
-
return amPmFormatter.formatToParts(date).find(part => part.type === 'dayPeriod').value;
|
|
531
|
-
}, [amPmFormatter]);
|
|
532
|
-
let pm = useMemo(() => {
|
|
533
|
-
let date = new Date();
|
|
534
|
-
date.setHours(12);
|
|
535
|
-
return amPmFormatter.formatToParts(date).find(part => part.type === 'dayPeriod').value;
|
|
536
|
-
}, [amPmFormatter]);
|
|
537
|
-
|
|
538
|
-
let onInput = key => {
|
|
539
|
-
if (props.isDisabled || props.isReadOnly) {
|
|
540
|
-
return;
|
|
541
|
-
}
|
|
70
|
+
var $b1fd74f1af7c372b$exports = {};
|
|
71
|
+
$b1fd74f1af7c372b$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\"}");
|
|
542
72
|
|
|
543
|
-
let newValue = enteredKeys.current + key;
|
|
544
73
|
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
if (startsWith(am, key)) {
|
|
548
|
-
state.setSegment('dayPeriod', 0);
|
|
549
|
-
} else if (startsWith(pm, key)) {
|
|
550
|
-
state.setSegment('dayPeriod', 12);
|
|
551
|
-
} else {
|
|
552
|
-
break;
|
|
553
|
-
}
|
|
74
|
+
var $d8f47aa198d99af7$exports = {};
|
|
75
|
+
$d8f47aa198d99af7$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\"}");
|
|
554
76
|
|
|
555
|
-
focusManager.focusNext();
|
|
556
|
-
break;
|
|
557
|
-
|
|
558
|
-
case 'day':
|
|
559
|
-
case 'hour':
|
|
560
|
-
case 'minute':
|
|
561
|
-
case 'second':
|
|
562
|
-
case 'month':
|
|
563
|
-
case 'year':
|
|
564
|
-
{
|
|
565
|
-
if (!parser.isValidPartialNumber(newValue)) {
|
|
566
|
-
return;
|
|
567
|
-
}
|
|
568
|
-
|
|
569
|
-
let numberValue = parser.parse(newValue);
|
|
570
|
-
let segmentValue = numberValue;
|
|
571
|
-
let allowsZero = segment.minValue === 0;
|
|
572
|
-
|
|
573
|
-
if (segment.type === 'hour' && state.dateFormatter.resolvedOptions().hour12) {
|
|
574
|
-
switch (state.dateFormatter.resolvedOptions().hourCycle) {
|
|
575
|
-
case 'h11':
|
|
576
|
-
if (numberValue > 11) {
|
|
577
|
-
segmentValue = parser.parse(key);
|
|
578
|
-
}
|
|
579
77
|
|
|
580
|
-
|
|
78
|
+
var $f1b55e57670c5492$exports = {};
|
|
79
|
+
$f1b55e57670c5492$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\"}");
|
|
581
80
|
|
|
582
|
-
case 'h12':
|
|
583
|
-
allowsZero = false;
|
|
584
81
|
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
}
|
|
82
|
+
var $d3aedd53b52a30ea$exports = {};
|
|
83
|
+
$d3aedd53b52a30ea$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\":\"タイムゾーン\"}");
|
|
588
84
|
|
|
589
|
-
break;
|
|
590
|
-
}
|
|
591
85
|
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
}
|
|
595
|
-
} else if (numberValue > segment.maxValue) {
|
|
596
|
-
segmentValue = parser.parse(key);
|
|
597
|
-
}
|
|
86
|
+
var $8f98abc9833da5db$exports = {};
|
|
87
|
+
$8f98abc9833da5db$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\":\"시간대\"}");
|
|
598
88
|
|
|
599
|
-
if (isNaN(numberValue)) {
|
|
600
|
-
return;
|
|
601
|
-
}
|
|
602
89
|
|
|
603
|
-
|
|
90
|
+
var $13d39dcb6272721f$exports = {};
|
|
91
|
+
$13d39dcb6272721f$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\"}");
|
|
604
92
|
|
|
605
|
-
if (shouldSetValue) {
|
|
606
|
-
state.setSegment(segment.type, segmentValue);
|
|
607
|
-
}
|
|
608
93
|
|
|
609
|
-
|
|
610
|
-
|
|
94
|
+
var $7e0674a1acca6a8d$exports = {};
|
|
95
|
+
$7e0674a1acca6a8d$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\"}");
|
|
611
96
|
|
|
612
|
-
if (shouldSetValue) {
|
|
613
|
-
focusManager.focusNext();
|
|
614
|
-
}
|
|
615
|
-
} else {
|
|
616
|
-
enteredKeys.current = newValue;
|
|
617
|
-
}
|
|
618
97
|
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
98
|
+
var $85b1bf76f37fb645$exports = {};
|
|
99
|
+
$85b1bf76f37fb645$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\"}");
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
var $f6fd3c0a3ec069f2$exports = {};
|
|
103
|
+
$f6fd3c0a3ec069f2$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\"}");
|
|
104
|
+
|
|
105
|
+
|
|
106
|
+
var $57a03eb31b61d454$exports = {};
|
|
107
|
+
$57a03eb31b61d454$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\"}");
|
|
108
|
+
|
|
109
|
+
|
|
110
|
+
var $fce523b9e453ef47$exports = {};
|
|
111
|
+
$fce523b9e453ef47$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\"}");
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
var $1be4e2b7b3d01e88$exports = {};
|
|
115
|
+
$1be4e2b7b3d01e88$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\"}");
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
var $f90e56e956d16c87$exports = {};
|
|
119
|
+
$f90e56e956d16c87$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\"}");
|
|
120
|
+
|
|
121
|
+
|
|
122
|
+
var $d66d9ce826b538eb$exports = {};
|
|
123
|
+
$d66d9ce826b538eb$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\":\"часовой пояс\"}");
|
|
124
|
+
|
|
125
|
+
|
|
126
|
+
var $e27d6519f9a215a4$exports = {};
|
|
127
|
+
$e27d6519f9a215a4$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\"}");
|
|
128
|
+
|
|
623
129
|
|
|
624
|
-
|
|
625
|
-
|
|
130
|
+
var $73b3ef7b82240952$exports = {};
|
|
131
|
+
$73b3ef7b82240952$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\"}");
|
|
626
132
|
|
|
627
|
-
enteredKeys.current = '';
|
|
628
133
|
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
} // 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.
|
|
134
|
+
var $3ab714f65ab6a472$exports = {};
|
|
135
|
+
$3ab714f65ab6a472$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\":\"временска зона\"}");
|
|
633
136
|
|
|
634
137
|
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
selection.collapse(ref.current);
|
|
638
|
-
ref.current.style.webkitUserSelect = '';
|
|
639
|
-
};
|
|
138
|
+
var $3f81aed6a82d8fb1$exports = {};
|
|
139
|
+
$3f81aed6a82d8fb1$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\"}");
|
|
640
140
|
|
|
641
|
-
let compositionRef = useRef(''); // @ts-ignore - TODO: possibly old TS version? doesn't fail in my editor...
|
|
642
141
|
|
|
643
|
-
|
|
644
|
-
|
|
142
|
+
var $2fa155d619f9177b$exports = {};
|
|
143
|
+
$2fa155d619f9177b$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\"}");
|
|
645
144
|
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
145
|
+
|
|
146
|
+
var $64fdae933e3e1239$exports = {};
|
|
147
|
+
$64fdae933e3e1239$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\":\"часовий пояс\"}");
|
|
148
|
+
|
|
149
|
+
|
|
150
|
+
var $ba4fdd49e11772f1$exports = {};
|
|
151
|
+
$ba4fdd49e11772f1$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\":\"时区\"}");
|
|
152
|
+
|
|
153
|
+
|
|
154
|
+
var $cdec6aeb43f3d940$exports = {};
|
|
155
|
+
$cdec6aeb43f3d940$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\":\"时区\"}");
|
|
156
|
+
|
|
157
|
+
|
|
158
|
+
$a02a9d7a047d0149$exports = {
|
|
159
|
+
"ar-AE": $e09c895c11369ce6$exports,
|
|
160
|
+
"bg-BG": $28762bcada6b851f$exports,
|
|
161
|
+
"cs-CZ": $c67551ee11683dd4$exports,
|
|
162
|
+
"da-DK": $10a4691217ca751c$exports,
|
|
163
|
+
"de-DE": $f968cb431d6518c9$exports,
|
|
164
|
+
"el-GR": $203046a0e6a5e1bc$exports,
|
|
165
|
+
"en-US": $80c1d738d3780c2a$exports,
|
|
166
|
+
"es-ES": $2ee696b3f28466b9$exports,
|
|
167
|
+
"et-EE": $5493805179e34eaa$exports,
|
|
168
|
+
"fi-FI": $5706a29b53dcc6a4$exports,
|
|
169
|
+
"fr-FR": $8d055f4761b48e70$exports,
|
|
170
|
+
"he-IL": $e935c099b99b60ed$exports,
|
|
171
|
+
"hr-HR": $b1fd74f1af7c372b$exports,
|
|
172
|
+
"hu-HU": $d8f47aa198d99af7$exports,
|
|
173
|
+
"it-IT": $f1b55e57670c5492$exports,
|
|
174
|
+
"ja-JP": $d3aedd53b52a30ea$exports,
|
|
175
|
+
"ko-KR": $8f98abc9833da5db$exports,
|
|
176
|
+
"lt-LT": $13d39dcb6272721f$exports,
|
|
177
|
+
"lv-LV": $7e0674a1acca6a8d$exports,
|
|
178
|
+
"nb-NO": $85b1bf76f37fb645$exports,
|
|
179
|
+
"nl-NL": $f6fd3c0a3ec069f2$exports,
|
|
180
|
+
"pl-PL": $57a03eb31b61d454$exports,
|
|
181
|
+
"pt-BR": $fce523b9e453ef47$exports,
|
|
182
|
+
"pt-PT": $1be4e2b7b3d01e88$exports,
|
|
183
|
+
"ro-RO": $f90e56e956d16c87$exports,
|
|
184
|
+
"ru-RU": $d66d9ce826b538eb$exports,
|
|
185
|
+
"sk-SK": $e27d6519f9a215a4$exports,
|
|
186
|
+
"sl-SI": $73b3ef7b82240952$exports,
|
|
187
|
+
"sr-SP": $3ab714f65ab6a472$exports,
|
|
188
|
+
"sv-SE": $3f81aed6a82d8fb1$exports,
|
|
189
|
+
"tr-TR": $2fa155d619f9177b$exports,
|
|
190
|
+
"uk-UA": $64fdae933e3e1239$exports,
|
|
191
|
+
"zh-CN": $ba4fdd49e11772f1$exports,
|
|
192
|
+
"zh-TW": $cdec6aeb43f3d940$exports
|
|
193
|
+
};
|
|
194
|
+
|
|
195
|
+
|
|
196
|
+
|
|
197
|
+
|
|
198
|
+
|
|
199
|
+
function $1db1d54c7bde6804$export$4a931266a3838b86(state, ref) {
|
|
200
|
+
// Open the popover on alt + arrow down
|
|
201
|
+
let onKeyDown = (e)=>{
|
|
202
|
+
if (e.altKey && e.key === 'ArrowDown' && 'setOpen' in state) {
|
|
203
|
+
e.preventDefault();
|
|
204
|
+
e.stopPropagation();
|
|
205
|
+
state.setOpen(true);
|
|
206
|
+
}
|
|
207
|
+
};
|
|
208
|
+
// Focus the first placeholder segment from the end on mouse down/touch up in the field.
|
|
209
|
+
let focusLast = ()=>{
|
|
210
|
+
let elements = ref.current.querySelectorAll('[tabindex="0"]');
|
|
211
|
+
let index = elements.length - 1;
|
|
212
|
+
while(index >= 0 && elements[index].getAttribute('aria-placeholder'))index--;
|
|
213
|
+
index = Math.min(index + 1, elements.length - 1);
|
|
214
|
+
let element = elements[index];
|
|
215
|
+
if (element) element.focus();
|
|
216
|
+
};
|
|
217
|
+
let { pressProps: pressProps } = $kHWGQ$usePress({
|
|
218
|
+
onPressStart (e) {
|
|
219
|
+
if (e.pointerType === 'mouse') focusLast();
|
|
220
|
+
},
|
|
221
|
+
onPress (e) {
|
|
222
|
+
if (e.pointerType !== 'mouse') focusLast();
|
|
651
223
|
}
|
|
224
|
+
});
|
|
225
|
+
return $kHWGQ$mergeProps(pressProps, {
|
|
226
|
+
onKeyDown: onKeyDown
|
|
227
|
+
});
|
|
228
|
+
}
|
|
652
229
|
|
|
653
|
-
break;
|
|
654
230
|
|
|
655
|
-
case 'insertCompositionText':
|
|
656
|
-
// insertCompositionText cannot be canceled.
|
|
657
|
-
// Record the current state of the element so we can restore it in the `input` event below.
|
|
658
|
-
compositionRef.current = ref.current.textContent; // Safari gets stuck in a composition state unless we also assign to the value here.
|
|
659
|
-
// eslint-disable-next-line no-self-assign
|
|
660
231
|
|
|
661
|
-
ref.current.textContent = ref.current.textContent;
|
|
662
|
-
break;
|
|
663
232
|
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
233
|
+
function $58996c1341fc583b$export$42df105a73306d51(props, state, ref) {
|
|
234
|
+
let buttonId = $kHWGQ$useId();
|
|
235
|
+
let dialogId = $kHWGQ$useId();
|
|
236
|
+
let formatMessage = $kHWGQ$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($a02a9d7a047d0149$exports)));
|
|
237
|
+
let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $kHWGQ$useField({
|
|
238
|
+
...props,
|
|
239
|
+
labelElementType: 'span'
|
|
240
|
+
});
|
|
241
|
+
let groupProps = $1db1d54c7bde6804$export$4a931266a3838b86(state, ref);
|
|
242
|
+
let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
|
|
243
|
+
let { locale: locale } = $kHWGQ$useLocale();
|
|
244
|
+
let descProps = $kHWGQ$useDescription(state.formatValue(locale, {
|
|
245
|
+
month: 'long'
|
|
246
|
+
}));
|
|
247
|
+
let ariaDescribedBy = [
|
|
248
|
+
descProps['aria-describedby'],
|
|
249
|
+
fieldProps['aria-describedby']
|
|
250
|
+
].filter(Boolean).join(' ') || undefined;
|
|
251
|
+
return {
|
|
252
|
+
groupProps: $kHWGQ$mergeProps(groupProps, descProps, {
|
|
253
|
+
role: 'group',
|
|
254
|
+
'aria-disabled': props.isDisabled || null,
|
|
255
|
+
'aria-labelledby': labelledBy,
|
|
256
|
+
'aria-describedby': ariaDescribedBy
|
|
257
|
+
}),
|
|
258
|
+
labelProps: {
|
|
259
|
+
...labelProps,
|
|
260
|
+
onClick: ()=>{
|
|
261
|
+
let focusManager = $kHWGQ$createFocusManager(ref);
|
|
262
|
+
focusManager.focusFirst();
|
|
263
|
+
}
|
|
264
|
+
},
|
|
265
|
+
fieldProps: fieldProps,
|
|
266
|
+
descriptionProps: descriptionProps,
|
|
267
|
+
errorMessageProps: errorMessageProps,
|
|
268
|
+
buttonProps: {
|
|
269
|
+
...descProps,
|
|
270
|
+
id: buttonId,
|
|
271
|
+
excludeFromTabOrder: true,
|
|
272
|
+
'aria-haspopup': 'dialog',
|
|
273
|
+
'aria-label': formatMessage('calendar'),
|
|
274
|
+
'aria-labelledby': `${labelledBy} ${buttonId}`,
|
|
275
|
+
'aria-describedby': ariaDescribedBy
|
|
276
|
+
},
|
|
277
|
+
dialogProps: {
|
|
278
|
+
id: dialogId,
|
|
279
|
+
'aria-labelledby': `${labelledBy} ${buttonId}`
|
|
667
280
|
}
|
|
281
|
+
};
|
|
282
|
+
}
|
|
668
283
|
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
284
|
+
|
|
285
|
+
var $cc1389bb7c487a22$exports = {};
|
|
286
|
+
|
|
287
|
+
$parcel$export($cc1389bb7c487a22$exports, "useDateSegment", () => $cc1389bb7c487a22$export$1315d136e6f7581);
|
|
288
|
+
|
|
289
|
+
var $6a2c5244c21911df$exports = {};
|
|
290
|
+
|
|
291
|
+
$parcel$export($6a2c5244c21911df$exports, "labelIds", () => $6a2c5244c21911df$export$beb2340c1222c6d);
|
|
292
|
+
$parcel$export($6a2c5244c21911df$exports, "useDateField", () => $6a2c5244c21911df$export$5591b0b878c1a989);
|
|
293
|
+
|
|
294
|
+
|
|
295
|
+
|
|
296
|
+
|
|
297
|
+
|
|
298
|
+
|
|
299
|
+
const $6a2c5244c21911df$export$beb2340c1222c6d = new WeakMap();
|
|
300
|
+
function $6a2c5244c21911df$export$5591b0b878c1a989(props, state, ref) {
|
|
301
|
+
let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $kHWGQ$useField({
|
|
302
|
+
...props,
|
|
303
|
+
labelElementType: 'span'
|
|
304
|
+
});
|
|
305
|
+
let groupProps = $1db1d54c7bde6804$export$4a931266a3838b86(state, ref);
|
|
306
|
+
let { focusWithinProps: focusWithinProps } = $kHWGQ$useFocusWithin({
|
|
307
|
+
onBlurWithin () {
|
|
308
|
+
state.confirmPlaceholder();
|
|
686
309
|
}
|
|
310
|
+
});
|
|
311
|
+
let formatter = $kHWGQ$useDateFormatter(state.getFormatOptions({
|
|
312
|
+
month: 'long'
|
|
313
|
+
}));
|
|
314
|
+
let descProps = $kHWGQ$useDescription(state.value ? formatter.format(state.dateValue) : null);
|
|
315
|
+
let segmentLabelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
|
|
316
|
+
let describedBy = [
|
|
317
|
+
descProps['aria-describedby'],
|
|
318
|
+
fieldProps['aria-describedby']
|
|
319
|
+
].filter(Boolean).join(' ') || undefined;
|
|
320
|
+
$6a2c5244c21911df$export$beb2340c1222c6d.set(state, {
|
|
321
|
+
ariaLabelledBy: segmentLabelledBy,
|
|
322
|
+
ariaDescribedBy: describedBy
|
|
323
|
+
});
|
|
324
|
+
return {
|
|
325
|
+
labelProps: {
|
|
326
|
+
...labelProps,
|
|
327
|
+
onClick: ()=>{
|
|
328
|
+
let focusManager = $kHWGQ$createFocusManager(ref);
|
|
329
|
+
focusManager.focusFirst();
|
|
330
|
+
}
|
|
331
|
+
},
|
|
332
|
+
fieldProps: $kHWGQ$mergeProps(fieldProps, descProps, groupProps, focusWithinProps, {
|
|
333
|
+
role: 'group',
|
|
334
|
+
'aria-disabled': props.isDisabled || undefined,
|
|
335
|
+
'aria-describedby': describedBy
|
|
336
|
+
}),
|
|
337
|
+
descriptionProps: descriptionProps,
|
|
338
|
+
errorMessageProps: errorMessageProps
|
|
339
|
+
};
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
|
|
343
|
+
|
|
344
|
+
|
|
345
|
+
|
|
346
|
+
var $7ee921caa7075dcd$exports = {};
|
|
347
|
+
|
|
348
|
+
$parcel$export($7ee921caa7075dcd$exports, "useDisplayNames", () => $7ee921caa7075dcd$export$d42c60378c8168f8);
|
|
349
|
+
|
|
687
350
|
|
|
688
|
-
|
|
351
|
+
|
|
352
|
+
|
|
353
|
+
function $7ee921caa7075dcd$export$d42c60378c8168f8() {
|
|
354
|
+
let { locale: locale } = $kHWGQ$useLocale();
|
|
355
|
+
return $kHWGQ$useMemo(()=>{
|
|
356
|
+
// Try to use Intl.DisplayNames if possible. It may be supported in browsers, but not support the dateTimeField
|
|
357
|
+
// type as that was only added in v2. https://github.com/tc39/intl-displaynames-v2
|
|
358
|
+
try {
|
|
359
|
+
// @ts-ignore
|
|
360
|
+
return new Intl.DisplayNames(locale, {
|
|
361
|
+
type: 'dateTimeField'
|
|
362
|
+
});
|
|
363
|
+
} catch (err) {
|
|
364
|
+
return new $7ee921caa7075dcd$var$DisplayNamesPolyfill(locale);
|
|
365
|
+
}
|
|
366
|
+
}, [
|
|
367
|
+
locale
|
|
368
|
+
]);
|
|
369
|
+
}
|
|
370
|
+
class $7ee921caa7075dcd$var$DisplayNamesPolyfill {
|
|
371
|
+
of(field) {
|
|
372
|
+
return this.dictionary.getStringForLocale(field, this.locale);
|
|
689
373
|
}
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
let {
|
|
694
|
-
pressProps
|
|
695
|
-
} = usePress({
|
|
696
|
-
preventFocusOnPress: true,
|
|
697
|
-
onPressStart: e => {
|
|
698
|
-
if (e.pointerType === 'mouse') {
|
|
699
|
-
e.target.focus();
|
|
700
|
-
}
|
|
701
|
-
},
|
|
702
|
-
|
|
703
|
-
onPress(e) {
|
|
704
|
-
if (e.pointerType !== 'mouse') {
|
|
705
|
-
e.target.focus();
|
|
706
|
-
}
|
|
374
|
+
constructor(locale){
|
|
375
|
+
this.locale = locale;
|
|
376
|
+
this.dictionary = new $kHWGQ$MessageDictionary((/*@__PURE__*/$parcel$interopDefault($a02a9d7a047d0149$exports)));
|
|
707
377
|
}
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
|
|
381
|
+
|
|
382
|
+
|
|
708
383
|
|
|
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
|
-
|
|
384
|
+
function $cc1389bb7c487a22$export$1315d136e6f7581(props, segment, state, ref) {
|
|
385
|
+
let enteredKeys = $kHWGQ$useRef('');
|
|
386
|
+
let { locale: locale , direction: direction } = $kHWGQ$useLocale();
|
|
387
|
+
let displayNames = $7ee921caa7075dcd$export$d42c60378c8168f8();
|
|
388
|
+
let focusManager = $kHWGQ$useFocusManager();
|
|
389
|
+
let textValue = segment.text;
|
|
390
|
+
let options = $kHWGQ$useMemo(()=>state.dateFormatter.resolvedOptions()
|
|
391
|
+
, [
|
|
392
|
+
state.dateFormatter
|
|
393
|
+
]);
|
|
394
|
+
let monthDateFormatter = $kHWGQ$useDateFormatter({
|
|
395
|
+
month: 'long',
|
|
396
|
+
timeZone: options.timeZone
|
|
397
|
+
});
|
|
398
|
+
let hourDateFormatter = $kHWGQ$useDateFormatter({
|
|
399
|
+
hour: 'numeric',
|
|
400
|
+
hour12: options.hour12,
|
|
401
|
+
timeZone: options.timeZone
|
|
402
|
+
});
|
|
403
|
+
if (segment.type === 'month') {
|
|
404
|
+
let monthTextValue = monthDateFormatter.format(state.dateValue);
|
|
405
|
+
textValue = monthTextValue !== textValue ? `${textValue} – ${monthTextValue}` : monthTextValue;
|
|
406
|
+
} else if (segment.type === 'hour' || segment.type === 'dayPeriod') textValue = hourDateFormatter.format(state.dateValue);
|
|
407
|
+
let { spinButtonProps: spinButtonProps } = $kHWGQ$useSpinButton({
|
|
408
|
+
value: segment.value,
|
|
409
|
+
textValue: textValue,
|
|
410
|
+
minValue: segment.minValue,
|
|
411
|
+
maxValue: segment.maxValue,
|
|
412
|
+
isDisabled: props.isDisabled,
|
|
413
|
+
isReadOnly: props.isReadOnly || !segment.isEditable,
|
|
414
|
+
isRequired: props.isRequired,
|
|
415
|
+
onIncrement: ()=>{
|
|
416
|
+
enteredKeys.current = '';
|
|
417
|
+
state.increment(segment.type);
|
|
418
|
+
},
|
|
419
|
+
onDecrement: ()=>{
|
|
420
|
+
enteredKeys.current = '';
|
|
421
|
+
state.decrement(segment.type);
|
|
422
|
+
},
|
|
423
|
+
onIncrementPage: ()=>{
|
|
424
|
+
enteredKeys.current = '';
|
|
425
|
+
state.incrementPage(segment.type);
|
|
426
|
+
},
|
|
427
|
+
onDecrementPage: ()=>{
|
|
428
|
+
enteredKeys.current = '';
|
|
429
|
+
state.decrementPage(segment.type);
|
|
430
|
+
},
|
|
431
|
+
onIncrementToMax: ()=>{
|
|
432
|
+
enteredKeys.current = '';
|
|
433
|
+
state.setSegment(segment.type, segment.maxValue);
|
|
434
|
+
},
|
|
435
|
+
onDecrementToMin: ()=>{
|
|
436
|
+
enteredKeys.current = '';
|
|
437
|
+
state.setSegment(segment.type, segment.minValue);
|
|
438
|
+
}
|
|
439
|
+
});
|
|
440
|
+
let parser = $kHWGQ$useMemo(()=>new $kHWGQ$NumberParser(locale, {
|
|
441
|
+
maximumFractionDigits: 0
|
|
442
|
+
})
|
|
443
|
+
, [
|
|
444
|
+
locale
|
|
445
|
+
]);
|
|
446
|
+
let backspace = ()=>{
|
|
447
|
+
if (parser.isValidPartialNumber(segment.text) && !props.isReadOnly && !segment.isPlaceholder) {
|
|
448
|
+
let newValue = segment.text.slice(0, -1);
|
|
449
|
+
let parsed = parser.parse(newValue);
|
|
450
|
+
if (newValue.length === 0 || parsed === 0) state.clearSegment(segment.type);
|
|
451
|
+
else state.setSegment(segment.type, parsed);
|
|
452
|
+
enteredKeys.current = newValue;
|
|
453
|
+
} else if (segment.type === 'dayPeriod') state.clearSegment(segment.type);
|
|
454
|
+
};
|
|
455
|
+
let onKeyDown = (e)=>{
|
|
456
|
+
// Firefox does not fire selectstart for Ctrl/Cmd + A
|
|
457
|
+
// https://bugzilla.mozilla.org/show_bug.cgi?id=1742153
|
|
458
|
+
if (e.key === 'a' && ($kHWGQ$isMac() ? e.metaKey : e.ctrlKey)) e.preventDefault();
|
|
459
|
+
if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) return;
|
|
460
|
+
switch(e.key){
|
|
461
|
+
case 'ArrowLeft':
|
|
462
|
+
e.preventDefault();
|
|
463
|
+
e.stopPropagation();
|
|
464
|
+
if (direction === 'rtl') focusManager.focusNext();
|
|
465
|
+
else focusManager.focusPrevious();
|
|
466
|
+
break;
|
|
467
|
+
case 'ArrowRight':
|
|
468
|
+
e.preventDefault();
|
|
469
|
+
e.stopPropagation();
|
|
470
|
+
if (direction === 'rtl') focusManager.focusPrevious();
|
|
471
|
+
else focusManager.focusNext();
|
|
472
|
+
break;
|
|
473
|
+
case 'Enter':
|
|
474
|
+
e.preventDefault();
|
|
475
|
+
e.stopPropagation();
|
|
476
|
+
if (segment.isPlaceholder && !props.isReadOnly) state.confirmPlaceholder(segment.type);
|
|
477
|
+
focusManager.focusNext();
|
|
478
|
+
break;
|
|
479
|
+
case 'Tab':
|
|
480
|
+
break;
|
|
481
|
+
case 'Backspace':
|
|
482
|
+
case 'Delete':
|
|
483
|
+
// Safari on iOS does not fire beforeinput for the backspace key because the cursor is at the start.
|
|
484
|
+
e.preventDefault();
|
|
485
|
+
e.stopPropagation();
|
|
486
|
+
backspace();
|
|
487
|
+
break;
|
|
488
|
+
}
|
|
489
|
+
};
|
|
490
|
+
// Safari dayPeriod option doesn't work...
|
|
491
|
+
let { startsWith: startsWith } = $kHWGQ$useFilter({
|
|
492
|
+
sensitivity: 'base'
|
|
493
|
+
});
|
|
494
|
+
let amPmFormatter = $kHWGQ$useDateFormatter({
|
|
495
|
+
hour: 'numeric',
|
|
496
|
+
hour12: true
|
|
497
|
+
});
|
|
498
|
+
let am = $kHWGQ$useMemo(()=>{
|
|
499
|
+
let date = new Date();
|
|
500
|
+
date.setHours(0);
|
|
501
|
+
return amPmFormatter.formatToParts(date).find((part)=>part.type === 'dayPeriod'
|
|
502
|
+
).value;
|
|
503
|
+
}, [
|
|
504
|
+
amPmFormatter
|
|
505
|
+
]);
|
|
506
|
+
let pm = $kHWGQ$useMemo(()=>{
|
|
507
|
+
let date = new Date();
|
|
508
|
+
date.setHours(12);
|
|
509
|
+
return amPmFormatter.formatToParts(date).find((part)=>part.type === 'dayPeriod'
|
|
510
|
+
).value;
|
|
511
|
+
}, [
|
|
512
|
+
amPmFormatter
|
|
513
|
+
]);
|
|
514
|
+
let onInput = (key)=>{
|
|
515
|
+
if (props.isDisabled || props.isReadOnly) return;
|
|
516
|
+
let newValue = enteredKeys.current + key;
|
|
517
|
+
switch(segment.type){
|
|
518
|
+
case 'dayPeriod':
|
|
519
|
+
if (startsWith(am, key)) state.setSegment('dayPeriod', 0);
|
|
520
|
+
else if (startsWith(pm, key)) state.setSegment('dayPeriod', 12);
|
|
521
|
+
else break;
|
|
522
|
+
focusManager.focusNext();
|
|
523
|
+
break;
|
|
524
|
+
case 'day':
|
|
525
|
+
case 'hour':
|
|
526
|
+
case 'minute':
|
|
527
|
+
case 'second':
|
|
528
|
+
case 'month':
|
|
529
|
+
case 'year':
|
|
530
|
+
{
|
|
531
|
+
if (!parser.isValidPartialNumber(newValue)) return;
|
|
532
|
+
let numberValue = parser.parse(newValue);
|
|
533
|
+
let segmentValue = numberValue;
|
|
534
|
+
let allowsZero = segment.minValue === 0;
|
|
535
|
+
if (segment.type === 'hour' && state.dateFormatter.resolvedOptions().hour12) {
|
|
536
|
+
switch(state.dateFormatter.resolvedOptions().hourCycle){
|
|
537
|
+
case 'h11':
|
|
538
|
+
if (numberValue > 11) segmentValue = parser.parse(key);
|
|
539
|
+
break;
|
|
540
|
+
case 'h12':
|
|
541
|
+
allowsZero = false;
|
|
542
|
+
if (numberValue > 12) segmentValue = parser.parse(key);
|
|
543
|
+
break;
|
|
544
|
+
}
|
|
545
|
+
if (segment.value >= 12 && numberValue > 1) numberValue += 12;
|
|
546
|
+
} else if (numberValue > segment.maxValue) segmentValue = parser.parse(key);
|
|
547
|
+
if (isNaN(numberValue)) return;
|
|
548
|
+
let shouldSetValue = segmentValue !== 0 || allowsZero;
|
|
549
|
+
if (shouldSetValue) state.setSegment(segment.type, segmentValue);
|
|
550
|
+
if (Number(numberValue + '0') > segment.maxValue || newValue.length >= String(segment.maxValue).length) {
|
|
551
|
+
enteredKeys.current = '';
|
|
552
|
+
if (shouldSetValue) focusManager.focusNext();
|
|
553
|
+
} else enteredKeys.current = newValue;
|
|
554
|
+
break;
|
|
555
|
+
}
|
|
556
|
+
}
|
|
557
|
+
};
|
|
558
|
+
let onFocus = ()=>{
|
|
559
|
+
enteredKeys.current = '';
|
|
560
|
+
$kHWGQ$scrollIntoView($kHWGQ$getScrollParent(ref.current), ref.current);
|
|
561
|
+
// Safari requires that a selection is set or it won't fire input events.
|
|
562
|
+
// Since usePress disables text selection, this won't happen by default.
|
|
563
|
+
ref.current.style.webkitUserSelect = 'text';
|
|
564
|
+
let selection = window.getSelection();
|
|
565
|
+
selection.collapse(ref.current);
|
|
566
|
+
ref.current.style.webkitUserSelect = '';
|
|
567
|
+
};
|
|
568
|
+
let compositionRef = $kHWGQ$useRef('');
|
|
569
|
+
// @ts-ignore - TODO: possibly old TS version? doesn't fail in my editor...
|
|
570
|
+
$kHWGQ$useEvent(ref, 'beforeinput', (e)=>{
|
|
571
|
+
e.preventDefault();
|
|
572
|
+
switch(e.inputType){
|
|
573
|
+
case 'deleteContentBackward':
|
|
574
|
+
case 'deleteContentForward':
|
|
575
|
+
if (parser.isValidPartialNumber(segment.text) && !props.isReadOnly) backspace();
|
|
576
|
+
break;
|
|
577
|
+
case 'insertCompositionText':
|
|
578
|
+
// insertCompositionText cannot be canceled.
|
|
579
|
+
// Record the current state of the element so we can restore it in the `input` event below.
|
|
580
|
+
compositionRef.current = ref.current.textContent;
|
|
581
|
+
// Safari gets stuck in a composition state unless we also assign to the value here.
|
|
582
|
+
// eslint-disable-next-line no-self-assign
|
|
583
|
+
ref.current.textContent = ref.current.textContent;
|
|
584
|
+
break;
|
|
585
|
+
default:
|
|
586
|
+
if (e.data != null) onInput(e.data);
|
|
587
|
+
break;
|
|
588
|
+
}
|
|
589
|
+
});
|
|
590
|
+
$kHWGQ$useEvent(ref, 'input', (e)=>{
|
|
591
|
+
let { inputType: inputType , data: data } = e;
|
|
592
|
+
switch(inputType){
|
|
593
|
+
case 'insertCompositionText':
|
|
594
|
+
// Reset the DOM to how it was in the beforeinput event.
|
|
595
|
+
ref.current.textContent = compositionRef.current;
|
|
596
|
+
// Android sometimes fires key presses of letters as composition events. Need to handle am/pm keys here too.
|
|
597
|
+
// Can also happen e.g. with Pinyin keyboard on iOS.
|
|
598
|
+
if (startsWith(am, data) || startsWith(pm, data)) onInput(data);
|
|
599
|
+
break;
|
|
600
|
+
}
|
|
601
|
+
});
|
|
602
|
+
// Focus on mouse down/touch up to match native textfield behavior.
|
|
603
|
+
// usePress handles canceling text selection.
|
|
604
|
+
let { pressProps: pressProps } = $kHWGQ$usePress({
|
|
605
|
+
preventFocusOnPress: true,
|
|
606
|
+
onPressStart: (e)=>{
|
|
607
|
+
if (e.pointerType === 'mouse') e.target.focus();
|
|
608
|
+
},
|
|
609
|
+
onPress (e) {
|
|
610
|
+
if (e.pointerType !== 'mouse') e.target.focus();
|
|
611
|
+
}
|
|
612
|
+
});
|
|
613
|
+
// For Android: prevent selection on long press.
|
|
614
|
+
$kHWGQ$useEvent(ref, 'selectstart', (e)=>{
|
|
615
|
+
e.preventDefault();
|
|
616
|
+
});
|
|
617
|
+
// spinbuttons cannot be focused with VoiceOver on iOS.
|
|
618
|
+
let touchPropOverrides = $kHWGQ$isIOS() || segment.type === 'timeZoneName' ? {
|
|
619
|
+
role: 'textbox',
|
|
620
|
+
'aria-valuemax': null,
|
|
621
|
+
'aria-valuemin': null,
|
|
622
|
+
'aria-valuetext': null,
|
|
623
|
+
'aria-valuenow': null
|
|
624
|
+
} : {
|
|
625
|
+
};
|
|
626
|
+
let { ariaLabelledBy: ariaLabelledBy , ariaDescribedBy: ariaDescribedBy } = $6a2c5244c21911df$export$beb2340c1222c6d.get(state);
|
|
627
|
+
// Only apply aria-describedby to the first segment, unless the field is invalid. This avoids it being
|
|
628
|
+
// read every time the user navigates to a new segment.
|
|
629
|
+
let firstSegment = $kHWGQ$useMemo(()=>state.segments.find((s)=>s.isEditable
|
|
630
|
+
)
|
|
631
|
+
, [
|
|
632
|
+
state.segments
|
|
633
|
+
]);
|
|
634
|
+
if (segment !== firstSegment && state.validationState !== 'invalid') ariaDescribedBy = undefined;
|
|
635
|
+
let id = $kHWGQ$useId(props.id);
|
|
636
|
+
let isEditable = !props.isDisabled && !props.isReadOnly && segment.isEditable;
|
|
637
|
+
return {
|
|
638
|
+
segmentProps: $kHWGQ$mergeProps(spinButtonProps, pressProps, {
|
|
639
|
+
id: id,
|
|
640
|
+
...touchPropOverrides,
|
|
641
|
+
'aria-controls': props['aria-controls'],
|
|
642
|
+
// 'aria-haspopup': props['aria-haspopup'], // deprecated in ARIA 1.2
|
|
643
|
+
'aria-invalid': state.validationState === 'invalid' ? 'true' : undefined,
|
|
644
|
+
'aria-label': segment.type !== 'literal' ? displayNames.of(segment.type) : undefined,
|
|
645
|
+
'aria-labelledby': `${ariaLabelledBy} ${id}`,
|
|
646
|
+
'aria-describedby': ariaDescribedBy,
|
|
647
|
+
'aria-placeholder': segment.isPlaceholder ? segment.text : undefined,
|
|
648
|
+
'aria-readonly': props.isReadOnly || !segment.isEditable ? 'true' : undefined,
|
|
649
|
+
contentEditable: isEditable,
|
|
650
|
+
suppressContentEditableWarning: isEditable,
|
|
651
|
+
spellCheck: isEditable ? 'false' : undefined,
|
|
652
|
+
autoCapitalize: isEditable ? 'off' : undefined,
|
|
653
|
+
autoCorrect: isEditable ? 'off' : undefined,
|
|
654
|
+
// Capitalization was changed in React 17...
|
|
655
|
+
[parseInt($kHWGQ$react.version, 10) >= 17 ? 'enterKeyHint' : 'enterkeyhint']: isEditable ? 'next' : undefined,
|
|
656
|
+
inputMode: props.isDisabled || segment.type === 'dayPeriod' || !isEditable ? undefined : 'numeric',
|
|
657
|
+
tabIndex: props.isDisabled ? undefined : 0,
|
|
658
|
+
onKeyDown: onKeyDown,
|
|
659
|
+
onFocus: onFocus
|
|
660
|
+
})
|
|
661
|
+
};
|
|
749
662
|
}
|
|
750
|
-
// @ts-ignore
|
|
751
|
-
const $eb0a25d35efaafa331308f687b4f492$var$intlMessages = {
|
|
752
|
-
"ar-AE": _babelRuntimeHelpersEsmInteropRequireDefault($b935bd0cd08a5bbbb1abd3806a771dc4$exports).default,
|
|
753
|
-
"bg-BG": _babelRuntimeHelpersEsmInteropRequireDefault($fd4c1baa70755ee27b55d9d185ef9a9$exports).default,
|
|
754
|
-
"cs-CZ": _babelRuntimeHelpersEsmInteropRequireDefault($ec5372c287a16045d039aa0470ed9fb2$exports).default,
|
|
755
|
-
"da-DK": _babelRuntimeHelpersEsmInteropRequireDefault($f6d6f24ad9d284dd48723518690d0e39$exports).default,
|
|
756
|
-
"de-DE": _babelRuntimeHelpersEsmInteropRequireDefault($cc3534ef504f0b7371d8c5aa254d877f$exports).default,
|
|
757
|
-
"el-GR": _babelRuntimeHelpersEsmInteropRequireDefault($ebc142984d7760b9cffe23548bb$exports).default,
|
|
758
|
-
"en-US": _babelRuntimeHelpersEsmInteropRequireDefault($f9cbab65725c7cb01e69dde93bd9a$exports).default,
|
|
759
|
-
"es-ES": _babelRuntimeHelpersEsmInteropRequireDefault($b069706710aa3fdbaa20a1b3449d63$exports).default,
|
|
760
|
-
"et-EE": _babelRuntimeHelpersEsmInteropRequireDefault($dc294c753448ff9c1809bca75ab74d1$exports).default,
|
|
761
|
-
"fi-FI": _babelRuntimeHelpersEsmInteropRequireDefault($d3f5f76480327eda035ed93c2$exports).default,
|
|
762
|
-
"fr-FR": _babelRuntimeHelpersEsmInteropRequireDefault($b627132da032b4209b5582508dfe332$exports).default,
|
|
763
|
-
"he-IL": _babelRuntimeHelpersEsmInteropRequireDefault($c3959c7b2e7e08ef514631ba3c2fdb$exports).default,
|
|
764
|
-
"hr-HR": _babelRuntimeHelpersEsmInteropRequireDefault($ca3a95147a2664e1a3c49130ccfb87$exports).default,
|
|
765
|
-
"hu-HU": _babelRuntimeHelpersEsmInteropRequireDefault($fa6b6e78fd909c4deb0805c4ff5df60$exports).default,
|
|
766
|
-
"it-IT": _babelRuntimeHelpersEsmInteropRequireDefault($bb4837487a35e965bc77709590fda45$exports).default,
|
|
767
|
-
"ja-JP": _babelRuntimeHelpersEsmInteropRequireDefault($f021a923ac58a1406a8f3f0bfd5f718$exports).default,
|
|
768
|
-
"ko-KR": _babelRuntimeHelpersEsmInteropRequireDefault($e1a2895f7736c57623c5df88ed61$exports).default,
|
|
769
|
-
"lt-LT": _babelRuntimeHelpersEsmInteropRequireDefault($ee477dd4ee39b2586e7d93e4241$exports).default,
|
|
770
|
-
"lv-LV": _babelRuntimeHelpersEsmInteropRequireDefault($c216567e87e3bd12ecb2f27ce189a5b$exports).default,
|
|
771
|
-
"nb-NO": _babelRuntimeHelpersEsmInteropRequireDefault($d57cd730bb11b14bdcd692e702bb0e60$exports).default,
|
|
772
|
-
"nl-NL": _babelRuntimeHelpersEsmInteropRequireDefault($bd8f8fc2a02532c55851f18c8de3$exports).default,
|
|
773
|
-
"pl-PL": _babelRuntimeHelpersEsmInteropRequireDefault($d8e1a561b4b79d4ead55e4ee5ea09970$exports).default,
|
|
774
|
-
"pt-BR": _babelRuntimeHelpersEsmInteropRequireDefault($d479a80df73293910fe373596d18f$exports).default,
|
|
775
|
-
"pt-PT": _babelRuntimeHelpersEsmInteropRequireDefault($d91b847a2bf9b6fb7cc187d839c725f$exports).default,
|
|
776
|
-
"ro-RO": _babelRuntimeHelpersEsmInteropRequireDefault($f25e8d5f5e9099b97d639d4f299ba$exports).default,
|
|
777
|
-
"ru-RU": _babelRuntimeHelpersEsmInteropRequireDefault($da94598d7d1c854d87360883488$exports).default,
|
|
778
|
-
"sk-SK": _babelRuntimeHelpersEsmInteropRequireDefault($d1513dad87da1caa61156c979822ded2$exports).default,
|
|
779
|
-
"sl-SI": _babelRuntimeHelpersEsmInteropRequireDefault($e16512e37a1c3ef90ecfc72d16793c1$exports).default,
|
|
780
|
-
"sr-SP": _babelRuntimeHelpersEsmInteropRequireDefault($f0f0ea292848c1c22e92d1c71347950$exports).default,
|
|
781
|
-
"sv-SE": _babelRuntimeHelpersEsmInteropRequireDefault($ddeb3363257d0b1fab7fb0169309987$exports).default,
|
|
782
|
-
"tr-TR": _babelRuntimeHelpersEsmInteropRequireDefault($e41e18d940cc1fd6ce3b548eaf26f$exports).default,
|
|
783
|
-
"uk-UA": _babelRuntimeHelpersEsmInteropRequireDefault($c7fbfea59f1f84c3fbdb550bd45e1a8d$exports).default,
|
|
784
|
-
"zh-CN": _babelRuntimeHelpersEsmInteropRequireDefault($c5ee38283255212ee41b3baf5b8304d$exports).default,
|
|
785
|
-
"zh-TW": _babelRuntimeHelpersEsmInteropRequireDefault($e4f38d4b06a7a74952e9f6dec2e6e20$exports).default
|
|
786
|
-
};
|
|
787
|
-
export function useDateRangePicker(props, state, ref) {
|
|
788
|
-
let formatMessage = useMessageFormatter($eb0a25d35efaafa331308f687b4f492$var$intlMessages);
|
|
789
|
-
let {
|
|
790
|
-
labelProps,
|
|
791
|
-
fieldProps,
|
|
792
|
-
descriptionProps,
|
|
793
|
-
errorMessageProps
|
|
794
|
-
} = useField(_babelRuntimeHelpersEsmExtends({}, props, {
|
|
795
|
-
labelElementType: 'span'
|
|
796
|
-
}));
|
|
797
|
-
let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
|
|
798
|
-
let {
|
|
799
|
-
locale
|
|
800
|
-
} = useLocale();
|
|
801
|
-
let description = state.formatValue(locale, {
|
|
802
|
-
month: 'long'
|
|
803
|
-
});
|
|
804
|
-
let descProps = useDescription(description);
|
|
805
|
-
let startFieldProps = useLabels({
|
|
806
|
-
'aria-label': formatMessage('startDate'),
|
|
807
|
-
'aria-labelledby': labelledBy
|
|
808
|
-
});
|
|
809
|
-
let endFieldProps = useLabels({
|
|
810
|
-
'aria-label': formatMessage('endDate'),
|
|
811
|
-
'aria-labelledby': labelledBy
|
|
812
|
-
});
|
|
813
|
-
let buttonId = useId();
|
|
814
|
-
let dialogId = useId();
|
|
815
|
-
let groupProps = $bf15f790f1b0bea8ba7f44d4056d095d$export$useDatePickerGroup(state, ref);
|
|
816
|
-
let {
|
|
817
|
-
focusWithinProps
|
|
818
|
-
} = useFocusWithin({
|
|
819
|
-
onBlurWithin() {
|
|
820
|
-
state.confirmPlaceholder();
|
|
821
|
-
}
|
|
822
663
|
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
})
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
664
|
+
|
|
665
|
+
|
|
666
|
+
var $64f1e4074a806eb1$exports = {};
|
|
667
|
+
|
|
668
|
+
$parcel$export($64f1e4074a806eb1$exports, "useDateRangePicker", () => $64f1e4074a806eb1$export$12fd5f0e9f4bb192);
|
|
669
|
+
|
|
670
|
+
|
|
671
|
+
|
|
672
|
+
|
|
673
|
+
|
|
674
|
+
|
|
675
|
+
|
|
676
|
+
function $64f1e4074a806eb1$export$12fd5f0e9f4bb192(props, state, ref) {
|
|
677
|
+
let formatMessage = $kHWGQ$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($a02a9d7a047d0149$exports)));
|
|
678
|
+
let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $kHWGQ$useField({
|
|
679
|
+
...props,
|
|
680
|
+
labelElementType: 'span'
|
|
681
|
+
});
|
|
682
|
+
let labelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
|
|
683
|
+
let { locale: locale } = $kHWGQ$useLocale();
|
|
684
|
+
let description = state.formatValue(locale, {
|
|
685
|
+
month: 'long'
|
|
686
|
+
});
|
|
687
|
+
let descProps = $kHWGQ$useDescription(description);
|
|
688
|
+
let startFieldProps = $kHWGQ$useLabels({
|
|
689
|
+
'aria-label': formatMessage('startDate'),
|
|
690
|
+
'aria-labelledby': labelledBy
|
|
691
|
+
});
|
|
692
|
+
let endFieldProps = $kHWGQ$useLabels({
|
|
693
|
+
'aria-label': formatMessage('endDate'),
|
|
694
|
+
'aria-labelledby': labelledBy
|
|
695
|
+
});
|
|
696
|
+
let buttonId = $kHWGQ$useId();
|
|
697
|
+
let dialogId = $kHWGQ$useId();
|
|
698
|
+
let groupProps = $1db1d54c7bde6804$export$4a931266a3838b86(state, ref);
|
|
699
|
+
let { focusWithinProps: focusWithinProps } = $kHWGQ$useFocusWithin({
|
|
700
|
+
onBlurWithin () {
|
|
701
|
+
state.confirmPlaceholder();
|
|
702
|
+
}
|
|
703
|
+
});
|
|
704
|
+
let ariaDescribedBy = [
|
|
705
|
+
descProps['aria-describedby'],
|
|
706
|
+
fieldProps['aria-describedby']
|
|
707
|
+
].filter(Boolean).join(' ') || undefined;
|
|
708
|
+
return {
|
|
709
|
+
groupProps: $kHWGQ$mergeProps(groupProps, fieldProps, descProps, focusWithinProps, {
|
|
710
|
+
role: 'group',
|
|
711
|
+
'aria-disabled': props.isDisabled || null,
|
|
712
|
+
'aria-describedby': ariaDescribedBy
|
|
713
|
+
}),
|
|
714
|
+
labelProps: {
|
|
715
|
+
...labelProps,
|
|
716
|
+
onClick: ()=>{
|
|
717
|
+
let focusManager = $kHWGQ$createFocusManager(ref);
|
|
718
|
+
focusManager.focusFirst();
|
|
719
|
+
}
|
|
720
|
+
},
|
|
721
|
+
buttonProps: {
|
|
722
|
+
...descProps,
|
|
723
|
+
id: buttonId,
|
|
724
|
+
excludeFromTabOrder: true,
|
|
725
|
+
'aria-haspopup': 'dialog',
|
|
726
|
+
'aria-label': formatMessage('calendar'),
|
|
727
|
+
'aria-labelledby': `${labelledBy} ${buttonId}`,
|
|
728
|
+
'aria-describedby': ariaDescribedBy
|
|
729
|
+
},
|
|
730
|
+
dialogProps: {
|
|
731
|
+
id: dialogId,
|
|
732
|
+
'aria-labelledby': `${labelledBy} ${buttonId}`
|
|
733
|
+
},
|
|
734
|
+
startFieldProps: {
|
|
735
|
+
...startFieldProps,
|
|
736
|
+
'aria-describedby': fieldProps['aria-describedby']
|
|
737
|
+
},
|
|
738
|
+
endFieldProps: {
|
|
739
|
+
...endFieldProps,
|
|
740
|
+
'aria-describedby': fieldProps['aria-describedby']
|
|
741
|
+
},
|
|
742
|
+
descriptionProps: descriptionProps,
|
|
743
|
+
errorMessageProps: errorMessageProps
|
|
744
|
+
};
|
|
858
745
|
}
|
|
746
|
+
|
|
747
|
+
|
|
748
|
+
|
|
749
|
+
|
|
750
|
+
|
|
751
|
+
export {$58996c1341fc583b$export$42df105a73306d51 as useDatePicker, $cc1389bb7c487a22$export$1315d136e6f7581 as useDateSegment, $6a2c5244c21911df$export$beb2340c1222c6d as labelIds, $6a2c5244c21911df$export$5591b0b878c1a989 as useDateField, $64f1e4074a806eb1$export$12fd5f0e9f4bb192 as useDateRangePicker, $7ee921caa7075dcd$export$d42c60378c8168f8 as useDisplayNames};
|
|
859
752
|
//# sourceMappingURL=module.js.map
|