@react-aria/datepicker 3.2.0 → 3.3.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/import.mjs +1626 -0
- package/dist/main.js +391 -442
- package/dist/main.js.map +1 -1
- package/dist/module.js +392 -443
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +23 -18
- package/src/useDatePicker.ts +2 -0
- package/src/useDateSegment.ts +2 -2
package/dist/module.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import {createFocusManager as $cIPI0$createFocusManager, getFocusableTreeWalker as $cIPI0$getFocusableTreeWalker} from "@react-aria/focus";
|
|
2
|
-
import {useId as $cIPI0$useId, useDescription as $cIPI0$useDescription, filterDOMProps as $cIPI0$filterDOMProps, mergeProps as $cIPI0$mergeProps, isMac as $cIPI0$isMac,
|
|
2
|
+
import {useId as $cIPI0$useId, useDescription as $cIPI0$useDescription, filterDOMProps as $cIPI0$filterDOMProps, mergeProps as $cIPI0$mergeProps, isMac as $cIPI0$isMac, scrollIntoViewport as $cIPI0$scrollIntoViewport, getScrollParent as $cIPI0$getScrollParent, useEvent as $cIPI0$useEvent, useLayoutEffect as $cIPI0$useLayoutEffect, isIOS as $cIPI0$isIOS, useLabels as $cIPI0$useLabels} from "@react-aria/utils";
|
|
3
3
|
import $cIPI0$react, {useMemo as $cIPI0$useMemo, useRef as $cIPI0$useRef, useEffect as $cIPI0$useEffect} from "react";
|
|
4
4
|
import {useField as $cIPI0$useField} from "@react-aria/label";
|
|
5
5
|
import {useFocusWithin as $cIPI0$useFocusWithin, usePress as $cIPI0$usePress} from "@react-aria/interactions";
|
|
@@ -12,7 +12,27 @@ import {LocalizedStringDictionary as $cIPI0$LocalizedStringDictionary} from "@in
|
|
|
12
12
|
function $parcel$interopDefault(a) {
|
|
13
13
|
return a && a.__esModule ? a.default : a;
|
|
14
14
|
}
|
|
15
|
-
|
|
15
|
+
/*
|
|
16
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
17
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
18
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
19
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
20
|
+
*
|
|
21
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
22
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
23
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
24
|
+
* governing permissions and limitations under the License.
|
|
25
|
+
*/ /*
|
|
26
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
27
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
28
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
29
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
30
|
+
*
|
|
31
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
32
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
33
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
34
|
+
* governing permissions and limitations under the License.
|
|
35
|
+
*/
|
|
16
36
|
|
|
17
37
|
var $204383cf4f6b0d06$exports = {};
|
|
18
38
|
var $f23889fffbde9058$exports = {};
|
|
@@ -26,12 +46,9 @@ $f23889fffbde9058$exports = {
|
|
|
26
46
|
"minute": `الدقائق`,
|
|
27
47
|
"month": `الشهر`,
|
|
28
48
|
"second": `الثواني`,
|
|
29
|
-
"selectedDateDescription": (args)=>`تاريخ محدد: ${args.date}
|
|
30
|
-
|
|
31
|
-
"
|
|
32
|
-
,
|
|
33
|
-
"selectedTimeDescription": (args)=>`الوقت المحدد: ${args.time}`
|
|
34
|
-
,
|
|
49
|
+
"selectedDateDescription": (args)=>`تاريخ محدد: ${args.date}`,
|
|
50
|
+
"selectedRangeDescription": (args)=>`المدى الزمني المحدد: ${args.startDate} إلى ${args.endDate}`,
|
|
51
|
+
"selectedTimeDescription": (args)=>`الوقت المحدد: ${args.time}`,
|
|
35
52
|
"startDate": `تاريخ البدء`,
|
|
36
53
|
"timeZoneName": `التوقيت`,
|
|
37
54
|
"weekday": `اليوم`,
|
|
@@ -50,12 +67,9 @@ $09d9badaa8903929$exports = {
|
|
|
50
67
|
"minute": `минута`,
|
|
51
68
|
"month": `месец`,
|
|
52
69
|
"second": `секунда`,
|
|
53
|
-
"selectedDateDescription": (args)=>`Избрана дата: ${args.date}
|
|
54
|
-
|
|
55
|
-
"
|
|
56
|
-
,
|
|
57
|
-
"selectedTimeDescription": (args)=>`Избрано време: ${args.time}`
|
|
58
|
-
,
|
|
70
|
+
"selectedDateDescription": (args)=>`Избрана дата: ${args.date}`,
|
|
71
|
+
"selectedRangeDescription": (args)=>`Избран диапазон: ${args.startDate} до ${args.endDate}`,
|
|
72
|
+
"selectedTimeDescription": (args)=>`Избрано време: ${args.time}`,
|
|
59
73
|
"startDate": `Начална дата`,
|
|
60
74
|
"timeZoneName": `часова зона`,
|
|
61
75
|
"weekday": `ден от седмицата`,
|
|
@@ -74,12 +88,9 @@ $151b77e0fd711730$exports = {
|
|
|
74
88
|
"minute": `minuta`,
|
|
75
89
|
"month": `měsíc`,
|
|
76
90
|
"second": `sekunda`,
|
|
77
|
-
"selectedDateDescription": (args)=>`Vybrané datum: ${args.date}
|
|
78
|
-
|
|
79
|
-
"
|
|
80
|
-
,
|
|
81
|
-
"selectedTimeDescription": (args)=>`Vybraný čas: ${args.time}`
|
|
82
|
-
,
|
|
91
|
+
"selectedDateDescription": (args)=>`Vybrané datum: ${args.date}`,
|
|
92
|
+
"selectedRangeDescription": (args)=>`Vybrané období: ${args.startDate} až ${args.endDate}`,
|
|
93
|
+
"selectedTimeDescription": (args)=>`Vybraný čas: ${args.time}`,
|
|
83
94
|
"startDate": `Počáteční datum`,
|
|
84
95
|
"timeZoneName": `časové pásmo`,
|
|
85
96
|
"weekday": `den v týdnu`,
|
|
@@ -98,12 +109,9 @@ $61915aa8630b90a2$exports = {
|
|
|
98
109
|
"minute": `minut`,
|
|
99
110
|
"month": `måned`,
|
|
100
111
|
"second": `sekund`,
|
|
101
|
-
"selectedDateDescription": (args)=>`Valgt dato: ${args.date}
|
|
102
|
-
|
|
103
|
-
"
|
|
104
|
-
,
|
|
105
|
-
"selectedTimeDescription": (args)=>`Valgt tidspunkt: ${args.time}`
|
|
106
|
-
,
|
|
112
|
+
"selectedDateDescription": (args)=>`Valgt dato: ${args.date}`,
|
|
113
|
+
"selectedRangeDescription": (args)=>`Valgt interval: ${args.startDate} til ${args.endDate}`,
|
|
114
|
+
"selectedTimeDescription": (args)=>`Valgt tidspunkt: ${args.time}`,
|
|
107
115
|
"startDate": `Startdato`,
|
|
108
116
|
"timeZoneName": `tidszone`,
|
|
109
117
|
"weekday": `ugedag`,
|
|
@@ -122,12 +130,9 @@ $35cea00159787840$exports = {
|
|
|
122
130
|
"minute": `Minute`,
|
|
123
131
|
"month": `Monat`,
|
|
124
132
|
"second": `Sekunde`,
|
|
125
|
-
"selectedDateDescription": (args)=>`Ausgewähltes Datum: ${args.date}
|
|
126
|
-
|
|
127
|
-
"
|
|
128
|
-
,
|
|
129
|
-
"selectedTimeDescription": (args)=>`Ausgewählte Zeit: ${args.time}`
|
|
130
|
-
,
|
|
133
|
+
"selectedDateDescription": (args)=>`Ausgewähltes Datum: ${args.date}`,
|
|
134
|
+
"selectedRangeDescription": (args)=>`Ausgewählter Bereich: ${args.startDate} bis ${args.endDate}`,
|
|
135
|
+
"selectedTimeDescription": (args)=>`Ausgewählte Zeit: ${args.time}`,
|
|
131
136
|
"startDate": `Anfangsdatum`,
|
|
132
137
|
"timeZoneName": `Zeitzone`,
|
|
133
138
|
"weekday": `Wochentag`,
|
|
@@ -146,12 +151,9 @@ $518b4e82b9eacafd$exports = {
|
|
|
146
151
|
"minute": `λεπτό`,
|
|
147
152
|
"month": `μήνας`,
|
|
148
153
|
"second": `δευτερόλεπτο`,
|
|
149
|
-
"selectedDateDescription": (args)=>`Επιλεγμένη ημερομηνία: ${args.date}
|
|
150
|
-
|
|
151
|
-
"
|
|
152
|
-
,
|
|
153
|
-
"selectedTimeDescription": (args)=>`Επιλεγμένη ώρα: ${args.time}`
|
|
154
|
-
,
|
|
154
|
+
"selectedDateDescription": (args)=>`Επιλεγμένη ημερομηνία: ${args.date}`,
|
|
155
|
+
"selectedRangeDescription": (args)=>`Επιλεγμένο εύρος: ${args.startDate} έως ${args.endDate}`,
|
|
156
|
+
"selectedTimeDescription": (args)=>`Επιλεγμένη ώρα: ${args.time}`,
|
|
155
157
|
"startDate": `Ημερομηνία έναρξης`,
|
|
156
158
|
"timeZoneName": `ζώνη ώρας`,
|
|
157
159
|
"weekday": `καθημερινή`,
|
|
@@ -174,10 +176,8 @@ $1c2b297f7e2cf474$exports = {
|
|
|
174
176
|
"endDate": `End Date`,
|
|
175
177
|
"weekday": `day of the week`,
|
|
176
178
|
"timeZoneName": `time zone`,
|
|
177
|
-
"selectedDateDescription": (args)=>`Selected Date: ${args.date}
|
|
178
|
-
|
|
179
|
-
"selectedRangeDescription": (args)=>`Selected Range: ${args.startDate} to ${args.endDate}`
|
|
180
|
-
,
|
|
179
|
+
"selectedDateDescription": (args)=>`Selected Date: ${args.date}`,
|
|
180
|
+
"selectedRangeDescription": (args)=>`Selected Range: ${args.startDate} to ${args.endDate}`,
|
|
181
181
|
"selectedTimeDescription": (args)=>`Selected Time: ${args.time}`
|
|
182
182
|
};
|
|
183
183
|
|
|
@@ -193,12 +193,9 @@ $07f628a707cf9b18$exports = {
|
|
|
193
193
|
"minute": `minuto`,
|
|
194
194
|
"month": `mes`,
|
|
195
195
|
"second": `segundo`,
|
|
196
|
-
"selectedDateDescription": (args)=>`Fecha seleccionada: ${args.date}
|
|
197
|
-
|
|
198
|
-
"
|
|
199
|
-
,
|
|
200
|
-
"selectedTimeDescription": (args)=>`Hora seleccionada: ${args.time}`
|
|
201
|
-
,
|
|
196
|
+
"selectedDateDescription": (args)=>`Fecha seleccionada: ${args.date}`,
|
|
197
|
+
"selectedRangeDescription": (args)=>`Rango seleccionado: ${args.startDate} a ${args.endDate}`,
|
|
198
|
+
"selectedTimeDescription": (args)=>`Hora seleccionada: ${args.time}`,
|
|
202
199
|
"startDate": `Fecha de inicio`,
|
|
203
200
|
"timeZoneName": `zona horaria`,
|
|
204
201
|
"weekday": `día de la semana`,
|
|
@@ -217,12 +214,9 @@ $db553ffe17c7f4db$exports = {
|
|
|
217
214
|
"minute": `minut`,
|
|
218
215
|
"month": `kuu`,
|
|
219
216
|
"second": `sekund`,
|
|
220
|
-
"selectedDateDescription": (args)=>`Valitud kuupäev: ${args.date}
|
|
221
|
-
|
|
222
|
-
"
|
|
223
|
-
,
|
|
224
|
-
"selectedTimeDescription": (args)=>`Valitud aeg: ${args.time}`
|
|
225
|
-
,
|
|
217
|
+
"selectedDateDescription": (args)=>`Valitud kuupäev: ${args.date}`,
|
|
218
|
+
"selectedRangeDescription": (args)=>`Valitud vahemik: ${args.startDate} kuni ${args.endDate}`,
|
|
219
|
+
"selectedTimeDescription": (args)=>`Valitud aeg: ${args.time}`,
|
|
226
220
|
"startDate": `Alguskuupäev`,
|
|
227
221
|
"timeZoneName": `ajavöönd`,
|
|
228
222
|
"weekday": `nädalapäev`,
|
|
@@ -241,12 +235,9 @@ $4afcfe00cd703f83$exports = {
|
|
|
241
235
|
"minute": `minuutti`,
|
|
242
236
|
"month": `kuukausi`,
|
|
243
237
|
"second": `sekunti`,
|
|
244
|
-
"selectedDateDescription": (args)=>`Valittu päivämäärä: ${args.date}
|
|
245
|
-
|
|
246
|
-
"
|
|
247
|
-
,
|
|
248
|
-
"selectedTimeDescription": (args)=>`Valittu aika: ${args.time}`
|
|
249
|
-
,
|
|
238
|
+
"selectedDateDescription": (args)=>`Valittu päivämäärä: ${args.date}`,
|
|
239
|
+
"selectedRangeDescription": (args)=>`Valittu aikaväli: ${args.startDate} – ${args.endDate}`,
|
|
240
|
+
"selectedTimeDescription": (args)=>`Valittu aika: ${args.time}`,
|
|
250
241
|
"startDate": `Alkamispäivä`,
|
|
251
242
|
"timeZoneName": `aikavyöhyke`,
|
|
252
243
|
"weekday": `viikonpäivä`,
|
|
@@ -265,12 +256,9 @@ $1d2645d18d4c5be0$exports = {
|
|
|
265
256
|
"minute": `minute`,
|
|
266
257
|
"month": `mois`,
|
|
267
258
|
"second": `seconde`,
|
|
268
|
-
"selectedDateDescription": (args)=>`Date sélectionnée : ${args.date}
|
|
269
|
-
|
|
270
|
-
"
|
|
271
|
-
,
|
|
272
|
-
"selectedTimeDescription": (args)=>`Heure choisie : ${args.time}`
|
|
273
|
-
,
|
|
259
|
+
"selectedDateDescription": (args)=>`Date sélectionnée : ${args.date}`,
|
|
260
|
+
"selectedRangeDescription": (args)=>`Plage sélectionnée : ${args.startDate} au ${args.endDate}`,
|
|
261
|
+
"selectedTimeDescription": (args)=>`Heure choisie : ${args.time}`,
|
|
274
262
|
"startDate": `Date de début`,
|
|
275
263
|
"timeZoneName": `fuseau horaire`,
|
|
276
264
|
"weekday": `jour de la semaine`,
|
|
@@ -289,12 +277,9 @@ $64cb6a9be1f6fa48$exports = {
|
|
|
289
277
|
"minute": `דקה`,
|
|
290
278
|
"month": `חודש`,
|
|
291
279
|
"second": `שנייה`,
|
|
292
|
-
"selectedDateDescription": (args)=>`תאריך נבחר: ${args.date}
|
|
293
|
-
|
|
294
|
-
"
|
|
295
|
-
,
|
|
296
|
-
"selectedTimeDescription": (args)=>`זמן נבחר: ${args.time}`
|
|
297
|
-
,
|
|
280
|
+
"selectedDateDescription": (args)=>`תאריך נבחר: ${args.date}`,
|
|
281
|
+
"selectedRangeDescription": (args)=>`טווח נבחר: ${args.startDate} עד ${args.endDate}`,
|
|
282
|
+
"selectedTimeDescription": (args)=>`זמן נבחר: ${args.time}`,
|
|
298
283
|
"startDate": `תאריך התחלה`,
|
|
299
284
|
"timeZoneName": `אזור זמן`,
|
|
300
285
|
"weekday": `יום בשבוע`,
|
|
@@ -313,12 +298,9 @@ $2a1ef2e8050be27a$exports = {
|
|
|
313
298
|
"minute": `minuta`,
|
|
314
299
|
"month": `mjesec`,
|
|
315
300
|
"second": `sekunda`,
|
|
316
|
-
"selectedDateDescription": (args)=>`Odabrani datum: ${args.date}
|
|
317
|
-
|
|
318
|
-
"
|
|
319
|
-
,
|
|
320
|
-
"selectedTimeDescription": (args)=>`Odabrano vrijeme: ${args.time}`
|
|
321
|
-
,
|
|
301
|
+
"selectedDateDescription": (args)=>`Odabrani datum: ${args.date}`,
|
|
302
|
+
"selectedRangeDescription": (args)=>`Odabrani raspon: ${args.startDate} do ${args.endDate}`,
|
|
303
|
+
"selectedTimeDescription": (args)=>`Odabrano vrijeme: ${args.time}`,
|
|
322
304
|
"startDate": `Datum početka`,
|
|
323
305
|
"timeZoneName": `vremenska zona`,
|
|
324
306
|
"weekday": `dan u tjednu`,
|
|
@@ -337,12 +319,9 @@ $ad429dca102acd0e$exports = {
|
|
|
337
319
|
"minute": `perc`,
|
|
338
320
|
"month": `hónap`,
|
|
339
321
|
"second": `másodperc`,
|
|
340
|
-
"selectedDateDescription": (args)=>`Kijelölt dátum: ${args.date}
|
|
341
|
-
|
|
342
|
-
"
|
|
343
|
-
,
|
|
344
|
-
"selectedTimeDescription": (args)=>`Kijelölt idő: ${args.time}`
|
|
345
|
-
,
|
|
322
|
+
"selectedDateDescription": (args)=>`Kijelölt dátum: ${args.date}`,
|
|
323
|
+
"selectedRangeDescription": (args)=>`Kijelölt tartomány: ${args.startDate}–${args.endDate}`,
|
|
324
|
+
"selectedTimeDescription": (args)=>`Kijelölt idő: ${args.time}`,
|
|
346
325
|
"startDate": `Kezdő dátum`,
|
|
347
326
|
"timeZoneName": `időzóna`,
|
|
348
327
|
"weekday": `hét napja`,
|
|
@@ -361,12 +340,9 @@ $6e68cb5d1cb97bd2$exports = {
|
|
|
361
340
|
"minute": `minuto`,
|
|
362
341
|
"month": `mese`,
|
|
363
342
|
"second": `secondo`,
|
|
364
|
-
"selectedDateDescription": (args)=>`Data selezionata: ${args.date}
|
|
365
|
-
|
|
366
|
-
"
|
|
367
|
-
,
|
|
368
|
-
"selectedTimeDescription": (args)=>`Ora selezionata: ${args.time}`
|
|
369
|
-
,
|
|
343
|
+
"selectedDateDescription": (args)=>`Data selezionata: ${args.date}`,
|
|
344
|
+
"selectedRangeDescription": (args)=>`Intervallo selezionato: da ${args.startDate} a ${args.endDate}`,
|
|
345
|
+
"selectedTimeDescription": (args)=>`Ora selezionata: ${args.time}`,
|
|
370
346
|
"startDate": `Data iniziale`,
|
|
371
347
|
"timeZoneName": `fuso orario`,
|
|
372
348
|
"weekday": `giorno della settimana`,
|
|
@@ -385,12 +361,9 @@ $a82ee9af063ee069$exports = {
|
|
|
385
361
|
"minute": `分`,
|
|
386
362
|
"month": `月`,
|
|
387
363
|
"second": `秒`,
|
|
388
|
-
"selectedDateDescription": (args)=>`選択した日付 : ${args.date}
|
|
389
|
-
|
|
390
|
-
"
|
|
391
|
-
,
|
|
392
|
-
"selectedTimeDescription": (args)=>`選択した時間 : ${args.time}`
|
|
393
|
-
,
|
|
364
|
+
"selectedDateDescription": (args)=>`選択した日付 : ${args.date}`,
|
|
365
|
+
"selectedRangeDescription": (args)=>`選択範囲 : ${args.startDate} から ${args.endDate}`,
|
|
366
|
+
"selectedTimeDescription": (args)=>`選択した時間 : ${args.time}`,
|
|
394
367
|
"startDate": `開始日`,
|
|
395
368
|
"timeZoneName": `タイムゾーン`,
|
|
396
369
|
"weekday": `曜日`,
|
|
@@ -409,12 +382,9 @@ $67e9091dbf37d4eb$exports = {
|
|
|
409
382
|
"minute": `분`,
|
|
410
383
|
"month": `월`,
|
|
411
384
|
"second": `초`,
|
|
412
|
-
"selectedDateDescription": (args)=>`선택 일자: ${args.date}
|
|
413
|
-
|
|
414
|
-
"
|
|
415
|
-
,
|
|
416
|
-
"selectedTimeDescription": (args)=>`선택 시간: ${args.time}`
|
|
417
|
-
,
|
|
385
|
+
"selectedDateDescription": (args)=>`선택 일자: ${args.date}`,
|
|
386
|
+
"selectedRangeDescription": (args)=>`선택 범위: ${args.startDate} ~ ${args.endDate}`,
|
|
387
|
+
"selectedTimeDescription": (args)=>`선택 시간: ${args.time}`,
|
|
418
388
|
"startDate": `시작 날짜`,
|
|
419
389
|
"timeZoneName": `시간대`,
|
|
420
390
|
"weekday": `요일`,
|
|
@@ -433,12 +403,9 @@ $75834f9729f653d1$exports = {
|
|
|
433
403
|
"minute": `minutė`,
|
|
434
404
|
"month": `mėnuo`,
|
|
435
405
|
"second": `sekundė`,
|
|
436
|
-
"selectedDateDescription": (args)=>`Pasirinkta data: ${args.date}
|
|
437
|
-
|
|
438
|
-
"
|
|
439
|
-
,
|
|
440
|
-
"selectedTimeDescription": (args)=>`Pasirinktas laikas: ${args.time}`
|
|
441
|
-
,
|
|
406
|
+
"selectedDateDescription": (args)=>`Pasirinkta data: ${args.date}`,
|
|
407
|
+
"selectedRangeDescription": (args)=>`Pasirinktas intervalas: nuo ${args.startDate} iki ${args.endDate}`,
|
|
408
|
+
"selectedTimeDescription": (args)=>`Pasirinktas laikas: ${args.time}`,
|
|
442
409
|
"startDate": `Pradžios data`,
|
|
443
410
|
"timeZoneName": `laiko juosta`,
|
|
444
411
|
"weekday": `savaitės diena`,
|
|
@@ -457,12 +424,9 @@ $a2df2c2520b4a7f0$exports = {
|
|
|
457
424
|
"minute": `minūtes`,
|
|
458
425
|
"month": `mēnesis`,
|
|
459
426
|
"second": `sekundes`,
|
|
460
|
-
"selectedDateDescription": (args)=>`Atlasītais datums: ${args.date}
|
|
461
|
-
|
|
462
|
-
"
|
|
463
|
-
,
|
|
464
|
-
"selectedTimeDescription": (args)=>`Atlasītais laiks: ${args.time}`
|
|
465
|
-
,
|
|
427
|
+
"selectedDateDescription": (args)=>`Atlasītais datums: ${args.date}`,
|
|
428
|
+
"selectedRangeDescription": (args)=>`Atlasītais diapazons: no ${args.startDate} līdz ${args.endDate}`,
|
|
429
|
+
"selectedTimeDescription": (args)=>`Atlasītais laiks: ${args.time}`,
|
|
466
430
|
"startDate": `Sākuma datums`,
|
|
467
431
|
"timeZoneName": `laika josla`,
|
|
468
432
|
"weekday": `nedēļas diena`,
|
|
@@ -481,12 +445,9 @@ $aedcd71db4933ed5$exports = {
|
|
|
481
445
|
"minute": `minutt`,
|
|
482
446
|
"month": `måned`,
|
|
483
447
|
"second": `sekund`,
|
|
484
|
-
"selectedDateDescription": (args)=>`Valgt dato: ${args.date}
|
|
485
|
-
|
|
486
|
-
"
|
|
487
|
-
,
|
|
488
|
-
"selectedTimeDescription": (args)=>`Valgt tid: ${args.time}`
|
|
489
|
-
,
|
|
448
|
+
"selectedDateDescription": (args)=>`Valgt dato: ${args.date}`,
|
|
449
|
+
"selectedRangeDescription": (args)=>`Valgt område: ${args.startDate} til ${args.endDate}`,
|
|
450
|
+
"selectedTimeDescription": (args)=>`Valgt tid: ${args.time}`,
|
|
490
451
|
"startDate": `Startdato`,
|
|
491
452
|
"timeZoneName": `tidssone`,
|
|
492
453
|
"weekday": `ukedag`,
|
|
@@ -505,12 +466,9 @@ $3b2df9e54353046c$exports = {
|
|
|
505
466
|
"minute": `minuut`,
|
|
506
467
|
"month": `maand`,
|
|
507
468
|
"second": `seconde`,
|
|
508
|
-
"selectedDateDescription": (args)=>`Geselecteerde datum: ${args.date}
|
|
509
|
-
|
|
510
|
-
"
|
|
511
|
-
,
|
|
512
|
-
"selectedTimeDescription": (args)=>`Geselecteerde tijd: ${args.time}`
|
|
513
|
-
,
|
|
469
|
+
"selectedDateDescription": (args)=>`Geselecteerde datum: ${args.date}`,
|
|
470
|
+
"selectedRangeDescription": (args)=>`Geselecteerd bereik: ${args.startDate} tot ${args.endDate}`,
|
|
471
|
+
"selectedTimeDescription": (args)=>`Geselecteerde tijd: ${args.time}`,
|
|
514
472
|
"startDate": `Startdatum`,
|
|
515
473
|
"timeZoneName": `tijdzone`,
|
|
516
474
|
"weekday": `dag van de week`,
|
|
@@ -529,12 +487,9 @@ $c03fe977fcfafe93$exports = {
|
|
|
529
487
|
"minute": `minuta`,
|
|
530
488
|
"month": `miesiąc`,
|
|
531
489
|
"second": `sekunda`,
|
|
532
|
-
"selectedDateDescription": (args)=>`Wybrana data: ${args.date}
|
|
533
|
-
|
|
534
|
-
"
|
|
535
|
-
,
|
|
536
|
-
"selectedTimeDescription": (args)=>`Wybrany czas: ${args.time}`
|
|
537
|
-
,
|
|
490
|
+
"selectedDateDescription": (args)=>`Wybrana data: ${args.date}`,
|
|
491
|
+
"selectedRangeDescription": (args)=>`Wybrany zakres: ${args.startDate} do ${args.endDate}`,
|
|
492
|
+
"selectedTimeDescription": (args)=>`Wybrany czas: ${args.time}`,
|
|
538
493
|
"startDate": `Data początkowa`,
|
|
539
494
|
"timeZoneName": `strefa czasowa`,
|
|
540
495
|
"weekday": `dzień tygodnia`,
|
|
@@ -553,12 +508,9 @@ $569f006fc292345f$exports = {
|
|
|
553
508
|
"minute": `minuto`,
|
|
554
509
|
"month": `mês`,
|
|
555
510
|
"second": `segundo`,
|
|
556
|
-
"selectedDateDescription": (args)=>`Data selecionada: ${args.date}
|
|
557
|
-
|
|
558
|
-
"
|
|
559
|
-
,
|
|
560
|
-
"selectedTimeDescription": (args)=>`Hora selecionada: ${args.time}`
|
|
561
|
-
,
|
|
511
|
+
"selectedDateDescription": (args)=>`Data selecionada: ${args.date}`,
|
|
512
|
+
"selectedRangeDescription": (args)=>`Intervalo selecionado: ${args.startDate} a ${args.endDate}`,
|
|
513
|
+
"selectedTimeDescription": (args)=>`Hora selecionada: ${args.time}`,
|
|
562
514
|
"startDate": `Data inicial`,
|
|
563
515
|
"timeZoneName": `fuso horário`,
|
|
564
516
|
"weekday": `dia da semana`,
|
|
@@ -577,12 +529,9 @@ $7c2494e14452f2dd$exports = {
|
|
|
577
529
|
"minute": `minuto`,
|
|
578
530
|
"month": `mês`,
|
|
579
531
|
"second": `segundo`,
|
|
580
|
-
"selectedDateDescription": (args)=>`Data selecionada: ${args.date}
|
|
581
|
-
|
|
582
|
-
"
|
|
583
|
-
,
|
|
584
|
-
"selectedTimeDescription": (args)=>`Hora selecionada: ${args.time}`
|
|
585
|
-
,
|
|
532
|
+
"selectedDateDescription": (args)=>`Data selecionada: ${args.date}`,
|
|
533
|
+
"selectedRangeDescription": (args)=>`Intervalo selecionado: ${args.startDate} a ${args.endDate}`,
|
|
534
|
+
"selectedTimeDescription": (args)=>`Hora selecionada: ${args.time}`,
|
|
586
535
|
"startDate": `Data de Início`,
|
|
587
536
|
"timeZoneName": `fuso horário`,
|
|
588
537
|
"weekday": `dia da semana`,
|
|
@@ -601,12 +550,9 @@ $eb82ef981b5592bf$exports = {
|
|
|
601
550
|
"minute": `minut`,
|
|
602
551
|
"month": `lună`,
|
|
603
552
|
"second": `secundă`,
|
|
604
|
-
"selectedDateDescription": (args)=>`Dată selectată: ${args.date}
|
|
605
|
-
|
|
606
|
-
"
|
|
607
|
-
,
|
|
608
|
-
"selectedTimeDescription": (args)=>`Ora selectată: ${args.time}`
|
|
609
|
-
,
|
|
553
|
+
"selectedDateDescription": (args)=>`Dată selectată: ${args.date}`,
|
|
554
|
+
"selectedRangeDescription": (args)=>`Interval selectat: de la ${args.startDate} până la ${args.endDate}`,
|
|
555
|
+
"selectedTimeDescription": (args)=>`Ora selectată: ${args.time}`,
|
|
610
556
|
"startDate": `Dată început`,
|
|
611
557
|
"timeZoneName": `fus orar`,
|
|
612
558
|
"weekday": `ziua din săptămână`,
|
|
@@ -625,12 +571,9 @@ $6efa0e119f396950$exports = {
|
|
|
625
571
|
"minute": `минута`,
|
|
626
572
|
"month": `месяц`,
|
|
627
573
|
"second": `секунда`,
|
|
628
|
-
"selectedDateDescription": (args)=>`Выбранная дата: ${args.date}
|
|
629
|
-
|
|
630
|
-
"
|
|
631
|
-
,
|
|
632
|
-
"selectedTimeDescription": (args)=>`Выбранное время: ${args.time}`
|
|
633
|
-
,
|
|
574
|
+
"selectedDateDescription": (args)=>`Выбранная дата: ${args.date}`,
|
|
575
|
+
"selectedRangeDescription": (args)=>`Выбранный диапазон: с ${args.startDate} по ${args.endDate}`,
|
|
576
|
+
"selectedTimeDescription": (args)=>`Выбранное время: ${args.time}`,
|
|
634
577
|
"startDate": `Дата начала`,
|
|
635
578
|
"timeZoneName": `часовой пояс`,
|
|
636
579
|
"weekday": `день недели`,
|
|
@@ -649,12 +592,9 @@ $7f5e57085d7f5049$exports = {
|
|
|
649
592
|
"minute": `minúta`,
|
|
650
593
|
"month": `mesiac`,
|
|
651
594
|
"second": `sekunda`,
|
|
652
|
-
"selectedDateDescription": (args)=>`Vybratý dátum: ${args.date}
|
|
653
|
-
|
|
654
|
-
"
|
|
655
|
-
,
|
|
656
|
-
"selectedTimeDescription": (args)=>`Vybratý čas: ${args.time}`
|
|
657
|
-
,
|
|
595
|
+
"selectedDateDescription": (args)=>`Vybratý dátum: ${args.date}`,
|
|
596
|
+
"selectedRangeDescription": (args)=>`Vybratý rozsah: od ${args.startDate} do ${args.endDate}`,
|
|
597
|
+
"selectedTimeDescription": (args)=>`Vybratý čas: ${args.time}`,
|
|
658
598
|
"startDate": `Dátum začatia`,
|
|
659
599
|
"timeZoneName": `časové pásmo`,
|
|
660
600
|
"weekday": `deň týždňa`,
|
|
@@ -673,12 +613,9 @@ $578ee7c11dcdde7a$exports = {
|
|
|
673
613
|
"minute": `minuta`,
|
|
674
614
|
"month": `mesec`,
|
|
675
615
|
"second": `sekunda`,
|
|
676
|
-
"selectedDateDescription": (args)=>`Izbrani datum: ${args.date}
|
|
677
|
-
|
|
678
|
-
"
|
|
679
|
-
,
|
|
680
|
-
"selectedTimeDescription": (args)=>`Izbrani čas: ${args.time}`
|
|
681
|
-
,
|
|
616
|
+
"selectedDateDescription": (args)=>`Izbrani datum: ${args.date}`,
|
|
617
|
+
"selectedRangeDescription": (args)=>`Izbrano območje: ${args.startDate} do ${args.endDate}`,
|
|
618
|
+
"selectedTimeDescription": (args)=>`Izbrani čas: ${args.time}`,
|
|
682
619
|
"startDate": `Datum začetka`,
|
|
683
620
|
"timeZoneName": `časovni pas`,
|
|
684
621
|
"weekday": `dan v tednu`,
|
|
@@ -697,12 +634,9 @@ $bbc3fd6cd0bc9d50$exports = {
|
|
|
697
634
|
"minute": `минут`,
|
|
698
635
|
"month": `месец`,
|
|
699
636
|
"second": `секунд`,
|
|
700
|
-
"selectedDateDescription": (args)=>`Izabrani datum: ${args.date}
|
|
701
|
-
|
|
702
|
-
"
|
|
703
|
-
,
|
|
704
|
-
"selectedTimeDescription": (args)=>`Izabrano vreme: ${args.time}`
|
|
705
|
-
,
|
|
637
|
+
"selectedDateDescription": (args)=>`Izabrani datum: ${args.date}`,
|
|
638
|
+
"selectedRangeDescription": (args)=>`Izabrani opseg: od ${args.startDate} do ${args.endDate}`,
|
|
639
|
+
"selectedTimeDescription": (args)=>`Izabrano vreme: ${args.time}`,
|
|
706
640
|
"startDate": `Datum početka`,
|
|
707
641
|
"timeZoneName": `временска зона`,
|
|
708
642
|
"weekday": `дан у недељи`,
|
|
@@ -721,12 +655,9 @@ $0b04512118591d2a$exports = {
|
|
|
721
655
|
"minute": `minut`,
|
|
722
656
|
"month": `månad`,
|
|
723
657
|
"second": `sekund`,
|
|
724
|
-
"selectedDateDescription": (args)=>`Valt datum: ${args.date}
|
|
725
|
-
|
|
726
|
-
"
|
|
727
|
-
,
|
|
728
|
-
"selectedTimeDescription": (args)=>`Vald tid: ${args.time}`
|
|
729
|
-
,
|
|
658
|
+
"selectedDateDescription": (args)=>`Valt datum: ${args.date}`,
|
|
659
|
+
"selectedRangeDescription": (args)=>`Valt intervall: ${args.startDate} till ${args.endDate}`,
|
|
660
|
+
"selectedTimeDescription": (args)=>`Vald tid: ${args.time}`,
|
|
730
661
|
"startDate": `Startdatum`,
|
|
731
662
|
"timeZoneName": `tidszon`,
|
|
732
663
|
"weekday": `veckodag`,
|
|
@@ -745,12 +676,9 @@ $3a49d121fe4c9e1d$exports = {
|
|
|
745
676
|
"minute": `dakika`,
|
|
746
677
|
"month": `ay`,
|
|
747
678
|
"second": `saniye`,
|
|
748
|
-
"selectedDateDescription": (args)=>`Seçilen Tarih: ${args.date}
|
|
749
|
-
|
|
750
|
-
"
|
|
751
|
-
,
|
|
752
|
-
"selectedTimeDescription": (args)=>`Seçilen Zaman: ${args.time}`
|
|
753
|
-
,
|
|
679
|
+
"selectedDateDescription": (args)=>`Seçilen Tarih: ${args.date}`,
|
|
680
|
+
"selectedRangeDescription": (args)=>`Seçilen Aralık: ${args.startDate} - ${args.endDate}`,
|
|
681
|
+
"selectedTimeDescription": (args)=>`Seçilen Zaman: ${args.time}`,
|
|
754
682
|
"startDate": `Başlangıç Tarihi`,
|
|
755
683
|
"timeZoneName": `saat dilimi`,
|
|
756
684
|
"weekday": `haftanın günü`,
|
|
@@ -769,12 +697,9 @@ $5ba21dbb8914919d$exports = {
|
|
|
769
697
|
"minute": `хвилина`,
|
|
770
698
|
"month": `місяць`,
|
|
771
699
|
"second": `секунда`,
|
|
772
|
-
"selectedDateDescription": (args)=>`Вибрана дата: ${args.date}
|
|
773
|
-
|
|
774
|
-
"
|
|
775
|
-
,
|
|
776
|
-
"selectedTimeDescription": (args)=>`Вибраний час: ${args.time}`
|
|
777
|
-
,
|
|
700
|
+
"selectedDateDescription": (args)=>`Вибрана дата: ${args.date}`,
|
|
701
|
+
"selectedRangeDescription": (args)=>`Вибраний діапазон: ${args.startDate} — ${args.endDate}`,
|
|
702
|
+
"selectedTimeDescription": (args)=>`Вибраний час: ${args.time}`,
|
|
778
703
|
"startDate": `Дата початку`,
|
|
779
704
|
"timeZoneName": `часовий пояс`,
|
|
780
705
|
"weekday": `день тижня`,
|
|
@@ -793,12 +718,9 @@ $51078838e1b16cd7$exports = {
|
|
|
793
718
|
"minute": `分钟`,
|
|
794
719
|
"month": `月`,
|
|
795
720
|
"second": `秒`,
|
|
796
|
-
"selectedDateDescription": (args)=>`选定的日期:${args.date}
|
|
797
|
-
|
|
798
|
-
"
|
|
799
|
-
,
|
|
800
|
-
"selectedTimeDescription": (args)=>`选定的时间:${args.time}`
|
|
801
|
-
,
|
|
721
|
+
"selectedDateDescription": (args)=>`选定的日期:${args.date}`,
|
|
722
|
+
"selectedRangeDescription": (args)=>`选定的范围:${args.startDate} 至 ${args.endDate}`,
|
|
723
|
+
"selectedTimeDescription": (args)=>`选定的时间:${args.time}`,
|
|
802
724
|
"startDate": `开始日期`,
|
|
803
725
|
"timeZoneName": `时区`,
|
|
804
726
|
"weekday": `工作日`,
|
|
@@ -817,12 +739,9 @@ $33fab8219207655a$exports = {
|
|
|
817
739
|
"minute": `分钟`,
|
|
818
740
|
"month": `月`,
|
|
819
741
|
"second": `秒`,
|
|
820
|
-
"selectedDateDescription": (args)=>`選定的日期:${args.date}
|
|
821
|
-
|
|
822
|
-
"
|
|
823
|
-
,
|
|
824
|
-
"selectedTimeDescription": (args)=>`選定的時間:${args.time}`
|
|
825
|
-
,
|
|
742
|
+
"selectedDateDescription": (args)=>`選定的日期:${args.date}`,
|
|
743
|
+
"selectedRangeDescription": (args)=>`選定的範圍:${args.startDate} 至 ${args.endDate}`,
|
|
744
|
+
"selectedTimeDescription": (args)=>`選定的時間:${args.time}`,
|
|
826
745
|
"startDate": `開始日期`,
|
|
827
746
|
"timeZoneName": `时区`,
|
|
828
747
|
"weekday": `工作日`,
|
|
@@ -869,6 +788,17 @@ $204383cf4f6b0d06$exports = {
|
|
|
869
788
|
|
|
870
789
|
|
|
871
790
|
|
|
791
|
+
/*
|
|
792
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
793
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
794
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
795
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
796
|
+
*
|
|
797
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
798
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
799
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
800
|
+
* governing permissions and limitations under the License.
|
|
801
|
+
*/
|
|
872
802
|
|
|
873
803
|
|
|
874
804
|
|
|
@@ -877,42 +807,40 @@ $204383cf4f6b0d06$exports = {
|
|
|
877
807
|
|
|
878
808
|
|
|
879
809
|
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
let
|
|
883
|
-
|
|
884
|
-
, [
|
|
885
|
-
ref1
|
|
810
|
+
function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref, disableArrowNavigation) {
|
|
811
|
+
let { direction: direction } = (0, $cIPI0$useLocale)();
|
|
812
|
+
let focusManager = (0, $cIPI0$useMemo)(()=>(0, $cIPI0$createFocusManager)(ref), [
|
|
813
|
+
ref
|
|
886
814
|
]);
|
|
887
815
|
// Open the popover on alt + arrow down
|
|
888
816
|
let onKeyDown = (e)=>{
|
|
889
|
-
if (e.altKey && (e.key ===
|
|
817
|
+
if (e.altKey && (e.key === "ArrowDown" || e.key === "ArrowUp") && "setOpen" in state) {
|
|
890
818
|
e.preventDefault();
|
|
891
819
|
e.stopPropagation();
|
|
892
820
|
state.setOpen(true);
|
|
893
821
|
}
|
|
894
822
|
if (disableArrowNavigation) return;
|
|
895
823
|
switch(e.key){
|
|
896
|
-
case
|
|
824
|
+
case "ArrowLeft":
|
|
897
825
|
e.preventDefault();
|
|
898
826
|
e.stopPropagation();
|
|
899
|
-
if (direction ===
|
|
827
|
+
if (direction === "rtl") focusManager.focusNext();
|
|
900
828
|
else focusManager.focusPrevious();
|
|
901
829
|
break;
|
|
902
|
-
case
|
|
830
|
+
case "ArrowRight":
|
|
903
831
|
e.preventDefault();
|
|
904
832
|
e.stopPropagation();
|
|
905
|
-
if (direction ===
|
|
833
|
+
if (direction === "rtl") focusManager.focusPrevious();
|
|
906
834
|
else focusManager.focusNext();
|
|
907
835
|
break;
|
|
908
836
|
}
|
|
909
837
|
};
|
|
910
838
|
// Focus the first placeholder segment from the end on mouse down/touch up in the field.
|
|
911
839
|
let focusLast = ()=>{
|
|
912
|
-
var
|
|
840
|
+
var _window_event;
|
|
913
841
|
// Try to find the segment prior to the element that was clicked on.
|
|
914
|
-
let target = (
|
|
915
|
-
let walker = $cIPI0$getFocusableTreeWalker(
|
|
842
|
+
let target = (_window_event = window.event) === null || _window_event === void 0 ? void 0 : _window_event.target;
|
|
843
|
+
let walker = (0, $cIPI0$getFocusableTreeWalker)(ref.current, {
|
|
916
844
|
tabbable: true
|
|
917
845
|
});
|
|
918
846
|
if (target) {
|
|
@@ -925,27 +853,27 @@ function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref1, disableArrowNavi
|
|
|
925
853
|
do {
|
|
926
854
|
last = walker.lastChild();
|
|
927
855
|
if (last) target = last;
|
|
928
|
-
}while (last)
|
|
856
|
+
}while (last);
|
|
929
857
|
}
|
|
930
858
|
// Now go backwards until we find an element that is not a placeholder.
|
|
931
|
-
while(target === null || target === void 0 ? void 0 : target.hasAttribute(
|
|
859
|
+
while(target === null || target === void 0 ? void 0 : target.hasAttribute("data-placeholder")){
|
|
932
860
|
let prev = walker.previousNode();
|
|
933
|
-
if (prev && prev.hasAttribute(
|
|
861
|
+
if (prev && prev.hasAttribute("data-placeholder")) target = prev;
|
|
934
862
|
else break;
|
|
935
863
|
}
|
|
936
864
|
if (target) target.focus();
|
|
937
865
|
};
|
|
938
|
-
let { pressProps: pressProps } = $cIPI0$usePress({
|
|
866
|
+
let { pressProps: pressProps } = (0, $cIPI0$usePress)({
|
|
939
867
|
preventFocusOnPress: true,
|
|
940
868
|
allowTextSelectionOnPress: true,
|
|
941
869
|
onPressStart (e) {
|
|
942
|
-
if (e.pointerType ===
|
|
870
|
+
if (e.pointerType === "mouse") focusLast();
|
|
943
871
|
},
|
|
944
872
|
onPress (e) {
|
|
945
|
-
if (e.pointerType !==
|
|
873
|
+
if (e.pointerType !== "mouse") focusLast();
|
|
946
874
|
}
|
|
947
875
|
});
|
|
948
|
-
return $cIPI0$mergeProps(pressProps, {
|
|
876
|
+
return (0, $cIPI0$mergeProps)(pressProps, {
|
|
949
877
|
onKeyDown: onKeyDown
|
|
950
878
|
});
|
|
951
879
|
}
|
|
@@ -955,14 +883,14 @@ function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref1, disableArrowNavi
|
|
|
955
883
|
|
|
956
884
|
|
|
957
885
|
const $16f0b7bb276bc17e$export$653eddfc964b0f8a = new WeakMap();
|
|
958
|
-
const $16f0b7bb276bc17e$export$300019f83c56d282 =
|
|
959
|
-
const $16f0b7bb276bc17e$export$7b3062cd49e80452 =
|
|
886
|
+
const $16f0b7bb276bc17e$export$300019f83c56d282 = "__role_" + Date.now();
|
|
887
|
+
const $16f0b7bb276bc17e$export$7b3062cd49e80452 = "__focusManager_" + Date.now();
|
|
960
888
|
function $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, ref) {
|
|
961
|
-
let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $cIPI0$useField({
|
|
889
|
+
let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = (0, $cIPI0$useField)({
|
|
962
890
|
...props,
|
|
963
|
-
labelElementType:
|
|
891
|
+
labelElementType: "span"
|
|
964
892
|
});
|
|
965
|
-
let { focusWithinProps: focusWithinProps } = $cIPI0$useFocusWithin({
|
|
893
|
+
let { focusWithinProps: focusWithinProps } = (0, $cIPI0$useFocusWithin)({
|
|
966
894
|
...props,
|
|
967
895
|
onBlurWithin: (e)=>{
|
|
968
896
|
state.confirmPlaceholder();
|
|
@@ -971,59 +899,58 @@ function $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, ref) {
|
|
|
971
899
|
onFocusWithin: props.onFocus,
|
|
972
900
|
onFocusWithinChange: props.onFocusChange
|
|
973
901
|
});
|
|
974
|
-
let stringFormatter = $cIPI0$useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports)));
|
|
975
|
-
let message = state.maxGranularity ===
|
|
976
|
-
let field = state.maxGranularity ===
|
|
902
|
+
let stringFormatter = (0, $cIPI0$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports))));
|
|
903
|
+
let message = state.maxGranularity === "hour" ? "selectedTimeDescription" : "selectedDateDescription";
|
|
904
|
+
let field = state.maxGranularity === "hour" ? "time" : "date";
|
|
977
905
|
let description = state.value ? stringFormatter.format(message, {
|
|
978
906
|
[field]: state.formatValue({
|
|
979
|
-
month:
|
|
907
|
+
month: "long"
|
|
980
908
|
})
|
|
981
|
-
}) :
|
|
982
|
-
let descProps = $cIPI0$useDescription(description);
|
|
909
|
+
}) : "";
|
|
910
|
+
let descProps = (0, $cIPI0$useDescription)(description);
|
|
983
911
|
// If within a date picker or date range picker, the date field will have role="presentation" and an aria-describedby
|
|
984
912
|
// will be passed in that references the value (e.g. entire range). Otherwise, add the field's value description.
|
|
985
|
-
let describedBy = props[$16f0b7bb276bc17e$export$300019f83c56d282] ===
|
|
986
|
-
descProps[
|
|
987
|
-
fieldProps[
|
|
988
|
-
].filter(Boolean).join(
|
|
913
|
+
let describedBy = props[$16f0b7bb276bc17e$export$300019f83c56d282] === "presentation" ? fieldProps["aria-describedby"] : [
|
|
914
|
+
descProps["aria-describedby"],
|
|
915
|
+
fieldProps["aria-describedby"]
|
|
916
|
+
].filter(Boolean).join(" ") || undefined;
|
|
989
917
|
let propsFocusManager = props[$16f0b7bb276bc17e$export$7b3062cd49e80452];
|
|
990
|
-
let focusManager = $cIPI0$useMemo(()=>propsFocusManager || $cIPI0$createFocusManager(ref)
|
|
991
|
-
, [
|
|
918
|
+
let focusManager = (0, $cIPI0$useMemo)(()=>propsFocusManager || (0, $cIPI0$createFocusManager)(ref), [
|
|
992
919
|
propsFocusManager,
|
|
993
920
|
ref
|
|
994
921
|
]);
|
|
995
|
-
let groupProps = $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref, props[$16f0b7bb276bc17e$export$300019f83c56d282] ===
|
|
922
|
+
let groupProps = (0, $3dfb0f96be0d6a08$export$4a931266a3838b86)(state, ref, props[$16f0b7bb276bc17e$export$300019f83c56d282] === "presentation");
|
|
996
923
|
// Pass labels and other information to segments.
|
|
997
924
|
$16f0b7bb276bc17e$export$653eddfc964b0f8a.set(state, {
|
|
998
|
-
ariaLabel: props[
|
|
925
|
+
ariaLabel: props["aria-label"],
|
|
999
926
|
ariaLabelledBy: [
|
|
1000
|
-
props[
|
|
927
|
+
props["aria-labelledby"],
|
|
1001
928
|
labelProps.id
|
|
1002
|
-
].filter(Boolean).join(
|
|
929
|
+
].filter(Boolean).join(" ") || undefined,
|
|
1003
930
|
ariaDescribedBy: describedBy,
|
|
1004
931
|
focusManager: focusManager
|
|
1005
932
|
});
|
|
1006
|
-
let autoFocusRef = $cIPI0$useRef(props.autoFocus);
|
|
933
|
+
let autoFocusRef = (0, $cIPI0$useRef)(props.autoFocus);
|
|
1007
934
|
// When used within a date picker or date range picker, the field gets role="presentation"
|
|
1008
935
|
// rather than role="group". Since the date picker/date range picker already has a role="group"
|
|
1009
936
|
// with a label and description, and the segments are already labeled by this as well, this
|
|
1010
937
|
// avoids very verbose duplicate announcements.
|
|
1011
938
|
let fieldDOMProps;
|
|
1012
|
-
if (props[$16f0b7bb276bc17e$export$300019f83c56d282] ===
|
|
1013
|
-
role:
|
|
939
|
+
if (props[$16f0b7bb276bc17e$export$300019f83c56d282] === "presentation") fieldDOMProps = {
|
|
940
|
+
role: "presentation"
|
|
1014
941
|
};
|
|
1015
|
-
else fieldDOMProps = $cIPI0$mergeProps(fieldProps, {
|
|
1016
|
-
role:
|
|
1017
|
-
|
|
1018
|
-
|
|
942
|
+
else fieldDOMProps = (0, $cIPI0$mergeProps)(fieldProps, {
|
|
943
|
+
role: "group",
|
|
944
|
+
"aria-disabled": props.isDisabled || undefined,
|
|
945
|
+
"aria-describedby": describedBy
|
|
1019
946
|
});
|
|
1020
|
-
$cIPI0$useEffect(()=>{
|
|
947
|
+
(0, $cIPI0$useEffect)(()=>{
|
|
1021
948
|
if (autoFocusRef.current) focusManager.focusFirst();
|
|
1022
949
|
autoFocusRef.current = false;
|
|
1023
950
|
}, [
|
|
1024
951
|
focusManager
|
|
1025
952
|
]);
|
|
1026
|
-
let domProps = $cIPI0$filterDOMProps(props);
|
|
953
|
+
let domProps = (0, $cIPI0$filterDOMProps)(props);
|
|
1027
954
|
return {
|
|
1028
955
|
labelProps: {
|
|
1029
956
|
...labelProps,
|
|
@@ -1031,7 +958,7 @@ function $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, ref) {
|
|
|
1031
958
|
focusManager.focusFirst();
|
|
1032
959
|
}
|
|
1033
960
|
},
|
|
1034
|
-
fieldProps: $cIPI0$mergeProps(domProps, fieldDOMProps, groupProps, focusWithinProps, {
|
|
961
|
+
fieldProps: (0, $cIPI0$mergeProps)(domProps, fieldDOMProps, groupProps, focusWithinProps, {
|
|
1035
962
|
onKeyDown (e) {
|
|
1036
963
|
if (props.onKeyDown) props.onKeyDown(e);
|
|
1037
964
|
},
|
|
@@ -1053,33 +980,33 @@ function $16f0b7bb276bc17e$export$4c842f6a241dc825(props, state, ref) {
|
|
|
1053
980
|
|
|
1054
981
|
|
|
1055
982
|
function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
|
|
1056
|
-
let buttonId = $cIPI0$useId();
|
|
1057
|
-
let dialogId = $cIPI0$useId();
|
|
1058
|
-
let
|
|
1059
|
-
let
|
|
983
|
+
let buttonId = (0, $cIPI0$useId)();
|
|
984
|
+
let dialogId = (0, $cIPI0$useId)();
|
|
985
|
+
let fieldId = (0, $cIPI0$useId)();
|
|
986
|
+
let stringFormatter = (0, $cIPI0$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports))));
|
|
987
|
+
let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = (0, $cIPI0$useField)({
|
|
1060
988
|
...props,
|
|
1061
|
-
labelElementType:
|
|
989
|
+
labelElementType: "span"
|
|
1062
990
|
});
|
|
1063
|
-
let groupProps = $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref);
|
|
1064
|
-
let labelledBy = fieldProps[
|
|
1065
|
-
let { locale: locale } = $cIPI0$useLocale();
|
|
991
|
+
let groupProps = (0, $3dfb0f96be0d6a08$export$4a931266a3838b86)(state, ref);
|
|
992
|
+
let labelledBy = fieldProps["aria-labelledby"] || fieldProps.id;
|
|
993
|
+
let { locale: locale } = (0, $cIPI0$useLocale)();
|
|
1066
994
|
let date = state.formatValue(locale, {
|
|
1067
|
-
month:
|
|
995
|
+
month: "long"
|
|
1068
996
|
});
|
|
1069
|
-
let description = date ? stringFormatter.format(
|
|
997
|
+
let description = date ? stringFormatter.format("selectedDateDescription", {
|
|
1070
998
|
date: date
|
|
1071
|
-
}) :
|
|
1072
|
-
let descProps = $cIPI0$useDescription(description);
|
|
999
|
+
}) : "";
|
|
1000
|
+
let descProps = (0, $cIPI0$useDescription)(description);
|
|
1073
1001
|
let ariaDescribedBy = [
|
|
1074
|
-
descProps[
|
|
1075
|
-
fieldProps[
|
|
1076
|
-
].filter(Boolean).join(
|
|
1077
|
-
let domProps = $cIPI0$filterDOMProps(props);
|
|
1078
|
-
let focusManager = $cIPI0$useMemo(()
|
|
1079
|
-
, [
|
|
1002
|
+
descProps["aria-describedby"],
|
|
1003
|
+
fieldProps["aria-describedby"]
|
|
1004
|
+
].filter(Boolean).join(" ") || undefined;
|
|
1005
|
+
let domProps = (0, $cIPI0$filterDOMProps)(props);
|
|
1006
|
+
let focusManager = (0, $cIPI0$useMemo)(()=>(0, $cIPI0$createFocusManager)(ref), [
|
|
1080
1007
|
ref
|
|
1081
1008
|
]);
|
|
1082
|
-
let { focusWithinProps: focusWithinProps } = $cIPI0$useFocusWithin({
|
|
1009
|
+
let { focusWithinProps: focusWithinProps } = (0, $cIPI0$useFocusWithin)({
|
|
1083
1010
|
...props,
|
|
1084
1011
|
isDisabled: state.isOpen,
|
|
1085
1012
|
onBlurWithin: props.onBlur,
|
|
@@ -1087,11 +1014,11 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
|
|
|
1087
1014
|
onFocusWithinChange: props.onFocusChange
|
|
1088
1015
|
});
|
|
1089
1016
|
return {
|
|
1090
|
-
groupProps: $cIPI0$mergeProps(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
|
|
1091
|
-
role:
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1017
|
+
groupProps: (0, $cIPI0$mergeProps)(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
|
|
1018
|
+
role: "group",
|
|
1019
|
+
"aria-disabled": props.isDisabled || null,
|
|
1020
|
+
"aria-labelledby": labelledBy,
|
|
1021
|
+
"aria-describedby": ariaDescribedBy,
|
|
1095
1022
|
onKeyDown (e) {
|
|
1096
1023
|
if (state.isOpen) return;
|
|
1097
1024
|
if (props.onKeyDown) props.onKeyDown(e);
|
|
@@ -1109,8 +1036,9 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
|
|
|
1109
1036
|
},
|
|
1110
1037
|
fieldProps: {
|
|
1111
1038
|
...fieldProps,
|
|
1112
|
-
|
|
1113
|
-
|
|
1039
|
+
id: fieldId,
|
|
1040
|
+
[(0, $16f0b7bb276bc17e$export$300019f83c56d282)]: "presentation",
|
|
1041
|
+
"aria-describedby": ariaDescribedBy,
|
|
1114
1042
|
value: state.value,
|
|
1115
1043
|
onChange: state.setValue,
|
|
1116
1044
|
minValue: props.minValue,
|
|
@@ -1130,15 +1058,15 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
|
|
|
1130
1058
|
buttonProps: {
|
|
1131
1059
|
...descProps,
|
|
1132
1060
|
id: buttonId,
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1061
|
+
"aria-haspopup": "dialog",
|
|
1062
|
+
"aria-label": stringFormatter.format("calendar"),
|
|
1063
|
+
"aria-labelledby": `${labelledBy} ${buttonId}`,
|
|
1064
|
+
"aria-describedby": ariaDescribedBy,
|
|
1137
1065
|
onPress: ()=>state.setOpen(true)
|
|
1138
1066
|
},
|
|
1139
1067
|
dialogProps: {
|
|
1140
1068
|
id: dialogId,
|
|
1141
|
-
|
|
1069
|
+
"aria-labelledby": `${labelledBy} ${buttonId}`
|
|
1142
1070
|
},
|
|
1143
1071
|
calendarProps: {
|
|
1144
1072
|
autoFocus: true,
|
|
@@ -1157,25 +1085,46 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
|
|
|
1157
1085
|
}
|
|
1158
1086
|
|
|
1159
1087
|
|
|
1088
|
+
/*
|
|
1089
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
1090
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
1091
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
1092
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
1093
|
+
*
|
|
1094
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
1095
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
1096
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
1097
|
+
* governing permissions and limitations under the License.
|
|
1098
|
+
*/
|
|
1160
1099
|
|
|
1161
1100
|
|
|
1162
1101
|
|
|
1163
1102
|
|
|
1164
1103
|
|
|
1165
|
-
|
|
1104
|
+
/*
|
|
1105
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
1106
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
1107
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
1108
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
1109
|
+
*
|
|
1110
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
1111
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
1112
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
1113
|
+
* governing permissions and limitations under the License.
|
|
1114
|
+
*/ // @ts-ignore
|
|
1166
1115
|
|
|
1167
1116
|
|
|
1168
1117
|
|
|
1169
1118
|
|
|
1170
1119
|
function $3aeceb3a64eb8358$export$d42c60378c8168f8() {
|
|
1171
|
-
let { locale: locale } = $cIPI0$useLocale();
|
|
1172
|
-
return $cIPI0$useMemo(()=>{
|
|
1120
|
+
let { locale: locale } = (0, $cIPI0$useLocale)();
|
|
1121
|
+
return (0, $cIPI0$useMemo)(()=>{
|
|
1173
1122
|
// Try to use Intl.DisplayNames if possible. It may be supported in browsers, but not support the dateTimeField
|
|
1174
1123
|
// type as that was only added in v2. https://github.com/tc39/intl-displaynames-v2
|
|
1175
1124
|
try {
|
|
1176
1125
|
// @ts-ignore
|
|
1177
1126
|
return new Intl.DisplayNames(locale, {
|
|
1178
|
-
type:
|
|
1127
|
+
type: "dateTimeField"
|
|
1179
1128
|
});
|
|
1180
1129
|
} catch (err) {
|
|
1181
1130
|
return new $3aeceb3a64eb8358$var$DisplayNamesPolyfill(locale);
|
|
@@ -1190,36 +1139,35 @@ class $3aeceb3a64eb8358$var$DisplayNamesPolyfill {
|
|
|
1190
1139
|
}
|
|
1191
1140
|
constructor(locale){
|
|
1192
1141
|
this.locale = locale;
|
|
1193
|
-
this.dictionary = new $cIPI0$LocalizedStringDictionary((/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports)));
|
|
1142
|
+
this.dictionary = new (0, $cIPI0$LocalizedStringDictionary)((0, (/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports))));
|
|
1194
1143
|
}
|
|
1195
1144
|
}
|
|
1196
1145
|
|
|
1197
1146
|
|
|
1198
1147
|
|
|
1199
1148
|
function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
|
|
1200
|
-
let enteredKeys = $cIPI0$useRef(
|
|
1201
|
-
let { locale: locale } = $cIPI0$useLocale();
|
|
1202
|
-
let displayNames = $3aeceb3a64eb8358$export$d42c60378c8168f8();
|
|
1203
|
-
let { ariaLabel: ariaLabel , ariaLabelledBy: ariaLabelledBy , ariaDescribedBy: ariaDescribedBy , focusManager: focusManager } = $16f0b7bb276bc17e$export$653eddfc964b0f8a.get(state);
|
|
1204
|
-
let textValue = segment.isPlaceholder ?
|
|
1205
|
-
let options = $cIPI0$useMemo(()=>state.dateFormatter.resolvedOptions()
|
|
1206
|
-
, [
|
|
1149
|
+
let enteredKeys = (0, $cIPI0$useRef)("");
|
|
1150
|
+
let { locale: locale } = (0, $cIPI0$useLocale)();
|
|
1151
|
+
let displayNames = (0, $3aeceb3a64eb8358$export$d42c60378c8168f8)();
|
|
1152
|
+
let { ariaLabel: ariaLabel , ariaLabelledBy: ariaLabelledBy , ariaDescribedBy: ariaDescribedBy , focusManager: focusManager } = (0, $16f0b7bb276bc17e$export$653eddfc964b0f8a).get(state);
|
|
1153
|
+
let textValue = segment.isPlaceholder ? "" : segment.text;
|
|
1154
|
+
let options = (0, $cIPI0$useMemo)(()=>state.dateFormatter.resolvedOptions(), [
|
|
1207
1155
|
state.dateFormatter
|
|
1208
1156
|
]);
|
|
1209
|
-
let monthDateFormatter = $cIPI0$useDateFormatter({
|
|
1210
|
-
month:
|
|
1157
|
+
let monthDateFormatter = (0, $cIPI0$useDateFormatter)({
|
|
1158
|
+
month: "long",
|
|
1211
1159
|
timeZone: options.timeZone
|
|
1212
1160
|
});
|
|
1213
|
-
let hourDateFormatter = $cIPI0$useDateFormatter({
|
|
1214
|
-
hour:
|
|
1161
|
+
let hourDateFormatter = (0, $cIPI0$useDateFormatter)({
|
|
1162
|
+
hour: "numeric",
|
|
1215
1163
|
hour12: options.hour12,
|
|
1216
1164
|
timeZone: options.timeZone
|
|
1217
1165
|
});
|
|
1218
|
-
if (segment.type ===
|
|
1166
|
+
if (segment.type === "month" && !segment.isPlaceholder) {
|
|
1219
1167
|
let monthTextValue = monthDateFormatter.format(state.dateValue);
|
|
1220
1168
|
textValue = monthTextValue !== textValue ? `${textValue} – ${monthTextValue}` : monthTextValue;
|
|
1221
|
-
} else if (segment.type ===
|
|
1222
|
-
let { spinButtonProps: spinButtonProps } = $cIPI0$useSpinButton({
|
|
1169
|
+
} else if (segment.type === "hour" && !segment.isPlaceholder) textValue = hourDateFormatter.format(state.dateValue);
|
|
1170
|
+
let { spinButtonProps: spinButtonProps } = (0, $cIPI0$useSpinButton)({
|
|
1223
1171
|
// The ARIA spec says aria-valuenow is optional if there's no value, but aXe seems to require it.
|
|
1224
1172
|
// This doesn't seem to have any negative effects with real AT since we also use aria-valuetext.
|
|
1225
1173
|
// https://github.com/dequelabs/axe-core/issues/3505
|
|
@@ -1231,34 +1179,33 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1231
1179
|
isReadOnly: state.isReadOnly || !segment.isEditable,
|
|
1232
1180
|
isRequired: state.isRequired,
|
|
1233
1181
|
onIncrement: ()=>{
|
|
1234
|
-
enteredKeys.current =
|
|
1182
|
+
enteredKeys.current = "";
|
|
1235
1183
|
state.increment(segment.type);
|
|
1236
1184
|
},
|
|
1237
1185
|
onDecrement: ()=>{
|
|
1238
|
-
enteredKeys.current =
|
|
1186
|
+
enteredKeys.current = "";
|
|
1239
1187
|
state.decrement(segment.type);
|
|
1240
1188
|
},
|
|
1241
1189
|
onIncrementPage: ()=>{
|
|
1242
|
-
enteredKeys.current =
|
|
1190
|
+
enteredKeys.current = "";
|
|
1243
1191
|
state.incrementPage(segment.type);
|
|
1244
1192
|
},
|
|
1245
1193
|
onDecrementPage: ()=>{
|
|
1246
|
-
enteredKeys.current =
|
|
1194
|
+
enteredKeys.current = "";
|
|
1247
1195
|
state.decrementPage(segment.type);
|
|
1248
1196
|
},
|
|
1249
1197
|
onIncrementToMax: ()=>{
|
|
1250
|
-
enteredKeys.current =
|
|
1198
|
+
enteredKeys.current = "";
|
|
1251
1199
|
state.setSegment(segment.type, segment.maxValue);
|
|
1252
1200
|
},
|
|
1253
1201
|
onDecrementToMin: ()=>{
|
|
1254
|
-
enteredKeys.current =
|
|
1202
|
+
enteredKeys.current = "";
|
|
1255
1203
|
state.setSegment(segment.type, segment.minValue);
|
|
1256
1204
|
}
|
|
1257
1205
|
});
|
|
1258
|
-
let parser = $cIPI0$useMemo(()=>new $cIPI0$NumberParser(locale, {
|
|
1206
|
+
let parser = (0, $cIPI0$useMemo)(()=>new (0, $cIPI0$NumberParser)(locale, {
|
|
1259
1207
|
maximumFractionDigits: 0
|
|
1260
|
-
})
|
|
1261
|
-
, [
|
|
1208
|
+
}), [
|
|
1262
1209
|
locale
|
|
1263
1210
|
]);
|
|
1264
1211
|
let backspace = ()=>{
|
|
@@ -1268,16 +1215,16 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1268
1215
|
if (newValue.length === 0 || parsed === 0) state.clearSegment(segment.type);
|
|
1269
1216
|
else state.setSegment(segment.type, parsed);
|
|
1270
1217
|
enteredKeys.current = newValue;
|
|
1271
|
-
} else if (segment.type ===
|
|
1218
|
+
} else if (segment.type === "dayPeriod") state.clearSegment(segment.type);
|
|
1272
1219
|
};
|
|
1273
1220
|
let onKeyDown = (e)=>{
|
|
1274
1221
|
// Firefox does not fire selectstart for Ctrl/Cmd + A
|
|
1275
1222
|
// https://bugzilla.mozilla.org/show_bug.cgi?id=1742153
|
|
1276
|
-
if (e.key ===
|
|
1223
|
+
if (e.key === "a" && ((0, $cIPI0$isMac)() ? e.metaKey : e.ctrlKey)) e.preventDefault();
|
|
1277
1224
|
if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) return;
|
|
1278
1225
|
switch(e.key){
|
|
1279
|
-
case
|
|
1280
|
-
case
|
|
1226
|
+
case "Backspace":
|
|
1227
|
+
case "Delete":
|
|
1281
1228
|
// Safari on iOS does not fire beforeinput for the backspace key because the cursor is at the start.
|
|
1282
1229
|
e.preventDefault();
|
|
1283
1230
|
e.stopPropagation();
|
|
@@ -1286,48 +1233,45 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1286
1233
|
}
|
|
1287
1234
|
};
|
|
1288
1235
|
// Safari dayPeriod option doesn't work...
|
|
1289
|
-
let { startsWith: startsWith } = $cIPI0$useFilter({
|
|
1290
|
-
sensitivity:
|
|
1236
|
+
let { startsWith: startsWith } = (0, $cIPI0$useFilter)({
|
|
1237
|
+
sensitivity: "base"
|
|
1291
1238
|
});
|
|
1292
|
-
let amPmFormatter = $cIPI0$useDateFormatter({
|
|
1293
|
-
hour:
|
|
1239
|
+
let amPmFormatter = (0, $cIPI0$useDateFormatter)({
|
|
1240
|
+
hour: "numeric",
|
|
1294
1241
|
hour12: true
|
|
1295
1242
|
});
|
|
1296
|
-
let am = $cIPI0$useMemo(()=>{
|
|
1243
|
+
let am = (0, $cIPI0$useMemo)(()=>{
|
|
1297
1244
|
let date = new Date();
|
|
1298
1245
|
date.setHours(0);
|
|
1299
|
-
return amPmFormatter.formatToParts(date).find((part)=>part.type ===
|
|
1300
|
-
).value;
|
|
1246
|
+
return amPmFormatter.formatToParts(date).find((part)=>part.type === "dayPeriod").value;
|
|
1301
1247
|
}, [
|
|
1302
1248
|
amPmFormatter
|
|
1303
1249
|
]);
|
|
1304
|
-
let pm = $cIPI0$useMemo(()=>{
|
|
1250
|
+
let pm = (0, $cIPI0$useMemo)(()=>{
|
|
1305
1251
|
let date = new Date();
|
|
1306
1252
|
date.setHours(12);
|
|
1307
|
-
return amPmFormatter.formatToParts(date).find((part)=>part.type ===
|
|
1308
|
-
).value;
|
|
1253
|
+
return amPmFormatter.formatToParts(date).find((part)=>part.type === "dayPeriod").value;
|
|
1309
1254
|
}, [
|
|
1310
1255
|
amPmFormatter
|
|
1311
1256
|
]);
|
|
1312
1257
|
// Get a list of formatted era names so users can type the first character to choose one.
|
|
1313
|
-
let eraFormatter = $cIPI0$useDateFormatter({
|
|
1314
|
-
year:
|
|
1315
|
-
era:
|
|
1316
|
-
timeZone:
|
|
1258
|
+
let eraFormatter = (0, $cIPI0$useDateFormatter)({
|
|
1259
|
+
year: "numeric",
|
|
1260
|
+
era: "narrow",
|
|
1261
|
+
timeZone: "UTC"
|
|
1317
1262
|
});
|
|
1318
|
-
let
|
|
1319
|
-
if (segment.type !==
|
|
1320
|
-
let date = $cIPI0$toCalendar(new $cIPI0$CalendarDate(1, 1, 1), state.calendar);
|
|
1263
|
+
let eras = (0, $cIPI0$useMemo)(()=>{
|
|
1264
|
+
if (segment.type !== "era") return [];
|
|
1265
|
+
let date = (0, $cIPI0$toCalendar)(new (0, $cIPI0$CalendarDate)(1, 1, 1), state.calendar);
|
|
1321
1266
|
let eras = state.calendar.getEras().map((era)=>{
|
|
1322
1267
|
let eraDate = date.set({
|
|
1323
1268
|
year: 1,
|
|
1324
1269
|
month: 1,
|
|
1325
1270
|
day: 1,
|
|
1326
1271
|
era: era
|
|
1327
|
-
}).toDate(
|
|
1272
|
+
}).toDate("UTC");
|
|
1328
1273
|
let parts = eraFormatter.formatToParts(eraDate);
|
|
1329
|
-
let formatted = parts.find((p)=>p.type ===
|
|
1330
|
-
).value;
|
|
1274
|
+
let formatted = parts.find((p)=>p.type === "era").value;
|
|
1331
1275
|
return {
|
|
1332
1276
|
era: era,
|
|
1333
1277
|
formatted: formatted
|
|
@@ -1336,9 +1280,8 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1336
1280
|
// Remove the common prefix from formatted values. This is so that in calendars with eras like
|
|
1337
1281
|
// ERA0 and ERA1 (e.g. Ethiopic), users can press "0" and "1" to select an era. In other cases,
|
|
1338
1282
|
// the first letter is used.
|
|
1339
|
-
let prefixLength = $32489daedd52963e$var$commonPrefixLength(eras.map((era)=>era.formatted
|
|
1340
|
-
));
|
|
1341
|
-
if (prefixLength) for (let era1 of eras)era1.formatted = era1.formatted.slice(prefixLength);
|
|
1283
|
+
let prefixLength = $32489daedd52963e$var$commonPrefixLength(eras.map((era)=>era.formatted));
|
|
1284
|
+
if (prefixLength) for (let era of eras)era.formatted = era.formatted.slice(prefixLength);
|
|
1342
1285
|
return eras;
|
|
1343
1286
|
}, [
|
|
1344
1287
|
eraFormatter,
|
|
@@ -1349,39 +1292,38 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1349
1292
|
if (state.isDisabled || state.isReadOnly) return;
|
|
1350
1293
|
let newValue = enteredKeys.current + key;
|
|
1351
1294
|
switch(segment.type){
|
|
1352
|
-
case
|
|
1353
|
-
if (startsWith(am, key)) state.setSegment(
|
|
1354
|
-
else if (startsWith(pm, key)) state.setSegment(
|
|
1295
|
+
case "dayPeriod":
|
|
1296
|
+
if (startsWith(am, key)) state.setSegment("dayPeriod", 0);
|
|
1297
|
+
else if (startsWith(pm, key)) state.setSegment("dayPeriod", 12);
|
|
1355
1298
|
else break;
|
|
1356
1299
|
focusManager.focusNext();
|
|
1357
1300
|
break;
|
|
1358
|
-
case
|
|
1301
|
+
case "era":
|
|
1359
1302
|
{
|
|
1360
|
-
let matched =
|
|
1361
|
-
);
|
|
1303
|
+
let matched = eras.find((e)=>startsWith(e.formatted, key));
|
|
1362
1304
|
if (matched) {
|
|
1363
|
-
state.setSegment(
|
|
1305
|
+
state.setSegment("era", matched.era);
|
|
1364
1306
|
focusManager.focusNext();
|
|
1365
1307
|
}
|
|
1366
1308
|
break;
|
|
1367
1309
|
}
|
|
1368
|
-
case
|
|
1369
|
-
case
|
|
1370
|
-
case
|
|
1371
|
-
case
|
|
1372
|
-
case
|
|
1373
|
-
case
|
|
1310
|
+
case "day":
|
|
1311
|
+
case "hour":
|
|
1312
|
+
case "minute":
|
|
1313
|
+
case "second":
|
|
1314
|
+
case "month":
|
|
1315
|
+
case "year":
|
|
1374
1316
|
{
|
|
1375
1317
|
if (!parser.isValidPartialNumber(newValue)) return;
|
|
1376
1318
|
let numberValue = parser.parse(newValue);
|
|
1377
1319
|
let segmentValue = numberValue;
|
|
1378
1320
|
let allowsZero = segment.minValue === 0;
|
|
1379
|
-
if (segment.type ===
|
|
1321
|
+
if (segment.type === "hour" && state.dateFormatter.resolvedOptions().hour12) {
|
|
1380
1322
|
switch(state.dateFormatter.resolvedOptions().hourCycle){
|
|
1381
|
-
case
|
|
1323
|
+
case "h11":
|
|
1382
1324
|
if (numberValue > 11) segmentValue = parser.parse(key);
|
|
1383
1325
|
break;
|
|
1384
|
-
case
|
|
1326
|
+
case "h12":
|
|
1385
1327
|
allowsZero = false;
|
|
1386
1328
|
if (numberValue > 12) segmentValue = parser.parse(key);
|
|
1387
1329
|
break;
|
|
@@ -1391,8 +1333,8 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1391
1333
|
if (isNaN(numberValue)) return;
|
|
1392
1334
|
let shouldSetValue = segmentValue !== 0 || allowsZero;
|
|
1393
1335
|
if (shouldSetValue) state.setSegment(segment.type, segmentValue);
|
|
1394
|
-
if (Number(numberValue +
|
|
1395
|
-
enteredKeys.current =
|
|
1336
|
+
if (Number(numberValue + "0") > segment.maxValue || newValue.length >= String(segment.maxValue).length) {
|
|
1337
|
+
enteredKeys.current = "";
|
|
1396
1338
|
if (shouldSetValue) focusManager.focusNext();
|
|
1397
1339
|
} else enteredKeys.current = newValue;
|
|
1398
1340
|
break;
|
|
@@ -1400,22 +1342,24 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1400
1342
|
}
|
|
1401
1343
|
};
|
|
1402
1344
|
let onFocus = ()=>{
|
|
1403
|
-
enteredKeys.current =
|
|
1404
|
-
|
|
1345
|
+
enteredKeys.current = "";
|
|
1346
|
+
(0, $cIPI0$scrollIntoViewport)(ref.current, {
|
|
1347
|
+
containingElement: (0, $cIPI0$getScrollParent)(ref.current)
|
|
1348
|
+
});
|
|
1405
1349
|
// Collapse selection to start or Chrome won't fire input events.
|
|
1406
1350
|
let selection = window.getSelection();
|
|
1407
1351
|
selection.collapse(ref.current);
|
|
1408
1352
|
};
|
|
1409
|
-
let compositionRef = $cIPI0$useRef(
|
|
1353
|
+
let compositionRef = (0, $cIPI0$useRef)("");
|
|
1410
1354
|
// @ts-ignore - TODO: possibly old TS version? doesn't fail in my editor...
|
|
1411
|
-
$cIPI0$useEvent(ref,
|
|
1355
|
+
(0, $cIPI0$useEvent)(ref, "beforeinput", (e)=>{
|
|
1412
1356
|
e.preventDefault();
|
|
1413
1357
|
switch(e.inputType){
|
|
1414
|
-
case
|
|
1415
|
-
case
|
|
1358
|
+
case "deleteContentBackward":
|
|
1359
|
+
case "deleteContentForward":
|
|
1416
1360
|
if (parser.isValidPartialNumber(segment.text) && !state.isReadOnly) backspace();
|
|
1417
1361
|
break;
|
|
1418
|
-
case
|
|
1362
|
+
case "insertCompositionText":
|
|
1419
1363
|
// insertCompositionText cannot be canceled.
|
|
1420
1364
|
// Record the current state of the element so we can restore it in the `input` event below.
|
|
1421
1365
|
compositionRef.current = ref.current.textContent;
|
|
@@ -1428,10 +1372,10 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1428
1372
|
break;
|
|
1429
1373
|
}
|
|
1430
1374
|
});
|
|
1431
|
-
$cIPI0$useEvent(ref,
|
|
1375
|
+
(0, $cIPI0$useEvent)(ref, "input", (e)=>{
|
|
1432
1376
|
let { inputType: inputType , data: data } = e;
|
|
1433
1377
|
switch(inputType){
|
|
1434
|
-
case
|
|
1378
|
+
case "insertCompositionText":
|
|
1435
1379
|
// Reset the DOM to how it was in the beforeinput event.
|
|
1436
1380
|
ref.current.textContent = compositionRef.current;
|
|
1437
1381
|
// Android sometimes fires key presses of letters as composition events. Need to handle am/pm keys here too.
|
|
@@ -1440,7 +1384,7 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1440
1384
|
break;
|
|
1441
1385
|
}
|
|
1442
1386
|
});
|
|
1443
|
-
$cIPI0$useLayoutEffect(()=>{
|
|
1387
|
+
(0, $cIPI0$useLayoutEffect)(()=>{
|
|
1444
1388
|
let element = ref.current;
|
|
1445
1389
|
return ()=>{
|
|
1446
1390
|
// If the focused segment is removed, focus the previous one, or the next one if there was no previous one.
|
|
@@ -1454,59 +1398,56 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1454
1398
|
focusManager
|
|
1455
1399
|
]);
|
|
1456
1400
|
// spinbuttons cannot be focused with VoiceOver on iOS.
|
|
1457
|
-
let touchPropOverrides = $cIPI0$isIOS() || segment.type ===
|
|
1458
|
-
role:
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
} : {
|
|
1464
|
-
};
|
|
1401
|
+
let touchPropOverrides = (0, $cIPI0$isIOS)() || segment.type === "timeZoneName" ? {
|
|
1402
|
+
role: "textbox",
|
|
1403
|
+
"aria-valuemax": null,
|
|
1404
|
+
"aria-valuemin": null,
|
|
1405
|
+
"aria-valuetext": null,
|
|
1406
|
+
"aria-valuenow": null
|
|
1407
|
+
} : {};
|
|
1465
1408
|
// Only apply aria-describedby to the first segment, unless the field is invalid. This avoids it being
|
|
1466
1409
|
// read every time the user navigates to a new segment.
|
|
1467
|
-
let firstSegment = $cIPI0$useMemo(()=>state.segments.find((s)=>s.isEditable
|
|
1468
|
-
)
|
|
1469
|
-
, [
|
|
1410
|
+
let firstSegment = (0, $cIPI0$useMemo)(()=>state.segments.find((s)=>s.isEditable), [
|
|
1470
1411
|
state.segments
|
|
1471
1412
|
]);
|
|
1472
|
-
if (segment !== firstSegment && state.validationState !==
|
|
1473
|
-
let id = $cIPI0$useId();
|
|
1413
|
+
if (segment !== firstSegment && state.validationState !== "invalid") ariaDescribedBy = undefined;
|
|
1414
|
+
let id = (0, $cIPI0$useId)();
|
|
1474
1415
|
let isEditable = !state.isDisabled && !state.isReadOnly && segment.isEditable;
|
|
1475
1416
|
// Prepend the label passed from the field to each segment name.
|
|
1476
1417
|
// This is needed because VoiceOver on iOS does not announce groups.
|
|
1477
|
-
let name = segment.type ===
|
|
1478
|
-
let labelProps = $cIPI0$useLabels({
|
|
1479
|
-
|
|
1480
|
-
|
|
1418
|
+
let name = segment.type === "literal" ? "" : displayNames.of(segment.type);
|
|
1419
|
+
let labelProps = (0, $cIPI0$useLabels)({
|
|
1420
|
+
"aria-label": (ariaLabel ? ariaLabel + " " : "") + name,
|
|
1421
|
+
"aria-labelledby": ariaLabelledBy
|
|
1481
1422
|
});
|
|
1482
1423
|
// Literal segments should not be visible to screen readers. We don't really need any of the above,
|
|
1483
1424
|
// but the rules of hooks mean hooks cannot be conditional so we have to put this condition here.
|
|
1484
|
-
if (segment.type ===
|
|
1425
|
+
if (segment.type === "literal") return {
|
|
1485
1426
|
segmentProps: {
|
|
1486
|
-
|
|
1427
|
+
"aria-hidden": true
|
|
1487
1428
|
}
|
|
1488
1429
|
};
|
|
1489
1430
|
return {
|
|
1490
|
-
segmentProps: $cIPI0$mergeProps(spinButtonProps, labelProps, {
|
|
1431
|
+
segmentProps: (0, $cIPI0$mergeProps)(spinButtonProps, labelProps, {
|
|
1491
1432
|
id: id,
|
|
1492
1433
|
...touchPropOverrides,
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
|
|
1434
|
+
"aria-invalid": state.validationState === "invalid" ? "true" : undefined,
|
|
1435
|
+
"aria-describedby": ariaDescribedBy,
|
|
1436
|
+
"aria-readonly": state.isReadOnly || !segment.isEditable ? "true" : undefined,
|
|
1437
|
+
"data-placeholder": segment.isPlaceholder || undefined,
|
|
1497
1438
|
contentEditable: isEditable,
|
|
1498
1439
|
suppressContentEditableWarning: isEditable,
|
|
1499
|
-
spellCheck: isEditable ?
|
|
1500
|
-
autoCapitalize: isEditable ?
|
|
1501
|
-
autoCorrect: isEditable ?
|
|
1440
|
+
spellCheck: isEditable ? "false" : undefined,
|
|
1441
|
+
autoCapitalize: isEditable ? "off" : undefined,
|
|
1442
|
+
autoCorrect: isEditable ? "off" : undefined,
|
|
1502
1443
|
// Capitalization was changed in React 17...
|
|
1503
|
-
[parseInt($cIPI0$react.version, 10) >= 17 ?
|
|
1504
|
-
inputMode: state.isDisabled || segment.type ===
|
|
1444
|
+
[parseInt((0, $cIPI0$react).version, 10) >= 17 ? "enterKeyHint" : "enterkeyhint"]: isEditable ? "next" : undefined,
|
|
1445
|
+
inputMode: state.isDisabled || segment.type === "dayPeriod" || segment.type === "era" || !isEditable ? undefined : "numeric",
|
|
1505
1446
|
tabIndex: state.isDisabled ? undefined : 0,
|
|
1506
1447
|
onKeyDown: onKeyDown,
|
|
1507
1448
|
onFocus: onFocus,
|
|
1508
1449
|
style: {
|
|
1509
|
-
caretColor:
|
|
1450
|
+
caretColor: "transparent"
|
|
1510
1451
|
},
|
|
1511
1452
|
// Prevent pointer events from reaching useDatePickerGroup, and allow native browser behavior to focus the segment.
|
|
1512
1453
|
onPointerDown (e) {
|
|
@@ -1531,7 +1472,17 @@ function $32489daedd52963e$var$commonPrefixLength(strings) {
|
|
|
1531
1472
|
|
|
1532
1473
|
|
|
1533
1474
|
|
|
1534
|
-
|
|
1475
|
+
/*
|
|
1476
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
1477
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
1478
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
1479
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
1480
|
+
*
|
|
1481
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
1482
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
1483
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
1484
|
+
* governing permissions and limitations under the License.
|
|
1485
|
+
*/
|
|
1535
1486
|
|
|
1536
1487
|
|
|
1537
1488
|
|
|
@@ -1541,49 +1492,48 @@ function $32489daedd52963e$var$commonPrefixLength(strings) {
|
|
|
1541
1492
|
|
|
1542
1493
|
|
|
1543
1494
|
function $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
|
|
1544
|
-
var
|
|
1545
|
-
let stringFormatter = $cIPI0$useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports)));
|
|
1546
|
-
let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $cIPI0$useField({
|
|
1495
|
+
var _state_value, _state_value1;
|
|
1496
|
+
let stringFormatter = (0, $cIPI0$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports))));
|
|
1497
|
+
let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = (0, $cIPI0$useField)({
|
|
1547
1498
|
...props,
|
|
1548
|
-
labelElementType:
|
|
1499
|
+
labelElementType: "span"
|
|
1549
1500
|
});
|
|
1550
|
-
let labelledBy = fieldProps[
|
|
1551
|
-
let { locale: locale } = $cIPI0$useLocale();
|
|
1501
|
+
let labelledBy = fieldProps["aria-labelledby"] || fieldProps.id;
|
|
1502
|
+
let { locale: locale } = (0, $cIPI0$useLocale)();
|
|
1552
1503
|
let range = state.formatValue(locale, {
|
|
1553
|
-
month:
|
|
1504
|
+
month: "long"
|
|
1554
1505
|
});
|
|
1555
|
-
let description = range ? stringFormatter.format(
|
|
1506
|
+
let description = range ? stringFormatter.format("selectedRangeDescription", {
|
|
1556
1507
|
startDate: range.start,
|
|
1557
1508
|
endDate: range.end
|
|
1558
|
-
}) :
|
|
1559
|
-
let descProps = $cIPI0$useDescription(description);
|
|
1509
|
+
}) : "";
|
|
1510
|
+
let descProps = (0, $cIPI0$useDescription)(description);
|
|
1560
1511
|
let startFieldProps = {
|
|
1561
|
-
|
|
1562
|
-
|
|
1512
|
+
"aria-label": stringFormatter.format("startDate"),
|
|
1513
|
+
"aria-labelledby": labelledBy
|
|
1563
1514
|
};
|
|
1564
1515
|
let endFieldProps = {
|
|
1565
|
-
|
|
1566
|
-
|
|
1516
|
+
"aria-label": stringFormatter.format("endDate"),
|
|
1517
|
+
"aria-labelledby": labelledBy
|
|
1567
1518
|
};
|
|
1568
|
-
let buttonId = $cIPI0$useId();
|
|
1569
|
-
let dialogId = $cIPI0$useId();
|
|
1570
|
-
let groupProps = $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref);
|
|
1519
|
+
let buttonId = (0, $cIPI0$useId)();
|
|
1520
|
+
let dialogId = (0, $cIPI0$useId)();
|
|
1521
|
+
let groupProps = (0, $3dfb0f96be0d6a08$export$4a931266a3838b86)(state, ref);
|
|
1571
1522
|
let ariaDescribedBy = [
|
|
1572
|
-
descProps[
|
|
1573
|
-
fieldProps[
|
|
1574
|
-
].filter(Boolean).join(
|
|
1575
|
-
let focusManager = $cIPI0$useMemo(()
|
|
1523
|
+
descProps["aria-describedby"],
|
|
1524
|
+
fieldProps["aria-describedby"]
|
|
1525
|
+
].filter(Boolean).join(" ") || undefined;
|
|
1526
|
+
let focusManager = (0, $cIPI0$useMemo)(()=>(0, $cIPI0$createFocusManager)(ref, {
|
|
1576
1527
|
// Exclude the button from the focus manager.
|
|
1577
1528
|
accept: (element)=>element.id !== buttonId
|
|
1578
|
-
})
|
|
1579
|
-
, [
|
|
1529
|
+
}), [
|
|
1580
1530
|
ref,
|
|
1581
1531
|
buttonId
|
|
1582
1532
|
]);
|
|
1583
1533
|
let commonFieldProps = {
|
|
1584
|
-
[$16f0b7bb276bc17e$export$7b3062cd49e80452]: focusManager,
|
|
1585
|
-
[$16f0b7bb276bc17e$export$300019f83c56d282]:
|
|
1586
|
-
|
|
1534
|
+
[(0, $16f0b7bb276bc17e$export$7b3062cd49e80452)]: focusManager,
|
|
1535
|
+
[(0, $16f0b7bb276bc17e$export$300019f83c56d282)]: "presentation",
|
|
1536
|
+
"aria-describedby": ariaDescribedBy,
|
|
1587
1537
|
minValue: props.minValue,
|
|
1588
1538
|
maxValue: props.maxValue,
|
|
1589
1539
|
placeholderValue: props.placeholderValue,
|
|
@@ -1595,8 +1545,8 @@ function $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
|
|
|
1595
1545
|
isRequired: props.isRequired,
|
|
1596
1546
|
validationState: state.validationState
|
|
1597
1547
|
};
|
|
1598
|
-
let domProps = $cIPI0$filterDOMProps(props);
|
|
1599
|
-
let { focusWithinProps: focusWithinProps } = $cIPI0$useFocusWithin({
|
|
1548
|
+
let domProps = (0, $cIPI0$filterDOMProps)(props);
|
|
1549
|
+
let { focusWithinProps: focusWithinProps } = (0, $cIPI0$useFocusWithin)({
|
|
1600
1550
|
...props,
|
|
1601
1551
|
isDisabled: state.isOpen,
|
|
1602
1552
|
onBlurWithin: props.onBlur,
|
|
@@ -1604,10 +1554,10 @@ function $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
|
|
|
1604
1554
|
onFocusWithinChange: props.onFocusChange
|
|
1605
1555
|
});
|
|
1606
1556
|
return {
|
|
1607
|
-
groupProps: $cIPI0$mergeProps(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
|
|
1608
|
-
role:
|
|
1609
|
-
|
|
1610
|
-
|
|
1557
|
+
groupProps: (0, $cIPI0$mergeProps)(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
|
|
1558
|
+
role: "group",
|
|
1559
|
+
"aria-disabled": props.isDisabled || null,
|
|
1560
|
+
"aria-describedby": ariaDescribedBy,
|
|
1611
1561
|
onKeyDown (e) {
|
|
1612
1562
|
if (state.isOpen) return;
|
|
1613
1563
|
if (props.onKeyDown) props.onKeyDown(e);
|
|
@@ -1626,29 +1576,28 @@ function $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
|
|
|
1626
1576
|
buttonProps: {
|
|
1627
1577
|
...descProps,
|
|
1628
1578
|
id: buttonId,
|
|
1629
|
-
|
|
1630
|
-
|
|
1631
|
-
|
|
1632
|
-
|
|
1579
|
+
"aria-haspopup": "dialog",
|
|
1580
|
+
"aria-label": stringFormatter.format("calendar"),
|
|
1581
|
+
"aria-labelledby": `${labelledBy} ${buttonId}`,
|
|
1582
|
+
"aria-describedby": ariaDescribedBy,
|
|
1633
1583
|
onPress: ()=>state.setOpen(true)
|
|
1634
1584
|
},
|
|
1635
1585
|
dialogProps: {
|
|
1636
1586
|
id: dialogId,
|
|
1637
|
-
|
|
1587
|
+
"aria-labelledby": `${labelledBy} ${buttonId}`
|
|
1638
1588
|
},
|
|
1639
1589
|
startFieldProps: {
|
|
1640
1590
|
...startFieldProps,
|
|
1641
1591
|
...commonFieldProps,
|
|
1642
|
-
value: (
|
|
1643
|
-
onChange: (start)=>state.setDateTime(
|
|
1644
|
-
,
|
|
1592
|
+
value: (_state_value = state.value) === null || _state_value === void 0 ? void 0 : _state_value.start,
|
|
1593
|
+
onChange: (start)=>state.setDateTime("start", start),
|
|
1645
1594
|
autoFocus: props.autoFocus
|
|
1646
1595
|
},
|
|
1647
1596
|
endFieldProps: {
|
|
1648
1597
|
...endFieldProps,
|
|
1649
1598
|
...commonFieldProps,
|
|
1650
|
-
value: (
|
|
1651
|
-
onChange: (end)=>state.setDateTime(
|
|
1599
|
+
value: (_state_value1 = state.value) === null || _state_value1 === void 0 ? void 0 : _state_value1.end,
|
|
1600
|
+
onChange: (end)=>state.setDateTime("end", end)
|
|
1652
1601
|
},
|
|
1653
1602
|
descriptionProps: descriptionProps,
|
|
1654
1603
|
errorMessageProps: errorMessageProps,
|