@react-aria/calendar 3.0.0-nightly.3175 → 3.0.0-rc.1
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 +228 -151
- package/dist/main.js.map +1 -1
- package/dist/module.js +226 -136
- 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 +13 -14
- package/src/index.ts +9 -5
- package/src/useCalendar.ts +1 -2
- package/src/useCalendarBase.ts +40 -14
- package/src/useCalendarCell.ts +64 -20
- package/src/useCalendarGrid.ts +46 -38
- package/src/useRangeCalendar.ts +16 -11
- package/src/utils.ts +81 -14
- 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";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
4
|
+
import {useMessageFormatter as $amWdn$useMessageFormatter, useDateFormatter as $amWdn$useDateFormatter, useLocale as $amWdn$useLocale} from "@react-aria/i18n";
|
|
5
|
+
import {isSameDay as $amWdn$isSameDay, startOfMonth as $amWdn$startOfMonth, endOfMonth as $amWdn$endOfMonth, startOfWeek as $amWdn$startOfWeek, today as $amWdn$today, isEqualDay as $amWdn$isEqualDay, isToday as $amWdn$isToday} from "@internationalized/date";
|
|
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,42 @@ $0fbdc3429b133a50$exports = {
|
|
|
192
188
|
|
|
193
189
|
|
|
194
190
|
|
|
195
|
-
|
|
196
|
-
|
|
191
|
+
const $a074e1e2d0f0a665$export$653eddfc964b0f8a = new WeakMap();
|
|
192
|
+
function $a074e1e2d0f0a665$export$134cbb7fb09a9522(date) {
|
|
193
|
+
if ((date === null || date === void 0 ? void 0 : date.calendar.identifier) !== 'gregory') return 'long';
|
|
194
|
+
else if ((date === null || date === void 0 ? void 0 : date.era) === 'BC') return 'short';
|
|
195
|
+
}
|
|
197
196
|
function $a074e1e2d0f0a665$export$b6df97c887c38e1a(state) {
|
|
198
197
|
let formatMessage = $amWdn$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($0fbdc3429b133a50$exports)));
|
|
199
198
|
let start, end;
|
|
200
199
|
if ('highlightedRange' in state) ({ start: start , end: end } = state.highlightedRange || {
|
|
201
200
|
});
|
|
202
201
|
else start = end = state.value;
|
|
202
|
+
let dateFormatter = $amWdn$useDateFormatter({
|
|
203
|
+
weekday: 'long',
|
|
204
|
+
month: 'long',
|
|
205
|
+
year: 'numeric',
|
|
206
|
+
day: 'numeric',
|
|
207
|
+
era: $a074e1e2d0f0a665$export$134cbb7fb09a9522(start) || $a074e1e2d0f0a665$export$134cbb7fb09a9522(end),
|
|
208
|
+
timeZone: state.timeZone
|
|
209
|
+
});
|
|
203
210
|
let anchorDate = 'anchorDate' in state ? state.anchorDate : null;
|
|
204
211
|
return $amWdn$useMemo(()=>{
|
|
205
212
|
// No message if currently selecting a range, or there is nothing highlighted.
|
|
206
213
|
if (!anchorDate && start && end) {
|
|
207
214
|
// Use a single date message if the start and end dates are the same day,
|
|
208
215
|
// otherwise include both dates.
|
|
209
|
-
if ($amWdn$isSameDay(start, end))
|
|
210
|
-
date
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
+
if ($amWdn$isSameDay(start, end)) {
|
|
217
|
+
let date = dateFormatter.format(start.toDate(state.timeZone));
|
|
218
|
+
return formatMessage('selectedDateDescription', {
|
|
219
|
+
date: date
|
|
220
|
+
});
|
|
221
|
+
} else {
|
|
222
|
+
let dateRange = $a074e1e2d0f0a665$var$formatRange(dateFormatter, formatMessage, start, end, state.timeZone);
|
|
223
|
+
return formatMessage('selectedRangeDescription', {
|
|
224
|
+
dateRange: dateRange
|
|
225
|
+
});
|
|
226
|
+
}
|
|
216
227
|
}
|
|
217
228
|
return '';
|
|
218
229
|
}, [
|
|
@@ -220,37 +231,68 @@ function $a074e1e2d0f0a665$export$b6df97c887c38e1a(state) {
|
|
|
220
231
|
end,
|
|
221
232
|
anchorDate,
|
|
222
233
|
state.timeZone,
|
|
223
|
-
formatMessage
|
|
234
|
+
formatMessage,
|
|
235
|
+
dateFormatter
|
|
224
236
|
]);
|
|
225
237
|
}
|
|
226
|
-
function $a074e1e2d0f0a665$export$31afe65d91ef6e8(startDate, endDate, timeZone) {
|
|
238
|
+
function $a074e1e2d0f0a665$export$31afe65d91ef6e8(startDate, endDate, timeZone, isAria) {
|
|
239
|
+
let formatMessage = $amWdn$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($0fbdc3429b133a50$exports)));
|
|
240
|
+
let era = $a074e1e2d0f0a665$export$134cbb7fb09a9522(startDate) || $a074e1e2d0f0a665$export$134cbb7fb09a9522(endDate);
|
|
227
241
|
let monthFormatter = $amWdn$useDateFormatter({
|
|
228
242
|
month: 'long',
|
|
229
243
|
year: 'numeric',
|
|
230
|
-
era:
|
|
231
|
-
calendar: startDate.calendar.identifier
|
|
244
|
+
era: era,
|
|
245
|
+
calendar: startDate.calendar.identifier,
|
|
246
|
+
timeZone: timeZone
|
|
232
247
|
});
|
|
233
248
|
let dateFormatter = $amWdn$useDateFormatter({
|
|
234
|
-
|
|
235
|
-
|
|
249
|
+
month: 'long',
|
|
250
|
+
year: 'numeric',
|
|
251
|
+
day: 'numeric',
|
|
252
|
+
era: era,
|
|
253
|
+
calendar: startDate.calendar.identifier,
|
|
254
|
+
timeZone: timeZone
|
|
236
255
|
});
|
|
237
256
|
return $amWdn$useMemo(()=>{
|
|
238
257
|
// Special case for month granularity. Format as a single month if only a
|
|
239
258
|
// single month is visible, otherwise format as a range of months.
|
|
240
259
|
if ($amWdn$isSameDay(startDate, $amWdn$startOfMonth(startDate))) {
|
|
241
260
|
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));
|
|
261
|
+
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
262
|
}
|
|
244
|
-
return dateFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));
|
|
263
|
+
return isAria ? $a074e1e2d0f0a665$var$formatRange(dateFormatter, formatMessage, startDate, endDate, timeZone) : dateFormatter.formatRange(startDate.toDate(timeZone), endDate.toDate(timeZone));
|
|
245
264
|
}, [
|
|
246
265
|
startDate,
|
|
247
266
|
endDate,
|
|
248
267
|
monthFormatter,
|
|
249
268
|
dateFormatter,
|
|
250
|
-
|
|
269
|
+
formatMessage,
|
|
270
|
+
timeZone,
|
|
271
|
+
isAria
|
|
251
272
|
]);
|
|
252
273
|
}
|
|
253
|
-
|
|
274
|
+
function $a074e1e2d0f0a665$var$formatRange(dateFormatter, formatMessage, start, end, timeZone) {
|
|
275
|
+
let parts = dateFormatter.formatRangeToParts(start.toDate(timeZone), end.toDate(timeZone));
|
|
276
|
+
// Find the separator between the start and end date. This is determined
|
|
277
|
+
// by finding the last shared literal before the end range.
|
|
278
|
+
let separatorIndex = -1;
|
|
279
|
+
for(let i = 0; i < parts.length; i++){
|
|
280
|
+
let part = parts[i];
|
|
281
|
+
if (part.source === 'shared' && part.type === 'literal') separatorIndex = i;
|
|
282
|
+
else if (part.source === 'endRange') break;
|
|
283
|
+
}
|
|
284
|
+
// Now we can combine the parts into start and end strings.
|
|
285
|
+
let startValue = '';
|
|
286
|
+
let endValue = '';
|
|
287
|
+
for(let i1 = 0; i1 < parts.length; i1++){
|
|
288
|
+
if (i1 < separatorIndex) startValue += parts[i1].value;
|
|
289
|
+
else if (i1 > separatorIndex) endValue += parts[i1].value;
|
|
290
|
+
}
|
|
291
|
+
return formatMessage('dateRange', {
|
|
292
|
+
startDate: startValue,
|
|
293
|
+
endDate: endValue
|
|
294
|
+
});
|
|
295
|
+
}
|
|
254
296
|
|
|
255
297
|
|
|
256
298
|
|
|
@@ -258,8 +300,9 @@ function $a074e1e2d0f0a665$export$31afe65d91ef6e8(startDate, endDate, timeZone)
|
|
|
258
300
|
|
|
259
301
|
function $c4acc1de3ab169cf$export$d652b3ea2d672d5b(props, state) {
|
|
260
302
|
let formatMessage = $amWdn$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($0fbdc3429b133a50$exports)));
|
|
261
|
-
let
|
|
262
|
-
let
|
|
303
|
+
let domProps = $amWdn$filterDOMProps(props);
|
|
304
|
+
let title = $a074e1e2d0f0a665$export$31afe65d91ef6e8(state.visibleRange.start, state.visibleRange.end, state.timeZone, false);
|
|
305
|
+
let visibleRangeDescription = $a074e1e2d0f0a665$export$31afe65d91ef6e8(state.visibleRange.start, state.visibleRange.end, state.timeZone, true);
|
|
263
306
|
// Announce when the visible date range changes
|
|
264
307
|
$amWdn$useUpdateEffect(()=>{
|
|
265
308
|
// only when pressing the Previous or Next button
|
|
@@ -275,9 +318,17 @@ function $c4acc1de3ab169cf$export$d652b3ea2d672d5b(props, state) {
|
|
|
275
318
|
}, [
|
|
276
319
|
selectedDateDescription
|
|
277
320
|
]);
|
|
278
|
-
let
|
|
279
|
-
|
|
280
|
-
|
|
321
|
+
let errorMessageId = $amWdn$useSlotId([
|
|
322
|
+
Boolean(props.errorMessage),
|
|
323
|
+
props.validationState
|
|
324
|
+
]);
|
|
325
|
+
// Pass the label to the child grid elements.
|
|
326
|
+
$a074e1e2d0f0a665$export$653eddfc964b0f8a.set(state, {
|
|
327
|
+
ariaLabel: props['aria-label'],
|
|
328
|
+
ariaLabelledBy: props['aria-labelledby'],
|
|
329
|
+
errorMessageId: errorMessageId,
|
|
330
|
+
selectedDateDescription: selectedDateDescription
|
|
331
|
+
});
|
|
281
332
|
// If the next or previous buttons become disabled while they are focused, move focus to the calendar body.
|
|
282
333
|
let nextFocused = $amWdn$useRef(false);
|
|
283
334
|
let nextDisabled = props.isDisabled || state.isNextVisibleRangeInvalid();
|
|
@@ -291,12 +342,18 @@ function $c4acc1de3ab169cf$export$d652b3ea2d672d5b(props, state) {
|
|
|
291
342
|
previousFocused.current = false;
|
|
292
343
|
state.setFocused(true);
|
|
293
344
|
}
|
|
345
|
+
let labelProps = $amWdn$useLabels({
|
|
346
|
+
id: props['id'],
|
|
347
|
+
'aria-label': [
|
|
348
|
+
props['aria-label'],
|
|
349
|
+
visibleRangeDescription
|
|
350
|
+
].filter(Boolean).join(', '),
|
|
351
|
+
'aria-labelledby': props['aria-labelledby']
|
|
352
|
+
});
|
|
294
353
|
return {
|
|
295
|
-
calendarProps: $amWdn$mergeProps(
|
|
354
|
+
calendarProps: $amWdn$mergeProps(domProps, labelProps, {
|
|
296
355
|
role: 'group',
|
|
297
|
-
|
|
298
|
-
'aria-label': props['aria-label'],
|
|
299
|
-
'aria-labelledby': props['aria-labelledby']
|
|
356
|
+
'aria-describedby': props['aria-describedby'] || undefined
|
|
300
357
|
}),
|
|
301
358
|
nextButtonProps: {
|
|
302
359
|
onPress: ()=>state.focusNextPage()
|
|
@@ -316,7 +373,10 @@ function $c4acc1de3ab169cf$export$d652b3ea2d672d5b(props, state) {
|
|
|
316
373
|
,
|
|
317
374
|
onBlur: ()=>previousFocused.current = false
|
|
318
375
|
},
|
|
319
|
-
|
|
376
|
+
errorMessageProps: {
|
|
377
|
+
id: errorMessageId
|
|
378
|
+
},
|
|
379
|
+
title: title
|
|
320
380
|
};
|
|
321
381
|
}
|
|
322
382
|
|
|
@@ -326,16 +386,11 @@ function $9942cad8a072a530$export$3ee915f8151bd4f1(props, state) {
|
|
|
326
386
|
}
|
|
327
387
|
|
|
328
388
|
|
|
329
|
-
var $46a4342aab3d8076$exports = {};
|
|
330
|
-
|
|
331
|
-
$parcel$export($46a4342aab3d8076$exports, "useRangeCalendar", () => $46a4342aab3d8076$export$87e0539f600c24e5);
|
|
332
389
|
|
|
333
390
|
|
|
334
391
|
|
|
335
|
-
function $46a4342aab3d8076$export$87e0539f600c24e5(props, state,
|
|
392
|
+
function $46a4342aab3d8076$export$87e0539f600c24e5(props, state, ref) {
|
|
336
393
|
let res = $c4acc1de3ab169cf$export$d652b3ea2d672d5b(props, state);
|
|
337
|
-
res.nextButtonProps.id = $amWdn$useId();
|
|
338
|
-
res.prevButtonProps.id = $amWdn$useId();
|
|
339
394
|
// We need to ignore virtual pointer events from VoiceOver due to these bugs.
|
|
340
395
|
// https://bugs.webkit.org/show_bug.cgi?id=222627
|
|
341
396
|
// https://bugs.webkit.org/show_bug.cgi?id=223202
|
|
@@ -343,13 +398,13 @@ function $46a4342aab3d8076$export$87e0539f600c24e5(props, state, ref2) {
|
|
|
343
398
|
// We need to match that here otherwise this will fire before the press event in
|
|
344
399
|
// useCalendarCell, causing range selection to not work properly.
|
|
345
400
|
let isVirtualClick = $amWdn$useRef(false);
|
|
346
|
-
$amWdn$
|
|
401
|
+
let windowRef = $amWdn$useRef(typeof window !== 'undefined' ? window : null);
|
|
402
|
+
$amWdn$useEvent(windowRef, 'pointerdown', (e)=>{
|
|
347
403
|
isVirtualClick.current = e.width === 0 && e.height === 0;
|
|
348
404
|
});
|
|
349
405
|
// Stop range selection when pressing or releasing a pointer outside the calendar body,
|
|
350
406
|
// except when pressing the next or previous buttons to switch months.
|
|
351
407
|
let endDragging = (e)=>{
|
|
352
|
-
var ref, ref1;
|
|
353
408
|
if (isVirtualClick.current) {
|
|
354
409
|
isVirtualClick.current = false;
|
|
355
410
|
return;
|
|
@@ -358,12 +413,16 @@ function $46a4342aab3d8076$export$87e0539f600c24e5(props, state, ref2) {
|
|
|
358
413
|
if (!state.anchorDate) return;
|
|
359
414
|
let target = e.target;
|
|
360
415
|
let body = document.getElementById(res.calendarProps.id);
|
|
361
|
-
if (
|
|
416
|
+
if (body && body.contains(document.activeElement) && (!body.contains(target) || !target.closest('button, [role="button"]'))) state.selectFocusedDate();
|
|
417
|
+
};
|
|
418
|
+
$amWdn$useEvent(windowRef, 'pointerup', endDragging);
|
|
419
|
+
$amWdn$useEvent(windowRef, 'pointercancel', endDragging);
|
|
420
|
+
// Also stop range selection on blur, e.g. tabbing away from the calendar.
|
|
421
|
+
res.calendarProps.onBlur = (e)=>{
|
|
422
|
+
if ((!e.relatedTarget || !ref.current.contains(e.relatedTarget)) && state.anchorDate) state.selectFocusedDate();
|
|
362
423
|
};
|
|
363
|
-
$amWdn$useEvent($amWdn$useRef(window), 'pointerup', endDragging);
|
|
364
|
-
$amWdn$useEvent($amWdn$useRef(window), 'pointercancel', endDragging);
|
|
365
424
|
// Prevent touch scrolling while dragging
|
|
366
|
-
$amWdn$useEvent(
|
|
425
|
+
$amWdn$useEvent(ref, 'touchmove', (e)=>{
|
|
367
426
|
if (state.isDragging) e.preventDefault();
|
|
368
427
|
}, {
|
|
369
428
|
passive: false,
|
|
@@ -373,9 +432,7 @@ function $46a4342aab3d8076$export$87e0539f600c24e5(props, state, ref2) {
|
|
|
373
432
|
}
|
|
374
433
|
|
|
375
434
|
|
|
376
|
-
var $e3031d1f8c9d64eb$exports = {};
|
|
377
435
|
|
|
378
|
-
$parcel$export($e3031d1f8c9d64eb$exports, "useCalendarGrid", () => $e3031d1f8c9d64eb$export$cb95147730a423f5);
|
|
379
436
|
|
|
380
437
|
|
|
381
438
|
|
|
@@ -392,38 +449,44 @@ function $e3031d1f8c9d64eb$export$cb95147730a423f5(props, state) {
|
|
|
392
449
|
break;
|
|
393
450
|
case 'PageUp':
|
|
394
451
|
e.preventDefault();
|
|
395
|
-
|
|
396
|
-
|
|
452
|
+
e.stopPropagation();
|
|
453
|
+
state.focusPreviousSection(e.shiftKey);
|
|
397
454
|
break;
|
|
398
455
|
case 'PageDown':
|
|
399
456
|
e.preventDefault();
|
|
400
|
-
|
|
401
|
-
|
|
457
|
+
e.stopPropagation();
|
|
458
|
+
state.focusNextSection(e.shiftKey);
|
|
402
459
|
break;
|
|
403
460
|
case 'End':
|
|
404
461
|
e.preventDefault();
|
|
405
|
-
|
|
462
|
+
e.stopPropagation();
|
|
463
|
+
state.focusSectionEnd();
|
|
406
464
|
break;
|
|
407
465
|
case 'Home':
|
|
408
466
|
e.preventDefault();
|
|
409
|
-
|
|
467
|
+
e.stopPropagation();
|
|
468
|
+
state.focusSectionStart();
|
|
410
469
|
break;
|
|
411
470
|
case 'ArrowLeft':
|
|
412
471
|
e.preventDefault();
|
|
472
|
+
e.stopPropagation();
|
|
413
473
|
if (direction === 'rtl') state.focusNextDay();
|
|
414
474
|
else state.focusPreviousDay();
|
|
415
475
|
break;
|
|
416
476
|
case 'ArrowUp':
|
|
417
477
|
e.preventDefault();
|
|
478
|
+
e.stopPropagation();
|
|
418
479
|
state.focusPreviousRow();
|
|
419
480
|
break;
|
|
420
481
|
case 'ArrowRight':
|
|
421
482
|
e.preventDefault();
|
|
483
|
+
e.stopPropagation();
|
|
422
484
|
if (direction === 'rtl') state.focusPreviousDay();
|
|
423
485
|
else state.focusNextDay();
|
|
424
486
|
break;
|
|
425
487
|
case 'ArrowDown':
|
|
426
488
|
e.preventDefault();
|
|
489
|
+
e.stopPropagation();
|
|
427
490
|
state.focusNextRow();
|
|
428
491
|
break;
|
|
429
492
|
case 'Escape':
|
|
@@ -435,37 +498,38 @@ function $e3031d1f8c9d64eb$export$cb95147730a423f5(props, state) {
|
|
|
435
498
|
break;
|
|
436
499
|
}
|
|
437
500
|
};
|
|
438
|
-
let
|
|
439
|
-
let
|
|
440
|
-
let visibleRangeDescription = $a074e1e2d0f0a665$export$31afe65d91ef6e8(startDate, endDate, state.timeZone);
|
|
501
|
+
let visibleRangeDescription = $a074e1e2d0f0a665$export$31afe65d91ef6e8(startDate, endDate, state.timeZone, true);
|
|
502
|
+
let { ariaLabel: ariaLabel , ariaLabelledBy: ariaLabelledBy } = $a074e1e2d0f0a665$export$653eddfc964b0f8a.get(state);
|
|
441
503
|
let labelProps = $amWdn$useLabels({
|
|
442
|
-
'aria-label':
|
|
443
|
-
|
|
504
|
+
'aria-label': [
|
|
505
|
+
ariaLabel,
|
|
506
|
+
visibleRangeDescription
|
|
507
|
+
].filter(Boolean).join(', '),
|
|
508
|
+
'aria-labelledby': ariaLabelledBy
|
|
444
509
|
});
|
|
445
510
|
let dayFormatter = $amWdn$useDateFormatter({
|
|
446
|
-
weekday: 'narrow'
|
|
447
|
-
|
|
448
|
-
let dayFormatterLong = $amWdn$useDateFormatter({
|
|
449
|
-
weekday: 'long'
|
|
511
|
+
weekday: 'narrow',
|
|
512
|
+
timeZone: state.timeZone
|
|
450
513
|
});
|
|
451
514
|
let { locale: locale } = $amWdn$useLocale();
|
|
452
|
-
let
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
515
|
+
let weekDays = $amWdn$useMemo(()=>{
|
|
516
|
+
let weekStart = $amWdn$startOfWeek($amWdn$today(state.timeZone), locale);
|
|
517
|
+
return [
|
|
518
|
+
...new Array(7).keys()
|
|
519
|
+
].map((index)=>{
|
|
520
|
+
let date = weekStart.add({
|
|
521
|
+
days: index
|
|
522
|
+
});
|
|
523
|
+
let dateDay = date.toDate(state.timeZone);
|
|
524
|
+
return dayFormatter.format(dateDay);
|
|
458
525
|
});
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
long: long
|
|
465
|
-
};
|
|
466
|
-
});
|
|
526
|
+
}, [
|
|
527
|
+
locale,
|
|
528
|
+
state.timeZone,
|
|
529
|
+
dayFormatter
|
|
530
|
+
]);
|
|
467
531
|
return {
|
|
468
|
-
gridProps: $amWdn$mergeProps(
|
|
532
|
+
gridProps: $amWdn$mergeProps(labelProps, {
|
|
469
533
|
role: 'grid',
|
|
470
534
|
'aria-readonly': state.isReadOnly || null,
|
|
471
535
|
'aria-disabled': state.isDisabled || null,
|
|
@@ -475,14 +539,17 @@ function $e3031d1f8c9d64eb$export$cb95147730a423f5(props, state) {
|
|
|
475
539
|
,
|
|
476
540
|
onBlur: ()=>state.setFocused(false)
|
|
477
541
|
}),
|
|
542
|
+
headerProps: {
|
|
543
|
+
// Column headers are hidden to screen readers to make navigating with a touch screen reader easier.
|
|
544
|
+
// The day names are already included in the label of each cell, so there's no need to announce them twice.
|
|
545
|
+
'aria-hidden': true
|
|
546
|
+
},
|
|
478
547
|
weekDays: weekDays
|
|
479
548
|
};
|
|
480
549
|
}
|
|
481
550
|
|
|
482
551
|
|
|
483
|
-
var $36a0ac60f04457c5$exports = {};
|
|
484
552
|
|
|
485
|
-
$parcel$export($36a0ac60f04457c5$exports, "useCalendarCell", () => $36a0ac60f04457c5$export$136073280381448e);
|
|
486
553
|
|
|
487
554
|
|
|
488
555
|
|
|
@@ -492,13 +559,14 @@ $parcel$export($36a0ac60f04457c5$exports, "useCalendarCell", () => $36a0ac60f044
|
|
|
492
559
|
|
|
493
560
|
function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
|
|
494
561
|
let { date: date , isDisabled: isDisabled } = props;
|
|
562
|
+
let { errorMessageId: errorMessageId , selectedDateDescription: selectedDateDescription } = $a074e1e2d0f0a665$export$653eddfc964b0f8a.get(state);
|
|
495
563
|
let formatMessage = $amWdn$useMessageFormatter((/*@__PURE__*/$parcel$interopDefault($0fbdc3429b133a50$exports)));
|
|
496
564
|
let dateFormatter = $amWdn$useDateFormatter({
|
|
497
565
|
weekday: 'long',
|
|
498
566
|
day: 'numeric',
|
|
499
567
|
month: 'long',
|
|
500
568
|
year: 'numeric',
|
|
501
|
-
era: date
|
|
569
|
+
era: $a074e1e2d0f0a665$export$134cbb7fb09a9522(date),
|
|
502
570
|
timeZone: state.timeZone
|
|
503
571
|
});
|
|
504
572
|
let isSelected = state.isSelected(date);
|
|
@@ -506,6 +574,8 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
|
|
|
506
574
|
isDisabled = isDisabled || state.isCellDisabled(date);
|
|
507
575
|
let isUnavailable = state.isCellUnavailable(date);
|
|
508
576
|
let isSelectable = !isDisabled && !isUnavailable;
|
|
577
|
+
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));
|
|
578
|
+
if (isInvalid) isSelected = true;
|
|
509
579
|
// For performance, reuse the same date object as before if the new date prop is the same.
|
|
510
580
|
// This allows subsequent useMemo results to be reused.
|
|
511
581
|
let lastDate = $amWdn$useRef(null);
|
|
@@ -518,33 +588,42 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
|
|
|
518
588
|
]);
|
|
519
589
|
// aria-label should be localize Day of week, Month, Day and Year without Time.
|
|
520
590
|
let isDateToday = $amWdn$isToday(date, state.timeZone);
|
|
521
|
-
let
|
|
591
|
+
let label1 = $amWdn$useMemo(()=>{
|
|
592
|
+
let label = '';
|
|
593
|
+
// If this is a range calendar, add a description of the full selected range
|
|
594
|
+
// to the first and last selected date.
|
|
595
|
+
if ('highlightedRange' in state && state.value && !state.anchorDate && ($amWdn$isSameDay(date, state.value.start) || $amWdn$isSameDay(date, state.value.end))) label = selectedDateDescription + ', ';
|
|
596
|
+
label += dateFormatter.format(nativeDate);
|
|
522
597
|
if (isDateToday) // If date is today, set appropriate string depending on selected state:
|
|
523
|
-
|
|
524
|
-
date:
|
|
598
|
+
label = formatMessage(isSelected ? 'todayDateSelected' : 'todayDate', {
|
|
599
|
+
date: label
|
|
525
600
|
});
|
|
526
601
|
else if (isSelected) // If date is selected but not today:
|
|
527
|
-
|
|
528
|
-
date:
|
|
602
|
+
label = formatMessage('dateSelected', {
|
|
603
|
+
date: label
|
|
529
604
|
});
|
|
530
|
-
|
|
605
|
+
if (state.minValue && $amWdn$isSameDay(date, state.minValue)) label += ', ' + formatMessage('minimumDate');
|
|
606
|
+
else if (state.maxValue && $amWdn$isSameDay(date, state.maxValue)) label += ', ' + formatMessage('maximumDate');
|
|
607
|
+
return label;
|
|
531
608
|
}, [
|
|
532
609
|
dateFormatter,
|
|
533
610
|
nativeDate,
|
|
534
611
|
formatMessage,
|
|
535
612
|
isSelected,
|
|
536
|
-
isDateToday
|
|
613
|
+
isDateToday,
|
|
614
|
+
date,
|
|
615
|
+
state,
|
|
616
|
+
selectedDateDescription
|
|
537
617
|
]);
|
|
538
618
|
// When a cell is focused and this is a range calendar, add a prompt to help
|
|
539
619
|
// screenreader users know that they are in a range selection mode.
|
|
620
|
+
let rangeSelectionPrompt = '';
|
|
540
621
|
if ('anchorDate' in state && isFocused && !state.isReadOnly && isSelectable) {
|
|
541
|
-
let rangeSelectionPrompt = '';
|
|
542
622
|
// If selection has started add "click to finish selecting range"
|
|
543
623
|
if (state.anchorDate) rangeSelectionPrompt = formatMessage('finishRangeSelectionPrompt');
|
|
544
624
|
else rangeSelectionPrompt = formatMessage('startRangeSelectionPrompt');
|
|
545
|
-
// Append to aria-label
|
|
546
|
-
if (rangeSelectionPrompt) label = `${label} (${rangeSelectionPrompt})`;
|
|
547
625
|
}
|
|
626
|
+
let descriptionProps = $amWdn$useDescription(rangeSelectionPrompt);
|
|
548
627
|
let isAnchorPressed = $amWdn$useRef(false);
|
|
549
628
|
let isRangeBoundaryPressed = $amWdn$useRef(false);
|
|
550
629
|
let touchDragTimerRef = $amWdn$useRef(null);
|
|
@@ -562,7 +641,9 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
|
|
|
562
641
|
if ('highlightedRange' in state && !state.anchorDate && (e.pointerType === 'mouse' || e.pointerType === 'touch')) {
|
|
563
642
|
// Allow dragging the start or end date of a range to modify it
|
|
564
643
|
// rather than starting a new selection.
|
|
565
|
-
|
|
644
|
+
// Don't allow dragging when invalid, or weird jumping behavior may occur as date ranges
|
|
645
|
+
// are constrained to available dates. The user will need to select a new range in this case.
|
|
646
|
+
if (state.highlightedRange && !isInvalid) {
|
|
566
647
|
if ($amWdn$isSameDay(date, state.highlightedRange.start)) {
|
|
567
648
|
state.setAnchorDate(state.highlightedRange.end);
|
|
568
649
|
state.setFocusedDate(date);
|
|
@@ -646,7 +727,12 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
|
|
|
646
727
|
if (!isDisabled) tabIndex = $amWdn$isSameDay(date, state.focusedDate) ? 0 : -1;
|
|
647
728
|
// Focus the button in the DOM when the state updates.
|
|
648
729
|
$amWdn$useEffect(()=>{
|
|
649
|
-
if (isFocused && ref.current)
|
|
730
|
+
if (isFocused && ref.current) {
|
|
731
|
+
// Scroll into view if navigating with a keyboard, otherwise
|
|
732
|
+
// try not to shift the view under the user's mouse/finger.
|
|
733
|
+
if ($amWdn$getInteractionModality() === 'pointer') $amWdn$focusWithoutScrolling(ref.current);
|
|
734
|
+
else ref.current.focus();
|
|
735
|
+
}
|
|
650
736
|
}, [
|
|
651
737
|
isFocused,
|
|
652
738
|
ref
|
|
@@ -665,7 +751,8 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
|
|
|
665
751
|
cellProps: {
|
|
666
752
|
role: 'gridcell',
|
|
667
753
|
'aria-disabled': !isSelectable || null,
|
|
668
|
-
'aria-selected':
|
|
754
|
+
'aria-selected': isSelected || null,
|
|
755
|
+
'aria-invalid': isInvalid || null
|
|
669
756
|
},
|
|
670
757
|
buttonProps: $amWdn$mergeProps(pressProps, {
|
|
671
758
|
onFocus () {
|
|
@@ -674,7 +761,12 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
|
|
|
674
761
|
tabIndex: tabIndex,
|
|
675
762
|
role: 'button',
|
|
676
763
|
'aria-disabled': !isSelectable || null,
|
|
677
|
-
'aria-label':
|
|
764
|
+
'aria-label': label1,
|
|
765
|
+
'aria-invalid': isInvalid || null,
|
|
766
|
+
'aria-describedby': [
|
|
767
|
+
isInvalid ? errorMessageId : null,
|
|
768
|
+
descriptionProps['aria-describedby']
|
|
769
|
+
].filter(Boolean).join(' ') || undefined,
|
|
678
770
|
onPointerEnter (e) {
|
|
679
771
|
// Highlight the date on hover or drag over a date when selecting a range.
|
|
680
772
|
if ('highlightDate' in state && (e.pointerType !== 'touch' || state.isDragging) && isSelectable) state.highlightDate(date);
|
|
@@ -696,14 +788,12 @@ function $36a0ac60f04457c5$export$136073280381448e(props, state, ref) {
|
|
|
696
788
|
isDisabled: isDisabled,
|
|
697
789
|
isUnavailable: isUnavailable,
|
|
698
790
|
isOutsideVisibleRange: date.compare(state.visibleRange.start) < 0 || date.compare(state.visibleRange.end) > 0,
|
|
791
|
+
isInvalid: isInvalid,
|
|
699
792
|
formattedDate: formattedDate
|
|
700
793
|
};
|
|
701
794
|
}
|
|
702
795
|
|
|
703
796
|
|
|
704
|
-
var $34109fd41c960533$exports = {};
|
|
705
|
-
|
|
706
|
-
|
|
707
797
|
|
|
708
798
|
|
|
709
799
|
export {$9942cad8a072a530$export$3ee915f8151bd4f1 as useCalendar, $46a4342aab3d8076$export$87e0539f600c24e5 as useRangeCalendar, $e3031d1f8c9d64eb$export$cb95147730a423f5 as useCalendarGrid, $36a0ac60f04457c5$export$136073280381448e as useCalendarCell};
|