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