@react-aria/datepicker 3.0.0-alpha.1 → 3.0.0-alpha.2
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 +59 -46
- package/dist/main.js.map +1 -1
- package/dist/module.js +58 -47
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +4 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +5 -5
- package/src/useDateField.ts +9 -3
- package/src/useDateSegment.ts +13 -7
package/dist/module.js
CHANGED
|
@@ -5,110 +5,110 @@ import { NumberParser } from "@internationalized/number";
|
|
|
5
5
|
import { useLocale, useMessageFormatter, useDateFormatter, useFilter } from "@react-aria/i18n";
|
|
6
6
|
import { useField } from "@react-aria/label";
|
|
7
7
|
import { usePress, useFocusWithin } from "@react-aria/interactions";
|
|
8
|
-
import { mergeProps, useDescription, useId, isIOS, isMac, useEvent, useLabels } from "@react-aria/utils";
|
|
8
|
+
import { mergeProps, useDescription, useId, getScrollParent, isIOS, isMac, scrollIntoView, useEvent, useLabels } from "@react-aria/utils";
|
|
9
9
|
import { createFocusManager, useFocusManager } from "@react-aria/focus";
|
|
10
10
|
import _babelRuntimeHelpersEsmInteropRequireDefault from "@babel/runtime/helpers/esm/interopRequireDefault";
|
|
11
11
|
import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
|
|
12
|
-
// ASSET: /Users/govett/
|
|
12
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/ar-AE.json
|
|
13
13
|
var $b935bd0cd08a5bbbb1abd3806a771dc4$exports = {};
|
|
14
14
|
$b935bd0cd08a5bbbb1abd3806a771dc4$exports = JSON.parse("{\"calendar\":\"التقويم\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} إلى {end, date, long}\",\"date\":\"التاريخ\",\"dateRange\":\"نطاق التاريخ\",\"day\":\"يوم\",\"dayPeriod\":\"ص/م\",\"endDate\":\"تاريخ الانتهاء\",\"era\":\"العصر\",\"hour\":\"الساعات\",\"minute\":\"الدقائق\",\"month\":\"الشهر\",\"second\":\"الثواني\",\"startDate\":\"تاريخ البدء\",\"year\":\"السنة\",\"weekday\":\"اليوم\",\"timeZoneName\":\"التوقيت\"}");
|
|
15
|
-
// ASSET: /Users/govett/
|
|
15
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/bg-BG.json
|
|
16
16
|
var $fd4c1baa70755ee27b55d9d185ef9a9$exports = {};
|
|
17
17
|
$fd4c1baa70755ee27b55d9d185ef9a9$exports = JSON.parse("{\"calendar\":\"Календар\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} до {end, date, long}\",\"date\":\"Дата\",\"dateRange\":\"Времеви интервал\",\"day\":\"ден\",\"dayPeriod\":\"пр.об./сл.об.\",\"endDate\":\"Крайна дата\",\"era\":\"ера\",\"hour\":\"час\",\"minute\":\"минута\",\"month\":\"месец\",\"second\":\"секунда\",\"startDate\":\"Начална дата\",\"year\":\"година\",\"weekday\":\"ден от седмицата\",\"timeZoneName\":\"часова зона\"}");
|
|
18
|
-
// ASSET: /Users/govett/
|
|
18
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/cs-CZ.json
|
|
19
19
|
var $ec5372c287a16045d039aa0470ed9fb2$exports = {};
|
|
20
20
|
$ec5372c287a16045d039aa0470ed9fb2$exports = JSON.parse("{\"calendar\":\"Kalendář\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} až {end, date, long}\",\"date\":\"Datum\",\"dateRange\":\"Rozsah dat\",\"day\":\"den\",\"dayPeriod\":\"část dne\",\"endDate\":\"Konečné datum\",\"era\":\"letopočet\",\"hour\":\"hodina\",\"minute\":\"minuta\",\"month\":\"měsíc\",\"second\":\"sekunda\",\"startDate\":\"Počáteční datum\",\"year\":\"rok\",\"weekday\":\"den v týdnu\",\"timeZoneName\":\"časové pásmo\"}");
|
|
21
|
-
// ASSET: /Users/govett/
|
|
21
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/da-DK.json
|
|
22
22
|
var $f6d6f24ad9d284dd48723518690d0e39$exports = {};
|
|
23
23
|
$f6d6f24ad9d284dd48723518690d0e39$exports = JSON.parse("{\"calendar\":\"Kalender\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} til {end, date, long}\",\"date\":\"Dato\",\"dateRange\":\"Datointerval\",\"day\":\"dag\",\"dayPeriod\":\"AM/PM\",\"endDate\":\"Slutdato\",\"era\":\"æra\",\"hour\":\"time\",\"minute\":\"minut\",\"month\":\"måned\",\"second\":\"sekund\",\"startDate\":\"Startdato\",\"year\":\"år\",\"weekday\":\"ugedag\",\"timeZoneName\":\"tidszone\"}");
|
|
24
|
-
// ASSET: /Users/govett/
|
|
24
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/de-DE.json
|
|
25
25
|
var $cc3534ef504f0b7371d8c5aa254d877f$exports = {};
|
|
26
26
|
$cc3534ef504f0b7371d8c5aa254d877f$exports = JSON.parse("{\"calendar\":\"Kalender\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} bis {end, date, long}\",\"date\":\"Datum\",\"dateRange\":\"Datumsbereich\",\"day\":\"Tag\",\"dayPeriod\":\"Tageshälfte\",\"endDate\":\"Enddatum\",\"era\":\"Epoche\",\"hour\":\"Stunde\",\"minute\":\"Minute\",\"month\":\"Monat\",\"second\":\"Sekunde\",\"startDate\":\"Anfangsdatum\",\"year\":\"Jahr\",\"weekday\":\"Wochentag\",\"timeZoneName\":\"Zeitzone\"}");
|
|
27
|
-
// ASSET: /Users/govett/
|
|
27
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/el-GR.json
|
|
28
28
|
var $ebc142984d7760b9cffe23548bb$exports = {};
|
|
29
29
|
$ebc142984d7760b9cffe23548bb$exports = JSON.parse("{\"calendar\":\"Ημερολόγιο\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} ως {end, date, long}\",\"date\":\"Ημερομηνία\",\"dateRange\":\"Εύρος ημερομηνιών\",\"day\":\"ημέρα\",\"dayPeriod\":\"π.μ./μ.μ.\",\"endDate\":\"Ημερομηνία λήξης\",\"era\":\"περίοδος\",\"hour\":\"ώρα\",\"minute\":\"λεπτό\",\"month\":\"μήνας\",\"second\":\"δευτερόλεπτο\",\"startDate\":\"Ημερομηνία έναρξης\",\"year\":\"έτος\",\"weekday\":\"καθημερινή\",\"timeZoneName\":\"ζώνη ώρας\"}");
|
|
30
|
-
// ASSET: /Users/govett/
|
|
30
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/en-US.json
|
|
31
31
|
var $f9cbab65725c7cb01e69dde93bd9a$exports = {};
|
|
32
32
|
$f9cbab65725c7cb01e69dde93bd9a$exports = JSON.parse("{\"era\":\"era\",\"year\":\"year\",\"month\":\"month\",\"day\":\"day\",\"hour\":\"hour\",\"minute\":\"minute\",\"second\":\"second\",\"dayPeriod\":\"AM/PM\",\"calendar\":\"Calendar\",\"date\":\"Date\",\"dateRange\":\"Date Range\",\"startDate\":\"Start Date\",\"endDate\":\"End Date\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} to {end, date, long}\",\"weekday\":\"day of the week\",\"timeZoneName\":\"time zone\"}");
|
|
33
|
-
// ASSET: /Users/govett/
|
|
33
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/es-ES.json
|
|
34
34
|
var $b069706710aa3fdbaa20a1b3449d63$exports = {};
|
|
35
35
|
$b069706710aa3fdbaa20a1b3449d63$exports = JSON.parse("{\"calendar\":\"Calendario\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} a {end, date, long}\",\"date\":\"Fecha\",\"dateRange\":\"Intervalo de fecha\",\"day\":\"día\",\"dayPeriod\":\"a. m./p. m.\",\"endDate\":\"Fecha final\",\"era\":\"era\",\"hour\":\"hora\",\"minute\":\"minuto\",\"month\":\"mes\",\"second\":\"segundo\",\"startDate\":\"Fecha de inicio\",\"year\":\"año\",\"weekday\":\"día de la semana\",\"timeZoneName\":\"zona horaria\"}");
|
|
36
|
-
// ASSET: /Users/govett/
|
|
36
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/et-EE.json
|
|
37
37
|
var $dc294c753448ff9c1809bca75ab74d1$exports = {};
|
|
38
38
|
$dc294c753448ff9c1809bca75ab74d1$exports = JSON.parse("{\"calendar\":\"Kalender\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} kuni {end, date, long}\",\"date\":\"Kuupäev\",\"dateRange\":\"Kuupäevavahemik\",\"day\":\"päev\",\"dayPeriod\":\"enne/pärast lõunat\",\"endDate\":\"Lõppkuupäev\",\"era\":\"ajastu\",\"hour\":\"tund\",\"minute\":\"minut\",\"month\":\"kuu\",\"second\":\"sekund\",\"startDate\":\"Alguskuupäev\",\"year\":\"aasta\",\"weekday\":\"nädalapäev\",\"timeZoneName\":\"ajavöönd\"}");
|
|
39
|
-
// ASSET: /Users/govett/
|
|
39
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/fi-FI.json
|
|
40
40
|
var $d3f5f76480327eda035ed93c2$exports = {};
|
|
41
41
|
$d3f5f76480327eda035ed93c2$exports = JSON.parse("{\"calendar\":\"Kalenteri\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long}–{end, date, long}\",\"date\":\"Päivämäärä\",\"dateRange\":\"Päivämääräalue\",\"day\":\"päivä\",\"dayPeriod\":\"vuorokaudenaika\",\"endDate\":\"Päättymispäivä\",\"era\":\"aikakausi\",\"hour\":\"tunti\",\"minute\":\"minuutti\",\"month\":\"kuukausi\",\"second\":\"sekunti\",\"startDate\":\"Alkamispäivä\",\"year\":\"vuosi\",\"weekday\":\"viikonpäivä\",\"timeZoneName\":\"aikavyöhyke\"}");
|
|
42
|
-
// ASSET: /Users/govett/
|
|
42
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/fr-FR.json
|
|
43
43
|
var $b627132da032b4209b5582508dfe332$exports = {};
|
|
44
44
|
$b627132da032b4209b5582508dfe332$exports = JSON.parse("{\"calendar\":\"Calendrier\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} au {end, date, long}\",\"date\":\"Date\",\"dateRange\":\"Plage de dates\",\"day\":\"jour\",\"dayPeriod\":\"cadran\",\"endDate\":\"Date de fin\",\"era\":\"ère\",\"hour\":\"heure\",\"minute\":\"minute\",\"month\":\"mois\",\"second\":\"seconde\",\"startDate\":\"Date de début\",\"year\":\"année\",\"weekday\":\"jour de la semaine\",\"timeZoneName\":\"fuseau horaire\"}");
|
|
45
|
-
// ASSET: /Users/govett/
|
|
45
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/he-IL.json
|
|
46
46
|
var $c3959c7b2e7e08ef514631ba3c2fdb$exports = {};
|
|
47
47
|
$c3959c7b2e7e08ef514631ba3c2fdb$exports = JSON.parse("{\"calendar\":\"לוח שנה\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"מ-{start, date, long} ועד {end, date, long}\",\"date\":\"תאריך\",\"dateRange\":\"טווח תאריכים\",\"day\":\"יום\",\"dayPeriod\":\"לפנה״צ/אחה״צ\",\"endDate\":\"תאריך סיום\",\"era\":\"תקופה\",\"hour\":\"שעה\",\"minute\":\"דקה\",\"month\":\"חודש\",\"second\":\"שנייה\",\"startDate\":\"תאריך התחלה\",\"year\":\"שנה\",\"weekday\":\"יום בשבוע\",\"timeZoneName\":\"אזור זמן\"}");
|
|
48
|
-
// ASSET: /Users/govett/
|
|
48
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/hr-HR.json
|
|
49
49
|
var $ca3a95147a2664e1a3c49130ccfb87$exports = {};
|
|
50
50
|
$ca3a95147a2664e1a3c49130ccfb87$exports = JSON.parse("{\"calendar\":\"Kalendar\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} do {end, date, long}\",\"date\":\"Datum\",\"dateRange\":\"Raspon datuma\",\"day\":\"dan\",\"dayPeriod\":\"AM/PM\",\"endDate\":\"Datum završetka\",\"era\":\"era\",\"hour\":\"sat\",\"minute\":\"minuta\",\"month\":\"mjesec\",\"second\":\"sekunda\",\"startDate\":\"Datum početka\",\"year\":\"godina\",\"weekday\":\"dan u tjednu\",\"timeZoneName\":\"vremenska zona\"}");
|
|
51
|
-
// ASSET: /Users/govett/
|
|
51
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/hu-HU.json
|
|
52
52
|
var $fa6b6e78fd909c4deb0805c4ff5df60$exports = {};
|
|
53
53
|
$fa6b6e78fd909c4deb0805c4ff5df60$exports = JSON.parse("{\"calendar\":\"Naptár\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} – {end, date, long}\",\"date\":\"Dátum\",\"dateRange\":\"Dátumtartomány\",\"day\":\"nap\",\"dayPeriod\":\"napszak\",\"endDate\":\"Befejező dátum\",\"era\":\"éra\",\"hour\":\"óra\",\"minute\":\"perc\",\"month\":\"hónap\",\"second\":\"másodperc\",\"startDate\":\"Kezdő dátum\",\"year\":\"év\",\"weekday\":\"hét napja\",\"timeZoneName\":\"időzóna\"}");
|
|
54
|
-
// ASSET: /Users/govett/
|
|
54
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/it-IT.json
|
|
55
55
|
var $bb4837487a35e965bc77709590fda45$exports = {};
|
|
56
56
|
$bb4837487a35e965bc77709590fda45$exports = JSON.parse("{\"calendar\":\"Calendario\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"Da {start, date, long} a {end, date, long}\",\"date\":\"Data\",\"dateRange\":\"Intervallo date\",\"day\":\"giorno\",\"dayPeriod\":\"AM/PM\",\"endDate\":\"Data finale\",\"era\":\"era\",\"hour\":\"ora\",\"minute\":\"minuto\",\"month\":\"mese\",\"second\":\"secondo\",\"startDate\":\"Data iniziale\",\"year\":\"anno\",\"weekday\":\"giorno della settimana\",\"timeZoneName\":\"fuso orario\"}");
|
|
57
|
-
// ASSET: /Users/govett/
|
|
57
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/ja-JP.json
|
|
58
58
|
var $f021a923ac58a1406a8f3f0bfd5f718$exports = {};
|
|
59
59
|
$f021a923ac58a1406a8f3f0bfd5f718$exports = JSON.parse("{\"calendar\":\"カレンダー\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} ~ {end, date, long}\",\"date\":\"日付\",\"dateRange\":\"日付範囲\",\"day\":\"日\",\"dayPeriod\":\"午前/午後\",\"endDate\":\"終了日\",\"era\":\"時代\",\"hour\":\"時\",\"minute\":\"分\",\"month\":\"月\",\"second\":\"秒\",\"startDate\":\"開始日\",\"year\":\"年\",\"weekday\":\"曜日\",\"timeZoneName\":\"タイムゾーン\"}");
|
|
60
|
-
// ASSET: /Users/govett/
|
|
60
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/ko-KR.json
|
|
61
61
|
var $e1a2895f7736c57623c5df88ed61$exports = {};
|
|
62
62
|
$e1a2895f7736c57623c5df88ed61$exports = JSON.parse("{\"calendar\":\"달력\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} ~ {end, date, long}\",\"date\":\"날짜\",\"dateRange\":\"날짜 범위\",\"day\":\"일\",\"dayPeriod\":\"오전/오후\",\"endDate\":\"종료 날짜\",\"era\":\"연호\",\"hour\":\"시\",\"minute\":\"분\",\"month\":\"월\",\"second\":\"초\",\"startDate\":\"시작 날짜\",\"year\":\"년\",\"weekday\":\"요일\",\"timeZoneName\":\"시간대\"}");
|
|
63
|
-
// ASSET: /Users/govett/
|
|
63
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/lt-LT.json
|
|
64
64
|
var $ee477dd4ee39b2586e7d93e4241$exports = {};
|
|
65
65
|
$ee477dd4ee39b2586e7d93e4241$exports = JSON.parse("{\"calendar\":\"Kalendorius\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"Nuo {start, date, long} iki {end, date, long}\",\"date\":\"Data\",\"dateRange\":\"Datų intervalas\",\"day\":\"diena\",\"dayPeriod\":\"iki pietų / po pietų\",\"endDate\":\"Pabaigos data\",\"era\":\"era\",\"hour\":\"valanda\",\"minute\":\"minutė\",\"month\":\"mėnuo\",\"second\":\"sekundė\",\"startDate\":\"Pradžios data\",\"year\":\"metai\",\"weekday\":\"savaitės diena\",\"timeZoneName\":\"laiko juosta\"}");
|
|
66
|
-
// ASSET: /Users/govett/
|
|
66
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/lv-LV.json
|
|
67
67
|
var $c216567e87e3bd12ecb2f27ce189a5b$exports = {};
|
|
68
68
|
$c216567e87e3bd12ecb2f27ce189a5b$exports = JSON.parse("{\"calendar\":\"Kalendārs\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} līdz {end, date, long}\",\"date\":\"Datums\",\"dateRange\":\"Datumu diapazons\",\"day\":\"diena\",\"dayPeriod\":\"priekšpusdienā/pēcpusdienā\",\"endDate\":\"Beigu datums\",\"era\":\"ēra\",\"hour\":\"stundas\",\"minute\":\"minūtes\",\"month\":\"mēnesis\",\"second\":\"sekundes\",\"startDate\":\"Sākuma datums\",\"year\":\"gads\",\"weekday\":\"nedēļas diena\",\"timeZoneName\":\"laika josla\"}");
|
|
69
|
-
// ASSET: /Users/govett/
|
|
69
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/nb-NO.json
|
|
70
70
|
var $d57cd730bb11b14bdcd692e702bb0e60$exports = {};
|
|
71
71
|
$d57cd730bb11b14bdcd692e702bb0e60$exports = JSON.parse("{\"calendar\":\"Kalender\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} til {end, date, long}\",\"date\":\"Dato\",\"dateRange\":\"Datoområde\",\"day\":\"dag\",\"dayPeriod\":\"a.m./p.m.\",\"endDate\":\"Sluttdato\",\"era\":\"tidsalder\",\"hour\":\"time\",\"minute\":\"minutt\",\"month\":\"måned\",\"second\":\"sekund\",\"startDate\":\"Startdato\",\"year\":\"år\",\"weekday\":\"ukedag\",\"timeZoneName\":\"tidssone\"}");
|
|
72
|
-
// ASSET: /Users/govett/
|
|
72
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/nl-NL.json
|
|
73
73
|
var $bd8f8fc2a02532c55851f18c8de3$exports = {};
|
|
74
74
|
$bd8f8fc2a02532c55851f18c8de3$exports = JSON.parse("{\"calendar\":\"Kalender\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} t/m {end, date, long}\",\"date\":\"Datum\",\"dateRange\":\"Datumbereik\",\"day\":\"dag\",\"dayPeriod\":\"a.m./p.m.\",\"endDate\":\"Einddatum\",\"era\":\"tijdperk\",\"hour\":\"uur\",\"minute\":\"minuut\",\"month\":\"maand\",\"second\":\"seconde\",\"startDate\":\"Startdatum\",\"year\":\"jaar\",\"weekday\":\"dag van de week\",\"timeZoneName\":\"tijdzone\"}");
|
|
75
|
-
// ASSET: /Users/govett/
|
|
75
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/pl-PL.json
|
|
76
76
|
var $d8e1a561b4b79d4ead55e4ee5ea09970$exports = {};
|
|
77
77
|
$d8e1a561b4b79d4ead55e4ee5ea09970$exports = JSON.parse("{\"calendar\":\"Kalendarz\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} do {end, date, long}\",\"date\":\"Data\",\"dateRange\":\"Zakres dat\",\"day\":\"dzień\",\"dayPeriod\":\"rano / po południu / wieczorem\",\"endDate\":\"Data końcowa\",\"era\":\"era\",\"hour\":\"godzina\",\"minute\":\"minuta\",\"month\":\"miesiąc\",\"second\":\"sekunda\",\"startDate\":\"Data początkowa\",\"year\":\"rok\",\"weekday\":\"dzień tygodnia\",\"timeZoneName\":\"strefa czasowa\"}");
|
|
78
|
-
// ASSET: /Users/govett/
|
|
78
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/pt-BR.json
|
|
79
79
|
var $d479a80df73293910fe373596d18f$exports = {};
|
|
80
80
|
$d479a80df73293910fe373596d18f$exports = JSON.parse("{\"calendar\":\"Calendário\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} a {end, date, long}\",\"date\":\"Data\",\"dateRange\":\"Intervalo de datas\",\"day\":\"dia\",\"dayPeriod\":\"AM/PM\",\"endDate\":\"Data final\",\"era\":\"era\",\"hour\":\"hora\",\"minute\":\"minuto\",\"month\":\"mês\",\"second\":\"segundo\",\"startDate\":\"Data inicial\",\"year\":\"ano\",\"weekday\":\"dia da semana\",\"timeZoneName\":\"fuso horário\"}");
|
|
81
|
-
// ASSET: /Users/govett/
|
|
81
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/pt-PT.json
|
|
82
82
|
var $d91b847a2bf9b6fb7cc187d839c725f$exports = {};
|
|
83
83
|
$d91b847a2bf9b6fb7cc187d839c725f$exports = JSON.parse("{\"calendar\":\"Calendário\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} a {end, date, long}\",\"date\":\"Data\",\"dateRange\":\"Intervalo de datas\",\"day\":\"dia\",\"dayPeriod\":\"am/pm\",\"endDate\":\"Data de Término\",\"era\":\"era\",\"hour\":\"hora\",\"minute\":\"minuto\",\"month\":\"mês\",\"second\":\"segundo\",\"startDate\":\"Data de Início\",\"year\":\"ano\",\"weekday\":\"dia da semana\",\"timeZoneName\":\"fuso horário\"}");
|
|
84
|
-
// ASSET: /Users/govett/
|
|
84
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/ro-RO.json
|
|
85
85
|
var $f25e8d5f5e9099b97d639d4f299ba$exports = {};
|
|
86
86
|
$f25e8d5f5e9099b97d639d4f299ba$exports = JSON.parse("{\"calendar\":\"Calendar\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} - {end, date, long}\",\"date\":\"Dată\",\"dateRange\":\"Raza datei\",\"day\":\"zi\",\"dayPeriod\":\"a.m/p.m.\",\"endDate\":\"Dată final\",\"era\":\"eră\",\"hour\":\"oră\",\"minute\":\"minut\",\"month\":\"lună\",\"second\":\"secundă\",\"startDate\":\"Dată început\",\"year\":\"an\",\"weekday\":\"ziua din săptămână\",\"timeZoneName\":\"fus orar\"}");
|
|
87
|
-
// ASSET: /Users/govett/
|
|
87
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/ru-RU.json
|
|
88
88
|
var $da94598d7d1c854d87360883488$exports = {};
|
|
89
89
|
$da94598d7d1c854d87360883488$exports = JSON.parse("{\"calendar\":\"Календарь\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} – {end, date, long}\",\"date\":\"Дата\",\"dateRange\":\"Диапазон дат\",\"day\":\"день\",\"dayPeriod\":\"AM/PM\",\"endDate\":\"Дата окончания\",\"era\":\"эра\",\"hour\":\"час\",\"minute\":\"минута\",\"month\":\"месяц\",\"second\":\"секунда\",\"startDate\":\"Дата начала\",\"year\":\"год\",\"weekday\":\"день недели\",\"timeZoneName\":\"часовой пояс\"}");
|
|
90
|
-
// ASSET: /Users/govett/
|
|
90
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/sk-SK.json
|
|
91
91
|
var $d1513dad87da1caa61156c979822ded2$exports = {};
|
|
92
92
|
$d1513dad87da1caa61156c979822ded2$exports = JSON.parse("{\"calendar\":\"Kalendár\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} do {end, date, long}\",\"date\":\"Dátum\",\"dateRange\":\"Rozsah dátumov\",\"day\":\"deň\",\"dayPeriod\":\"AM/PM\",\"endDate\":\"Dátum ukončenia\",\"era\":\"letopočet\",\"hour\":\"hodina\",\"minute\":\"minúta\",\"month\":\"mesiac\",\"second\":\"sekunda\",\"startDate\":\"Dátum začatia\",\"year\":\"rok\",\"weekday\":\"deň týždňa\",\"timeZoneName\":\"časové pásmo\"}");
|
|
93
|
-
// ASSET: /Users/govett/
|
|
93
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/sl-SI.json
|
|
94
94
|
var $e16512e37a1c3ef90ecfc72d16793c1$exports = {};
|
|
95
95
|
$e16512e37a1c3ef90ecfc72d16793c1$exports = JSON.parse("{\"calendar\":\"Koledar\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} do {end, date, long}\",\"date\":\"Datum\",\"dateRange\":\"Datumski obseg\",\"day\":\"dan\",\"dayPeriod\":\"dop/pop\",\"endDate\":\"Datum konca\",\"era\":\"doba\",\"hour\":\"ura\",\"minute\":\"minuta\",\"month\":\"mesec\",\"second\":\"sekunda\",\"startDate\":\"Datum začetka\",\"year\":\"leto\",\"weekday\":\"dan v tednu\",\"timeZoneName\":\"časovni pas\"}");
|
|
96
|
-
// ASSET: /Users/govett/
|
|
96
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/sr-SP.json
|
|
97
97
|
var $f0f0ea292848c1c22e92d1c71347950$exports = {};
|
|
98
98
|
$f0f0ea292848c1c22e92d1c71347950$exports = JSON.parse("{\"calendar\":\"Kalendar\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} do {end, date, long}\",\"date\":\"Datum\",\"dateRange\":\"Opseg datuma\",\"day\":\"дан\",\"dayPeriod\":\"пре подне/по подне\",\"endDate\":\"Datum završetka\",\"era\":\"ера\",\"hour\":\"сат\",\"minute\":\"минут\",\"month\":\"месец\",\"second\":\"секунд\",\"startDate\":\"Datum početka\",\"year\":\"година\",\"weekday\":\"дан у недељи\",\"timeZoneName\":\"временска зона\"}");
|
|
99
|
-
// ASSET: /Users/govett/
|
|
99
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/sv-SE.json
|
|
100
100
|
var $ddeb3363257d0b1fab7fb0169309987$exports = {};
|
|
101
101
|
$ddeb3363257d0b1fab7fb0169309987$exports = JSON.parse("{\"calendar\":\"Kalender\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} till {end, date, long}\",\"date\":\"Datum\",\"dateRange\":\"Datumintervall\",\"day\":\"dag\",\"dayPeriod\":\"fm/em\",\"endDate\":\"Slutdatum\",\"era\":\"era\",\"hour\":\"timme\",\"minute\":\"minut\",\"month\":\"månad\",\"second\":\"sekund\",\"startDate\":\"Startdatum\",\"year\":\"år\",\"weekday\":\"veckodag\",\"timeZoneName\":\"tidszon\"}");
|
|
102
|
-
// ASSET: /Users/govett/
|
|
102
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/tr-TR.json
|
|
103
103
|
var $e41e18d940cc1fd6ce3b548eaf26f$exports = {};
|
|
104
104
|
$e41e18d940cc1fd6ce3b548eaf26f$exports = JSON.parse("{\"calendar\":\"Takvim\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} - {end, date, long}\",\"date\":\"Tarih\",\"dateRange\":\"Tarih Aralığı\",\"day\":\"gün\",\"dayPeriod\":\"ÖÖ/ÖS\",\"endDate\":\"Bitiş Tarihi\",\"era\":\"çağ\",\"hour\":\"saat\",\"minute\":\"dakika\",\"month\":\"ay\",\"second\":\"saniye\",\"startDate\":\"Başlangıç Tarihi\",\"year\":\"yıl\",\"weekday\":\"haftanın günü\",\"timeZoneName\":\"saat dilimi\"}");
|
|
105
|
-
// ASSET: /Users/govett/
|
|
105
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/uk-UA.json
|
|
106
106
|
var $c7fbfea59f1f84c3fbdb550bd45e1a8d$exports = {};
|
|
107
107
|
$c7fbfea59f1f84c3fbdb550bd45e1a8d$exports = JSON.parse("{\"calendar\":\"Календар\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"Від {start, date, long} до {end, date, long}\",\"date\":\"Дата\",\"dateRange\":\"Діапазон дат\",\"day\":\"день\",\"dayPeriod\":\"дп/пп\",\"endDate\":\"Дата завершення\",\"era\":\"ера\",\"hour\":\"година\",\"minute\":\"хвилина\",\"month\":\"місяць\",\"second\":\"секунда\",\"startDate\":\"Дата початку\",\"year\":\"рік\",\"weekday\":\"день тижня\",\"timeZoneName\":\"часовий пояс\"}");
|
|
108
|
-
// ASSET: /Users/govett/
|
|
108
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/zh-CN.json
|
|
109
109
|
var $c5ee38283255212ee41b3baf5b8304d$exports = {};
|
|
110
110
|
$c5ee38283255212ee41b3baf5b8304d$exports = JSON.parse("{\"calendar\":\"日历\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long} 至 {end, date, long}\",\"date\":\"日期\",\"dateRange\":\"日期范围\",\"day\":\"日\",\"dayPeriod\":\"上午/下午\",\"endDate\":\"结束日期\",\"era\":\"纪元\",\"hour\":\"小时\",\"minute\":\"分钟\",\"month\":\"月\",\"second\":\"秒\",\"startDate\":\"开始日期\",\"year\":\"年\",\"weekday\":\"工作日\",\"timeZoneName\":\"时区\"}");
|
|
111
|
-
// ASSET: /Users/govett/
|
|
111
|
+
// ASSET: /Users/govett/Downloads/react-spectrum-release/packages/@react-aria/datepicker/intl/zh-TW.json
|
|
112
112
|
var $e4f38d4b06a7a74952e9f6dec2e6e20$exports = {};
|
|
113
113
|
$e4f38d4b06a7a74952e9f6dec2e6e20$exports = JSON.parse("{\"calendar\":\"日曆\",\"currentDate\":\"{date, date, full}\",\"currentDateRange\":\"{start, date, long}至 {end, date, long}\",\"date\":\"日期\",\"dateRange\":\"日期範圍\",\"day\":\"日\",\"dayPeriod\":\"上午/下午\",\"endDate\":\"結束日期\",\"era\":\"纪元\",\"hour\":\"小时\",\"minute\":\"分钟\",\"month\":\"月\",\"second\":\"秒\",\"startDate\":\"開始日期\",\"year\":\"年\",\"weekday\":\"工作日\",\"timeZoneName\":\"时区\"}");
|
|
114
114
|
|
|
@@ -271,7 +271,12 @@ export function useDateField(props, state, ref) {
|
|
|
271
271
|
month: 'long'
|
|
272
272
|
}));
|
|
273
273
|
let descProps = useDescription(state.value ? formatter.format(state.dateValue) : null);
|
|
274
|
-
|
|
274
|
+
let segmentLabelledBy = fieldProps['aria-labelledby'] || fieldProps.id;
|
|
275
|
+
let describedBy = [descProps['aria-describedby'], fieldProps['aria-describedby']].filter(Boolean).join(' ') || undefined;
|
|
276
|
+
labelIds.set(state, {
|
|
277
|
+
ariaLabelledBy: segmentLabelledBy,
|
|
278
|
+
ariaDescribedBy: describedBy
|
|
279
|
+
});
|
|
275
280
|
return {
|
|
276
281
|
labelProps: _babelRuntimeHelpersEsmExtends({}, labelProps, {
|
|
277
282
|
onClick: () => {
|
|
@@ -282,7 +287,7 @@ export function useDateField(props, state, ref) {
|
|
|
282
287
|
fieldProps: mergeProps(fieldProps, descProps, groupProps, focusWithinProps, {
|
|
283
288
|
role: 'group',
|
|
284
289
|
'aria-disabled': props.isDisabled || undefined,
|
|
285
|
-
'aria-describedby':
|
|
290
|
+
'aria-describedby': describedBy
|
|
286
291
|
}),
|
|
287
292
|
descriptionProps,
|
|
288
293
|
errorMessageProps
|
|
@@ -391,7 +396,7 @@ export function useDateSegment(props, segment, state, ref) {
|
|
|
391
396
|
|
|
392
397
|
if (segment.type === 'month') {
|
|
393
398
|
let monthTextValue = monthDateFormatter.format(state.dateValue);
|
|
394
|
-
textValue = monthTextValue !== textValue ? textValue + "
|
|
399
|
+
textValue = monthTextValue !== textValue ? textValue + " \u2013 " + monthTextValue : monthTextValue;
|
|
395
400
|
} else if (segment.type === 'hour' || segment.type === 'dayPeriod') {
|
|
396
401
|
textValue = hourDateFormatter.format(state.dateValue);
|
|
397
402
|
}
|
|
@@ -622,16 +627,10 @@ export function useDateSegment(props, segment, state, ref) {
|
|
|
622
627
|
};
|
|
623
628
|
|
|
624
629
|
let onFocus = () => {
|
|
625
|
-
var _ref$current;
|
|
626
|
-
|
|
627
630
|
enteredKeys.current = '';
|
|
628
|
-
|
|
629
|
-
if ((_ref$current = ref.current) != null && _ref$current.scrollIntoView) {
|
|
630
|
-
ref.current.scrollIntoView();
|
|
631
|
-
} // Safari requires that a selection is set or it won't fire input events.
|
|
631
|
+
scrollIntoView(getScrollParent(ref.current), ref.current); // Safari requires that a selection is set or it won't fire input events.
|
|
632
632
|
// Since usePress disables text selection, this won't happen by default.
|
|
633
633
|
|
|
634
|
-
|
|
635
634
|
ref.current.style.webkitUserSelect = 'text';
|
|
636
635
|
let selection = window.getSelection();
|
|
637
636
|
selection.collapse(ref.current);
|
|
@@ -719,7 +718,18 @@ export function useDateSegment(props, segment, state, ref) {
|
|
|
719
718
|
'aria-valuetext': null,
|
|
720
719
|
'aria-valuenow': null
|
|
721
720
|
} : {};
|
|
722
|
-
let
|
|
721
|
+
let {
|
|
722
|
+
ariaLabelledBy,
|
|
723
|
+
ariaDescribedBy
|
|
724
|
+
} = labelIds.get(state); // Only apply aria-describedby to the first segment, unless the field is invalid. This avoids it being
|
|
725
|
+
// read every time the user navigates to a new segment.
|
|
726
|
+
|
|
727
|
+
let firstSegment = useMemo(() => state.segments.find(s => s.isEditable), [state.segments]);
|
|
728
|
+
|
|
729
|
+
if (segment !== firstSegment && state.validationState !== 'invalid') {
|
|
730
|
+
ariaDescribedBy = undefined;
|
|
731
|
+
}
|
|
732
|
+
|
|
723
733
|
let id = useId(props.id);
|
|
724
734
|
let isEditable = !props.isDisabled && !props.isReadOnly && segment.isEditable;
|
|
725
735
|
return {
|
|
@@ -730,7 +740,8 @@ export function useDateSegment(props, segment, state, ref) {
|
|
|
730
740
|
// 'aria-haspopup': props['aria-haspopup'], // deprecated in ARIA 1.2
|
|
731
741
|
'aria-invalid': state.validationState === 'invalid' ? 'true' : undefined,
|
|
732
742
|
'aria-label': segment.type !== 'literal' ? displayNames.of(segment.type) : undefined,
|
|
733
|
-
'aria-labelledby':
|
|
743
|
+
'aria-labelledby': ariaLabelledBy + " " + id,
|
|
744
|
+
'aria-describedby': ariaDescribedBy,
|
|
734
745
|
'aria-placeholder': segment.isPlaceholder ? segment.text : undefined,
|
|
735
746
|
'aria-readonly': props.isReadOnly || !segment.isEditable ? 'true' : undefined,
|
|
736
747
|
contentEditable: isEditable,
|