@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/module.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {announce as $
|
|
2
|
-
import {useId as $
|
|
3
|
-
import {useMessageFormatter as $
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {usePress as $
|
|
1
|
+
import {announce as $amWdn$announce} from "@react-aria/live-announcer";
|
|
2
|
+
import {useId as $amWdn$useId, useUpdateEffect as $amWdn$useUpdateEffect, useDescription as $amWdn$useDescription, mergeProps as $amWdn$mergeProps, useEvent as $amWdn$useEvent, useLabels as $amWdn$useLabels, focusWithoutScrolling as $amWdn$focusWithoutScrolling} from "@react-aria/utils";
|
|
3
|
+
import {useMessageFormatter as $amWdn$useMessageFormatter, useDateFormatter as $amWdn$useDateFormatter, useLocale as $amWdn$useLocale} from "@react-aria/i18n";
|
|
4
|
+
import {useRef as $amWdn$useRef, useMemo as $amWdn$useMemo, useEffect as $amWdn$useEffect} from "react";
|
|
5
|
+
import {isSameDay as $amWdn$isSameDay, startOfMonth as $amWdn$startOfMonth, endOfMonth as $amWdn$endOfMonth, startOfWeek as $amWdn$startOfWeek, isEqualDay as $amWdn$isEqualDay, isToday as $amWdn$isToday} from "@internationalized/date";
|
|
6
|
+
import {usePress as $amWdn$usePress} from "@react-aria/interactions";
|
|
7
7
|
|
|
8
8
|
function $parcel$export(e, n, v, s) {
|
|
9
9
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
@@ -11,207 +11,207 @@ function $parcel$export(e, n, v, s) {
|
|
|
11
11
|
function $parcel$interopDefault(a) {
|
|
12
12
|
return a && a.__esModule ? a.default : a;
|
|
13
13
|
}
|
|
14
|
-
var $
|
|
14
|
+
var $9942cad8a072a530$exports = {};
|
|
15
15
|
|
|
16
|
-
$parcel$export($
|
|
16
|
+
$parcel$export($9942cad8a072a530$exports, "useCalendar", () => $9942cad8a072a530$export$3ee915f8151bd4f1);
|
|
17
17
|
|
|
18
18
|
|
|
19
|
-
var $
|
|
20
|
-
var $
|
|
21
|
-
$
|
|
19
|
+
var $0fbdc3429b133a50$exports = {};
|
|
20
|
+
var $39324ace0d945f59$exports = {};
|
|
21
|
+
$39324ace0d945f59$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}\"}");
|
|
22
22
|
|
|
23
23
|
|
|
24
|
-
var $
|
|
25
|
-
$
|
|
24
|
+
var $1830a539e98c7baf$exports = {};
|
|
25
|
+
$1830a539e98c7baf$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}\"}");
|
|
26
26
|
|
|
27
27
|
|
|
28
|
-
var $
|
|
29
|
-
$
|
|
28
|
+
var $f4b92528965aab97$exports = {};
|
|
29
|
+
$f4b92528965aab97$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}\"}");
|
|
30
30
|
|
|
31
31
|
|
|
32
|
-
var $
|
|
33
|
-
$
|
|
32
|
+
var $1cd578ef0547c8f1$exports = {};
|
|
33
|
+
$1cd578ef0547c8f1$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\"}");
|
|
34
34
|
|
|
35
35
|
|
|
36
|
-
var $
|
|
37
|
-
$
|
|
36
|
+
var $db55a8973925d619$exports = {};
|
|
37
|
+
$db55a8973925d619$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\"}");
|
|
38
38
|
|
|
39
39
|
|
|
40
|
-
var $
|
|
41
|
-
$
|
|
40
|
+
var $ec6937d58566d443$exports = {};
|
|
41
|
+
$ec6937d58566d443$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 $1f5cea0742dc284a$exports = {};
|
|
45
|
+
$1f5cea0742dc284a$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\"}");
|
|
46
46
|
|
|
47
47
|
|
|
48
|
-
var $
|
|
49
|
-
$
|
|
48
|
+
var $2ca7ea366384817b$exports = {};
|
|
49
|
+
$2ca7ea366384817b$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\"}");
|
|
50
50
|
|
|
51
51
|
|
|
52
|
-
var $
|
|
53
|
-
$
|
|
52
|
+
var $97874a7fe9cd091f$exports = {};
|
|
53
|
+
$97874a7fe9cd091f$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\"}");
|
|
54
54
|
|
|
55
55
|
|
|
56
|
-
var $
|
|
57
|
-
$
|
|
56
|
+
var $5d376b7fce1a45b2$exports = {};
|
|
57
|
+
$5d376b7fce1a45b2$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\"}");
|
|
58
58
|
|
|
59
59
|
|
|
60
|
-
var $
|
|
61
|
-
$
|
|
60
|
+
var $3bf722b362aaf54d$exports = {};
|
|
61
|
+
$3bf722b362aaf54d$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é\"}");
|
|
62
62
|
|
|
63
63
|
|
|
64
|
-
var $
|
|
65
|
-
$
|
|
64
|
+
var $38c43f8322316031$exports = {};
|
|
65
|
+
$38c43f8322316031$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} שנבחר\"}");
|
|
66
66
|
|
|
67
67
|
|
|
68
|
-
var $
|
|
69
|
-
$
|
|
68
|
+
var $c90e0f32b44630bf$exports = {};
|
|
69
|
+
$c90e0f32b44630bf$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}\"}");
|
|
70
70
|
|
|
71
71
|
|
|
72
|
-
var $
|
|
73
|
-
$
|
|
72
|
+
var $715875e6e7a338f4$exports = {};
|
|
73
|
+
$715875e6e7a338f4$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\"}");
|
|
74
74
|
|
|
75
75
|
|
|
76
|
-
var $
|
|
77
|
-
$
|
|
76
|
+
var $37d77c66e34daccf$exports = {};
|
|
77
|
+
$37d77c66e34daccf$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\"}");
|
|
78
78
|
|
|
79
79
|
|
|
80
|
-
var $
|
|
81
|
-
$
|
|
80
|
+
var $542f39aee29303c3$exports = {};
|
|
81
|
+
$542f39aee29303c3$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 $22a5f0623ea73e4f$exports = {};
|
|
85
|
+
$22a5f0623ea73e4f$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} 선택함\"}");
|
|
86
86
|
|
|
87
87
|
|
|
88
|
-
var $
|
|
89
|
-
$
|
|
88
|
+
var $522380d13d62cba0$exports = {};
|
|
89
|
+
$522380d13d62cba0$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}\"}");
|
|
90
90
|
|
|
91
91
|
|
|
92
|
-
var $
|
|
93
|
-
$
|
|
92
|
+
var $8a7bc830b2fe6485$exports = {};
|
|
93
|
+
$8a7bc830b2fe6485$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}\"}");
|
|
94
94
|
|
|
95
95
|
|
|
96
|
-
var $
|
|
97
|
-
$
|
|
96
|
+
var $9fac9c044470683b$exports = {};
|
|
97
|
+
$9fac9c044470683b$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\"}");
|
|
98
98
|
|
|
99
99
|
|
|
100
|
-
var $
|
|
101
|
-
$
|
|
100
|
+
var $b127d3569efb1449$exports = {};
|
|
101
|
+
$b127d3569efb1449$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\"}");
|
|
102
102
|
|
|
103
103
|
|
|
104
|
-
var $
|
|
105
|
-
$
|
|
104
|
+
var $51404a4090633490$exports = {};
|
|
105
|
+
$51404a4090633490$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}\"}");
|
|
106
106
|
|
|
107
107
|
|
|
108
|
-
var $
|
|
109
|
-
$
|
|
108
|
+
var $e5e6a3fe3b4527df$exports = {};
|
|
109
|
+
$e5e6a3fe3b4527df$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\"}");
|
|
110
110
|
|
|
111
111
|
|
|
112
|
-
var $
|
|
113
|
-
$
|
|
112
|
+
var $c519dcadcbb1ee47$exports = {};
|
|
113
|
+
$c519dcadcbb1ee47$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\"}");
|
|
114
114
|
|
|
115
115
|
|
|
116
|
-
var $
|
|
117
|
-
$
|
|
116
|
+
var $e5aa0186ca7889c6$exports = {};
|
|
117
|
+
$e5aa0186ca7889c6$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ă\"}");
|
|
118
118
|
|
|
119
119
|
|
|
120
|
-
var $
|
|
121
|
-
$
|
|
120
|
+
var $5b907f5fa3eee652$exports = {};
|
|
121
|
+
$5b907f5fa3eee652$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}\"}");
|
|
122
122
|
|
|
123
123
|
|
|
124
|
-
var $
|
|
125
|
-
$
|
|
124
|
+
var $1b4c51359c99cf79$exports = {};
|
|
125
|
+
$1b4c51359c99cf79$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}\"}");
|
|
126
126
|
|
|
127
127
|
|
|
128
|
-
var $
|
|
129
|
-
$
|
|
128
|
+
var $02e4e6a4608cc6f3$exports = {};
|
|
129
|
+
$02e4e6a4608cc6f3$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}\"}");
|
|
130
130
|
|
|
131
131
|
|
|
132
|
-
var $
|
|
133
|
-
$
|
|
132
|
+
var $6dd2fbaad93b6878$exports = {};
|
|
133
|
+
$6dd2fbaad93b6878$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}\"}");
|
|
134
134
|
|
|
135
135
|
|
|
136
|
-
var $
|
|
137
|
-
$
|
|
136
|
+
var $33ea59bfe6e804e0$exports = {};
|
|
137
|
+
$33ea59bfe6e804e0$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\"}");
|
|
138
138
|
|
|
139
139
|
|
|
140
|
-
var $
|
|
141
|
-
$
|
|
140
|
+
var $4603b0d0246969b2$exports = {};
|
|
141
|
+
$4603b0d0246969b2$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\"}");
|
|
142
142
|
|
|
143
143
|
|
|
144
|
-
var $
|
|
145
|
-
$
|
|
144
|
+
var $82649816f530bb1b$exports = {};
|
|
145
|
+
$82649816f530bb1b$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}\"}");
|
|
146
146
|
|
|
147
147
|
|
|
148
|
-
var $
|
|
149
|
-
$
|
|
148
|
+
var $628e140a43dfb330$exports = {};
|
|
149
|
+
$628e140a43dfb330$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}）\"}");
|
|
150
150
|
|
|
151
151
|
|
|
152
|
-
var $
|
|
153
|
-
$
|
|
152
|
+
var $745937250cd4679c$exports = {};
|
|
153
|
+
$745937250cd4679c$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}\"}");
|
|
154
154
|
|
|
155
155
|
|
|
156
|
-
$
|
|
157
|
-
"ar-AE": $
|
|
158
|
-
"bg-BG": $
|
|
159
|
-
"cs-CZ": $
|
|
160
|
-
"da-DK": $
|
|
161
|
-
"de-DE": $
|
|
162
|
-
"el-GR": $
|
|
163
|
-
"en-US": $
|
|
164
|
-
"es-ES": $
|
|
165
|
-
"et-EE": $
|
|
166
|
-
"fi-FI": $
|
|
167
|
-
"fr-FR": $
|
|
168
|
-
"he-IL": $
|
|
169
|
-
"hr-HR": $
|
|
170
|
-
"hu-HU": $
|
|
171
|
-
"it-IT": $
|
|
172
|
-
"ja-JP": $
|
|
173
|
-
"ko-KR": $
|
|
174
|
-
"lt-LT": $
|
|
175
|
-
"lv-LV": $
|
|
176
|
-
"nb-NO": $
|
|
177
|
-
"nl-NL": $
|
|
178
|
-
"pl-PL": $
|
|
179
|
-
"pt-BR": $
|
|
180
|
-
"pt-PT": $
|
|
181
|
-
"ro-RO": $
|
|
182
|
-
"ru-RU": $
|
|
183
|
-
"sk-SK": $
|
|
184
|
-
"sl-SI": $
|
|
185
|
-
"sr-SP": $
|
|
186
|
-
"sv-SE": $
|
|
187
|
-
"tr-TR": $
|
|
188
|
-
"uk-UA": $
|
|
189
|
-
"zh-CN": $
|
|
190
|
-
"zh-TW": $
|
|
156
|
+
$0fbdc3429b133a50$exports = {
|
|
157
|
+
"ar-AE": $39324ace0d945f59$exports,
|
|
158
|
+
"bg-BG": $1830a539e98c7baf$exports,
|
|
159
|
+
"cs-CZ": $f4b92528965aab97$exports,
|
|
160
|
+
"da-DK": $1cd578ef0547c8f1$exports,
|
|
161
|
+
"de-DE": $db55a8973925d619$exports,
|
|
162
|
+
"el-GR": $ec6937d58566d443$exports,
|
|
163
|
+
"en-US": $1f5cea0742dc284a$exports,
|
|
164
|
+
"es-ES": $2ca7ea366384817b$exports,
|
|
165
|
+
"et-EE": $97874a7fe9cd091f$exports,
|
|
166
|
+
"fi-FI": $5d376b7fce1a45b2$exports,
|
|
167
|
+
"fr-FR": $3bf722b362aaf54d$exports,
|
|
168
|
+
"he-IL": $38c43f8322316031$exports,
|
|
169
|
+
"hr-HR": $c90e0f32b44630bf$exports,
|
|
170
|
+
"hu-HU": $715875e6e7a338f4$exports,
|
|
171
|
+
"it-IT": $37d77c66e34daccf$exports,
|
|
172
|
+
"ja-JP": $542f39aee29303c3$exports,
|
|
173
|
+
"ko-KR": $22a5f0623ea73e4f$exports,
|
|
174
|
+
"lt-LT": $522380d13d62cba0$exports,
|
|
175
|
+
"lv-LV": $8a7bc830b2fe6485$exports,
|
|
176
|
+
"nb-NO": $9fac9c044470683b$exports,
|
|
177
|
+
"nl-NL": $b127d3569efb1449$exports,
|
|
178
|
+
"pl-PL": $51404a4090633490$exports,
|
|
179
|
+
"pt-BR": $e5e6a3fe3b4527df$exports,
|
|
180
|
+
"pt-PT": $c519dcadcbb1ee47$exports,
|
|
181
|
+
"ro-RO": $e5aa0186ca7889c6$exports,
|
|
182
|
+
"ru-RU": $5b907f5fa3eee652$exports,
|
|
183
|
+
"sk-SK": $1b4c51359c99cf79$exports,
|
|
184
|
+
"sl-SI": $02e4e6a4608cc6f3$exports,
|
|
185
|
+
"sr-SP": $6dd2fbaad93b6878$exports,
|
|
186
|
+
"sv-SE": $33ea59bfe6e804e0$exports,
|
|
187
|
+
"tr-TR": $4603b0d0246969b2$exports,
|
|
188
|
+
"uk-UA": $82649816f530bb1b$exports,
|
|
189
|
+
"zh-CN": $628e140a43dfb330$exports,
|
|
190
|
+
"zh-TW": $745937250cd4679c$exports
|
|
191
191
|
};
|
|
192
192
|
|
|
193
193
|
|
|
194
194
|
|
|
195
195
|
|
|
196
|
-
const $
|
|
197
|
-
function $
|
|
198
|
-
let formatMessage = $
|
|
196
|
+
const $a074e1e2d0f0a665$export$3ddff89c59628ee7 = new WeakMap();
|
|
197
|
+
function $a074e1e2d0f0a665$export$b6df97c887c38e1a(state) {
|
|
198
|
+
let formatMessage = $amWdn$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($0fbdc3429b133a50$exports)));
|
|
199
199
|
let start, end;
|
|
200
200
|
if ('highlightedRange' in state) ({ start: start , end: end } = state.highlightedRange || {
|
|
201
201
|
});
|
|
202
202
|
else start = end = state.value;
|
|
203
203
|
let anchorDate = 'anchorDate' in state ? state.anchorDate : null;
|
|
204
|
-
return $
|
|
204
|
+
return $amWdn$useMemo(()=>{
|
|
205
205
|
// No message if currently selecting a range, or there is nothing highlighted.
|
|
206
206
|
if (!anchorDate && start && end) {
|
|
207
207
|
// Use a single date message if the start and end dates are the same day,
|
|
208
208
|
// otherwise include both dates.
|
|
209
|
-
if ($
|
|
210
|
-
date:
|
|
209
|
+
if ($amWdn$isSameDay(start, end)) return formatMessage('selectedDateDescription', {
|
|
210
|
+
date: start.toDate(state.timeZone)
|
|
211
211
|
});
|
|
212
212
|
else return formatMessage('selectedRangeDescription', {
|
|
213
|
-
start:
|
|
214
|
-
end:
|
|
213
|
+
start: start.toDate(state.timeZone),
|
|
214
|
+
end: end.toDate(state.timeZone)
|
|
215
215
|
});
|
|
216
216
|
}
|
|
217
217
|
return '';
|
|
@@ -223,23 +223,25 @@ function $43352808d51c7b06$export$b6df97c887c38e1a(state) {
|
|
|
223
223
|
formatMessage
|
|
224
224
|
]);
|
|
225
225
|
}
|
|
226
|
-
function $
|
|
227
|
-
let monthFormatter = $
|
|
226
|
+
function $a074e1e2d0f0a665$export$31afe65d91ef6e8(startDate, endDate, timeZone) {
|
|
227
|
+
let monthFormatter = $amWdn$useDateFormatter({
|
|
228
228
|
month: 'long',
|
|
229
229
|
year: 'numeric',
|
|
230
230
|
era: startDate.calendar.identifier !== 'gregory' ? 'long' : undefined,
|
|
231
|
-
calendar: startDate.calendar.identifier
|
|
231
|
+
calendar: startDate.calendar.identifier,
|
|
232
|
+
timeZone: timeZone
|
|
232
233
|
});
|
|
233
|
-
let dateFormatter = $
|
|
234
|
+
let dateFormatter = $amWdn$useDateFormatter({
|
|
234
235
|
dateStyle: 'long',
|
|
235
|
-
calendar: startDate.calendar.identifier
|
|
236
|
+
calendar: startDate.calendar.identifier,
|
|
237
|
+
timeZone: timeZone
|
|
236
238
|
});
|
|
237
|
-
return $
|
|
239
|
+
return $amWdn$useMemo(()=>{
|
|
238
240
|
// Special case for month granularity. Format as a single month if only a
|
|
239
241
|
// single month is visible, otherwise format as a range of months.
|
|
240
|
-
if ($
|
|
241
|
-
if ($
|
|
242
|
-
else if ($
|
|
242
|
+
if ($amWdn$isSameDay(startDate, $amWdn$startOfMonth(startDate))) {
|
|
243
|
+
if ($amWdn$isSameDay(endDate, $amWdn$endOfMonth(startDate))) return monthFormatter.format(startDate.toDate(timeZone));
|
|
244
|
+
else if ($amWdn$isSameDay(endDate, $amWdn$endOfMonth(endDate))) return monthFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));
|
|
243
245
|
}
|
|
244
246
|
return dateFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));
|
|
245
247
|
}, [
|
|
@@ -255,30 +257,44 @@ function $43352808d51c7b06$export$31afe65d91ef6e8(startDate, endDate, timeZone)
|
|
|
255
257
|
|
|
256
258
|
|
|
257
259
|
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
let
|
|
261
|
-
let
|
|
260
|
+
|
|
261
|
+
function $c4acc1de3ab169cf$export$d652b3ea2d672d5b(props, state) {
|
|
262
|
+
let formatMessage = $amWdn$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($0fbdc3429b133a50$exports)));
|
|
263
|
+
let calendarId = $amWdn$useId(props.id);
|
|
264
|
+
let visibleRangeDescription = $a074e1e2d0f0a665$export$31afe65d91ef6e8(state.visibleRange.start, state.visibleRange.end, state.timeZone);
|
|
262
265
|
// Announce when the visible date range changes
|
|
263
|
-
$
|
|
266
|
+
$amWdn$useUpdateEffect(()=>{
|
|
264
267
|
// only when pressing the Previous or Next button
|
|
265
|
-
if (!state.isFocused) $
|
|
268
|
+
if (!state.isFocused) $amWdn$announce(visibleRangeDescription);
|
|
266
269
|
}, [
|
|
267
270
|
visibleRangeDescription
|
|
268
271
|
]);
|
|
269
272
|
// Announce when the selected value changes
|
|
270
|
-
let selectedDateDescription = $
|
|
271
|
-
$
|
|
272
|
-
if (selectedDateDescription) $
|
|
273
|
+
let selectedDateDescription = $a074e1e2d0f0a665$export$b6df97c887c38e1a(state);
|
|
274
|
+
$amWdn$useUpdateEffect(()=>{
|
|
275
|
+
if (selectedDateDescription) $amWdn$announce(selectedDateDescription, 'polite', 4000);
|
|
273
276
|
// handle an update to the caption that describes the currently selected range, to announce the new value
|
|
274
277
|
}, [
|
|
275
278
|
selectedDateDescription
|
|
276
279
|
]);
|
|
277
|
-
let descriptionProps = $
|
|
280
|
+
let descriptionProps = $amWdn$useDescription(visibleRangeDescription);
|
|
278
281
|
// Label the child grid elements by the group element if it is labelled.
|
|
279
|
-
$
|
|
282
|
+
$a074e1e2d0f0a665$export$3ddff89c59628ee7.set(state, props['aria-label'] || props['aria-labelledby'] ? calendarId : null);
|
|
283
|
+
// If the next or previous buttons become disabled while they are focused, move focus to the calendar body.
|
|
284
|
+
let nextFocused = $amWdn$useRef(false);
|
|
285
|
+
let nextDisabled = props.isDisabled || state.isNextVisibleRangeInvalid();
|
|
286
|
+
if (nextDisabled && nextFocused.current) {
|
|
287
|
+
nextFocused.current = false;
|
|
288
|
+
state.setFocused(true);
|
|
289
|
+
}
|
|
290
|
+
let previousFocused = $amWdn$useRef(false);
|
|
291
|
+
let previousDisabled = props.isDisabled || state.isPreviousVisibleRangeInvalid();
|
|
292
|
+
if (previousDisabled && previousFocused.current) {
|
|
293
|
+
previousFocused.current = false;
|
|
294
|
+
state.setFocused(true);
|
|
295
|
+
}
|
|
280
296
|
return {
|
|
281
|
-
calendarProps: $
|
|
297
|
+
calendarProps: $amWdn$mergeProps(descriptionProps, {
|
|
282
298
|
role: 'group',
|
|
283
299
|
id: calendarId,
|
|
284
300
|
'aria-label': props['aria-label'],
|
|
@@ -288,41 +304,48 @@ function $bbebf43133866501$export$d652b3ea2d672d5b(props, state) {
|
|
|
288
304
|
onPress: ()=>state.focusNextPage()
|
|
289
305
|
,
|
|
290
306
|
'aria-label': formatMessage('next'),
|
|
291
|
-
isDisabled:
|
|
307
|
+
isDisabled: nextDisabled,
|
|
308
|
+
onFocus: ()=>nextFocused.current = true
|
|
309
|
+
,
|
|
310
|
+
onBlur: ()=>nextFocused.current = false
|
|
292
311
|
},
|
|
293
312
|
prevButtonProps: {
|
|
294
313
|
onPress: ()=>state.focusPreviousPage()
|
|
295
314
|
,
|
|
296
315
|
'aria-label': formatMessage('previous'),
|
|
297
|
-
isDisabled:
|
|
298
|
-
|
|
316
|
+
isDisabled: previousDisabled,
|
|
317
|
+
onFocus: ()=>previousFocused.current = true
|
|
318
|
+
,
|
|
319
|
+
onBlur: ()=>previousFocused.current = false
|
|
320
|
+
},
|
|
321
|
+
title: visibleRangeDescription
|
|
299
322
|
};
|
|
300
323
|
}
|
|
301
324
|
|
|
302
325
|
|
|
303
|
-
function $
|
|
304
|
-
return $
|
|
326
|
+
function $9942cad8a072a530$export$3ee915f8151bd4f1(props, state) {
|
|
327
|
+
return $c4acc1de3ab169cf$export$d652b3ea2d672d5b(props, state);
|
|
305
328
|
}
|
|
306
329
|
|
|
307
330
|
|
|
308
|
-
var $
|
|
331
|
+
var $46a4342aab3d8076$exports = {};
|
|
309
332
|
|
|
310
|
-
$parcel$export($
|
|
333
|
+
$parcel$export($46a4342aab3d8076$exports, "useRangeCalendar", () => $46a4342aab3d8076$export$87e0539f600c24e5);
|
|
311
334
|
|
|
312
335
|
|
|
313
336
|
|
|
314
|
-
function $
|
|
315
|
-
let res = $
|
|
316
|
-
res.nextButtonProps.id = $
|
|
317
|
-
res.prevButtonProps.id = $
|
|
337
|
+
function $46a4342aab3d8076$export$87e0539f600c24e5(props, state, ref2) {
|
|
338
|
+
let res = $c4acc1de3ab169cf$export$d652b3ea2d672d5b(props, state);
|
|
339
|
+
res.nextButtonProps.id = $amWdn$useId();
|
|
340
|
+
res.prevButtonProps.id = $amWdn$useId();
|
|
318
341
|
// We need to ignore virtual pointer events from VoiceOver due to these bugs.
|
|
319
342
|
// https://bugs.webkit.org/show_bug.cgi?id=222627
|
|
320
343
|
// https://bugs.webkit.org/show_bug.cgi?id=223202
|
|
321
344
|
// usePress also does this and waits for the following click event before firing.
|
|
322
345
|
// We need to match that here otherwise this will fire before the press event in
|
|
323
346
|
// useCalendarCell, causing range selection to not work properly.
|
|
324
|
-
let isVirtualClick = $
|
|
325
|
-
$
|
|
347
|
+
let isVirtualClick = $amWdn$useRef(false);
|
|
348
|
+
$amWdn$useEvent($amWdn$useRef(window), 'pointerdown', (e)=>{
|
|
326
349
|
isVirtualClick.current = e.width === 0 && e.height === 0;
|
|
327
350
|
});
|
|
328
351
|
// Stop range selection when pressing or releasing a pointer outside the calendar body,
|
|
@@ -337,12 +360,12 @@ function $3d2e161ad2c0d8dc$export$87e0539f600c24e5(props, state, ref2) {
|
|
|
337
360
|
if (!state.anchorDate) return;
|
|
338
361
|
let target = e.target;
|
|
339
362
|
let body = document.getElementById(res.calendarProps.id);
|
|
340
|
-
if ((!body.contains(target) || target.
|
|
363
|
+
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();
|
|
341
364
|
};
|
|
342
|
-
$
|
|
343
|
-
$
|
|
365
|
+
$amWdn$useEvent($amWdn$useRef(window), 'pointerup', endDragging);
|
|
366
|
+
$amWdn$useEvent($amWdn$useRef(window), 'pointercancel', endDragging);
|
|
344
367
|
// Prevent touch scrolling while dragging
|
|
345
|
-
$
|
|
368
|
+
$amWdn$useEvent(ref2, 'touchmove', (e)=>{
|
|
346
369
|
if (state.isDragging) e.preventDefault();
|
|
347
370
|
}, {
|
|
348
371
|
passive: false,
|
|
@@ -352,15 +375,16 @@ function $3d2e161ad2c0d8dc$export$87e0539f600c24e5(props, state, ref2) {
|
|
|
352
375
|
}
|
|
353
376
|
|
|
354
377
|
|
|
355
|
-
var $
|
|
378
|
+
var $e3031d1f8c9d64eb$exports = {};
|
|
356
379
|
|
|
357
|
-
$parcel$export($
|
|
380
|
+
$parcel$export($e3031d1f8c9d64eb$exports, "useCalendarGrid", () => $e3031d1f8c9d64eb$export$cb95147730a423f5);
|
|
358
381
|
|
|
359
382
|
|
|
360
383
|
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
let {
|
|
384
|
+
|
|
385
|
+
function $e3031d1f8c9d64eb$export$cb95147730a423f5(props, state) {
|
|
386
|
+
let { startDate: startDate = state.visibleRange.start , endDate: endDate = state.visibleRange.end } = props;
|
|
387
|
+
let { direction: direction } = $amWdn$useLocale();
|
|
364
388
|
let onKeyDown = (e)=>{
|
|
365
389
|
switch(e.key){
|
|
366
390
|
case 'Enter':
|
|
@@ -413,31 +437,56 @@ function $34ee9943aed5ea61$export$cb95147730a423f5(props, state) {
|
|
|
413
437
|
break;
|
|
414
438
|
}
|
|
415
439
|
};
|
|
416
|
-
let selectedDateDescription = $
|
|
417
|
-
let descriptionProps = $
|
|
418
|
-
let visibleRangeDescription = $
|
|
419
|
-
let labelProps = $
|
|
440
|
+
let selectedDateDescription = $a074e1e2d0f0a665$export$b6df97c887c38e1a(state);
|
|
441
|
+
let descriptionProps = $amWdn$useDescription(selectedDateDescription);
|
|
442
|
+
let visibleRangeDescription = $a074e1e2d0f0a665$export$31afe65d91ef6e8(startDate, endDate, state.timeZone);
|
|
443
|
+
let labelProps = $amWdn$useLabels({
|
|
420
444
|
'aria-label': visibleRangeDescription,
|
|
421
|
-
'aria-labelledby': $
|
|
445
|
+
'aria-labelledby': $a074e1e2d0f0a665$export$3ddff89c59628ee7.get(state)
|
|
446
|
+
});
|
|
447
|
+
let dayFormatter = $amWdn$useDateFormatter({
|
|
448
|
+
weekday: 'narrow',
|
|
449
|
+
timeZone: state.timeZone
|
|
450
|
+
});
|
|
451
|
+
let dayFormatterLong = $amWdn$useDateFormatter({
|
|
452
|
+
weekday: 'long',
|
|
453
|
+
timeZone: state.timeZone
|
|
454
|
+
});
|
|
455
|
+
let { locale: locale } = $amWdn$useLocale();
|
|
456
|
+
let weekStart = $amWdn$startOfWeek(state.visibleRange.start, locale);
|
|
457
|
+
let weekDays = [
|
|
458
|
+
...new Array(7).keys()
|
|
459
|
+
].map((index)=>{
|
|
460
|
+
let date = weekStart.add({
|
|
461
|
+
days: index
|
|
462
|
+
});
|
|
463
|
+
let dateDay = date.toDate(state.timeZone);
|
|
464
|
+
let narrow = dayFormatter.format(dateDay);
|
|
465
|
+
let long = dayFormatterLong.format(dateDay);
|
|
466
|
+
return {
|
|
467
|
+
narrow: narrow,
|
|
468
|
+
long: long
|
|
469
|
+
};
|
|
422
470
|
});
|
|
423
471
|
return {
|
|
424
|
-
gridProps: $
|
|
472
|
+
gridProps: $amWdn$mergeProps(descriptionProps, labelProps, {
|
|
425
473
|
role: 'grid',
|
|
426
|
-
'aria-readonly': isReadOnly || null,
|
|
427
|
-
'aria-disabled': isDisabled || null,
|
|
474
|
+
'aria-readonly': state.isReadOnly || null,
|
|
475
|
+
'aria-disabled': state.isDisabled || null,
|
|
428
476
|
'aria-multiselectable': 'highlightedRange' in state || undefined,
|
|
429
477
|
onKeyDown: onKeyDown,
|
|
430
478
|
onFocus: ()=>state.setFocused(true)
|
|
431
479
|
,
|
|
432
480
|
onBlur: ()=>state.setFocused(false)
|
|
433
|
-
})
|
|
481
|
+
}),
|
|
482
|
+
weekDays: weekDays
|
|
434
483
|
};
|
|
435
484
|
}
|
|
436
485
|
|
|
437
486
|
|
|
438
|
-
var $
|
|
487
|
+
var $36a0ac60f04457c5$exports = {};
|
|
439
488
|
|
|
440
|
-
$parcel$export($
|
|
489
|
+
$parcel$export($36a0ac60f04457c5$exports, "useCalendarCell", () => $36a0ac60f04457c5$export$136073280381448e);
|
|
441
490
|
|
|
442
491
|
|
|
443
492
|
|
|
@@ -445,10 +494,10 @@ $parcel$export($008cc8e6c0ea8596$exports, "useCalendarCell", () => $008cc8e6c0ea
|
|
|
445
494
|
|
|
446
495
|
|
|
447
496
|
|
|
448
|
-
function $
|
|
497
|
+
function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
|
|
449
498
|
let { date: date , isDisabled: isDisabled } = props;
|
|
450
|
-
let formatMessage = $
|
|
451
|
-
let dateFormatter = $
|
|
499
|
+
let formatMessage = $amWdn$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($0fbdc3429b133a50$exports)));
|
|
500
|
+
let dateFormatter = $amWdn$useDateFormatter({
|
|
452
501
|
weekday: 'long',
|
|
453
502
|
day: 'numeric',
|
|
454
503
|
month: 'long',
|
|
@@ -459,19 +508,21 @@ function $008cc8e6c0ea8596$export$136073280381448e(props, state, ref) {
|
|
|
459
508
|
let isSelected = state.isSelected(date);
|
|
460
509
|
let isFocused = state.isCellFocused(date);
|
|
461
510
|
isDisabled = isDisabled || state.isCellDisabled(date);
|
|
511
|
+
let isUnavailable = state.isCellUnavailable(date);
|
|
512
|
+
let isSelectable = !isDisabled && !isUnavailable;
|
|
462
513
|
// For performance, reuse the same date object as before if the new date prop is the same.
|
|
463
514
|
// This allows subsequent useMemo results to be reused.
|
|
464
|
-
let lastDate = $
|
|
465
|
-
if (lastDate.current && $
|
|
515
|
+
let lastDate = $amWdn$useRef(null);
|
|
516
|
+
if (lastDate.current && $amWdn$isEqualDay(date, lastDate.current)) date = lastDate.current;
|
|
466
517
|
lastDate.current = date;
|
|
467
|
-
let nativeDate = $
|
|
518
|
+
let nativeDate = $amWdn$useMemo(()=>date.toDate(state.timeZone)
|
|
468
519
|
, [
|
|
469
520
|
date,
|
|
470
521
|
state.timeZone
|
|
471
522
|
]);
|
|
472
523
|
// aria-label should be localize Day of week, Month, Day and Year without Time.
|
|
473
|
-
let isDateToday = $
|
|
474
|
-
let label = $
|
|
524
|
+
let isDateToday = $amWdn$isToday(date, state.timeZone);
|
|
525
|
+
let label = $amWdn$useMemo(()=>{
|
|
475
526
|
if (isDateToday) // If date is today, set appropriate string depending on selected state:
|
|
476
527
|
return formatMessage(isSelected ? 'todayDateSelected' : 'todayDate', {
|
|
477
528
|
date: nativeDate
|
|
@@ -490,7 +541,7 @@ function $008cc8e6c0ea8596$export$136073280381448e(props, state, ref) {
|
|
|
490
541
|
]);
|
|
491
542
|
// When a cell is focused and this is a range calendar, add a prompt to help
|
|
492
543
|
// screenreader users know that they are in a range selection mode.
|
|
493
|
-
if ('anchorDate' in state && isFocused && !state.isReadOnly) {
|
|
544
|
+
if ('anchorDate' in state && isFocused && !state.isReadOnly && isSelectable) {
|
|
494
545
|
let rangeSelectionPrompt = '';
|
|
495
546
|
// If selection has started add "click to finish selecting range"
|
|
496
547
|
if (state.anchorDate) rangeSelectionPrompt = formatMessage('finishRangeSelectionPrompt');
|
|
@@ -498,27 +549,31 @@ function $008cc8e6c0ea8596$export$136073280381448e(props, state, ref) {
|
|
|
498
549
|
// Append to aria-label
|
|
499
550
|
if (rangeSelectionPrompt) label = `${label} (${rangeSelectionPrompt})`;
|
|
500
551
|
}
|
|
501
|
-
let isAnchorPressed = $
|
|
502
|
-
let isRangeBoundaryPressed = $
|
|
503
|
-
let touchDragTimerRef = $
|
|
504
|
-
let { pressProps: pressProps , isPressed: isPressed } = $
|
|
552
|
+
let isAnchorPressed = $amWdn$useRef(false);
|
|
553
|
+
let isRangeBoundaryPressed = $amWdn$useRef(false);
|
|
554
|
+
let touchDragTimerRef = $amWdn$useRef(null);
|
|
555
|
+
let { pressProps: pressProps , isPressed: isPressed } = $amWdn$usePress({
|
|
505
556
|
// When dragging to select a range, we don't want dragging over the original anchor
|
|
506
557
|
// again to trigger onPressStart. Cancel presses immediately when the pointer exits.
|
|
507
558
|
shouldCancelOnPointerExit: 'anchorDate' in state && !!state.anchorDate,
|
|
508
559
|
preventFocusOnPress: true,
|
|
509
|
-
isDisabled:
|
|
560
|
+
isDisabled: !isSelectable,
|
|
510
561
|
onPressStart (e) {
|
|
562
|
+
if (state.isReadOnly) {
|
|
563
|
+
state.setFocusedDate(date);
|
|
564
|
+
return;
|
|
565
|
+
}
|
|
511
566
|
if ('highlightedRange' in state && !state.anchorDate && (e.pointerType === 'mouse' || e.pointerType === 'touch')) {
|
|
512
567
|
// Allow dragging the start or end date of a range to modify it
|
|
513
568
|
// rather than starting a new selection.
|
|
514
569
|
if (state.highlightedRange) {
|
|
515
|
-
if ($
|
|
570
|
+
if ($amWdn$isSameDay(date, state.highlightedRange.start)) {
|
|
516
571
|
state.setAnchorDate(state.highlightedRange.end);
|
|
517
572
|
state.setFocusedDate(date);
|
|
518
573
|
state.setDragging(true);
|
|
519
574
|
isRangeBoundaryPressed.current = true;
|
|
520
575
|
return;
|
|
521
|
-
} else if ($
|
|
576
|
+
} else if ($amWdn$isSameDay(date, state.highlightedRange.end)) {
|
|
522
577
|
state.setAnchorDate(state.highlightedRange.start);
|
|
523
578
|
state.setFocusedDate(date);
|
|
524
579
|
state.setDragging(true);
|
|
@@ -547,12 +602,13 @@ function $008cc8e6c0ea8596$export$136073280381448e(props, state, ref) {
|
|
|
547
602
|
},
|
|
548
603
|
onPress () {
|
|
549
604
|
// For non-range selection, always select on press up.
|
|
550
|
-
if (!('anchorDate' in state)) {
|
|
605
|
+
if (!('anchorDate' in state) && !state.isReadOnly) {
|
|
551
606
|
state.selectDate(date);
|
|
552
607
|
state.setFocusedDate(date);
|
|
553
608
|
}
|
|
554
609
|
},
|
|
555
610
|
onPressUp (e) {
|
|
611
|
+
if (state.isReadOnly) return;
|
|
556
612
|
// If the user tapped quickly, the date won't be selected yet and the
|
|
557
613
|
// timer will still be in progress. In this case, select the date on touch up.
|
|
558
614
|
// Timer is cleared in onPressEnd.
|
|
@@ -578,7 +634,10 @@ function $008cc8e6c0ea8596$export$136073280381448e(props, state, ref) {
|
|
|
578
634
|
let nextDay = date.add({
|
|
579
635
|
days: 1
|
|
580
636
|
});
|
|
581
|
-
if (
|
|
637
|
+
if (state.isInvalid(nextDay)) nextDay = date.subtract({
|
|
638
|
+
days: 1
|
|
639
|
+
});
|
|
640
|
+
if (!state.isInvalid(nextDay)) state.setFocusedDate(nextDay);
|
|
582
641
|
} else if (e.pointerType === 'virtual') {
|
|
583
642
|
// For screen readers, just select the date on click.
|
|
584
643
|
state.selectDate(date);
|
|
@@ -588,31 +647,41 @@ function $008cc8e6c0ea8596$export$136073280381448e(props, state, ref) {
|
|
|
588
647
|
}
|
|
589
648
|
});
|
|
590
649
|
let tabIndex = null;
|
|
591
|
-
if (!isDisabled) tabIndex = $
|
|
650
|
+
if (!isDisabled) tabIndex = $amWdn$isSameDay(date, state.focusedDate) ? 0 : -1;
|
|
592
651
|
// Focus the button in the DOM when the state updates.
|
|
593
|
-
$
|
|
594
|
-
if (isFocused && ref.current) $
|
|
652
|
+
$amWdn$useEffect(()=>{
|
|
653
|
+
if (isFocused && ref.current) $amWdn$focusWithoutScrolling(ref.current);
|
|
595
654
|
}, [
|
|
596
655
|
isFocused,
|
|
597
656
|
ref
|
|
598
657
|
]);
|
|
658
|
+
let cellDateFormatter = $amWdn$useDateFormatter({
|
|
659
|
+
day: 'numeric',
|
|
660
|
+
timeZone: state.timeZone,
|
|
661
|
+
calendar: date.calendar.identifier
|
|
662
|
+
});
|
|
663
|
+
let formattedDate = $amWdn$useMemo(()=>cellDateFormatter.format(nativeDate)
|
|
664
|
+
, [
|
|
665
|
+
cellDateFormatter,
|
|
666
|
+
nativeDate
|
|
667
|
+
]);
|
|
599
668
|
return {
|
|
600
669
|
cellProps: {
|
|
601
670
|
role: 'gridcell',
|
|
602
|
-
'aria-disabled':
|
|
603
|
-
'aria-selected': isSelected
|
|
671
|
+
'aria-disabled': !isSelectable || null,
|
|
672
|
+
'aria-selected': isSelectable ? isSelected : null
|
|
604
673
|
},
|
|
605
|
-
buttonProps: $
|
|
674
|
+
buttonProps: $amWdn$mergeProps(pressProps, {
|
|
606
675
|
onFocus () {
|
|
607
676
|
if (!isDisabled) state.setFocusedDate(date);
|
|
608
677
|
},
|
|
609
678
|
tabIndex: tabIndex,
|
|
610
679
|
role: 'button',
|
|
611
|
-
'aria-disabled':
|
|
680
|
+
'aria-disabled': !isSelectable || null,
|
|
612
681
|
'aria-label': label,
|
|
613
682
|
onPointerEnter (e) {
|
|
614
683
|
// Highlight the date on hover or drag over a date when selecting a range.
|
|
615
|
-
if ('highlightDate' in state && (e.pointerType !== 'touch' || state.isDragging)) state.highlightDate(date);
|
|
684
|
+
if ('highlightDate' in state && (e.pointerType !== 'touch' || state.isDragging) && isSelectable) state.highlightDate(date);
|
|
616
685
|
},
|
|
617
686
|
onPointerDown (e) {
|
|
618
687
|
// This is necessary on touch devices to allow dragging
|
|
@@ -625,27 +694,21 @@ function $008cc8e6c0ea8596$export$136073280381448e(props, state, ref) {
|
|
|
625
694
|
e.preventDefault();
|
|
626
695
|
}
|
|
627
696
|
}),
|
|
628
|
-
isPressed: isPressed
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
$parcel$export($809a02f731996dd4$exports, "useCalendarTableHeader", () => $809a02f731996dd4$export$2d550ec8e081e40b);
|
|
636
|
-
function $809a02f731996dd4$export$2d550ec8e081e40b() {
|
|
637
|
-
return {
|
|
638
|
-
columnHeaderProps: {
|
|
639
|
-
scope: 'col'
|
|
640
|
-
}
|
|
697
|
+
isPressed: isPressed,
|
|
698
|
+
isFocused: isFocused,
|
|
699
|
+
isSelected: isSelected,
|
|
700
|
+
isDisabled: isDisabled,
|
|
701
|
+
isUnavailable: isUnavailable,
|
|
702
|
+
isOutsideVisibleRange: date.compare(state.visibleRange.start) < 0 || date.compare(state.visibleRange.end) > 0,
|
|
703
|
+
formattedDate: formattedDate
|
|
641
704
|
};
|
|
642
705
|
}
|
|
643
706
|
|
|
644
707
|
|
|
645
|
-
var $
|
|
708
|
+
var $34109fd41c960533$exports = {};
|
|
646
709
|
|
|
647
710
|
|
|
648
711
|
|
|
649
712
|
|
|
650
|
-
export {$
|
|
713
|
+
export {$9942cad8a072a530$export$3ee915f8151bd4f1 as useCalendar, $46a4342aab3d8076$export$87e0539f600c24e5 as useRangeCalendar, $e3031d1f8c9d64eb$export$cb95147730a423f5 as useCalendarGrid, $36a0ac60f04457c5$export$136073280381448e as useCalendarCell};
|
|
651
714
|
//# sourceMappingURL=module.js.map
|