@react-aria/calendar 3.0.0-alpha.3 → 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 +282 -220
- package/dist/main.js.map +1 -1
- package/dist/module.js +278 -215
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +78 -10
- package/dist/types.d.ts.map +1 -1
- package/package.json +8 -8
- package/src/index.ts +0 -1
- package/src/types.ts +17 -2
- package/src/useCalendar.ts +4 -0
- package/src/useCalendarBase.ts +24 -3
- package/src/useCalendarCell.ts +79 -13
- package/src/useCalendarGrid.ts +37 -9
- package/src/useRangeCalendar.ts +5 -1
- package/src/utils.ts +7 -5
- package/src/useCalendarTableHeader.ts +0 -11
package/dist/main.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
var $
|
|
2
|
-
var $
|
|
3
|
-
var $
|
|
4
|
-
var $
|
|
5
|
-
var $
|
|
6
|
-
var $
|
|
1
|
+
var $jzHdg$reactarialiveannouncer = require("@react-aria/live-announcer");
|
|
2
|
+
var $jzHdg$reactariautils = require("@react-aria/utils");
|
|
3
|
+
var $jzHdg$reactariai18n = require("@react-aria/i18n");
|
|
4
|
+
var $jzHdg$react = require("react");
|
|
5
|
+
var $jzHdg$internationalizeddate = require("@internationalized/date");
|
|
6
|
+
var $jzHdg$reactariainteractions = require("@react-aria/interactions");
|
|
7
7
|
|
|
8
8
|
function $parcel$exportWildcard(dest, source) {
|
|
9
9
|
Object.keys(source).forEach(function(key) {
|
|
@@ -27,207 +27,207 @@ function $parcel$export(e, n, v, s) {
|
|
|
27
27
|
function $parcel$interopDefault(a) {
|
|
28
28
|
return a && a.__esModule ? a.default : a;
|
|
29
29
|
}
|
|
30
|
-
var $
|
|
30
|
+
var $20e845123e697a89$exports = {};
|
|
31
31
|
|
|
32
|
-
$parcel$export($
|
|
32
|
+
$parcel$export($20e845123e697a89$exports, "useCalendar", () => $20e845123e697a89$export$3ee915f8151bd4f1);
|
|
33
33
|
|
|
34
34
|
|
|
35
|
-
var $
|
|
36
|
-
var $
|
|
37
|
-
$
|
|
35
|
+
var $f87cd00fb2ba0f23$exports = {};
|
|
36
|
+
var $1fedb39dedbf7c51$exports = {};
|
|
37
|
+
$1fedb39dedbf7c51$exports = JSON.parse("{\"dateSelected\":\"تم تحديد {date, date, full}\",\"finishRangeSelectionPrompt\":\"انقر لإنهاء عملية تحديد نطاق التاريخ\",\"next\":\"التالي\",\"previous\":\"السابق\",\"selectedDateDescription\":\"التاريخ المحدد: {date, date, full}\",\"selectedRangeDescription\":\"النطاق المحدد: {start, date, long} إلى {end, date, long}\",\"startRangeSelectionPrompt\":\"انقر لبدء عملية تحديد نطاق التاريخ\",\"todayDate\":\"اليوم، {date, date, full}\",\"todayDateSelected\":\"اليوم، تم تحديد {date, date, full}\"}");
|
|
38
38
|
|
|
39
39
|
|
|
40
|
-
var $
|
|
41
|
-
$
|
|
40
|
+
var $524ada6153e36bf5$exports = {};
|
|
41
|
+
$524ada6153e36bf5$exports = JSON.parse("{\"dateSelected\":\"избрани {date, date, full}\",\"finishRangeSelectionPrompt\":\"Натиснете, за да довършите избора на времеви интервал\",\"next\":\"Напред\",\"previous\":\"Назад\",\"selectedDateDescription\":\"Избрана дата: {date, date, full}\",\"selectedRangeDescription\":\"Избран интервал: от {start, date, long} до {end, date, long}\",\"startRangeSelectionPrompt\":\"Натиснете, за да пристъпите към избора на времеви интервал\",\"todayDate\":\"Днес {date, date, full}\",\"todayDateSelected\":\"Днес са избрани {date, date, full}\"}");
|
|
42
42
|
|
|
43
43
|
|
|
44
|
-
var $
|
|
45
|
-
$
|
|
44
|
+
var $181053d31fc585a6$exports = {};
|
|
45
|
+
$181053d31fc585a6$exports = JSON.parse("{\"dateSelected\":\"Vybráno: {date, date, full}\",\"finishRangeSelectionPrompt\":\"Kliknutím dokončíte výběr rozsahu dat\",\"next\":\"Další\",\"previous\":\"Předchozí\",\"selectedDateDescription\":\"Zvolené datum: {date, date, full}\",\"selectedRangeDescription\":\"Zvolený rozsah: {start, date, long} až {end, date, long}\",\"startRangeSelectionPrompt\":\"Kliknutím zahájíte výběr rozsahu dat\",\"todayDate\":\"Dnes, {date, date, full}\",\"todayDateSelected\":\"Vybrán dnešek: {date, date, full}\"}");
|
|
46
46
|
|
|
47
47
|
|
|
48
|
-
var $
|
|
49
|
-
$
|
|
48
|
+
var $87f1f2ee75c25d27$exports = {};
|
|
49
|
+
$87f1f2ee75c25d27$exports = JSON.parse("{\"dateSelected\":\"{date, date, full} valgt\",\"finishRangeSelectionPrompt\":\"Klik for at fuldføre valg af datoområde\",\"next\":\"Næste\",\"previous\":\"Forrige\",\"selectedDateDescription\":\"Valgt dato: {date, date, full}\",\"selectedRangeDescription\":\"Valgt område: {start, date, long} til {end, date, long}\",\"startRangeSelectionPrompt\":\"Klik for at starte valg af datoområde\",\"todayDate\":\"I dag, {date, date, full}\",\"todayDateSelected\":\"I dag, {date, date, full} valgt\"}");
|
|
50
50
|
|
|
51
51
|
|
|
52
|
-
var $
|
|
53
|
-
$
|
|
52
|
+
var $3018d278e45fefcf$exports = {};
|
|
53
|
+
$3018d278e45fefcf$exports = JSON.parse("{\"dateSelected\":\"{date, date, full} ausgewählt\",\"finishRangeSelectionPrompt\":\"Klicken, um die Auswahl des Datumsbereichs zu beenden\",\"next\":\"Weiter\",\"previous\":\"Zurück\",\"selectedDateDescription\":\"Ausgewähltes Datum: {date, date, full}\",\"selectedRangeDescription\":\"Bereich auswählen: {start, date, long} bis {end, date, long}\",\"startRangeSelectionPrompt\":\"Klicken, um die Auswahl des Datumsbereichs zu beginnen\",\"todayDate\":\"Heute, {date, date, full}\",\"todayDateSelected\":\"Heute, {date, date, full} ausgewählt\"}");
|
|
54
54
|
|
|
55
55
|
|
|
56
|
-
var $
|
|
57
|
-
$
|
|
56
|
+
var $880b624ba6c377b6$exports = {};
|
|
57
|
+
$880b624ba6c377b6$exports = JSON.parse("{\"dateSelected\":\"Επιλέχτηκε {date, date, full}\",\"finishRangeSelectionPrompt\":\"Κάντε κλικ για να ολοκληρώσετε την επιλογή εύρους ημερομηνιών\",\"next\":\"Επόμενο\",\"previous\":\"Προηγούμενο\",\"selectedDateDescription\":\"Επιλεγμένη ημερομηνία: {date, date, full}\",\"selectedRangeDescription\":\"Επιλεγμένο εύρος: {start, date, long} έως {end, date, long}\",\"startRangeSelectionPrompt\":\"Κάντε κλικ για να ξεκινήσετε την επιλογή εύρους ημερομηνιών\",\"todayDate\":\"Σήμερα, {date, date, full}\",\"todayDateSelected\":\"Σήμερα, επιλέχτηκε {date, date, full}\"}");
|
|
58
58
|
|
|
59
59
|
|
|
60
|
-
var $
|
|
61
|
-
$
|
|
60
|
+
var $6a7e3934431e9523$exports = {};
|
|
61
|
+
$6a7e3934431e9523$exports = JSON.parse("{\"previous\":\"Previous\",\"next\":\"Next\",\"selectedDateDescription\":\"Selected Date: {date, date, full}\",\"selectedRangeDescription\":\"Selected Range: {start, date, long} to {end, date, long}\",\"todayDate\":\"Today, {date, date, full}\",\"todayDateSelected\":\"Today, {date, date, full} selected\",\"dateSelected\":\"{date, date, full} selected\",\"startRangeSelectionPrompt\":\"Click to start selecting date range\",\"finishRangeSelectionPrompt\":\"Click to finish selecting date range\"}");
|
|
62
62
|
|
|
63
63
|
|
|
64
|
-
var $
|
|
65
|
-
$
|
|
64
|
+
var $4c458303ff44205c$exports = {};
|
|
65
|
+
$4c458303ff44205c$exports = JSON.parse("{\"dateSelected\":\"{date, date, full} seleccionado\",\"finishRangeSelectionPrompt\":\"Haga clic para terminar de seleccionar rango de fechas\",\"next\":\"Siguiente\",\"previous\":\"Anterior\",\"selectedDateDescription\":\"Fecha seleccionada: {date, date, full}\",\"selectedRangeDescription\":\"Seleccionar rango: {start, date, long} a {end, date, long}\",\"startRangeSelectionPrompt\":\"Haga clic para comenzar a seleccionar un rango de fechas\",\"todayDate\":\"Hoy, {date, date, full}\",\"todayDateSelected\":\"Hoy, {date, date, full} seleccionado\"}");
|
|
66
66
|
|
|
67
67
|
|
|
68
|
-
var $
|
|
69
|
-
$
|
|
68
|
+
var $4b6ec4ab19a96fff$exports = {};
|
|
69
|
+
$4b6ec4ab19a96fff$exports = JSON.parse("{\"dateSelected\":\"{date, date, full} valitud\",\"finishRangeSelectionPrompt\":\"Klõpsake kuupäevavahemiku valimise lõpetamiseks\",\"next\":\"Järgmine\",\"previous\":\"Eelmine\",\"selectedDateDescription\":\"Valitud kuupäev: {date, date, full}\",\"selectedRangeDescription\":\"Valitud vahemik: {start, date, long} kuni {end, date, long}\",\"startRangeSelectionPrompt\":\"Klõpsake kuupäevavahemiku valimiseks\",\"todayDate\":\"Täna {date, date, full}\",\"todayDateSelected\":\"Täna {date, date, full} valitud\"}");
|
|
70
70
|
|
|
71
71
|
|
|
72
|
-
var $
|
|
73
|
-
$
|
|
72
|
+
var $a5184a366ed55e98$exports = {};
|
|
73
|
+
$a5184a366ed55e98$exports = JSON.parse("{\"dateSelected\":\"{date, date, full} valittu\",\"finishRangeSelectionPrompt\":\"Lopeta päivämääräalueen valinta napsauttamalla tätä.\",\"next\":\"Seuraava\",\"previous\":\"Edellinen\",\"selectedDateDescription\":\"Valittu päivämäärä: {date, date, full}\",\"selectedRangeDescription\":\"Valittu alue: {start, date, long} - {end, date, long}\",\"startRangeSelectionPrompt\":\"Aloita päivämääräalueen valinta napsauttamalla tätä.\",\"todayDate\":\"Tänään, {date, date, full}\",\"todayDateSelected\":\"Tänään, {date, date, full} valittu\"}");
|
|
74
74
|
|
|
75
75
|
|
|
76
|
-
var $
|
|
77
|
-
$
|
|
76
|
+
var $094c11f0389b0f6c$exports = {};
|
|
77
|
+
$094c11f0389b0f6c$exports = JSON.parse("{\"dateSelected\":\"{date, date, full} sélectionné\",\"finishRangeSelectionPrompt\":\"Cliquer pour finir de sélectionner la plage de dates\",\"next\":\"Suivant\",\"previous\":\"Précédent\",\"selectedDateDescription\":\"Date sélectionnée : {date, date, full}\",\"selectedRangeDescription\":\"Plage sélectionnée : {start, date, long} à {end, date, long}\",\"startRangeSelectionPrompt\":\"Cliquer pour commencer à sélectionner la plage de dates\",\"todayDate\":\"Aujourd’hui, {date, date, full}\",\"todayDateSelected\":\"Aujourd’hui, {date, date, full} sélectionné\"}");
|
|
78
78
|
|
|
79
79
|
|
|
80
|
-
var $
|
|
81
|
-
$
|
|
80
|
+
var $5b28c6b8eb99673e$exports = {};
|
|
81
|
+
$5b28c6b8eb99673e$exports = JSON.parse("{\"dateSelected\":\"התאריך {date, date, full} שנבחר\",\"finishRangeSelectionPrompt\":\"חץ כדי לסיים את בחירת טווח התאריכים\",\"next\":\"הבא\",\"previous\":\"הקודם\",\"selectedDateDescription\":\"התאריך שנבחר: {date, date, full}\",\"selectedRangeDescription\":\"הטווח שנבחר: מ-{start, date, long} ועד {end, date, long}\",\"startRangeSelectionPrompt\":\"לחץ כדי להתחיל בבחירת טווח התאריכים\",\"todayDate\":\"היום, {date, date, full}\",\"todayDateSelected\":\"היום, התאריך {date, date, full} שנבחר\"}");
|
|
82
82
|
|
|
83
83
|
|
|
84
|
-
var $
|
|
85
|
-
$
|
|
84
|
+
var $519824243c1aad60$exports = {};
|
|
85
|
+
$519824243c1aad60$exports = JSON.parse("{\"dateSelected\":\"Odabran {date, date, full}\",\"finishRangeSelectionPrompt\":\"Kliknite da dovršite raspon odabranih datuma\",\"next\":\"Sljedeći\",\"previous\":\"Prethodni\",\"selectedDateDescription\":\"Odabrani datum: {date, date, full}\",\"selectedRangeDescription\":\"Odabrani raspon: od {start, date, long} do {end, date, long}\",\"startRangeSelectionPrompt\":\"Kliknite da započnete raspon odabranih datuma\",\"todayDate\":\"Danas, {date, date, full}\",\"todayDateSelected\":\"Danas, odabran {date, date, full}\"}");
|
|
86
86
|
|
|
87
87
|
|
|
88
|
-
var $
|
|
89
|
-
$
|
|
88
|
+
var $2fde332abe847288$exports = {};
|
|
89
|
+
$2fde332abe847288$exports = JSON.parse("{\"dateSelected\":\"{date, date, full} kijelölve\",\"finishRangeSelectionPrompt\":\"Kattintson a dátumtartomány kijelölésének befejezéséhez\",\"next\":\"Következő\",\"previous\":\"Előző\",\"selectedDateDescription\":\"Kijelölt dátum: {date, date, full}\",\"selectedRangeDescription\":\"Kijelölt tartomány: {start, date, long} – {end, date, long}\",\"startRangeSelectionPrompt\":\"Kattintson a dátumtartomány kijelölésének indításához\",\"todayDate\":\"Ma, {date, date, full}\",\"todayDateSelected\":\"Ma, {date, date, full} kijelölve\"}");
|
|
90
90
|
|
|
91
91
|
|
|
92
|
-
var $
|
|
93
|
-
$
|
|
92
|
+
var $b266f7fa452e8e83$exports = {};
|
|
93
|
+
$b266f7fa452e8e83$exports = JSON.parse("{\"dateSelected\":\"{date, date, full} selezionato\",\"finishRangeSelectionPrompt\":\"Fai clic per completare la selezione dell’intervallo di date\",\"next\":\"Successivo\",\"previous\":\"Precedente\",\"selectedDateDescription\":\"Data selezionata: {date, date, full}\",\"selectedRangeDescription\":\"Intervallo selezionato: da {start, date, long} a {end, date, long}\",\"startRangeSelectionPrompt\":\"Fai clic per selezionare l’intervallo di date\",\"todayDate\":\"Oggi, {date, date, full}\",\"todayDateSelected\":\"Oggi, {date, date, full} selezionato\"}");
|
|
94
94
|
|
|
95
95
|
|
|
96
|
-
var $
|
|
97
|
-
$
|
|
96
|
+
var $3528fd03237947e3$exports = {};
|
|
97
|
+
$3528fd03237947e3$exports = JSON.parse("{\"dateSelected\":\"{date, date, full} を選択\",\"finishRangeSelectionPrompt\":\"クリックして日付範囲の選択を終了\",\"next\":\"次へ\",\"previous\":\"前へ\",\"selectedDateDescription\":\"日付を選択：{date, date, full}\",\"selectedRangeDescription\":\"範囲を選択：{start, date, long} から {end, date, long}\",\"startRangeSelectionPrompt\":\"クリックして日付範囲の選択を開始\",\"todayDate\":\"本日、{date, date, full}\",\"todayDateSelected\":\"本日、{date, date, full} を選択\"}");
|
|
98
98
|
|
|
99
99
|
|
|
100
|
-
var $
|
|
101
|
-
$
|
|
100
|
+
var $398f3b7902d2708f$exports = {};
|
|
101
|
+
$398f3b7902d2708f$exports = JSON.parse("{\"dateSelected\":\"{date, date, full} 선택함\",\"finishRangeSelectionPrompt\":\"날짜 범위 선택을 완료하려면 클릭하십시오.\",\"next\":\"다음\",\"previous\":\"이전\",\"selectedDateDescription\":\"선택한 날짜: {date, date, full}\",\"selectedRangeDescription\":\"선택한 범위: {start, date, long} ~ {end, date, long}\",\"startRangeSelectionPrompt\":\"날짜 범위 선택을 시작하려면 클릭하십시오.\",\"todayDate\":\"오늘, {date, date, full}\",\"todayDateSelected\":\"오늘, {date, date, full} 선택함\"}");
|
|
102
102
|
|
|
103
103
|
|
|
104
|
-
var $
|
|
105
|
-
$
|
|
104
|
+
var $ebaae1c76687311e$exports = {};
|
|
105
|
+
$ebaae1c76687311e$exports = JSON.parse("{\"dateSelected\":\"Pasirinkta {date, date, full}\",\"finishRangeSelectionPrompt\":\"Spustelėkite, kad baigtumėte pasirinkti datų intervalą\",\"next\":\"Paskesnis\",\"previous\":\"Ankstesnis\",\"selectedDateDescription\":\"Pasirinkta data: {date, date, full}\",\"selectedRangeDescription\":\"Pasirinktas intervalas: nuo {start, date, long} iki {end, date, long}\",\"startRangeSelectionPrompt\":\"Spustelėkite, kad pradėtumėte pasirinkti datų intervalą\",\"todayDate\":\"Šiandien, {date, date, full}\",\"todayDateSelected\":\"Šiandien, pasirinkta {date, date, full}\"}");
|
|
106
106
|
|
|
107
107
|
|
|
108
|
-
var $
|
|
109
|
-
$
|
|
108
|
+
var $3ecb31d6694563f6$exports = {};
|
|
109
|
+
$3ecb31d6694563f6$exports = JSON.parse("{\"dateSelected\":\"Atlasīts {date, date, full}\",\"finishRangeSelectionPrompt\":\"Noklikšķiniet, lai pabeigtu datumu diapazona atlasi\",\"next\":\"Tālāk\",\"previous\":\"Atpakaļ\",\"selectedDateDescription\":\"Atlasītais datums: {date, date, full}\",\"selectedRangeDescription\":\"Atlasītais diapazons: {start, date, long} līdz {end, date, long}\",\"startRangeSelectionPrompt\":\"Noklikšķiniet, lai sāktu datumu diapazona atlasi\",\"todayDate\":\"Šodiena, {date, date, full}\",\"todayDateSelected\":\"Atlasīta šodiena, {date, date, full}\"}");
|
|
110
110
|
|
|
111
111
|
|
|
112
|
-
var $
|
|
113
|
-
$
|
|
112
|
+
var $26dc2e2c103f178c$exports = {};
|
|
113
|
+
$26dc2e2c103f178c$exports = JSON.parse("{\"dateSelected\":\"{date, date, full} valgt\",\"finishRangeSelectionPrompt\":\"Klikk for å fullføre valg av datoområde\",\"next\":\"Neste\",\"previous\":\"Forrige\",\"selectedDateDescription\":\"Valgt dato: {date, date, full}\",\"selectedRangeDescription\":\"Valgt område: {start, date, long} til {end, date, long}\",\"startRangeSelectionPrompt\":\"Klikk for å starte valg av datoområde\",\"todayDate\":\"I dag, {date, date, full}\",\"todayDateSelected\":\"I dag, {date, date, full} valgt\"}");
|
|
114
114
|
|
|
115
115
|
|
|
116
|
-
var $
|
|
117
|
-
$
|
|
116
|
+
var $6bfd45b83a7d37dd$exports = {};
|
|
117
|
+
$6bfd45b83a7d37dd$exports = JSON.parse("{\"dateSelected\":\"{date, date, full} geselecteerd\",\"finishRangeSelectionPrompt\":\"Klik om de selectie van het datumbereik te voltooien\",\"next\":\"Volgende\",\"previous\":\"Vorige\",\"selectedDateDescription\":\"Geselecteerde datum: {date, date, full}\",\"selectedRangeDescription\":\"Geselecteerd bereik: {start, date, long} t/m {end, date, long}\",\"startRangeSelectionPrompt\":\"Klik om het datumbereik te selecteren\",\"todayDate\":\"Vandaag, {date, date, full}\",\"todayDateSelected\":\"Vandaag, {date, date, full} geselecteerd\"}");
|
|
118
118
|
|
|
119
119
|
|
|
120
|
-
var $
|
|
121
|
-
$
|
|
120
|
+
var $6f70d036cac4bd46$exports = {};
|
|
121
|
+
$6f70d036cac4bd46$exports = JSON.parse("{\"dateSelected\":\"Wybrano {date, date, full}\",\"finishRangeSelectionPrompt\":\"Kliknij, aby zakończyć wybór zakresu dat\",\"next\":\"Dalej\",\"previous\":\"Wstecz\",\"selectedDateDescription\":\"Wybrana data: {date, date, full}\",\"selectedRangeDescription\":\"Wybrany zakres: {start, date, long} do {end, date, long}\",\"startRangeSelectionPrompt\":\"Kliknij, aby rozpocząć wybór zakresu dat\",\"todayDate\":\"Dzisiaj {date, date, full}\",\"todayDateSelected\":\"Dzisiaj wybrano {date, date, full}\"}");
|
|
122
122
|
|
|
123
123
|
|
|
124
|
-
var $
|
|
125
|
-
$
|
|
124
|
+
var $a227ce57c671783d$exports = {};
|
|
125
|
+
$a227ce57c671783d$exports = JSON.parse("{\"dateSelected\":\"{date, date, full} selecionado\",\"finishRangeSelectionPrompt\":\"Clique para concluir a seleção do intervalo de datas\",\"next\":\"Próximo\",\"previous\":\"Anterior\",\"selectedDateDescription\":\"Data selecionada: {date, date, full}\",\"selectedRangeDescription\":\"Intervalo selecionado: {start, date, long} até {end, date, long}\",\"startRangeSelectionPrompt\":\"Clique para iniciar a seleção do intervalo de datas\",\"todayDate\":\"Hoje, {date, date, full}\",\"todayDateSelected\":\"Hoje, {date, date, full} selecionado\"}");
|
|
126
126
|
|
|
127
127
|
|
|
128
|
-
var $
|
|
129
|
-
$
|
|
128
|
+
var $97acad4758696d87$exports = {};
|
|
129
|
+
$97acad4758696d87$exports = JSON.parse("{\"dateSelected\":\"{data, data, completo} selecionado\",\"finishRangeSelectionPrompt\":\"Clique para terminar de selecionar o intervalo de datas\",\"next\":\"Próximo\",\"previous\":\"Anterior\",\"selectedDateDescription\":\"Data Selecionada: {data, data, completo}\",\"selectedRangeDescription\":\"Selecionar Intervalo: {início, data, longo} a {término, data, longo}\",\"startRangeSelectionPrompt\":\"Clique para começar a selecionar o intervalo de datas\",\"todayDate\":\"Hoje, {date, date, full}\",\"todayDateSelected\":\"Hoje, {date, date, full} selecionado\"}");
|
|
130
130
|
|
|
131
131
|
|
|
132
|
-
var $
|
|
133
|
-
$
|
|
132
|
+
var $010069c7d7fbbea3$exports = {};
|
|
133
|
+
$010069c7d7fbbea3$exports = JSON.parse("{\"dateSelected\":\"{date, date, full} selectată\",\"finishRangeSelectionPrompt\":\"Apăsaţi pentru a finaliza selecţia razei pentru dată\",\"next\":\"Următorul\",\"previous\":\"Înainte\",\"selectedDateDescription\":\"Dată selectată: {date, date, full}\",\"selectedRangeDescription\":\"Selectaţi raza: {start, date, long} la {end, date, long}\",\"startRangeSelectionPrompt\":\"Apăsaţi pentru a începe selecţia razei pentru dată\",\"todayDate\":\"Astăzi, {date, date, full}\",\"todayDateSelected\":\"Dată, {date, date, full} selectată\"}");
|
|
134
134
|
|
|
135
135
|
|
|
136
|
-
var $
|
|
137
|
-
$
|
|
136
|
+
var $0ba9c30c48c8d602$exports = {};
|
|
137
|
+
$0ba9c30c48c8d602$exports = JSON.parse("{\"dateSelected\":\"выбрано {date, date, full}\",\"finishRangeSelectionPrompt\":\"Щелкните, чтобы завершить выбор диапазона дат\",\"next\":\"Далее\",\"previous\":\"Назад\",\"selectedDateDescription\":\"Выбранная дата: {date, date, full}\",\"selectedRangeDescription\":\"Выбранный диапазон: {start, date, long} – {end, date, long}\",\"startRangeSelectionPrompt\":\"Щелкните, чтобы начать выбор диапазона дат\",\"todayDate\":\"Сегодня, {date, date, full}\",\"todayDateSelected\":\"Сегодня, выбрано {date, date, full}\"}");
|
|
138
138
|
|
|
139
139
|
|
|
140
|
-
var $
|
|
141
|
-
$
|
|
140
|
+
var $6873e95bd7af7559$exports = {};
|
|
141
|
+
$6873e95bd7af7559$exports = JSON.parse("{\"dateSelected\":\"Vybratý dátum {date, date, full}\",\"finishRangeSelectionPrompt\":\"Kliknutím dokončíte výber rozsahu dátumov\",\"next\":\"Nasledujúce\",\"previous\":\"Predchádzajúce\",\"selectedDateDescription\":\"Vybratý dátum: {date, date, full}\",\"selectedRangeDescription\":\"Vybratý rozsah dátumov: {start, date, long} do {end, date, long}\",\"startRangeSelectionPrompt\":\"Kliknutím spustíte výber rozsahu dátumov\",\"todayDate\":\"Dnešný dátum, {date, date, full}\",\"todayDateSelected\":\"Vybratý dnešný dátum, {date, date, full}\"}");
|
|
142
142
|
|
|
143
143
|
|
|
144
|
-
var $
|
|
145
|
-
$
|
|
144
|
+
var $ce3c7852583668e3$exports = {};
|
|
145
|
+
$ce3c7852583668e3$exports = JSON.parse("{\"dateSelected\":\"izbrano: {date, date, full}\",\"finishRangeSelectionPrompt\":\"Kliknite za dokončanje izbire datumskega obsega\",\"next\":\"Naprej\",\"previous\":\"Nazaj\",\"selectedDateDescription\":\"Izbrani datum: {date, date, full}\",\"selectedRangeDescription\":\"Izbrani razpon: {start, date, long} do {end, date, long}\",\"startRangeSelectionPrompt\":\"Kliknite za začetek izbire datumskega obsega\",\"todayDate\":\"Danes, {date, date, full}\",\"todayDateSelected\":\"Danes, izbrano: {date, date, full}\"}");
|
|
146
146
|
|
|
147
147
|
|
|
148
|
-
var $
|
|
149
|
-
$
|
|
148
|
+
var $36cbdcce92af5213$exports = {};
|
|
149
|
+
$36cbdcce92af5213$exports = JSON.parse("{\"dateSelected\":\"Izabran {date, date, full}\",\"finishRangeSelectionPrompt\":\"Kliknite da dovršite opseg izabranih datuma\",\"next\":\"Sledeći\",\"previous\":\"Prethodni\",\"selectedDateDescription\":\"Izabrani datum: {date, date, full}\",\"selectedRangeDescription\":\"Izabrani opseg: od {start, date, long} do {end, date, long}\",\"startRangeSelectionPrompt\":\"Kliknite da započnete opseg izabranih datuma\",\"todayDate\":\"Danas, {date, date, full}\",\"todayDateSelected\":\"Danas, izabran {date, date, full}\"}");
|
|
150
150
|
|
|
151
151
|
|
|
152
|
-
var $
|
|
153
|
-
$
|
|
152
|
+
var $ce53fa032c8abdc9$exports = {};
|
|
153
|
+
$ce53fa032c8abdc9$exports = JSON.parse("{\"dateSelected\":\"{date, date, full} har valts\",\"finishRangeSelectionPrompt\":\"Klicka för att avsluta val av datumintervall\",\"next\":\"Nästa\",\"previous\":\"Föregående\",\"selectedDateDescription\":\"Valt datum: {date, date, full}\",\"selectedRangeDescription\":\"Valt intervall: {start, date, long} till {end, date, long}\",\"startRangeSelectionPrompt\":\"Klicka för att välja datumintervall\",\"todayDate\":\"I dag, {date, date, full}\",\"todayDateSelected\":\"I dag, {date, date, full} har valts\"}");
|
|
154
154
|
|
|
155
155
|
|
|
156
|
-
var $
|
|
157
|
-
$
|
|
156
|
+
var $358703e281d51beb$exports = {};
|
|
157
|
+
$358703e281d51beb$exports = JSON.parse("{\"dateSelected\":\"{date, date, full} seçildi\",\"finishRangeSelectionPrompt\":\"Tarih aralığı seçimini tamamlamak için tıklayın\",\"next\":\"Sonraki\",\"previous\":\"Önceki\",\"selectedDateDescription\":\"Seçili Tarih: {date, date, full}\",\"selectedRangeDescription\":\"Seçili Aralık: {start, date, long} - {end, date, long}\",\"startRangeSelectionPrompt\":\"Tarih aralığı seçimini başlatmak için tıklayın\",\"todayDate\":\"Bugün, {date, date, full}\",\"todayDateSelected\":\"Bugün, {date, date, full} seçildi\"}");
|
|
158
158
|
|
|
159
159
|
|
|
160
|
-
var $
|
|
161
|
-
$
|
|
160
|
+
var $16bef71241a84fd2$exports = {};
|
|
161
|
+
$16bef71241a84fd2$exports = JSON.parse("{\"dateSelected\":\"Вибрано: {date, date, full}\",\"finishRangeSelectionPrompt\":\"Натисніть, щоб завершити вибір діапазону дат\",\"next\":\"Наступний\",\"previous\":\"Попередній\",\"selectedDateDescription\":\"Вибрана дата: {date, date, full}\",\"selectedRangeDescription\":\"Вибраний діапазон: від {start, date, long} до {end, date, long}\",\"startRangeSelectionPrompt\":\"Натисніть, щоб почати вибір діапазону дат\",\"todayDate\":\"Сьогодні: {date, date, full}\",\"todayDateSelected\":\"Сьогодні вибрано: {date, date, full}\"}");
|
|
162
162
|
|
|
163
163
|
|
|
164
|
-
var $
|
|
165
|
-
$
|
|
164
|
+
var $c80940728ad8dc0d$exports = {};
|
|
165
|
+
$c80940728ad8dc0d$exports = JSON.parse("{\"dateSelected\":\"已选择 {date, date, full}\",\"finishRangeSelectionPrompt\":\"单击以完成选择日期范围\",\"next\":\"下一页\",\"previous\":\"上一页\",\"selectedDateDescription\":\"选定的日期: {date, date, full}\",\"selectedRangeDescription\":\"选定的范围: {start, date, long} 到 {end, date, long}\",\"startRangeSelectionPrompt\":\"单击以开始选择日期范围\",\"todayDate\":\"今天（{date, date, full}）\",\"todayDateSelected\":\"已选择今天（{date, date, full}）\"}");
|
|
166
166
|
|
|
167
167
|
|
|
168
|
-
var $
|
|
169
|
-
$
|
|
168
|
+
var $ec192a5a83cfafeb$exports = {};
|
|
169
|
+
$ec192a5a83cfafeb$exports = JSON.parse("{\"dateSelected\":\"已選取 {date, date, full}\",\"finishRangeSelectionPrompt\":\"按一下以完成選取日期範圍\",\"next\":\"下一頁\",\"previous\":\"上一頁\",\"selectedDateDescription\":\"選取日期: {date, date, full}\",\"selectedRangeDescription\":\"選取範圍: {start, date, long} 至 {end, date, long}\",\"startRangeSelectionPrompt\":\"按一下以開始選取日期範圍\",\"todayDate\":\"今日，{date, date, full}\",\"todayDateSelected\":\"今日，已選取 {date, date, full}\"}");
|
|
170
170
|
|
|
171
171
|
|
|
172
|
-
$
|
|
173
|
-
"ar-AE": $
|
|
174
|
-
"bg-BG": $
|
|
175
|
-
"cs-CZ": $
|
|
176
|
-
"da-DK": $
|
|
177
|
-
"de-DE": $
|
|
178
|
-
"el-GR": $
|
|
179
|
-
"en-US": $
|
|
180
|
-
"es-ES": $
|
|
181
|
-
"et-EE": $
|
|
182
|
-
"fi-FI": $
|
|
183
|
-
"fr-FR": $
|
|
184
|
-
"he-IL": $
|
|
185
|
-
"hr-HR": $
|
|
186
|
-
"hu-HU": $
|
|
187
|
-
"it-IT": $
|
|
188
|
-
"ja-JP": $
|
|
189
|
-
"ko-KR": $
|
|
190
|
-
"lt-LT": $
|
|
191
|
-
"lv-LV": $
|
|
192
|
-
"nb-NO": $
|
|
193
|
-
"nl-NL": $
|
|
194
|
-
"pl-PL": $
|
|
195
|
-
"pt-BR": $
|
|
196
|
-
"pt-PT": $
|
|
197
|
-
"ro-RO": $
|
|
198
|
-
"ru-RU": $
|
|
199
|
-
"sk-SK": $
|
|
200
|
-
"sl-SI": $
|
|
201
|
-
"sr-SP": $
|
|
202
|
-
"sv-SE": $
|
|
203
|
-
"tr-TR": $
|
|
204
|
-
"uk-UA": $
|
|
205
|
-
"zh-CN": $
|
|
206
|
-
"zh-TW": $
|
|
172
|
+
$f87cd00fb2ba0f23$exports = {
|
|
173
|
+
"ar-AE": $1fedb39dedbf7c51$exports,
|
|
174
|
+
"bg-BG": $524ada6153e36bf5$exports,
|
|
175
|
+
"cs-CZ": $181053d31fc585a6$exports,
|
|
176
|
+
"da-DK": $87f1f2ee75c25d27$exports,
|
|
177
|
+
"de-DE": $3018d278e45fefcf$exports,
|
|
178
|
+
"el-GR": $880b624ba6c377b6$exports,
|
|
179
|
+
"en-US": $6a7e3934431e9523$exports,
|
|
180
|
+
"es-ES": $4c458303ff44205c$exports,
|
|
181
|
+
"et-EE": $4b6ec4ab19a96fff$exports,
|
|
182
|
+
"fi-FI": $a5184a366ed55e98$exports,
|
|
183
|
+
"fr-FR": $094c11f0389b0f6c$exports,
|
|
184
|
+
"he-IL": $5b28c6b8eb99673e$exports,
|
|
185
|
+
"hr-HR": $519824243c1aad60$exports,
|
|
186
|
+
"hu-HU": $2fde332abe847288$exports,
|
|
187
|
+
"it-IT": $b266f7fa452e8e83$exports,
|
|
188
|
+
"ja-JP": $3528fd03237947e3$exports,
|
|
189
|
+
"ko-KR": $398f3b7902d2708f$exports,
|
|
190
|
+
"lt-LT": $ebaae1c76687311e$exports,
|
|
191
|
+
"lv-LV": $3ecb31d6694563f6$exports,
|
|
192
|
+
"nb-NO": $26dc2e2c103f178c$exports,
|
|
193
|
+
"nl-NL": $6bfd45b83a7d37dd$exports,
|
|
194
|
+
"pl-PL": $6f70d036cac4bd46$exports,
|
|
195
|
+
"pt-BR": $a227ce57c671783d$exports,
|
|
196
|
+
"pt-PT": $97acad4758696d87$exports,
|
|
197
|
+
"ro-RO": $010069c7d7fbbea3$exports,
|
|
198
|
+
"ru-RU": $0ba9c30c48c8d602$exports,
|
|
199
|
+
"sk-SK": $6873e95bd7af7559$exports,
|
|
200
|
+
"sl-SI": $ce3c7852583668e3$exports,
|
|
201
|
+
"sr-SP": $36cbdcce92af5213$exports,
|
|
202
|
+
"sv-SE": $ce53fa032c8abdc9$exports,
|
|
203
|
+
"tr-TR": $358703e281d51beb$exports,
|
|
204
|
+
"uk-UA": $16bef71241a84fd2$exports,
|
|
205
|
+
"zh-CN": $c80940728ad8dc0d$exports,
|
|
206
|
+
"zh-TW": $ec192a5a83cfafeb$exports
|
|
207
207
|
};
|
|
208
208
|
|
|
209
209
|
|
|
210
210
|
|
|
211
211
|
|
|
212
|
-
const $
|
|
213
|
-
function $
|
|
214
|
-
let formatMessage = $
|
|
212
|
+
const $df1d8e967e73ec8e$export$3ddff89c59628ee7 = new WeakMap();
|
|
213
|
+
function $df1d8e967e73ec8e$export$b6df97c887c38e1a(state) {
|
|
214
|
+
let formatMessage = $jzHdg$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($f87cd00fb2ba0f23$exports)));
|
|
215
215
|
let start, end;
|
|
216
216
|
if ('highlightedRange' in state) ({ start: start , end: end } = state.highlightedRange || {
|
|
217
217
|
});
|
|
218
218
|
else start = end = state.value;
|
|
219
219
|
let anchorDate = 'anchorDate' in state ? state.anchorDate : null;
|
|
220
|
-
return $
|
|
220
|
+
return $jzHdg$react.useMemo(()=>{
|
|
221
221
|
// No message if currently selecting a range, or there is nothing highlighted.
|
|
222
222
|
if (!anchorDate && start && end) {
|
|
223
223
|
// Use a single date message if the start and end dates are the same day,
|
|
224
224
|
// otherwise include both dates.
|
|
225
|
-
if ($
|
|
226
|
-
date:
|
|
225
|
+
if ($jzHdg$internationalizeddate.isSameDay(start, end)) return formatMessage('selectedDateDescription', {
|
|
226
|
+
date: start.toDate(state.timeZone)
|
|
227
227
|
});
|
|
228
228
|
else return formatMessage('selectedRangeDescription', {
|
|
229
|
-
start:
|
|
230
|
-
end:
|
|
229
|
+
start: start.toDate(state.timeZone),
|
|
230
|
+
end: end.toDate(state.timeZone)
|
|
231
231
|
});
|
|
232
232
|
}
|
|
233
233
|
return '';
|
|
@@ -239,23 +239,25 @@ function $aa4a6070a01e8e81$export$b6df97c887c38e1a(state) {
|
|
|
239
239
|
formatMessage
|
|
240
240
|
]);
|
|
241
241
|
}
|
|
242
|
-
function $
|
|
243
|
-
let monthFormatter = $
|
|
242
|
+
function $df1d8e967e73ec8e$export$31afe65d91ef6e8(startDate, endDate, timeZone) {
|
|
243
|
+
let monthFormatter = $jzHdg$reactariai18n.useDateFormatter({
|
|
244
244
|
month: 'long',
|
|
245
245
|
year: 'numeric',
|
|
246
246
|
era: startDate.calendar.identifier !== 'gregory' ? 'long' : undefined,
|
|
247
|
-
calendar: startDate.calendar.identifier
|
|
247
|
+
calendar: startDate.calendar.identifier,
|
|
248
|
+
timeZone: timeZone
|
|
248
249
|
});
|
|
249
|
-
let dateFormatter = $
|
|
250
|
+
let dateFormatter = $jzHdg$reactariai18n.useDateFormatter({
|
|
250
251
|
dateStyle: 'long',
|
|
251
|
-
calendar: startDate.calendar.identifier
|
|
252
|
+
calendar: startDate.calendar.identifier,
|
|
253
|
+
timeZone: timeZone
|
|
252
254
|
});
|
|
253
|
-
return $
|
|
255
|
+
return $jzHdg$react.useMemo(()=>{
|
|
254
256
|
// Special case for month granularity. Format as a single month if only a
|
|
255
257
|
// single month is visible, otherwise format as a range of months.
|
|
256
|
-
if ($
|
|
257
|
-
if ($
|
|
258
|
-
else if ($
|
|
258
|
+
if ($jzHdg$internationalizeddate.isSameDay(startDate, $jzHdg$internationalizeddate.startOfMonth(startDate))) {
|
|
259
|
+
if ($jzHdg$internationalizeddate.isSameDay(endDate, $jzHdg$internationalizeddate.endOfMonth(startDate))) return monthFormatter.format(startDate.toDate(timeZone));
|
|
260
|
+
else if ($jzHdg$internationalizeddate.isSameDay(endDate, $jzHdg$internationalizeddate.endOfMonth(endDate))) return monthFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));
|
|
259
261
|
}
|
|
260
262
|
return dateFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));
|
|
261
263
|
}, [
|
|
@@ -271,30 +273,44 @@ function $aa4a6070a01e8e81$export$31afe65d91ef6e8(startDate, endDate, timeZone)
|
|
|
271
273
|
|
|
272
274
|
|
|
273
275
|
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
let
|
|
277
|
-
let
|
|
276
|
+
|
|
277
|
+
function $02ef492a56b91cb2$export$d652b3ea2d672d5b(props, state) {
|
|
278
|
+
let formatMessage = $jzHdg$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($f87cd00fb2ba0f23$exports)));
|
|
279
|
+
let calendarId = $jzHdg$reactariautils.useId(props.id);
|
|
280
|
+
let visibleRangeDescription = $df1d8e967e73ec8e$export$31afe65d91ef6e8(state.visibleRange.start, state.visibleRange.end, state.timeZone);
|
|
278
281
|
// Announce when the visible date range changes
|
|
279
|
-
$
|
|
282
|
+
$jzHdg$reactariautils.useUpdateEffect(()=>{
|
|
280
283
|
// only when pressing the Previous or Next button
|
|
281
|
-
if (!state.isFocused) $
|
|
284
|
+
if (!state.isFocused) $jzHdg$reactarialiveannouncer.announce(visibleRangeDescription);
|
|
282
285
|
}, [
|
|
283
286
|
visibleRangeDescription
|
|
284
287
|
]);
|
|
285
288
|
// Announce when the selected value changes
|
|
286
|
-
let selectedDateDescription = $
|
|
287
|
-
$
|
|
288
|
-
if (selectedDateDescription) $
|
|
289
|
+
let selectedDateDescription = $df1d8e967e73ec8e$export$b6df97c887c38e1a(state);
|
|
290
|
+
$jzHdg$reactariautils.useUpdateEffect(()=>{
|
|
291
|
+
if (selectedDateDescription) $jzHdg$reactarialiveannouncer.announce(selectedDateDescription, 'polite', 4000);
|
|
289
292
|
// handle an update to the caption that describes the currently selected range, to announce the new value
|
|
290
293
|
}, [
|
|
291
294
|
selectedDateDescription
|
|
292
295
|
]);
|
|
293
|
-
let descriptionProps = $
|
|
296
|
+
let descriptionProps = $jzHdg$reactariautils.useDescription(visibleRangeDescription);
|
|
294
297
|
// Label the child grid elements by the group element if it is labelled.
|
|
295
|
-
$
|
|
298
|
+
$df1d8e967e73ec8e$export$3ddff89c59628ee7.set(state, props['aria-label'] || props['aria-labelledby'] ? calendarId : null);
|
|
299
|
+
// If the next or previous buttons become disabled while they are focused, move focus to the calendar body.
|
|
300
|
+
let nextFocused = $jzHdg$react.useRef(false);
|
|
301
|
+
let nextDisabled = props.isDisabled || state.isNextVisibleRangeInvalid();
|
|
302
|
+
if (nextDisabled && nextFocused.current) {
|
|
303
|
+
nextFocused.current = false;
|
|
304
|
+
state.setFocused(true);
|
|
305
|
+
}
|
|
306
|
+
let previousFocused = $jzHdg$react.useRef(false);
|
|
307
|
+
let previousDisabled = props.isDisabled || state.isPreviousVisibleRangeInvalid();
|
|
308
|
+
if (previousDisabled && previousFocused.current) {
|
|
309
|
+
previousFocused.current = false;
|
|
310
|
+
state.setFocused(true);
|
|
311
|
+
}
|
|
296
312
|
return {
|
|
297
|
-
calendarProps: $
|
|
313
|
+
calendarProps: $jzHdg$reactariautils.mergeProps(descriptionProps, {
|
|
298
314
|
role: 'group',
|
|
299
315
|
id: calendarId,
|
|
300
316
|
'aria-label': props['aria-label'],
|
|
@@ -304,41 +320,48 @@ function $3a55f484876bb9b4$export$d652b3ea2d672d5b(props, state) {
|
|
|
304
320
|
onPress: ()=>state.focusNextPage()
|
|
305
321
|
,
|
|
306
322
|
'aria-label': formatMessage('next'),
|
|
307
|
-
isDisabled:
|
|
323
|
+
isDisabled: nextDisabled,
|
|
324
|
+
onFocus: ()=>nextFocused.current = true
|
|
325
|
+
,
|
|
326
|
+
onBlur: ()=>nextFocused.current = false
|
|
308
327
|
},
|
|
309
328
|
prevButtonProps: {
|
|
310
329
|
onPress: ()=>state.focusPreviousPage()
|
|
311
330
|
,
|
|
312
331
|
'aria-label': formatMessage('previous'),
|
|
313
|
-
isDisabled:
|
|
314
|
-
|
|
332
|
+
isDisabled: previousDisabled,
|
|
333
|
+
onFocus: ()=>previousFocused.current = true
|
|
334
|
+
,
|
|
335
|
+
onBlur: ()=>previousFocused.current = false
|
|
336
|
+
},
|
|
337
|
+
title: visibleRangeDescription
|
|
315
338
|
};
|
|
316
339
|
}
|
|
317
340
|
|
|
318
341
|
|
|
319
|
-
function $
|
|
320
|
-
return $
|
|
342
|
+
function $20e845123e697a89$export$3ee915f8151bd4f1(props, state) {
|
|
343
|
+
return $02ef492a56b91cb2$export$d652b3ea2d672d5b(props, state);
|
|
321
344
|
}
|
|
322
345
|
|
|
323
346
|
|
|
324
|
-
var $
|
|
347
|
+
var $c49ada48cbc48220$exports = {};
|
|
325
348
|
|
|
326
|
-
$parcel$export($
|
|
349
|
+
$parcel$export($c49ada48cbc48220$exports, "useRangeCalendar", () => $c49ada48cbc48220$export$87e0539f600c24e5);
|
|
327
350
|
|
|
328
351
|
|
|
329
352
|
|
|
330
|
-
function $
|
|
331
|
-
let res = $
|
|
332
|
-
res.nextButtonProps.id = $
|
|
333
|
-
res.prevButtonProps.id = $
|
|
353
|
+
function $c49ada48cbc48220$export$87e0539f600c24e5(props, state, ref2) {
|
|
354
|
+
let res = $02ef492a56b91cb2$export$d652b3ea2d672d5b(props, state);
|
|
355
|
+
res.nextButtonProps.id = $jzHdg$reactariautils.useId();
|
|
356
|
+
res.prevButtonProps.id = $jzHdg$reactariautils.useId();
|
|
334
357
|
// We need to ignore virtual pointer events from VoiceOver due to these bugs.
|
|
335
358
|
// https://bugs.webkit.org/show_bug.cgi?id=222627
|
|
336
359
|
// https://bugs.webkit.org/show_bug.cgi?id=223202
|
|
337
360
|
// usePress also does this and waits for the following click event before firing.
|
|
338
361
|
// We need to match that here otherwise this will fire before the press event in
|
|
339
362
|
// useCalendarCell, causing range selection to not work properly.
|
|
340
|
-
let isVirtualClick = $
|
|
341
|
-
$
|
|
363
|
+
let isVirtualClick = $jzHdg$react.useRef(false);
|
|
364
|
+
$jzHdg$reactariautils.useEvent($jzHdg$react.useRef(window), 'pointerdown', (e)=>{
|
|
342
365
|
isVirtualClick.current = e.width === 0 && e.height === 0;
|
|
343
366
|
});
|
|
344
367
|
// Stop range selection when pressing or releasing a pointer outside the calendar body,
|
|
@@ -353,12 +376,12 @@ function $40774891719720c1$export$87e0539f600c24e5(props, state, ref2) {
|
|
|
353
376
|
if (!state.anchorDate) return;
|
|
354
377
|
let target = e.target;
|
|
355
378
|
let body = document.getElementById(res.calendarProps.id);
|
|
356
|
-
if ((!body.contains(target) || target.
|
|
379
|
+
if ((!body.contains(target) || !target.closest('[role="button"]')) && !((ref = document.getElementById(res.nextButtonProps.id)) === null || ref === void 0 ? void 0 : ref.contains(target)) && !((ref1 = document.getElementById(res.prevButtonProps.id)) === null || ref1 === void 0 ? void 0 : ref1.contains(target))) state.selectFocusedDate();
|
|
357
380
|
};
|
|
358
|
-
$
|
|
359
|
-
$
|
|
381
|
+
$jzHdg$reactariautils.useEvent($jzHdg$react.useRef(window), 'pointerup', endDragging);
|
|
382
|
+
$jzHdg$reactariautils.useEvent($jzHdg$react.useRef(window), 'pointercancel', endDragging);
|
|
360
383
|
// Prevent touch scrolling while dragging
|
|
361
|
-
$
|
|
384
|
+
$jzHdg$reactariautils.useEvent(ref2, 'touchmove', (e)=>{
|
|
362
385
|
if (state.isDragging) e.preventDefault();
|
|
363
386
|
}, {
|
|
364
387
|
passive: false,
|
|
@@ -368,15 +391,16 @@ function $40774891719720c1$export$87e0539f600c24e5(props, state, ref2) {
|
|
|
368
391
|
}
|
|
369
392
|
|
|
370
393
|
|
|
371
|
-
var $
|
|
394
|
+
var $a07388a797d86b95$exports = {};
|
|
372
395
|
|
|
373
|
-
$parcel$export($
|
|
396
|
+
$parcel$export($a07388a797d86b95$exports, "useCalendarGrid", () => $a07388a797d86b95$export$cb95147730a423f5);
|
|
374
397
|
|
|
375
398
|
|
|
376
399
|
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
let {
|
|
400
|
+
|
|
401
|
+
function $a07388a797d86b95$export$cb95147730a423f5(props, state) {
|
|
402
|
+
let { startDate: startDate = state.visibleRange.start , endDate: endDate = state.visibleRange.end } = props;
|
|
403
|
+
let { direction: direction } = $jzHdg$reactariai18n.useLocale();
|
|
380
404
|
let onKeyDown = (e)=>{
|
|
381
405
|
switch(e.key){
|
|
382
406
|
case 'Enter':
|
|
@@ -429,31 +453,56 @@ function $38dcc717d3eb884a$export$cb95147730a423f5(props, state) {
|
|
|
429
453
|
break;
|
|
430
454
|
}
|
|
431
455
|
};
|
|
432
|
-
let selectedDateDescription = $
|
|
433
|
-
let descriptionProps = $
|
|
434
|
-
let visibleRangeDescription = $
|
|
435
|
-
let labelProps = $
|
|
456
|
+
let selectedDateDescription = $df1d8e967e73ec8e$export$b6df97c887c38e1a(state);
|
|
457
|
+
let descriptionProps = $jzHdg$reactariautils.useDescription(selectedDateDescription);
|
|
458
|
+
let visibleRangeDescription = $df1d8e967e73ec8e$export$31afe65d91ef6e8(startDate, endDate, state.timeZone);
|
|
459
|
+
let labelProps = $jzHdg$reactariautils.useLabels({
|
|
436
460
|
'aria-label': visibleRangeDescription,
|
|
437
|
-
'aria-labelledby': $
|
|
461
|
+
'aria-labelledby': $df1d8e967e73ec8e$export$3ddff89c59628ee7.get(state)
|
|
462
|
+
});
|
|
463
|
+
let dayFormatter = $jzHdg$reactariai18n.useDateFormatter({
|
|
464
|
+
weekday: 'narrow',
|
|
465
|
+
timeZone: state.timeZone
|
|
466
|
+
});
|
|
467
|
+
let dayFormatterLong = $jzHdg$reactariai18n.useDateFormatter({
|
|
468
|
+
weekday: 'long',
|
|
469
|
+
timeZone: state.timeZone
|
|
470
|
+
});
|
|
471
|
+
let { locale: locale } = $jzHdg$reactariai18n.useLocale();
|
|
472
|
+
let weekStart = $jzHdg$internationalizeddate.startOfWeek(state.visibleRange.start, locale);
|
|
473
|
+
let weekDays = [
|
|
474
|
+
...new Array(7).keys()
|
|
475
|
+
].map((index)=>{
|
|
476
|
+
let date = weekStart.add({
|
|
477
|
+
days: index
|
|
478
|
+
});
|
|
479
|
+
let dateDay = date.toDate(state.timeZone);
|
|
480
|
+
let narrow = dayFormatter.format(dateDay);
|
|
481
|
+
let long = dayFormatterLong.format(dateDay);
|
|
482
|
+
return {
|
|
483
|
+
narrow: narrow,
|
|
484
|
+
long: long
|
|
485
|
+
};
|
|
438
486
|
});
|
|
439
487
|
return {
|
|
440
|
-
gridProps: $
|
|
488
|
+
gridProps: $jzHdg$reactariautils.mergeProps(descriptionProps, labelProps, {
|
|
441
489
|
role: 'grid',
|
|
442
|
-
'aria-readonly': isReadOnly || null,
|
|
443
|
-
'aria-disabled': isDisabled || null,
|
|
490
|
+
'aria-readonly': state.isReadOnly || null,
|
|
491
|
+
'aria-disabled': state.isDisabled || null,
|
|
444
492
|
'aria-multiselectable': 'highlightedRange' in state || undefined,
|
|
445
493
|
onKeyDown: onKeyDown,
|
|
446
494
|
onFocus: ()=>state.setFocused(true)
|
|
447
495
|
,
|
|
448
496
|
onBlur: ()=>state.setFocused(false)
|
|
449
|
-
})
|
|
497
|
+
}),
|
|
498
|
+
weekDays: weekDays
|
|
450
499
|
};
|
|
451
500
|
}
|
|
452
501
|
|
|
453
502
|
|
|
454
|
-
var $
|
|
503
|
+
var $4d833327a32c9193$exports = {};
|
|
455
504
|
|
|
456
|
-
$parcel$export($
|
|
505
|
+
$parcel$export($4d833327a32c9193$exports, "useCalendarCell", () => $4d833327a32c9193$export$136073280381448e);
|
|
457
506
|
|
|
458
507
|
|
|
459
508
|
|
|
@@ -461,10 +510,10 @@ $parcel$export($b38dd96cc6d9be98$exports, "useCalendarCell", () => $b38dd96cc6d9
|
|
|
461
510
|
|
|
462
511
|
|
|
463
512
|
|
|
464
|
-
function $
|
|
513
|
+
function $4d833327a32c9193$export$136073280381448e(props, state, ref) {
|
|
465
514
|
let { date: date , isDisabled: isDisabled } = props;
|
|
466
|
-
let formatMessage = $
|
|
467
|
-
let dateFormatter = $
|
|
515
|
+
let formatMessage = $jzHdg$reactariai18n.useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($f87cd00fb2ba0f23$exports)));
|
|
516
|
+
let dateFormatter = $jzHdg$reactariai18n.useDateFormatter({
|
|
468
517
|
weekday: 'long',
|
|
469
518
|
day: 'numeric',
|
|
470
519
|
month: 'long',
|
|
@@ -475,19 +524,21 @@ function $b38dd96cc6d9be98$export$136073280381448e(props, state, ref) {
|
|
|
475
524
|
let isSelected = state.isSelected(date);
|
|
476
525
|
let isFocused = state.isCellFocused(date);
|
|
477
526
|
isDisabled = isDisabled || state.isCellDisabled(date);
|
|
527
|
+
let isUnavailable = state.isCellUnavailable(date);
|
|
528
|
+
let isSelectable = !isDisabled && !isUnavailable;
|
|
478
529
|
// For performance, reuse the same date object as before if the new date prop is the same.
|
|
479
530
|
// This allows subsequent useMemo results to be reused.
|
|
480
|
-
let lastDate = $
|
|
481
|
-
if (lastDate.current && $
|
|
531
|
+
let lastDate = $jzHdg$react.useRef(null);
|
|
532
|
+
if (lastDate.current && $jzHdg$internationalizeddate.isEqualDay(date, lastDate.current)) date = lastDate.current;
|
|
482
533
|
lastDate.current = date;
|
|
483
|
-
let nativeDate = $
|
|
534
|
+
let nativeDate = $jzHdg$react.useMemo(()=>date.toDate(state.timeZone)
|
|
484
535
|
, [
|
|
485
536
|
date,
|
|
486
537
|
state.timeZone
|
|
487
538
|
]);
|
|
488
539
|
// aria-label should be localize Day of week, Month, Day and Year without Time.
|
|
489
|
-
let isDateToday = $
|
|
490
|
-
let label = $
|
|
540
|
+
let isDateToday = $jzHdg$internationalizeddate.isToday(date, state.timeZone);
|
|
541
|
+
let label = $jzHdg$react.useMemo(()=>{
|
|
491
542
|
if (isDateToday) // If date is today, set appropriate string depending on selected state:
|
|
492
543
|
return formatMessage(isSelected ? 'todayDateSelected' : 'todayDate', {
|
|
493
544
|
date: nativeDate
|
|
@@ -506,7 +557,7 @@ function $b38dd96cc6d9be98$export$136073280381448e(props, state, ref) {
|
|
|
506
557
|
]);
|
|
507
558
|
// When a cell is focused and this is a range calendar, add a prompt to help
|
|
508
559
|
// screenreader users know that they are in a range selection mode.
|
|
509
|
-
if ('anchorDate' in state && isFocused && !state.isReadOnly) {
|
|
560
|
+
if ('anchorDate' in state && isFocused && !state.isReadOnly && isSelectable) {
|
|
510
561
|
let rangeSelectionPrompt = '';
|
|
511
562
|
// If selection has started add "click to finish selecting range"
|
|
512
563
|
if (state.anchorDate) rangeSelectionPrompt = formatMessage('finishRangeSelectionPrompt');
|
|
@@ -514,27 +565,31 @@ function $b38dd96cc6d9be98$export$136073280381448e(props, state, ref) {
|
|
|
514
565
|
// Append to aria-label
|
|
515
566
|
if (rangeSelectionPrompt) label = `${label} (${rangeSelectionPrompt})`;
|
|
516
567
|
}
|
|
517
|
-
let isAnchorPressed = $
|
|
518
|
-
let isRangeBoundaryPressed = $
|
|
519
|
-
let touchDragTimerRef = $
|
|
520
|
-
let { pressProps: pressProps , isPressed: isPressed } = $
|
|
568
|
+
let isAnchorPressed = $jzHdg$react.useRef(false);
|
|
569
|
+
let isRangeBoundaryPressed = $jzHdg$react.useRef(false);
|
|
570
|
+
let touchDragTimerRef = $jzHdg$react.useRef(null);
|
|
571
|
+
let { pressProps: pressProps , isPressed: isPressed } = $jzHdg$reactariainteractions.usePress({
|
|
521
572
|
// When dragging to select a range, we don't want dragging over the original anchor
|
|
522
573
|
// again to trigger onPressStart. Cancel presses immediately when the pointer exits.
|
|
523
574
|
shouldCancelOnPointerExit: 'anchorDate' in state && !!state.anchorDate,
|
|
524
575
|
preventFocusOnPress: true,
|
|
525
|
-
isDisabled:
|
|
576
|
+
isDisabled: !isSelectable,
|
|
526
577
|
onPressStart (e) {
|
|
578
|
+
if (state.isReadOnly) {
|
|
579
|
+
state.setFocusedDate(date);
|
|
580
|
+
return;
|
|
581
|
+
}
|
|
527
582
|
if ('highlightedRange' in state && !state.anchorDate && (e.pointerType === 'mouse' || e.pointerType === 'touch')) {
|
|
528
583
|
// Allow dragging the start or end date of a range to modify it
|
|
529
584
|
// rather than starting a new selection.
|
|
530
585
|
if (state.highlightedRange) {
|
|
531
|
-
if ($
|
|
586
|
+
if ($jzHdg$internationalizeddate.isSameDay(date, state.highlightedRange.start)) {
|
|
532
587
|
state.setAnchorDate(state.highlightedRange.end);
|
|
533
588
|
state.setFocusedDate(date);
|
|
534
589
|
state.setDragging(true);
|
|
535
590
|
isRangeBoundaryPressed.current = true;
|
|
536
591
|
return;
|
|
537
|
-
} else if ($
|
|
592
|
+
} else if ($jzHdg$internationalizeddate.isSameDay(date, state.highlightedRange.end)) {
|
|
538
593
|
state.setAnchorDate(state.highlightedRange.start);
|
|
539
594
|
state.setFocusedDate(date);
|
|
540
595
|
state.setDragging(true);
|
|
@@ -563,12 +618,13 @@ function $b38dd96cc6d9be98$export$136073280381448e(props, state, ref) {
|
|
|
563
618
|
},
|
|
564
619
|
onPress () {
|
|
565
620
|
// For non-range selection, always select on press up.
|
|
566
|
-
if (!('anchorDate' in state)) {
|
|
621
|
+
if (!('anchorDate' in state) && !state.isReadOnly) {
|
|
567
622
|
state.selectDate(date);
|
|
568
623
|
state.setFocusedDate(date);
|
|
569
624
|
}
|
|
570
625
|
},
|
|
571
626
|
onPressUp (e) {
|
|
627
|
+
if (state.isReadOnly) return;
|
|
572
628
|
// If the user tapped quickly, the date won't be selected yet and the
|
|
573
629
|
// timer will still be in progress. In this case, select the date on touch up.
|
|
574
630
|
// Timer is cleared in onPressEnd.
|
|
@@ -594,7 +650,10 @@ function $b38dd96cc6d9be98$export$136073280381448e(props, state, ref) {
|
|
|
594
650
|
let nextDay = date.add({
|
|
595
651
|
days: 1
|
|
596
652
|
});
|
|
597
|
-
if (
|
|
653
|
+
if (state.isInvalid(nextDay)) nextDay = date.subtract({
|
|
654
|
+
days: 1
|
|
655
|
+
});
|
|
656
|
+
if (!state.isInvalid(nextDay)) state.setFocusedDate(nextDay);
|
|
598
657
|
} else if (e.pointerType === 'virtual') {
|
|
599
658
|
// For screen readers, just select the date on click.
|
|
600
659
|
state.selectDate(date);
|
|
@@ -604,31 +663,41 @@ function $b38dd96cc6d9be98$export$136073280381448e(props, state, ref) {
|
|
|
604
663
|
}
|
|
605
664
|
});
|
|
606
665
|
let tabIndex = null;
|
|
607
|
-
if (!isDisabled) tabIndex = $
|
|
666
|
+
if (!isDisabled) tabIndex = $jzHdg$internationalizeddate.isSameDay(date, state.focusedDate) ? 0 : -1;
|
|
608
667
|
// Focus the button in the DOM when the state updates.
|
|
609
|
-
$
|
|
610
|
-
if (isFocused && ref.current) $
|
|
668
|
+
$jzHdg$react.useEffect(()=>{
|
|
669
|
+
if (isFocused && ref.current) $jzHdg$reactariautils.focusWithoutScrolling(ref.current);
|
|
611
670
|
}, [
|
|
612
671
|
isFocused,
|
|
613
672
|
ref
|
|
614
673
|
]);
|
|
674
|
+
let cellDateFormatter = $jzHdg$reactariai18n.useDateFormatter({
|
|
675
|
+
day: 'numeric',
|
|
676
|
+
timeZone: state.timeZone,
|
|
677
|
+
calendar: date.calendar.identifier
|
|
678
|
+
});
|
|
679
|
+
let formattedDate = $jzHdg$react.useMemo(()=>cellDateFormatter.format(nativeDate)
|
|
680
|
+
, [
|
|
681
|
+
cellDateFormatter,
|
|
682
|
+
nativeDate
|
|
683
|
+
]);
|
|
615
684
|
return {
|
|
616
685
|
cellProps: {
|
|
617
686
|
role: 'gridcell',
|
|
618
|
-
'aria-disabled':
|
|
619
|
-
'aria-selected': isSelected
|
|
687
|
+
'aria-disabled': !isSelectable || null,
|
|
688
|
+
'aria-selected': isSelectable ? isSelected : null
|
|
620
689
|
},
|
|
621
|
-
buttonProps: $
|
|
690
|
+
buttonProps: $jzHdg$reactariautils.mergeProps(pressProps, {
|
|
622
691
|
onFocus () {
|
|
623
692
|
if (!isDisabled) state.setFocusedDate(date);
|
|
624
693
|
},
|
|
625
694
|
tabIndex: tabIndex,
|
|
626
695
|
role: 'button',
|
|
627
|
-
'aria-disabled':
|
|
696
|
+
'aria-disabled': !isSelectable || null,
|
|
628
697
|
'aria-label': label,
|
|
629
698
|
onPointerEnter (e) {
|
|
630
699
|
// Highlight the date on hover or drag over a date when selecting a range.
|
|
631
|
-
if ('highlightDate' in state && (e.pointerType !== 'touch' || state.isDragging)) state.highlightDate(date);
|
|
700
|
+
if ('highlightDate' in state && (e.pointerType !== 'touch' || state.isDragging) && isSelectable) state.highlightDate(date);
|
|
632
701
|
},
|
|
633
702
|
onPointerDown (e) {
|
|
634
703
|
// This is necessary on touch devices to allow dragging
|
|
@@ -641,32 +710,25 @@ function $b38dd96cc6d9be98$export$136073280381448e(props, state, ref) {
|
|
|
641
710
|
e.preventDefault();
|
|
642
711
|
}
|
|
643
712
|
}),
|
|
644
|
-
isPressed: isPressed
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
$parcel$export($966efff347807902$exports, "useCalendarTableHeader", () => $966efff347807902$export$2d550ec8e081e40b);
|
|
652
|
-
function $966efff347807902$export$2d550ec8e081e40b() {
|
|
653
|
-
return {
|
|
654
|
-
columnHeaderProps: {
|
|
655
|
-
scope: 'col'
|
|
656
|
-
}
|
|
713
|
+
isPressed: isPressed,
|
|
714
|
+
isFocused: isFocused,
|
|
715
|
+
isSelected: isSelected,
|
|
716
|
+
isDisabled: isDisabled,
|
|
717
|
+
isUnavailable: isUnavailable,
|
|
718
|
+
isOutsideVisibleRange: date.compare(state.visibleRange.start) < 0 || date.compare(state.visibleRange.end) > 0,
|
|
719
|
+
formattedDate: formattedDate
|
|
657
720
|
};
|
|
658
721
|
}
|
|
659
722
|
|
|
660
723
|
|
|
661
|
-
var $
|
|
724
|
+
var $c22e9cfd2d8c9e8e$exports = {};
|
|
662
725
|
|
|
663
726
|
|
|
664
|
-
$parcel$exportWildcard(module.exports, $
|
|
665
|
-
$parcel$exportWildcard(module.exports, $
|
|
666
|
-
$parcel$exportWildcard(module.exports, $
|
|
667
|
-
$parcel$exportWildcard(module.exports, $
|
|
668
|
-
$parcel$exportWildcard(module.exports, $
|
|
669
|
-
$parcel$exportWildcard(module.exports, $dc467e8c24406ddc$exports);
|
|
727
|
+
$parcel$exportWildcard(module.exports, $20e845123e697a89$exports);
|
|
728
|
+
$parcel$exportWildcard(module.exports, $c49ada48cbc48220$exports);
|
|
729
|
+
$parcel$exportWildcard(module.exports, $a07388a797d86b95$exports);
|
|
730
|
+
$parcel$exportWildcard(module.exports, $4d833327a32c9193$exports);
|
|
731
|
+
$parcel$exportWildcard(module.exports, $c22e9cfd2d8c9e8e$exports);
|
|
670
732
|
|
|
671
733
|
|
|
672
734
|
//# sourceMappingURL=main.js.map
|