@react-aria/calendar 3.0.0-nightly.3173 → 3.0.0-rc.0
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 +206 -148
- package/dist/main.js.map +1 -1
- package/dist/module.js +203 -132
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +16 -15
- package/dist/types.d.ts.map +1 -1
- package/package.json +11 -12
- package/src/index.ts +9 -5
- package/src/useCalendar.ts +1 -2
- package/src/useCalendarBase.ts +40 -14
- package/src/useCalendarCell.ts +63 -19
- package/src/useCalendarGrid.ts +37 -37
- package/src/useRangeCalendar.ts +16 -11
- package/src/utils.ts +63 -12
- package/src/types.ts +0 -40
package/dist/module.js
CHANGED
|
@@ -1,156 +1,152 @@
|
|
|
1
1
|
import {announce as $amWdn$announce} from "@react-aria/live-announcer";
|
|
2
|
-
import {
|
|
3
|
-
import {useMessageFormatter as $amWdn$useMessageFormatter, useDateFormatter as $amWdn$useDateFormatter, useLocale as $amWdn$useLocale} from "@react-aria/i18n";
|
|
2
|
+
import {filterDOMProps as $amWdn$filterDOMProps, useUpdateEffect as $amWdn$useUpdateEffect, useSlotId as $amWdn$useSlotId, useLabels as $amWdn$useLabels, mergeProps as $amWdn$mergeProps, useEvent as $amWdn$useEvent, useDescription as $amWdn$useDescription, focusWithoutScrolling as $amWdn$focusWithoutScrolling} from "@react-aria/utils";
|
|
4
3
|
import {useRef as $amWdn$useRef, useMemo as $amWdn$useMemo, useEffect as $amWdn$useEffect} from "react";
|
|
4
|
+
import {useMessageFormatter as $amWdn$useMessageFormatter, useDateFormatter as $amWdn$useDateFormatter, useLocale as $amWdn$useLocale} from "@react-aria/i18n";
|
|
5
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";
|
|
6
|
+
import {usePress as $amWdn$usePress, getInteractionModality as $amWdn$getInteractionModality} from "@react-aria/interactions";
|
|
7
7
|
|
|
8
|
-
function $parcel$export(e, n, v, s) {
|
|
9
|
-
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
10
|
-
}
|
|
11
8
|
function $parcel$interopDefault(a) {
|
|
12
9
|
return a && a.__esModule ? a.default : a;
|
|
13
10
|
}
|
|
14
|
-
var $9942cad8a072a530$exports = {};
|
|
15
11
|
|
|
16
|
-
|
|
12
|
+
|
|
17
13
|
|
|
18
14
|
|
|
19
15
|
var $0fbdc3429b133a50$exports = {};
|
|
20
16
|
var $39324ace0d945f59$exports = {};
|
|
21
|
-
$39324ace0d945f59$exports = JSON.parse("{\"
|
|
17
|
+
$39324ace0d945f59$exports = JSON.parse("{\"dateRange\":\"{startDate} إلى {endDate}\",\"dateSelected\":\"{date} المحدد\",\"finishRangeSelectionPrompt\":\"انقر لإنهاء عملية تحديد نطاق التاريخ\",\"maximumDate\":\"آخر تاريخ متاح\",\"minimumDate\":\"أول تاريخ متاح\",\"next\":\"التالي\",\"previous\":\"السابق\",\"selectedDateDescription\":\"تاريخ محدد: {date}\",\"selectedRangeDescription\":\"المدى الزمني المحدد: {dateRange}\",\"startRangeSelectionPrompt\":\"انقر لبدء عملية تحديد نطاق التاريخ\",\"todayDate\":\"اليوم، {date}\",\"todayDateSelected\":\"اليوم، {date} محدد\"}");
|
|
22
18
|
|
|
23
19
|
|
|
24
20
|
var $1830a539e98c7baf$exports = {};
|
|
25
|
-
$1830a539e98c7baf$exports = JSON.parse("{\"dateSelected\":\"
|
|
21
|
+
$1830a539e98c7baf$exports = JSON.parse("{\"dateRange\":\"{startDate} до {endDate}\",\"dateSelected\":\"Избрано е {date}\",\"finishRangeSelectionPrompt\":\"Натиснете, за да довършите избора на времеви интервал\",\"maximumDate\":\"Последна налична дата\",\"minimumDate\":\"Първа налична дата\",\"next\":\"Напред\",\"previous\":\"Назад\",\"selectedDateDescription\":\"Избрана дата: {date}\",\"selectedRangeDescription\":\"Избран диапазон: {dateRange}\",\"startRangeSelectionPrompt\":\"Натиснете, за да пристъпите към избора на времеви интервал\",\"todayDate\":\"Днес, {date}\",\"todayDateSelected\":\"Днес, {date} са избрани\"}");
|
|
26
22
|
|
|
27
23
|
|
|
28
24
|
var $f4b92528965aab97$exports = {};
|
|
29
|
-
$f4b92528965aab97$exports = JSON.parse("{\"dateSelected\":\"Vybráno
|
|
25
|
+
$f4b92528965aab97$exports = JSON.parse("{\"dateRange\":\"{startDate} až {endDate}\",\"dateSelected\":\"Vybráno {date}\",\"finishRangeSelectionPrompt\":\"Kliknutím dokončíte výběr rozsahu dat\",\"maximumDate\":\"Poslední dostupné datum\",\"minimumDate\":\"První dostupné datum\",\"next\":\"Další\",\"previous\":\"Předchozí\",\"selectedDateDescription\":\"Vybrané datum: {date}\",\"selectedRangeDescription\":\"Vybrané období: {dateRange}\",\"startRangeSelectionPrompt\":\"Kliknutím zahájíte výběr rozsahu dat\",\"todayDate\":\"Dnes, {date}\",\"todayDateSelected\":\"Dnes, vybráno {date}\"}");
|
|
30
26
|
|
|
31
27
|
|
|
32
28
|
var $1cd578ef0547c8f1$exports = {};
|
|
33
|
-
$1cd578ef0547c8f1$exports = JSON.parse("{\"
|
|
29
|
+
$1cd578ef0547c8f1$exports = JSON.parse("{\"dateRange\":\"{startDate} til {endDate}\",\"dateSelected\":\"{date} valgt\",\"finishRangeSelectionPrompt\":\"Klik for at fuldføre valg af datoområde\",\"maximumDate\":\"Sidste ledige dato\",\"minimumDate\":\"Første ledige dato\",\"next\":\"Næste\",\"previous\":\"Forrige\",\"selectedDateDescription\":\"Valgt dato: {date}\",\"selectedRangeDescription\":\"Valgt interval: {dateRange}\",\"startRangeSelectionPrompt\":\"Klik for at starte valg af datoområde\",\"todayDate\":\"I dag, {date}\",\"todayDateSelected\":\"I dag, {date} valgt\"}");
|
|
34
30
|
|
|
35
31
|
|
|
36
32
|
var $db55a8973925d619$exports = {};
|
|
37
|
-
$db55a8973925d619$exports = JSON.parse("{\"
|
|
33
|
+
$db55a8973925d619$exports = JSON.parse("{\"dateRange\":\"{startDate} bis {endDate}\",\"dateSelected\":\"{date} ausgewählt\",\"finishRangeSelectionPrompt\":\"Klicken, um die Auswahl des Datumsbereichs zu beenden\",\"maximumDate\":\"Letztes verfügbares Datum\",\"minimumDate\":\"Erstes verfügbares Datum\",\"next\":\"Weiter\",\"previous\":\"Zurück\",\"selectedDateDescription\":\"Ausgewähltes Datum: {date}\",\"selectedRangeDescription\":\"Ausgewählter Bereich: {dateRange}\",\"startRangeSelectionPrompt\":\"Klicken, um die Auswahl des Datumsbereichs zu beginnen\",\"todayDate\":\"Heute, {date}\",\"todayDateSelected\":\"Heute, {date} ausgewählt\"}");
|
|
38
34
|
|
|
39
35
|
|
|
40
36
|
var $ec6937d58566d443$exports = {};
|
|
41
|
-
$ec6937d58566d443$exports = JSON.parse("{\"dateSelected\":\"
|
|
37
|
+
$ec6937d58566d443$exports = JSON.parse("{\"dateRange\":\"{startDate} έως {endDate}\",\"dateSelected\":\"Επιλέχθηκε {date}\",\"finishRangeSelectionPrompt\":\"Κάντε κλικ για να ολοκληρώσετε την επιλογή εύρους ημερομηνιών\",\"maximumDate\":\"Τελευταία διαθέσιμη ημερομηνία\",\"minimumDate\":\"Πρώτη διαθέσιμη ημερομηνία\",\"next\":\"Επόμενο\",\"previous\":\"Προηγούμενο\",\"selectedDateDescription\":\"Επιλεγμένη ημερομηνία: {date}\",\"selectedRangeDescription\":\"Επιλεγμένο εύρος: {dateRange}\",\"startRangeSelectionPrompt\":\"Κάντε κλικ για να ξεκινήσετε την επιλογή εύρους ημερομηνιών\",\"todayDate\":\"Σήμερα, {date}\",\"todayDateSelected\":\"Σήμερα, επιλέχτηκε {date}\"}");
|
|
42
38
|
|
|
43
39
|
|
|
44
40
|
var $1f5cea0742dc284a$exports = {};
|
|
45
|
-
$1f5cea0742dc284a$exports = JSON.parse("{\"previous\":\"Previous\",\"next\":\"Next\",\"selectedDateDescription\":\"Selected Date: {date
|
|
41
|
+
$1f5cea0742dc284a$exports = JSON.parse("{\"previous\":\"Previous\",\"next\":\"Next\",\"selectedDateDescription\":\"Selected Date: {date}\",\"selectedRangeDescription\":\"Selected Range: {dateRange}\",\"todayDate\":\"Today, {date}\",\"todayDateSelected\":\"Today, {date} selected\",\"dateSelected\":\"{date} selected\",\"startRangeSelectionPrompt\":\"Click to start selecting date range\",\"finishRangeSelectionPrompt\":\"Click to finish selecting date range\",\"minimumDate\":\"First available date\",\"maximumDate\":\"Last available date\",\"dateRange\":\"{startDate} to {endDate}\"}");
|
|
46
42
|
|
|
47
43
|
|
|
48
44
|
var $2ca7ea366384817b$exports = {};
|
|
49
|
-
$2ca7ea366384817b$exports = JSON.parse("{\"
|
|
45
|
+
$2ca7ea366384817b$exports = JSON.parse("{\"dateRange\":\"{startDate} a {endDate}\",\"dateSelected\":\"{date} seleccionado\",\"finishRangeSelectionPrompt\":\"Haga clic para terminar de seleccionar rango de fechas\",\"maximumDate\":\"Última fecha disponible\",\"minimumDate\":\"Primera fecha disponible\",\"next\":\"Siguiente\",\"previous\":\"Anterior\",\"selectedDateDescription\":\"Fecha seleccionada: {date}\",\"selectedRangeDescription\":\"Intervalo seleccionado: {dateRange}\",\"startRangeSelectionPrompt\":\"Haga clic para comenzar a seleccionar un rango de fechas\",\"todayDate\":\"Hoy, {date}\",\"todayDateSelected\":\"Hoy, {date} seleccionado\"}");
|
|
50
46
|
|
|
51
47
|
|
|
52
48
|
var $97874a7fe9cd091f$exports = {};
|
|
53
|
-
$97874a7fe9cd091f$exports = JSON.parse("{\"
|
|
49
|
+
$97874a7fe9cd091f$exports = JSON.parse("{\"dateRange\":\"{startDate} kuni {endDate}\",\"dateSelected\":\"{date} valitud\",\"finishRangeSelectionPrompt\":\"Klõpsake kuupäevavahemiku valimise lõpetamiseks\",\"maximumDate\":\"Viimane saadaolev kuupäev\",\"minimumDate\":\"Esimene saadaolev kuupäev\",\"next\":\"Järgmine\",\"previous\":\"Eelmine\",\"selectedDateDescription\":\"Valitud kuupäev: {date}\",\"selectedRangeDescription\":\"Valitud vahemik: {dateRange}\",\"startRangeSelectionPrompt\":\"Klõpsake kuupäevavahemiku valimiseks\",\"todayDate\":\"Täna, {date}\",\"todayDateSelected\":\"Täna, {date} valitud\"}");
|
|
54
50
|
|
|
55
51
|
|
|
56
52
|
var $5d376b7fce1a45b2$exports = {};
|
|
57
|
-
$5d376b7fce1a45b2$exports = JSON.parse("{\"
|
|
53
|
+
$5d376b7fce1a45b2$exports = JSON.parse("{\"dateRange\":\"{startDate} – {endDate}\",\"dateSelected\":\"{date} valittu\",\"finishRangeSelectionPrompt\":\"Lopeta päivämääräalueen valinta napsauttamalla tätä.\",\"maximumDate\":\"Viimeinen varattavissa oleva päivämäärä\",\"minimumDate\":\"Ensimmäinen varattavissa oleva päivämäärä\",\"next\":\"Seuraava\",\"previous\":\"Edellinen\",\"selectedDateDescription\":\"Valittu päivämäärä: {date}\",\"selectedRangeDescription\":\"Valittu aikaväli: {dateRange}\",\"startRangeSelectionPrompt\":\"Aloita päivämääräalueen valinta napsauttamalla tätä.\",\"todayDate\":\"Tänään, {date}\",\"todayDateSelected\":\"Tänään, {date} valittu\"}");
|
|
58
54
|
|
|
59
55
|
|
|
60
56
|
var $3bf722b362aaf54d$exports = {};
|
|
61
|
-
$3bf722b362aaf54d$exports = JSON.parse("{\"
|
|
57
|
+
$3bf722b362aaf54d$exports = JSON.parse("{\"dateRange\":\"{startDate} à {endDate}\",\"dateSelected\":\"{date} sélectionné\",\"finishRangeSelectionPrompt\":\"Cliquer pour finir de sélectionner la plage de dates\",\"maximumDate\":\"Dernière date disponible\",\"minimumDate\":\"Première date disponible\",\"next\":\"Suivant\",\"previous\":\"Précédent\",\"selectedDateDescription\":\"Date sélectionnée : {date}\",\"selectedRangeDescription\":\"Plage sélectionnée : {dateRange}\",\"startRangeSelectionPrompt\":\"Cliquer pour commencer à sélectionner la plage de dates\",\"todayDate\":\"Aujourd'hui, {date}\",\"todayDateSelected\":\"Aujourd’hui, {date} sélectionné\"}");
|
|
62
58
|
|
|
63
59
|
|
|
64
60
|
var $38c43f8322316031$exports = {};
|
|
65
|
-
$38c43f8322316031$exports = JSON.parse("{\"
|
|
61
|
+
$38c43f8322316031$exports = JSON.parse("{\"dateRange\":\"{startDate} עד {endDate}\",\"dateSelected\":\"{date} נבחר\",\"finishRangeSelectionPrompt\":\"חץ כדי לסיים את בחירת טווח התאריכים\",\"maximumDate\":\"תאריך פנוי אחרון\",\"minimumDate\":\"תאריך פנוי ראשון\",\"next\":\"הבא\",\"previous\":\"הקודם\",\"selectedDateDescription\":\"תאריך נבחר: {date}\",\"selectedRangeDescription\":\"טווח נבחר: {dateRange}\",\"startRangeSelectionPrompt\":\"לחץ כדי להתחיל בבחירת טווח התאריכים\",\"todayDate\":\"היום, {date}\",\"todayDateSelected\":\"היום, {date} נבחר\"}");
|
|
66
62
|
|
|
67
63
|
|
|
68
64
|
var $c90e0f32b44630bf$exports = {};
|
|
69
|
-
$c90e0f32b44630bf$exports = JSON.parse("{\"
|
|
65
|
+
$c90e0f32b44630bf$exports = JSON.parse("{\"dateRange\":\"{startDate} do {endDate}\",\"dateSelected\":\"{date} odabran\",\"finishRangeSelectionPrompt\":\"Kliknite da dovršite raspon odabranih datuma\",\"maximumDate\":\"Posljednji raspoloživi datum\",\"minimumDate\":\"Prvi raspoloživi datum\",\"next\":\"Sljedeći\",\"previous\":\"Prethodni\",\"selectedDateDescription\":\"Odabrani datum: {date}\",\"selectedRangeDescription\":\"Odabrani raspon: {dateRange}\",\"startRangeSelectionPrompt\":\"Kliknite da započnete raspon odabranih datuma\",\"todayDate\":\"Danas, {date}\",\"todayDateSelected\":\"Danas, odabran {date}\"}");
|
|
70
66
|
|
|
71
67
|
|
|
72
68
|
var $715875e6e7a338f4$exports = {};
|
|
73
|
-
$715875e6e7a338f4$exports = JSON.parse("{\"dateSelected\":\"{date
|
|
69
|
+
$715875e6e7a338f4$exports = JSON.parse("{\"dateRange\":\"{startDate}–{endDate}\",\"dateSelected\":\"{date} kiválasztva\",\"finishRangeSelectionPrompt\":\"Kattintson a dátumtartomány kijelölésének befejezéséhez\",\"maximumDate\":\"Utolsó elérhető dátum\",\"minimumDate\":\"Az első elérhető dátum\",\"next\":\"Következő\",\"previous\":\"Előző\",\"selectedDateDescription\":\"Kijelölt dátum: {date}\",\"selectedRangeDescription\":\"Kijelölt tartomány: {dateRange}\",\"startRangeSelectionPrompt\":\"Kattintson a dátumtartomány kijelölésének indításához\",\"todayDate\":\"Ma, {date}\",\"todayDateSelected\":\"Ma, {date} kijelölve\"}");
|
|
74
70
|
|
|
75
71
|
|
|
76
72
|
var $37d77c66e34daccf$exports = {};
|
|
77
|
-
$37d77c66e34daccf$exports = JSON.parse("{\"
|
|
73
|
+
$37d77c66e34daccf$exports = JSON.parse("{\"dateRange\":\"Da {startDate} a {endDate}\",\"dateSelected\":\"{date} selezionata\",\"finishRangeSelectionPrompt\":\"Fai clic per completare la selezione dell’intervallo di date\",\"maximumDate\":\"Ultima data disponibile\",\"minimumDate\":\"Prima data disponibile\",\"next\":\"Successivo\",\"previous\":\"Precedente\",\"selectedDateDescription\":\"Data selezionata: {date}\",\"selectedRangeDescription\":\"Intervallo selezionato: {dateRange}\",\"startRangeSelectionPrompt\":\"Fai clic per selezionare l’intervallo di date\",\"todayDate\":\"Oggi, {date}\",\"todayDateSelected\":\"Oggi, {date} selezionata\"}");
|
|
78
74
|
|
|
79
75
|
|
|
80
76
|
var $542f39aee29303c3$exports = {};
|
|
81
|
-
$542f39aee29303c3$exports = JSON.parse("{\"
|
|
77
|
+
$542f39aee29303c3$exports = JSON.parse("{\"dateRange\":\"{startDate} から {endDate}\",\"dateSelected\":\"{date} を選択\",\"finishRangeSelectionPrompt\":\"クリックして日付範囲の選択を終了\",\"maximumDate\":\"最終利用可能日\",\"minimumDate\":\"最初の利用可能日\",\"next\":\"次へ\",\"previous\":\"前へ\",\"selectedDateDescription\":\"選択した日付 : {date}\",\"selectedRangeDescription\":\"選択範囲 : {dateRange}\",\"startRangeSelectionPrompt\":\"クリックして日付範囲の選択を開始\",\"todayDate\":\"本日、{date}\",\"todayDateSelected\":\"本日、{date} を選択\"}");
|
|
82
78
|
|
|
83
79
|
|
|
84
80
|
var $22a5f0623ea73e4f$exports = {};
|
|
85
|
-
$22a5f0623ea73e4f$exports = JSON.parse("{\"
|
|
81
|
+
$22a5f0623ea73e4f$exports = JSON.parse("{\"dateRange\":\"{startDate} ~ {endDate}\",\"dateSelected\":\"{date} 선택됨\",\"finishRangeSelectionPrompt\":\"날짜 범위 선택을 완료하려면 클릭하십시오.\",\"maximumDate\":\"마지막으로 사용 가능한 일자\",\"minimumDate\":\"처음으로 사용 가능한 일자\",\"next\":\"다음\",\"previous\":\"이전\",\"selectedDateDescription\":\"선택 일자: {date}\",\"selectedRangeDescription\":\"선택 범위: {dateRange}\",\"startRangeSelectionPrompt\":\"날짜 범위 선택을 시작하려면 클릭하십시오.\",\"todayDate\":\"오늘, {date}\",\"todayDateSelected\":\"오늘, {date} 선택됨\"}");
|
|
86
82
|
|
|
87
83
|
|
|
88
84
|
var $522380d13d62cba0$exports = {};
|
|
89
|
-
$522380d13d62cba0$exports = JSON.parse("{\"dateSelected\":\"Pasirinkta {date
|
|
85
|
+
$522380d13d62cba0$exports = JSON.parse("{\"dateRange\":\"Nuo {startDate} iki {endDate}\",\"dateSelected\":\"Pasirinkta {date}\",\"finishRangeSelectionPrompt\":\"Spustelėkite, kad baigtumėte pasirinkti datų intervalą\",\"maximumDate\":\"Paskutinė galima data\",\"minimumDate\":\"Pirmoji galima data\",\"next\":\"Paskesnis\",\"previous\":\"Ankstesnis\",\"selectedDateDescription\":\"Pasirinkta data: {date}\",\"selectedRangeDescription\":\"Pasirinktas intervalas: {dateRange}\",\"startRangeSelectionPrompt\":\"Spustelėkite, kad pradėtumėte pasirinkti datų intervalą\",\"todayDate\":\"Šiandien, {date}\",\"todayDateSelected\":\"Šiandien, pasirinkta {date}\"}");
|
|
90
86
|
|
|
91
87
|
|
|
92
88
|
var $8a7bc830b2fe6485$exports = {};
|
|
93
|
-
$8a7bc830b2fe6485$exports = JSON.parse("{\"dateSelected\":\"Atlasīts {date
|
|
89
|
+
$8a7bc830b2fe6485$exports = JSON.parse("{\"dateRange\":\"No {startDate} līdz {endDate}\",\"dateSelected\":\"Atlasīts: {date}\",\"finishRangeSelectionPrompt\":\"Noklikšķiniet, lai pabeigtu datumu diapazona atlasi\",\"maximumDate\":\"Pēdējais pieejamais datums\",\"minimumDate\":\"Pirmais pieejamais datums\",\"next\":\"Tālāk\",\"previous\":\"Atpakaļ\",\"selectedDateDescription\":\"Atlasītais datums: {date}\",\"selectedRangeDescription\":\"Atlasītais diapazons: {dateRange}\",\"startRangeSelectionPrompt\":\"Noklikšķiniet, lai sāktu datumu diapazona atlasi\",\"todayDate\":\"Šodien, {date}\",\"todayDateSelected\":\"Atlasīta šodiena, {date}\"}");
|
|
94
90
|
|
|
95
91
|
|
|
96
92
|
var $9fac9c044470683b$exports = {};
|
|
97
|
-
$9fac9c044470683b$exports = JSON.parse("{\"
|
|
93
|
+
$9fac9c044470683b$exports = JSON.parse("{\"dateRange\":\"{startDate} til {endDate}\",\"dateSelected\":\"{date} valgt\",\"finishRangeSelectionPrompt\":\"Klikk for å fullføre valg av datoområde\",\"maximumDate\":\"Siste tilgjengelige dato\",\"minimumDate\":\"Første tilgjengelige dato\",\"next\":\"Neste\",\"previous\":\"Forrige\",\"selectedDateDescription\":\"Valgt dato: {date}\",\"selectedRangeDescription\":\"Valgt område: {dateRange}\",\"startRangeSelectionPrompt\":\"Klikk for å starte valg av datoområde\",\"todayDate\":\"I dag, {date}\",\"todayDateSelected\":\"I dag, {date} valgt\"}");
|
|
98
94
|
|
|
99
95
|
|
|
100
96
|
var $b127d3569efb1449$exports = {};
|
|
101
|
-
$b127d3569efb1449$exports = JSON.parse("{\"
|
|
97
|
+
$b127d3569efb1449$exports = JSON.parse("{\"dateRange\":\"{startDate} tot {endDate}\",\"dateSelected\":\"{date} geselecteerd\",\"finishRangeSelectionPrompt\":\"Klik om de selectie van het datumbereik te voltooien\",\"maximumDate\":\"Laatste beschikbare datum\",\"minimumDate\":\"Eerste beschikbare datum\",\"next\":\"Volgende\",\"previous\":\"Vorige\",\"selectedDateDescription\":\"Geselecteerde datum: {date}\",\"selectedRangeDescription\":\"Geselecteerd bereik: {dateRange}\",\"startRangeSelectionPrompt\":\"Klik om het datumbereik te selecteren\",\"todayDate\":\"Vandaag, {date}\",\"todayDateSelected\":\"Vandaag, {date} geselecteerd\"}");
|
|
102
98
|
|
|
103
99
|
|
|
104
100
|
var $51404a4090633490$exports = {};
|
|
105
|
-
$51404a4090633490$exports = JSON.parse("{\"dateSelected\":\"Wybrano {date
|
|
101
|
+
$51404a4090633490$exports = JSON.parse("{\"dateRange\":\"{startDate} do {endDate}\",\"dateSelected\":\"Wybrano {date}\",\"finishRangeSelectionPrompt\":\"Kliknij, aby zakończyć wybór zakresu dat\",\"maximumDate\":\"Ostatnia dostępna data\",\"minimumDate\":\"Pierwsza dostępna data\",\"next\":\"Dalej\",\"previous\":\"Wstecz\",\"selectedDateDescription\":\"Wybrana data: {date}\",\"selectedRangeDescription\":\"Wybrany zakres: {dateRange}\",\"startRangeSelectionPrompt\":\"Kliknij, aby rozpocząć wybór zakresu dat\",\"todayDate\":\"Dzisiaj, {date}\",\"todayDateSelected\":\"Dzisiaj wybrano {date}\"}");
|
|
106
102
|
|
|
107
103
|
|
|
108
104
|
var $e5e6a3fe3b4527df$exports = {};
|
|
109
|
-
$e5e6a3fe3b4527df$exports = JSON.parse("{\"
|
|
105
|
+
$e5e6a3fe3b4527df$exports = JSON.parse("{\"dateRange\":\"{startDate} a {endDate}\",\"dateSelected\":\"{date} selecionado\",\"finishRangeSelectionPrompt\":\"Clique para concluir a seleção do intervalo de datas\",\"maximumDate\":\"Última data disponível\",\"minimumDate\":\"Primeira data disponível\",\"next\":\"Próximo\",\"previous\":\"Anterior\",\"selectedDateDescription\":\"Data selecionada: {date}\",\"selectedRangeDescription\":\"Intervalo selecionado: {dateRange}\",\"startRangeSelectionPrompt\":\"Clique para iniciar a seleção do intervalo de datas\",\"todayDate\":\"Hoje, {date}\",\"todayDateSelected\":\"Hoje, {date} selecionado\"}");
|
|
110
106
|
|
|
111
107
|
|
|
112
108
|
var $c519dcadcbb1ee47$exports = {};
|
|
113
|
-
$c519dcadcbb1ee47$exports = JSON.parse("{\"
|
|
109
|
+
$c519dcadcbb1ee47$exports = JSON.parse("{\"dateRange\":\"{startDate} a {endDate}\",\"dateSelected\":\"{date} selecionado\",\"finishRangeSelectionPrompt\":\"Clique para terminar de selecionar o intervalo de datas\",\"maximumDate\":\"Última data disponível\",\"minimumDate\":\"Primeira data disponível\",\"next\":\"Próximo\",\"previous\":\"Anterior\",\"selectedDateDescription\":\"Data selecionada: {date}\",\"selectedRangeDescription\":\"Intervalo selecionado: {dateRange}\",\"startRangeSelectionPrompt\":\"Clique para começar a selecionar o intervalo de datas\",\"todayDate\":\"Hoje, {date}\",\"todayDateSelected\":\"Hoje, {date} selecionado\"}");
|
|
114
110
|
|
|
115
111
|
|
|
116
112
|
var $e5aa0186ca7889c6$exports = {};
|
|
117
|
-
$e5aa0186ca7889c6$exports = JSON.parse("{\"
|
|
113
|
+
$e5aa0186ca7889c6$exports = JSON.parse("{\"dateRange\":\"De la {startDate} până la {endDate}\",\"dateSelected\":\"{date} selectată\",\"finishRangeSelectionPrompt\":\"Apăsaţi pentru a finaliza selecţia razei pentru dată\",\"maximumDate\":\"Ultima dată disponibilă\",\"minimumDate\":\"Prima dată disponibilă\",\"next\":\"Următorul\",\"previous\":\"Înainte\",\"selectedDateDescription\":\"Dată selectată: {date}\",\"selectedRangeDescription\":\"Interval selectat: {dateRange}\",\"startRangeSelectionPrompt\":\"Apăsaţi pentru a începe selecţia razei pentru dată\",\"todayDate\":\"Astăzi, {date}\",\"todayDateSelected\":\"Azi, {date} selectată\"}");
|
|
118
114
|
|
|
119
115
|
|
|
120
116
|
var $5b907f5fa3eee652$exports = {};
|
|
121
|
-
$5b907f5fa3eee652$exports = JSON.parse("{\"
|
|
117
|
+
$5b907f5fa3eee652$exports = JSON.parse("{\"dateRange\":\"С {startDate} по {endDate}\",\"dateSelected\":\"Выбрано {date}\",\"finishRangeSelectionPrompt\":\"Щелкните, чтобы завершить выбор диапазона дат\",\"maximumDate\":\"Последняя доступная дата\",\"minimumDate\":\"Первая доступная дата\",\"next\":\"Далее\",\"previous\":\"Назад\",\"selectedDateDescription\":\"Выбранная дата: {date}\",\"selectedRangeDescription\":\"Выбранный диапазон: {dateRange}\",\"startRangeSelectionPrompt\":\"Щелкните, чтобы начать выбор диапазона дат\",\"todayDate\":\"Сегодня, {date}\",\"todayDateSelected\":\"Сегодня, выбрано {date}\"}");
|
|
122
118
|
|
|
123
119
|
|
|
124
120
|
var $1b4c51359c99cf79$exports = {};
|
|
125
|
-
$1b4c51359c99cf79$exports = JSON.parse("{\"dateSelected\":\"Vybratý dátum {date
|
|
121
|
+
$1b4c51359c99cf79$exports = JSON.parse("{\"dateRange\":\"Od {startDate} do {endDate}\",\"dateSelected\":\"Vybratý dátum {date}\",\"finishRangeSelectionPrompt\":\"Kliknutím dokončíte výber rozsahu dátumov\",\"maximumDate\":\"Posledný dostupný dátum\",\"minimumDate\":\"Prvý dostupný dátum\",\"next\":\"Nasledujúce\",\"previous\":\"Predchádzajúce\",\"selectedDateDescription\":\"Vybratý dátum: {date}\",\"selectedRangeDescription\":\"Vybratý rozsah: {dateRange}\",\"startRangeSelectionPrompt\":\"Kliknutím spustíte výber rozsahu dátumov\",\"todayDate\":\"Dnes {date}\",\"todayDateSelected\":\"Vybratý dnešný dátum {date}\"}");
|
|
126
122
|
|
|
127
123
|
|
|
128
124
|
var $02e4e6a4608cc6f3$exports = {};
|
|
129
|
-
$02e4e6a4608cc6f3$exports = JSON.parse("{\"
|
|
125
|
+
$02e4e6a4608cc6f3$exports = JSON.parse("{\"dateRange\":\"{startDate} do {endDate}\",\"dateSelected\":\"{date} izbrano\",\"finishRangeSelectionPrompt\":\"Kliknite za dokončanje izbire datumskega obsega\",\"maximumDate\":\"Zadnji razpoložljivi datum\",\"minimumDate\":\"Prvi razpoložljivi datum\",\"next\":\"Naprej\",\"previous\":\"Nazaj\",\"selectedDateDescription\":\"Izbrani datum: {date}\",\"selectedRangeDescription\":\"Izbrano območje: {dateRange}\",\"startRangeSelectionPrompt\":\"Kliknite za začetek izbire datumskega obsega\",\"todayDate\":\"Danes, {date}\",\"todayDateSelected\":\"Danes, {date} izbrano\"}");
|
|
130
126
|
|
|
131
127
|
|
|
132
128
|
var $6dd2fbaad93b6878$exports = {};
|
|
133
|
-
$6dd2fbaad93b6878$exports = JSON.parse("{\"
|
|
129
|
+
$6dd2fbaad93b6878$exports = JSON.parse("{\"dateRange\":\"{startDate} do {endDate}\",\"dateSelected\":\"{date} izabran\",\"finishRangeSelectionPrompt\":\"Kliknite da dovršite opseg izabranih datuma\",\"maximumDate\":\"Zadnji raspoloživi datum\",\"minimumDate\":\"Prvi raspoloživi datum\",\"next\":\"Sledeći\",\"previous\":\"Prethodni\",\"selectedDateDescription\":\"Izabrani datum: {date}\",\"selectedRangeDescription\":\"Izabrani period: {dateRange}\",\"startRangeSelectionPrompt\":\"Kliknite da započnete opseg izabranih datuma\",\"todayDate\":\"Danas, {date}\",\"todayDateSelected\":\"Danas, izabran {date}\"}");
|
|
134
130
|
|
|
135
131
|
|
|
136
132
|
var $33ea59bfe6e804e0$exports = {};
|
|
137
|
-
$33ea59bfe6e804e0$exports = JSON.parse("{\"
|
|
133
|
+
$33ea59bfe6e804e0$exports = JSON.parse("{\"dateRange\":\"{startDate} till {endDate}\",\"dateSelected\":\"{date} har valts\",\"finishRangeSelectionPrompt\":\"Klicka för att avsluta val av datumintervall\",\"maximumDate\":\"Sista tillgängliga datum\",\"minimumDate\":\"Första tillgängliga datum\",\"next\":\"Nästa\",\"previous\":\"Föregående\",\"selectedDateDescription\":\"Valt datum: {date}\",\"selectedRangeDescription\":\"Valt intervall: {dateRange}\",\"startRangeSelectionPrompt\":\"Klicka för att välja datumintervall\",\"todayDate\":\"Idag, {date}\",\"todayDateSelected\":\"Idag, {date} har valts\"}");
|
|
138
134
|
|
|
139
135
|
|
|
140
136
|
var $4603b0d0246969b2$exports = {};
|
|
141
|
-
$4603b0d0246969b2$exports = JSON.parse("{\"
|
|
137
|
+
$4603b0d0246969b2$exports = JSON.parse("{\"dateRange\":\"{startDate} - {endDate}\",\"dateSelected\":\"{date} seçildi\",\"finishRangeSelectionPrompt\":\"Tarih aralığı seçimini tamamlamak için tıklayın\",\"maximumDate\":\"Son müsait tarih\",\"minimumDate\":\"İlk müsait tarih\",\"next\":\"Sonraki\",\"previous\":\"Önceki\",\"selectedDateDescription\":\"Seçilen Tarih: {date}\",\"selectedRangeDescription\":\"Seçilen Aralık: {dateRange}\",\"startRangeSelectionPrompt\":\"Tarih aralığı seçimini başlatmak için tıklayın\",\"todayDate\":\"Bugün, {date}\",\"todayDateSelected\":\"Bugün, {date} seçildi\"}");
|
|
142
138
|
|
|
143
139
|
|
|
144
140
|
var $82649816f530bb1b$exports = {};
|
|
145
|
-
$82649816f530bb1b$exports = JSON.parse("{\"dateSelected\":\"
|
|
141
|
+
$82649816f530bb1b$exports = JSON.parse("{\"dateRange\":\"{startDate} — {endDate}\",\"dateSelected\":\"Вибрано {date}\",\"finishRangeSelectionPrompt\":\"Натисніть, щоб завершити вибір діапазону дат\",\"maximumDate\":\"Остання доступна дата\",\"minimumDate\":\"Перша доступна дата\",\"next\":\"Наступний\",\"previous\":\"Попередній\",\"selectedDateDescription\":\"Вибрана дата: {date}\",\"selectedRangeDescription\":\"Вибраний діапазон: {dateRange}\",\"startRangeSelectionPrompt\":\"Натисніть, щоб почати вибір діапазону дат\",\"todayDate\":\"Сьогодні, {date}\",\"todayDateSelected\":\"Сьогодні, вибрано {date}\"}");
|
|
146
142
|
|
|
147
143
|
|
|
148
144
|
var $628e140a43dfb330$exports = {};
|
|
149
|
-
$628e140a43dfb330$exports = JSON.parse("{\"dateSelected\":\"
|
|
145
|
+
$628e140a43dfb330$exports = JSON.parse("{\"dateRange\":\"{startDate} 至 {endDate}\",\"dateSelected\":\"已选定 {date}\",\"finishRangeSelectionPrompt\":\"单击以完成选择日期范围\",\"maximumDate\":\"最后一个可用日期\",\"minimumDate\":\"第一个可用日期\",\"next\":\"下一页\",\"previous\":\"上一页\",\"selectedDateDescription\":\"选定的日期：{date}\",\"selectedRangeDescription\":\"选定的范围：{dateRange}\",\"startRangeSelectionPrompt\":\"单击以开始选择日期范围\",\"todayDate\":\"今天，即 {date}\",\"todayDateSelected\":\"已选定今天，即 {date}\"}");
|
|
150
146
|
|
|
151
147
|
|
|
152
148
|
var $745937250cd4679c$exports = {};
|
|
153
|
-
$745937250cd4679c$exports = JSON.parse("{\"dateSelected\":\"已選取 {date
|
|
149
|
+
$745937250cd4679c$exports = JSON.parse("{\"dateRange\":\"{startDate} 至 {endDate}\",\"dateSelected\":\"已選取 {date}\",\"finishRangeSelectionPrompt\":\"按一下以完成選取日期範圍\",\"maximumDate\":\"最後一個可用日期\",\"minimumDate\":\"第一個可用日期\",\"next\":\"下一頁\",\"previous\":\"上一頁\",\"selectedDateDescription\":\"選定的日期：{date}\",\"selectedRangeDescription\":\"選定的範圍：{dateRange}\",\"startRangeSelectionPrompt\":\"按一下以開始選取日期範圍\",\"todayDate\":\"今天，{date}\",\"todayDateSelected\":\"已選取今天，{date}\"}");
|
|
154
150
|
|
|
155
151
|
|
|
156
152
|
$0fbdc3429b133a50$exports = {
|
|
@@ -192,27 +188,34 @@ $0fbdc3429b133a50$exports = {
|
|
|
192
188
|
|
|
193
189
|
|
|
194
190
|
|
|
195
|
-
|
|
196
|
-
const $a074e1e2d0f0a665$export$3ddff89c59628ee7 = new WeakMap();
|
|
191
|
+
const $a074e1e2d0f0a665$export$653eddfc964b0f8a = new WeakMap();
|
|
197
192
|
function $a074e1e2d0f0a665$export$b6df97c887c38e1a(state) {
|
|
198
193
|
let formatMessage = $amWdn$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($0fbdc3429b133a50$exports)));
|
|
199
194
|
let start, end;
|
|
200
195
|
if ('highlightedRange' in state) ({ start: start , end: end } = state.highlightedRange || {
|
|
201
196
|
});
|
|
202
197
|
else start = end = state.value;
|
|
198
|
+
let dateFormatter = $amWdn$useDateFormatter({
|
|
199
|
+
dateStyle: 'full',
|
|
200
|
+
timeZone: state.timeZone
|
|
201
|
+
});
|
|
203
202
|
let anchorDate = 'anchorDate' in state ? state.anchorDate : null;
|
|
204
203
|
return $amWdn$useMemo(()=>{
|
|
205
204
|
// No message if currently selecting a range, or there is nothing highlighted.
|
|
206
205
|
if (!anchorDate && start && end) {
|
|
207
206
|
// Use a single date message if the start and end dates are the same day,
|
|
208
207
|
// otherwise include both dates.
|
|
209
|
-
if ($amWdn$isSameDay(start, end))
|
|
210
|
-
date
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
208
|
+
if ($amWdn$isSameDay(start, end)) {
|
|
209
|
+
let date = dateFormatter.format(start.toDate(state.timeZone));
|
|
210
|
+
return formatMessage('selectedDateDescription', {
|
|
211
|
+
date: date
|
|
212
|
+
});
|
|
213
|
+
} else {
|
|
214
|
+
let dateRange = $a074e1e2d0f0a665$var$formatRange(dateFormatter, formatMessage, start, end, state.timeZone);
|
|
215
|
+
return formatMessage('selectedRangeDescription', {
|
|
216
|
+
dateRange: dateRange
|
|
217
|
+
});
|
|
218
|
+
}
|
|
216
219
|
}
|
|
217
220
|
return '';
|
|
218
221
|
}, [
|
|
@@ -220,37 +223,64 @@ function $a074e1e2d0f0a665$export$b6df97c887c38e1a(state) {
|
|
|
220
223
|
end,
|
|
221
224
|
anchorDate,
|
|
222
225
|
state.timeZone,
|
|
223
|
-
formatMessage
|
|
226
|
+
formatMessage,
|
|
227
|
+
dateFormatter
|
|
224
228
|
]);
|
|
225
229
|
}
|
|
226
|
-
function $a074e1e2d0f0a665$export$31afe65d91ef6e8(startDate, endDate, timeZone) {
|
|
230
|
+
function $a074e1e2d0f0a665$export$31afe65d91ef6e8(startDate, endDate, timeZone, isAria) {
|
|
231
|
+
let formatMessage = $amWdn$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($0fbdc3429b133a50$exports)));
|
|
227
232
|
let monthFormatter = $amWdn$useDateFormatter({
|
|
228
233
|
month: 'long',
|
|
229
234
|
year: 'numeric',
|
|
230
235
|
era: startDate.calendar.identifier !== 'gregory' ? 'long' : undefined,
|
|
231
|
-
calendar: startDate.calendar.identifier
|
|
236
|
+
calendar: startDate.calendar.identifier,
|
|
237
|
+
timeZone: timeZone
|
|
232
238
|
});
|
|
233
239
|
let dateFormatter = $amWdn$useDateFormatter({
|
|
234
240
|
dateStyle: 'long',
|
|
235
|
-
calendar: startDate.calendar.identifier
|
|
241
|
+
calendar: startDate.calendar.identifier,
|
|
242
|
+
timeZone: timeZone
|
|
236
243
|
});
|
|
237
244
|
return $amWdn$useMemo(()=>{
|
|
238
245
|
// Special case for month granularity. Format as a single month if only a
|
|
239
246
|
// single month is visible, otherwise format as a range of months.
|
|
240
247
|
if ($amWdn$isSameDay(startDate, $amWdn$startOfMonth(startDate))) {
|
|
241
248
|
if ($amWdn$isSameDay(endDate, $amWdn$endOfMonth(startDate))) return monthFormatter.format(startDate.toDate(timeZone));
|
|
242
|
-
else if ($amWdn$isSameDay(endDate, $amWdn$endOfMonth(endDate))) return monthFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));
|
|
249
|
+
else if ($amWdn$isSameDay(endDate, $amWdn$endOfMonth(endDate))) return isAria ? $a074e1e2d0f0a665$var$formatRange(monthFormatter, formatMessage, startDate, endDate, timeZone) : monthFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));
|
|
243
250
|
}
|
|
244
|
-
return dateFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));
|
|
251
|
+
return isAria ? $a074e1e2d0f0a665$var$formatRange(dateFormatter, formatMessage, startDate, endDate, timeZone) : dateFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));
|
|
245
252
|
}, [
|
|
246
253
|
startDate,
|
|
247
254
|
endDate,
|
|
248
255
|
monthFormatter,
|
|
249
256
|
dateFormatter,
|
|
250
|
-
|
|
257
|
+
formatMessage,
|
|
258
|
+
timeZone,
|
|
259
|
+
isAria
|
|
251
260
|
]);
|
|
252
261
|
}
|
|
253
|
-
|
|
262
|
+
function $a074e1e2d0f0a665$var$formatRange(dateFormatter, formatMessage, start, end, timeZone) {
|
|
263
|
+
let parts = dateFormatter.formatRangeToParts(start.toDate(timeZone), end.toDate(timeZone));
|
|
264
|
+
// Find the separator between the start and end date. This is determined
|
|
265
|
+
// by finding the last shared literal before the end range.
|
|
266
|
+
let separatorIndex = -1;
|
|
267
|
+
for(let i = 0; i < parts.length; i++){
|
|
268
|
+
let part = parts[i];
|
|
269
|
+
if (part.source === 'shared' && part.type === 'literal') separatorIndex = i;
|
|
270
|
+
else if (part.source === 'endRange') break;
|
|
271
|
+
}
|
|
272
|
+
// Now we can combine the parts into start and end strings.
|
|
273
|
+
let startValue = '';
|
|
274
|
+
let endValue = '';
|
|
275
|
+
for(let i1 = 0; i1 < parts.length; i1++){
|
|
276
|
+
if (i1 < separatorIndex) startValue += parts[i1].value;
|
|
277
|
+
else if (i1 > separatorIndex) endValue += parts[i1].value;
|
|
278
|
+
}
|
|
279
|
+
return formatMessage('dateRange', {
|
|
280
|
+
startDate: startValue,
|
|
281
|
+
endDate: endValue
|
|
282
|
+
});
|
|
283
|
+
}
|
|
254
284
|
|
|
255
285
|
|
|
256
286
|
|
|
@@ -258,8 +288,9 @@ function $a074e1e2d0f0a665$export$31afe65d91ef6e8(startDate, endDate, timeZone)
|
|
|
258
288
|
|
|
259
289
|
function $c4acc1de3ab169cf$export$d652b3ea2d672d5b(props, state) {
|
|
260
290
|
let formatMessage = $amWdn$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($0fbdc3429b133a50$exports)));
|
|
261
|
-
let
|
|
262
|
-
let
|
|
291
|
+
let domProps = $amWdn$filterDOMProps(props);
|
|
292
|
+
let title = $a074e1e2d0f0a665$export$31afe65d91ef6e8(state.visibleRange.start, state.visibleRange.end, state.timeZone, false);
|
|
293
|
+
let visibleRangeDescription = $a074e1e2d0f0a665$export$31afe65d91ef6e8(state.visibleRange.start, state.visibleRange.end, state.timeZone, true);
|
|
263
294
|
// Announce when the visible date range changes
|
|
264
295
|
$amWdn$useUpdateEffect(()=>{
|
|
265
296
|
// only when pressing the Previous or Next button
|
|
@@ -275,9 +306,17 @@ function $c4acc1de3ab169cf$export$d652b3ea2d672d5b(props, state) {
|
|
|
275
306
|
}, [
|
|
276
307
|
selectedDateDescription
|
|
277
308
|
]);
|
|
278
|
-
let
|
|
279
|
-
|
|
280
|
-
|
|
309
|
+
let errorMessageId = $amWdn$useSlotId([
|
|
310
|
+
Boolean(props.errorMessage),
|
|
311
|
+
props.validationState
|
|
312
|
+
]);
|
|
313
|
+
// Pass the label to the child grid elements.
|
|
314
|
+
$a074e1e2d0f0a665$export$653eddfc964b0f8a.set(state, {
|
|
315
|
+
ariaLabel: props['aria-label'],
|
|
316
|
+
ariaLabelledBy: props['aria-labelledby'],
|
|
317
|
+
errorMessageId: errorMessageId,
|
|
318
|
+
selectedDateDescription: selectedDateDescription
|
|
319
|
+
});
|
|
281
320
|
// If the next or previous buttons become disabled while they are focused, move focus to the calendar body.
|
|
282
321
|
let nextFocused = $amWdn$useRef(false);
|
|
283
322
|
let nextDisabled = props.isDisabled || state.isNextVisibleRangeInvalid();
|
|
@@ -291,12 +330,18 @@ function $c4acc1de3ab169cf$export$d652b3ea2d672d5b(props, state) {
|
|
|
291
330
|
previousFocused.current = false;
|
|
292
331
|
state.setFocused(true);
|
|
293
332
|
}
|
|
333
|
+
let labelProps = $amWdn$useLabels({
|
|
334
|
+
id: props['id'],
|
|
335
|
+
'aria-label': [
|
|
336
|
+
props['aria-label'],
|
|
337
|
+
visibleRangeDescription
|
|
338
|
+
].filter(Boolean).join(', '),
|
|
339
|
+
'aria-labelledby': props['aria-labelledby']
|
|
340
|
+
});
|
|
294
341
|
return {
|
|
295
|
-
calendarProps: $amWdn$mergeProps(
|
|
342
|
+
calendarProps: $amWdn$mergeProps(domProps, labelProps, {
|
|
296
343
|
role: 'group',
|
|
297
|
-
|
|
298
|
-
'aria-label': props['aria-label'],
|
|
299
|
-
'aria-labelledby': props['aria-labelledby']
|
|
344
|
+
'aria-describedby': props['aria-describedby'] || undefined
|
|
300
345
|
}),
|
|
301
346
|
nextButtonProps: {
|
|
302
347
|
onPress: ()=>state.focusNextPage()
|
|
@@ -316,7 +361,10 @@ function $c4acc1de3ab169cf$export$d652b3ea2d672d5b(props, state) {
|
|
|
316
361
|
,
|
|
317
362
|
onBlur: ()=>previousFocused.current = false
|
|
318
363
|
},
|
|
319
|
-
|
|
364
|
+
errorMessageProps: {
|
|
365
|
+
id: errorMessageId
|
|
366
|
+
},
|
|
367
|
+
title: title
|
|
320
368
|
};
|
|
321
369
|
}
|
|
322
370
|
|
|
@@ -326,16 +374,11 @@ function $9942cad8a072a530$export$3ee915f8151bd4f1(props, state) {
|
|
|
326
374
|
}
|
|
327
375
|
|
|
328
376
|
|
|
329
|
-
var $46a4342aab3d8076$exports = {};
|
|
330
|
-
|
|
331
|
-
$parcel$export($46a4342aab3d8076$exports, "useRangeCalendar", () => $46a4342aab3d8076$export$87e0539f600c24e5);
|
|
332
377
|
|
|
333
378
|
|
|
334
379
|
|
|
335
|
-
function $46a4342aab3d8076$export$87e0539f600c24e5(props, state,
|
|
380
|
+
function $46a4342aab3d8076$export$87e0539f600c24e5(props, state, ref) {
|
|
336
381
|
let res = $c4acc1de3ab169cf$export$d652b3ea2d672d5b(props, state);
|
|
337
|
-
res.nextButtonProps.id = $amWdn$useId();
|
|
338
|
-
res.prevButtonProps.id = $amWdn$useId();
|
|
339
382
|
// We need to ignore virtual pointer events from VoiceOver due to these bugs.
|
|
340
383
|
// https://bugs.webkit.org/show_bug.cgi?id=222627
|
|
341
384
|
// https://bugs.webkit.org/show_bug.cgi?id=223202
|
|
@@ -343,13 +386,13 @@ function $46a4342aab3d8076$export$87e0539f600c24e5(props, state, ref2) {
|
|
|
343
386
|
// We need to match that here otherwise this will fire before the press event in
|
|
344
387
|
// useCalendarCell, causing range selection to not work properly.
|
|
345
388
|
let isVirtualClick = $amWdn$useRef(false);
|
|
346
|
-
$amWdn$
|
|
389
|
+
let windowRef = $amWdn$useRef(typeof window !== 'undefined' ? window : null);
|
|
390
|
+
$amWdn$useEvent(windowRef, 'pointerdown', (e)=>{
|
|
347
391
|
isVirtualClick.current = e.width === 0 && e.height === 0;
|
|
348
392
|
});
|
|
349
393
|
// Stop range selection when pressing or releasing a pointer outside the calendar body,
|
|
350
394
|
// except when pressing the next or previous buttons to switch months.
|
|
351
395
|
let endDragging = (e)=>{
|
|
352
|
-
var ref, ref1;
|
|
353
396
|
if (isVirtualClick.current) {
|
|
354
397
|
isVirtualClick.current = false;
|
|
355
398
|
return;
|
|
@@ -358,12 +401,16 @@ function $46a4342aab3d8076$export$87e0539f600c24e5(props, state, ref2) {
|
|
|
358
401
|
if (!state.anchorDate) return;
|
|
359
402
|
let target = e.target;
|
|
360
403
|
let body = document.getElementById(res.calendarProps.id);
|
|
361
|
-
if (
|
|
404
|
+
if (body && body.contains(document.activeElement) && (!body.contains(target) || !target.closest('button, [role="button"]'))) state.selectFocusedDate();
|
|
405
|
+
};
|
|
406
|
+
$amWdn$useEvent(windowRef, 'pointerup', endDragging);
|
|
407
|
+
$amWdn$useEvent(windowRef, 'pointercancel', endDragging);
|
|
408
|
+
// Also stop range selection on blur, e.g. tabbing away from the calendar.
|
|
409
|
+
res.calendarProps.onBlur = (e)=>{
|
|
410
|
+
if ((!e.relatedTarget || !ref.current.contains(e.relatedTarget)) && state.anchorDate) state.selectFocusedDate();
|
|
362
411
|
};
|
|
363
|
-
$amWdn$useEvent($amWdn$useRef(window), 'pointerup', endDragging);
|
|
364
|
-
$amWdn$useEvent($amWdn$useRef(window), 'pointercancel', endDragging);
|
|
365
412
|
// Prevent touch scrolling while dragging
|
|
366
|
-
$amWdn$useEvent(
|
|
413
|
+
$amWdn$useEvent(ref, 'touchmove', (e)=>{
|
|
367
414
|
if (state.isDragging) e.preventDefault();
|
|
368
415
|
}, {
|
|
369
416
|
passive: false,
|
|
@@ -373,9 +420,7 @@ function $46a4342aab3d8076$export$87e0539f600c24e5(props, state, ref2) {
|
|
|
373
420
|
}
|
|
374
421
|
|
|
375
422
|
|
|
376
|
-
var $e3031d1f8c9d64eb$exports = {};
|
|
377
423
|
|
|
378
|
-
$parcel$export($e3031d1f8c9d64eb$exports, "useCalendarGrid", () => $e3031d1f8c9d64eb$export$cb95147730a423f5);
|
|
379
424
|
|
|
380
425
|
|
|
381
426
|
|
|
@@ -392,21 +437,19 @@ function $e3031d1f8c9d64eb$export$cb95147730a423f5(props, state) {
|
|
|
392
437
|
break;
|
|
393
438
|
case 'PageUp':
|
|
394
439
|
e.preventDefault();
|
|
395
|
-
|
|
396
|
-
else state.focusPreviousPage();
|
|
440
|
+
state.focusPreviousSection(e.shiftKey);
|
|
397
441
|
break;
|
|
398
442
|
case 'PageDown':
|
|
399
443
|
e.preventDefault();
|
|
400
|
-
|
|
401
|
-
else state.focusNextPage();
|
|
444
|
+
state.focusNextSection(e.shiftKey);
|
|
402
445
|
break;
|
|
403
446
|
case 'End':
|
|
404
447
|
e.preventDefault();
|
|
405
|
-
state.
|
|
448
|
+
state.focusSectionEnd();
|
|
406
449
|
break;
|
|
407
450
|
case 'Home':
|
|
408
451
|
e.preventDefault();
|
|
409
|
-
state.
|
|
452
|
+
state.focusSectionStart();
|
|
410
453
|
break;
|
|
411
454
|
case 'ArrowLeft':
|
|
412
455
|
e.preventDefault();
|
|
@@ -435,37 +478,39 @@ function $e3031d1f8c9d64eb$export$cb95147730a423f5(props, state) {
|
|
|
435
478
|
break;
|
|
436
479
|
}
|
|
437
480
|
};
|
|
438
|
-
let
|
|
439
|
-
let
|
|
440
|
-
let visibleRangeDescription = $a074e1e2d0f0a665$export$31afe65d91ef6e8(startDate, endDate, state.timeZone);
|
|
481
|
+
let visibleRangeDescription = $a074e1e2d0f0a665$export$31afe65d91ef6e8(startDate, endDate, state.timeZone, true);
|
|
482
|
+
let { ariaLabel: ariaLabel , ariaLabelledBy: ariaLabelledBy } = $a074e1e2d0f0a665$export$653eddfc964b0f8a.get(state);
|
|
441
483
|
let labelProps = $amWdn$useLabels({
|
|
442
|
-
'aria-label':
|
|
443
|
-
|
|
484
|
+
'aria-label': [
|
|
485
|
+
ariaLabel,
|
|
486
|
+
visibleRangeDescription
|
|
487
|
+
].filter(Boolean).join(', '),
|
|
488
|
+
'aria-labelledby': ariaLabelledBy
|
|
444
489
|
});
|
|
445
490
|
let dayFormatter = $amWdn$useDateFormatter({
|
|
446
|
-
weekday: 'narrow'
|
|
447
|
-
|
|
448
|
-
let dayFormatterLong = $amWdn$useDateFormatter({
|
|
449
|
-
weekday: 'long'
|
|
491
|
+
weekday: 'narrow',
|
|
492
|
+
timeZone: state.timeZone
|
|
450
493
|
});
|
|
451
494
|
let { locale: locale } = $amWdn$useLocale();
|
|
452
|
-
let
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
495
|
+
let weekDays = $amWdn$useMemo(()=>{
|
|
496
|
+
let weekStart = $amWdn$startOfWeek(state.visibleRange.start, locale);
|
|
497
|
+
return [
|
|
498
|
+
...new Array(7).keys()
|
|
499
|
+
].map((index)=>{
|
|
500
|
+
let date = weekStart.add({
|
|
501
|
+
days: index
|
|
502
|
+
});
|
|
503
|
+
let dateDay = date.toDate(state.timeZone);
|
|
504
|
+
return dayFormatter.format(dateDay);
|
|
458
505
|
});
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
};
|
|
466
|
-
});
|
|
506
|
+
}, [
|
|
507
|
+
state.visibleRange.start,
|
|
508
|
+
locale,
|
|
509
|
+
state.timeZone,
|
|
510
|
+
dayFormatter
|
|
511
|
+
]);
|
|
467
512
|
return {
|
|
468
|
-
gridProps: $amWdn$mergeProps(
|
|
513
|
+
gridProps: $amWdn$mergeProps(labelProps, {
|
|
469
514
|
role: 'grid',
|
|
470
515
|
'aria-readonly': state.isReadOnly || null,
|
|
471
516
|
'aria-disabled': state.isDisabled || null,
|
|
@@ -475,14 +520,17 @@ function $e3031d1f8c9d64eb$export$cb95147730a423f5(props, state) {
|
|
|
475
520
|
,
|
|
476
521
|
onBlur: ()=>state.setFocused(false)
|
|
477
522
|
}),
|
|
523
|
+
headerProps: {
|
|
524
|
+
// Column headers are hidden to screen readers to make navigating with a touch screen reader easier.
|
|
525
|
+
// The day names are already included in the label of each cell, so there's no need to announce them twice.
|
|
526
|
+
'aria-hidden': true
|
|
527
|
+
},
|
|
478
528
|
weekDays: weekDays
|
|
479
529
|
};
|
|
480
530
|
}
|
|
481
531
|
|
|
482
532
|
|
|
483
|
-
var $36a0ac60f04457c5$exports = {};
|
|
484
533
|
|
|
485
|
-
$parcel$export($36a0ac60f04457c5$exports, "useCalendarCell", () => $36a0ac60f04457c5$export$136073280381448e);
|
|
486
534
|
|
|
487
535
|
|
|
488
536
|
|
|
@@ -492,6 +540,7 @@ $parcel$export($36a0ac60f04457c5$exports, "useCalendarCell", () => $36a0ac60f044
|
|
|
492
540
|
|
|
493
541
|
function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
|
|
494
542
|
let { date: date , isDisabled: isDisabled } = props;
|
|
543
|
+
let { errorMessageId: errorMessageId , selectedDateDescription: selectedDateDescription } = $a074e1e2d0f0a665$export$653eddfc964b0f8a.get(state);
|
|
495
544
|
let formatMessage = $amWdn$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($0fbdc3429b133a50$exports)));
|
|
496
545
|
let dateFormatter = $amWdn$useDateFormatter({
|
|
497
546
|
weekday: 'long',
|
|
@@ -506,6 +555,8 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
|
|
|
506
555
|
isDisabled = isDisabled || state.isCellDisabled(date);
|
|
507
556
|
let isUnavailable = state.isCellUnavailable(date);
|
|
508
557
|
let isSelectable = !isDisabled && !isUnavailable;
|
|
558
|
+
let isInvalid = state.validationState === 'invalid' && ('highlightedRange' in state ? !state.anchorDate && state.highlightedRange && date.compare(state.highlightedRange.start) >= 0 && date.compare(state.highlightedRange.end) <= 0 : state.value && $amWdn$isSameDay(state.value, date));
|
|
559
|
+
if (isInvalid) isSelected = true;
|
|
509
560
|
// For performance, reuse the same date object as before if the new date prop is the same.
|
|
510
561
|
// This allows subsequent useMemo results to be reused.
|
|
511
562
|
let lastDate = $amWdn$useRef(null);
|
|
@@ -518,33 +569,42 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
|
|
|
518
569
|
]);
|
|
519
570
|
// aria-label should be localize Day of week, Month, Day and Year without Time.
|
|
520
571
|
let isDateToday = $amWdn$isToday(date, state.timeZone);
|
|
521
|
-
let
|
|
572
|
+
let label1 = $amWdn$useMemo(()=>{
|
|
573
|
+
let label = '';
|
|
574
|
+
// If this is a range calendar, add a description of the full selected range
|
|
575
|
+
// to the first and last selected date.
|
|
576
|
+
if ('highlightedRange' in state && state.value && !state.anchorDate && ($amWdn$isSameDay(date, state.value.start) || $amWdn$isSameDay(date, state.value.end))) label = selectedDateDescription + ', ';
|
|
577
|
+
label += dateFormatter.format(nativeDate);
|
|
522
578
|
if (isDateToday) // If date is today, set appropriate string depending on selected state:
|
|
523
|
-
|
|
524
|
-
date:
|
|
579
|
+
label = formatMessage(isSelected ? 'todayDateSelected' : 'todayDate', {
|
|
580
|
+
date: label
|
|
525
581
|
});
|
|
526
582
|
else if (isSelected) // If date is selected but not today:
|
|
527
|
-
|
|
528
|
-
date:
|
|
583
|
+
label = formatMessage('dateSelected', {
|
|
584
|
+
date: label
|
|
529
585
|
});
|
|
530
|
-
|
|
586
|
+
if (state.minValue && $amWdn$isSameDay(date, state.minValue)) label += ', ' + formatMessage('minimumDate');
|
|
587
|
+
else if (state.maxValue && $amWdn$isSameDay(date, state.maxValue)) label += ', ' + formatMessage('maximumDate');
|
|
588
|
+
return label;
|
|
531
589
|
}, [
|
|
532
590
|
dateFormatter,
|
|
533
591
|
nativeDate,
|
|
534
592
|
formatMessage,
|
|
535
593
|
isSelected,
|
|
536
|
-
isDateToday
|
|
594
|
+
isDateToday,
|
|
595
|
+
date,
|
|
596
|
+
state,
|
|
597
|
+
selectedDateDescription
|
|
537
598
|
]);
|
|
538
599
|
// When a cell is focused and this is a range calendar, add a prompt to help
|
|
539
600
|
// screenreader users know that they are in a range selection mode.
|
|
601
|
+
let rangeSelectionPrompt = '';
|
|
540
602
|
if ('anchorDate' in state && isFocused && !state.isReadOnly && isSelectable) {
|
|
541
|
-
let rangeSelectionPrompt = '';
|
|
542
603
|
// If selection has started add "click to finish selecting range"
|
|
543
604
|
if (state.anchorDate) rangeSelectionPrompt = formatMessage('finishRangeSelectionPrompt');
|
|
544
605
|
else rangeSelectionPrompt = formatMessage('startRangeSelectionPrompt');
|
|
545
|
-
// Append to aria-label
|
|
546
|
-
if (rangeSelectionPrompt) label = `${label} (${rangeSelectionPrompt})`;
|
|
547
606
|
}
|
|
607
|
+
let descriptionProps = $amWdn$useDescription(rangeSelectionPrompt);
|
|
548
608
|
let isAnchorPressed = $amWdn$useRef(false);
|
|
549
609
|
let isRangeBoundaryPressed = $amWdn$useRef(false);
|
|
550
610
|
let touchDragTimerRef = $amWdn$useRef(null);
|
|
@@ -562,7 +622,9 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
|
|
|
562
622
|
if ('highlightedRange' in state && !state.anchorDate && (e.pointerType === 'mouse' || e.pointerType === 'touch')) {
|
|
563
623
|
// Allow dragging the start or end date of a range to modify it
|
|
564
624
|
// rather than starting a new selection.
|
|
565
|
-
|
|
625
|
+
// Don't allow dragging when invalid, or weird jumping behavior may occur as date ranges
|
|
626
|
+
// are constrained to available dates. The user will need to select a new range in this case.
|
|
627
|
+
if (state.highlightedRange && !isInvalid) {
|
|
566
628
|
if ($amWdn$isSameDay(date, state.highlightedRange.start)) {
|
|
567
629
|
state.setAnchorDate(state.highlightedRange.end);
|
|
568
630
|
state.setFocusedDate(date);
|
|
@@ -646,7 +708,12 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
|
|
|
646
708
|
if (!isDisabled) tabIndex = $amWdn$isSameDay(date, state.focusedDate) ? 0 : -1;
|
|
647
709
|
// Focus the button in the DOM when the state updates.
|
|
648
710
|
$amWdn$useEffect(()=>{
|
|
649
|
-
if (isFocused && ref.current)
|
|
711
|
+
if (isFocused && ref.current) {
|
|
712
|
+
// Scroll into view if navigating with a keyboard, otherwise
|
|
713
|
+
// try not to shift the view under the user's mouse/finger.
|
|
714
|
+
if ($amWdn$getInteractionModality() === 'pointer') $amWdn$focusWithoutScrolling(ref.current);
|
|
715
|
+
else ref.current.focus();
|
|
716
|
+
}
|
|
650
717
|
}, [
|
|
651
718
|
isFocused,
|
|
652
719
|
ref
|
|
@@ -665,7 +732,8 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
|
|
|
665
732
|
cellProps: {
|
|
666
733
|
role: 'gridcell',
|
|
667
734
|
'aria-disabled': !isSelectable || null,
|
|
668
|
-
'aria-selected':
|
|
735
|
+
'aria-selected': isSelected || null,
|
|
736
|
+
'aria-invalid': isInvalid || null
|
|
669
737
|
},
|
|
670
738
|
buttonProps: $amWdn$mergeProps(pressProps, {
|
|
671
739
|
onFocus () {
|
|
@@ -674,7 +742,12 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
|
|
|
674
742
|
tabIndex: tabIndex,
|
|
675
743
|
role: 'button',
|
|
676
744
|
'aria-disabled': !isSelectable || null,
|
|
677
|
-
'aria-label':
|
|
745
|
+
'aria-label': label1,
|
|
746
|
+
'aria-invalid': isInvalid || null,
|
|
747
|
+
'aria-describedby': [
|
|
748
|
+
isInvalid ? errorMessageId : null,
|
|
749
|
+
descriptionProps['aria-describedby']
|
|
750
|
+
].filter(Boolean).join(' ') || undefined,
|
|
678
751
|
onPointerEnter (e) {
|
|
679
752
|
// Highlight the date on hover or drag over a date when selecting a range.
|
|
680
753
|
if ('highlightDate' in state && (e.pointerType !== 'touch' || state.isDragging) && isSelectable) state.highlightDate(date);
|
|
@@ -696,14 +769,12 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
|
|
|
696
769
|
isDisabled: isDisabled,
|
|
697
770
|
isUnavailable: isUnavailable,
|
|
698
771
|
isOutsideVisibleRange: date.compare(state.visibleRange.start) < 0 || date.compare(state.visibleRange.end) > 0,
|
|
772
|
+
isInvalid: isInvalid,
|
|
699
773
|
formattedDate: formattedDate
|
|
700
774
|
};
|
|
701
775
|
}
|
|
702
776
|
|
|
703
777
|
|
|
704
|
-
var $34109fd41c960533$exports = {};
|
|
705
|
-
|
|
706
|
-
|
|
707
778
|
|
|
708
779
|
|
|
709
780
|
export {$9942cad8a072a530$export$3ee915f8151bd4f1 as useCalendar, $46a4342aab3d8076$export$87e0539f600c24e5 as useRangeCalendar, $e3031d1f8c9d64eb$export$cb95147730a423f5 as useCalendarGrid, $36a0ac60f04457c5$export$136073280381448e as useCalendarCell};
|