@react-aria/datepicker 3.2.0 → 3.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.js +387 -442
- package/dist/main.js.map +1 -1
- package/dist/module.js +387 -442
- package/dist/module.js.map +1 -1
- package/package.json +16 -16
package/dist/module.js
CHANGED
|
@@ -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,32 @@ 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 stringFormatter = $cIPI0$useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports)));
|
|
1059
|
-
let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $cIPI0$useField({
|
|
983
|
+
let buttonId = (0, $cIPI0$useId)();
|
|
984
|
+
let dialogId = (0, $cIPI0$useId)();
|
|
985
|
+
let stringFormatter = (0, $cIPI0$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports))));
|
|
986
|
+
let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = (0, $cIPI0$useField)({
|
|
1060
987
|
...props,
|
|
1061
|
-
labelElementType:
|
|
988
|
+
labelElementType: "span"
|
|
1062
989
|
});
|
|
1063
|
-
let groupProps = $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref);
|
|
1064
|
-
let labelledBy = fieldProps[
|
|
1065
|
-
let { locale: locale } = $cIPI0$useLocale();
|
|
990
|
+
let groupProps = (0, $3dfb0f96be0d6a08$export$4a931266a3838b86)(state, ref);
|
|
991
|
+
let labelledBy = fieldProps["aria-labelledby"] || fieldProps.id;
|
|
992
|
+
let { locale: locale } = (0, $cIPI0$useLocale)();
|
|
1066
993
|
let date = state.formatValue(locale, {
|
|
1067
|
-
month:
|
|
994
|
+
month: "long"
|
|
1068
995
|
});
|
|
1069
|
-
let description = date ? stringFormatter.format(
|
|
996
|
+
let description = date ? stringFormatter.format("selectedDateDescription", {
|
|
1070
997
|
date: date
|
|
1071
|
-
}) :
|
|
1072
|
-
let descProps = $cIPI0$useDescription(description);
|
|
998
|
+
}) : "";
|
|
999
|
+
let descProps = (0, $cIPI0$useDescription)(description);
|
|
1073
1000
|
let ariaDescribedBy = [
|
|
1074
|
-
descProps[
|
|
1075
|
-
fieldProps[
|
|
1076
|
-
].filter(Boolean).join(
|
|
1077
|
-
let domProps = $cIPI0$filterDOMProps(props);
|
|
1078
|
-
let focusManager = $cIPI0$useMemo(()
|
|
1079
|
-
, [
|
|
1001
|
+
descProps["aria-describedby"],
|
|
1002
|
+
fieldProps["aria-describedby"]
|
|
1003
|
+
].filter(Boolean).join(" ") || undefined;
|
|
1004
|
+
let domProps = (0, $cIPI0$filterDOMProps)(props);
|
|
1005
|
+
let focusManager = (0, $cIPI0$useMemo)(()=>(0, $cIPI0$createFocusManager)(ref), [
|
|
1080
1006
|
ref
|
|
1081
1007
|
]);
|
|
1082
|
-
let { focusWithinProps: focusWithinProps } = $cIPI0$useFocusWithin({
|
|
1008
|
+
let { focusWithinProps: focusWithinProps } = (0, $cIPI0$useFocusWithin)({
|
|
1083
1009
|
...props,
|
|
1084
1010
|
isDisabled: state.isOpen,
|
|
1085
1011
|
onBlurWithin: props.onBlur,
|
|
@@ -1087,11 +1013,11 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
|
|
|
1087
1013
|
onFocusWithinChange: props.onFocusChange
|
|
1088
1014
|
});
|
|
1089
1015
|
return {
|
|
1090
|
-
groupProps: $cIPI0$mergeProps(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
|
|
1091
|
-
role:
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1016
|
+
groupProps: (0, $cIPI0$mergeProps)(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
|
|
1017
|
+
role: "group",
|
|
1018
|
+
"aria-disabled": props.isDisabled || null,
|
|
1019
|
+
"aria-labelledby": labelledBy,
|
|
1020
|
+
"aria-describedby": ariaDescribedBy,
|
|
1095
1021
|
onKeyDown (e) {
|
|
1096
1022
|
if (state.isOpen) return;
|
|
1097
1023
|
if (props.onKeyDown) props.onKeyDown(e);
|
|
@@ -1109,8 +1035,8 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
|
|
|
1109
1035
|
},
|
|
1110
1036
|
fieldProps: {
|
|
1111
1037
|
...fieldProps,
|
|
1112
|
-
[$16f0b7bb276bc17e$export$300019f83c56d282]:
|
|
1113
|
-
|
|
1038
|
+
[(0, $16f0b7bb276bc17e$export$300019f83c56d282)]: "presentation",
|
|
1039
|
+
"aria-describedby": ariaDescribedBy,
|
|
1114
1040
|
value: state.value,
|
|
1115
1041
|
onChange: state.setValue,
|
|
1116
1042
|
minValue: props.minValue,
|
|
@@ -1130,15 +1056,15 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
|
|
|
1130
1056
|
buttonProps: {
|
|
1131
1057
|
...descProps,
|
|
1132
1058
|
id: buttonId,
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1059
|
+
"aria-haspopup": "dialog",
|
|
1060
|
+
"aria-label": stringFormatter.format("calendar"),
|
|
1061
|
+
"aria-labelledby": `${labelledBy} ${buttonId}`,
|
|
1062
|
+
"aria-describedby": ariaDescribedBy,
|
|
1137
1063
|
onPress: ()=>state.setOpen(true)
|
|
1138
1064
|
},
|
|
1139
1065
|
dialogProps: {
|
|
1140
1066
|
id: dialogId,
|
|
1141
|
-
|
|
1067
|
+
"aria-labelledby": `${labelledBy} ${buttonId}`
|
|
1142
1068
|
},
|
|
1143
1069
|
calendarProps: {
|
|
1144
1070
|
autoFocus: true,
|
|
@@ -1157,25 +1083,46 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
|
|
|
1157
1083
|
}
|
|
1158
1084
|
|
|
1159
1085
|
|
|
1086
|
+
/*
|
|
1087
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
1088
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
1089
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
1090
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
1091
|
+
*
|
|
1092
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
1093
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
1094
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
1095
|
+
* governing permissions and limitations under the License.
|
|
1096
|
+
*/
|
|
1160
1097
|
|
|
1161
1098
|
|
|
1162
1099
|
|
|
1163
1100
|
|
|
1164
1101
|
|
|
1165
|
-
|
|
1102
|
+
/*
|
|
1103
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
1104
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
1105
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
1106
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
1107
|
+
*
|
|
1108
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
1109
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
1110
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
1111
|
+
* governing permissions and limitations under the License.
|
|
1112
|
+
*/ // @ts-ignore
|
|
1166
1113
|
|
|
1167
1114
|
|
|
1168
1115
|
|
|
1169
1116
|
|
|
1170
1117
|
function $3aeceb3a64eb8358$export$d42c60378c8168f8() {
|
|
1171
|
-
let { locale: locale } = $cIPI0$useLocale();
|
|
1172
|
-
return $cIPI0$useMemo(()=>{
|
|
1118
|
+
let { locale: locale } = (0, $cIPI0$useLocale)();
|
|
1119
|
+
return (0, $cIPI0$useMemo)(()=>{
|
|
1173
1120
|
// Try to use Intl.DisplayNames if possible. It may be supported in browsers, but not support the dateTimeField
|
|
1174
1121
|
// type as that was only added in v2. https://github.com/tc39/intl-displaynames-v2
|
|
1175
1122
|
try {
|
|
1176
1123
|
// @ts-ignore
|
|
1177
1124
|
return new Intl.DisplayNames(locale, {
|
|
1178
|
-
type:
|
|
1125
|
+
type: "dateTimeField"
|
|
1179
1126
|
});
|
|
1180
1127
|
} catch (err) {
|
|
1181
1128
|
return new $3aeceb3a64eb8358$var$DisplayNamesPolyfill(locale);
|
|
@@ -1190,36 +1137,35 @@ class $3aeceb3a64eb8358$var$DisplayNamesPolyfill {
|
|
|
1190
1137
|
}
|
|
1191
1138
|
constructor(locale){
|
|
1192
1139
|
this.locale = locale;
|
|
1193
|
-
this.dictionary = new $cIPI0$LocalizedStringDictionary((/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports)));
|
|
1140
|
+
this.dictionary = new (0, $cIPI0$LocalizedStringDictionary)((0, (/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports))));
|
|
1194
1141
|
}
|
|
1195
1142
|
}
|
|
1196
1143
|
|
|
1197
1144
|
|
|
1198
1145
|
|
|
1199
1146
|
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
|
-
, [
|
|
1147
|
+
let enteredKeys = (0, $cIPI0$useRef)("");
|
|
1148
|
+
let { locale: locale } = (0, $cIPI0$useLocale)();
|
|
1149
|
+
let displayNames = (0, $3aeceb3a64eb8358$export$d42c60378c8168f8)();
|
|
1150
|
+
let { ariaLabel: ariaLabel , ariaLabelledBy: ariaLabelledBy , ariaDescribedBy: ariaDescribedBy , focusManager: focusManager } = (0, $16f0b7bb276bc17e$export$653eddfc964b0f8a).get(state);
|
|
1151
|
+
let textValue = segment.isPlaceholder ? "" : segment.text;
|
|
1152
|
+
let options = (0, $cIPI0$useMemo)(()=>state.dateFormatter.resolvedOptions(), [
|
|
1207
1153
|
state.dateFormatter
|
|
1208
1154
|
]);
|
|
1209
|
-
let monthDateFormatter = $cIPI0$useDateFormatter({
|
|
1210
|
-
month:
|
|
1155
|
+
let monthDateFormatter = (0, $cIPI0$useDateFormatter)({
|
|
1156
|
+
month: "long",
|
|
1211
1157
|
timeZone: options.timeZone
|
|
1212
1158
|
});
|
|
1213
|
-
let hourDateFormatter = $cIPI0$useDateFormatter({
|
|
1214
|
-
hour:
|
|
1159
|
+
let hourDateFormatter = (0, $cIPI0$useDateFormatter)({
|
|
1160
|
+
hour: "numeric",
|
|
1215
1161
|
hour12: options.hour12,
|
|
1216
1162
|
timeZone: options.timeZone
|
|
1217
1163
|
});
|
|
1218
|
-
if (segment.type ===
|
|
1164
|
+
if (segment.type === "month" && !segment.isPlaceholder) {
|
|
1219
1165
|
let monthTextValue = monthDateFormatter.format(state.dateValue);
|
|
1220
1166
|
textValue = monthTextValue !== textValue ? `${textValue} – ${monthTextValue}` : monthTextValue;
|
|
1221
|
-
} else if (segment.type ===
|
|
1222
|
-
let { spinButtonProps: spinButtonProps } = $cIPI0$useSpinButton({
|
|
1167
|
+
} else if (segment.type === "hour" && !segment.isPlaceholder) textValue = hourDateFormatter.format(state.dateValue);
|
|
1168
|
+
let { spinButtonProps: spinButtonProps } = (0, $cIPI0$useSpinButton)({
|
|
1223
1169
|
// The ARIA spec says aria-valuenow is optional if there's no value, but aXe seems to require it.
|
|
1224
1170
|
// This doesn't seem to have any negative effects with real AT since we also use aria-valuetext.
|
|
1225
1171
|
// https://github.com/dequelabs/axe-core/issues/3505
|
|
@@ -1231,34 +1177,33 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1231
1177
|
isReadOnly: state.isReadOnly || !segment.isEditable,
|
|
1232
1178
|
isRequired: state.isRequired,
|
|
1233
1179
|
onIncrement: ()=>{
|
|
1234
|
-
enteredKeys.current =
|
|
1180
|
+
enteredKeys.current = "";
|
|
1235
1181
|
state.increment(segment.type);
|
|
1236
1182
|
},
|
|
1237
1183
|
onDecrement: ()=>{
|
|
1238
|
-
enteredKeys.current =
|
|
1184
|
+
enteredKeys.current = "";
|
|
1239
1185
|
state.decrement(segment.type);
|
|
1240
1186
|
},
|
|
1241
1187
|
onIncrementPage: ()=>{
|
|
1242
|
-
enteredKeys.current =
|
|
1188
|
+
enteredKeys.current = "";
|
|
1243
1189
|
state.incrementPage(segment.type);
|
|
1244
1190
|
},
|
|
1245
1191
|
onDecrementPage: ()=>{
|
|
1246
|
-
enteredKeys.current =
|
|
1192
|
+
enteredKeys.current = "";
|
|
1247
1193
|
state.decrementPage(segment.type);
|
|
1248
1194
|
},
|
|
1249
1195
|
onIncrementToMax: ()=>{
|
|
1250
|
-
enteredKeys.current =
|
|
1196
|
+
enteredKeys.current = "";
|
|
1251
1197
|
state.setSegment(segment.type, segment.maxValue);
|
|
1252
1198
|
},
|
|
1253
1199
|
onDecrementToMin: ()=>{
|
|
1254
|
-
enteredKeys.current =
|
|
1200
|
+
enteredKeys.current = "";
|
|
1255
1201
|
state.setSegment(segment.type, segment.minValue);
|
|
1256
1202
|
}
|
|
1257
1203
|
});
|
|
1258
|
-
let parser = $cIPI0$useMemo(()=>new $cIPI0$NumberParser(locale, {
|
|
1204
|
+
let parser = (0, $cIPI0$useMemo)(()=>new (0, $cIPI0$NumberParser)(locale, {
|
|
1259
1205
|
maximumFractionDigits: 0
|
|
1260
|
-
})
|
|
1261
|
-
, [
|
|
1206
|
+
}), [
|
|
1262
1207
|
locale
|
|
1263
1208
|
]);
|
|
1264
1209
|
let backspace = ()=>{
|
|
@@ -1268,16 +1213,16 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1268
1213
|
if (newValue.length === 0 || parsed === 0) state.clearSegment(segment.type);
|
|
1269
1214
|
else state.setSegment(segment.type, parsed);
|
|
1270
1215
|
enteredKeys.current = newValue;
|
|
1271
|
-
} else if (segment.type ===
|
|
1216
|
+
} else if (segment.type === "dayPeriod") state.clearSegment(segment.type);
|
|
1272
1217
|
};
|
|
1273
1218
|
let onKeyDown = (e)=>{
|
|
1274
1219
|
// Firefox does not fire selectstart for Ctrl/Cmd + A
|
|
1275
1220
|
// https://bugzilla.mozilla.org/show_bug.cgi?id=1742153
|
|
1276
|
-
if (e.key ===
|
|
1221
|
+
if (e.key === "a" && ((0, $cIPI0$isMac)() ? e.metaKey : e.ctrlKey)) e.preventDefault();
|
|
1277
1222
|
if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) return;
|
|
1278
1223
|
switch(e.key){
|
|
1279
|
-
case
|
|
1280
|
-
case
|
|
1224
|
+
case "Backspace":
|
|
1225
|
+
case "Delete":
|
|
1281
1226
|
// Safari on iOS does not fire beforeinput for the backspace key because the cursor is at the start.
|
|
1282
1227
|
e.preventDefault();
|
|
1283
1228
|
e.stopPropagation();
|
|
@@ -1286,48 +1231,45 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1286
1231
|
}
|
|
1287
1232
|
};
|
|
1288
1233
|
// Safari dayPeriod option doesn't work...
|
|
1289
|
-
let { startsWith: startsWith } = $cIPI0$useFilter({
|
|
1290
|
-
sensitivity:
|
|
1234
|
+
let { startsWith: startsWith } = (0, $cIPI0$useFilter)({
|
|
1235
|
+
sensitivity: "base"
|
|
1291
1236
|
});
|
|
1292
|
-
let amPmFormatter = $cIPI0$useDateFormatter({
|
|
1293
|
-
hour:
|
|
1237
|
+
let amPmFormatter = (0, $cIPI0$useDateFormatter)({
|
|
1238
|
+
hour: "numeric",
|
|
1294
1239
|
hour12: true
|
|
1295
1240
|
});
|
|
1296
|
-
let am = $cIPI0$useMemo(()=>{
|
|
1241
|
+
let am = (0, $cIPI0$useMemo)(()=>{
|
|
1297
1242
|
let date = new Date();
|
|
1298
1243
|
date.setHours(0);
|
|
1299
|
-
return amPmFormatter.formatToParts(date).find((part)=>part.type ===
|
|
1300
|
-
).value;
|
|
1244
|
+
return amPmFormatter.formatToParts(date).find((part)=>part.type === "dayPeriod").value;
|
|
1301
1245
|
}, [
|
|
1302
1246
|
amPmFormatter
|
|
1303
1247
|
]);
|
|
1304
|
-
let pm = $cIPI0$useMemo(()=>{
|
|
1248
|
+
let pm = (0, $cIPI0$useMemo)(()=>{
|
|
1305
1249
|
let date = new Date();
|
|
1306
1250
|
date.setHours(12);
|
|
1307
|
-
return amPmFormatter.formatToParts(date).find((part)=>part.type ===
|
|
1308
|
-
).value;
|
|
1251
|
+
return amPmFormatter.formatToParts(date).find((part)=>part.type === "dayPeriod").value;
|
|
1309
1252
|
}, [
|
|
1310
1253
|
amPmFormatter
|
|
1311
1254
|
]);
|
|
1312
1255
|
// 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:
|
|
1256
|
+
let eraFormatter = (0, $cIPI0$useDateFormatter)({
|
|
1257
|
+
year: "numeric",
|
|
1258
|
+
era: "narrow",
|
|
1259
|
+
timeZone: "UTC"
|
|
1317
1260
|
});
|
|
1318
|
-
let
|
|
1319
|
-
if (segment.type !==
|
|
1320
|
-
let date = $cIPI0$toCalendar(new $cIPI0$CalendarDate(1, 1, 1), state.calendar);
|
|
1261
|
+
let eras = (0, $cIPI0$useMemo)(()=>{
|
|
1262
|
+
if (segment.type !== "era") return [];
|
|
1263
|
+
let date = (0, $cIPI0$toCalendar)(new (0, $cIPI0$CalendarDate)(1, 1, 1), state.calendar);
|
|
1321
1264
|
let eras = state.calendar.getEras().map((era)=>{
|
|
1322
1265
|
let eraDate = date.set({
|
|
1323
1266
|
year: 1,
|
|
1324
1267
|
month: 1,
|
|
1325
1268
|
day: 1,
|
|
1326
1269
|
era: era
|
|
1327
|
-
}).toDate(
|
|
1270
|
+
}).toDate("UTC");
|
|
1328
1271
|
let parts = eraFormatter.formatToParts(eraDate);
|
|
1329
|
-
let formatted = parts.find((p)=>p.type ===
|
|
1330
|
-
).value;
|
|
1272
|
+
let formatted = parts.find((p)=>p.type === "era").value;
|
|
1331
1273
|
return {
|
|
1332
1274
|
era: era,
|
|
1333
1275
|
formatted: formatted
|
|
@@ -1336,9 +1278,8 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1336
1278
|
// Remove the common prefix from formatted values. This is so that in calendars with eras like
|
|
1337
1279
|
// ERA0 and ERA1 (e.g. Ethiopic), users can press "0" and "1" to select an era. In other cases,
|
|
1338
1280
|
// 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);
|
|
1281
|
+
let prefixLength = $32489daedd52963e$var$commonPrefixLength(eras.map((era)=>era.formatted));
|
|
1282
|
+
if (prefixLength) for (let era of eras)era.formatted = era.formatted.slice(prefixLength);
|
|
1342
1283
|
return eras;
|
|
1343
1284
|
}, [
|
|
1344
1285
|
eraFormatter,
|
|
@@ -1349,39 +1290,38 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1349
1290
|
if (state.isDisabled || state.isReadOnly) return;
|
|
1350
1291
|
let newValue = enteredKeys.current + key;
|
|
1351
1292
|
switch(segment.type){
|
|
1352
|
-
case
|
|
1353
|
-
if (startsWith(am, key)) state.setSegment(
|
|
1354
|
-
else if (startsWith(pm, key)) state.setSegment(
|
|
1293
|
+
case "dayPeriod":
|
|
1294
|
+
if (startsWith(am, key)) state.setSegment("dayPeriod", 0);
|
|
1295
|
+
else if (startsWith(pm, key)) state.setSegment("dayPeriod", 12);
|
|
1355
1296
|
else break;
|
|
1356
1297
|
focusManager.focusNext();
|
|
1357
1298
|
break;
|
|
1358
|
-
case
|
|
1299
|
+
case "era":
|
|
1359
1300
|
{
|
|
1360
|
-
let matched =
|
|
1361
|
-
);
|
|
1301
|
+
let matched = eras.find((e)=>startsWith(e.formatted, key));
|
|
1362
1302
|
if (matched) {
|
|
1363
|
-
state.setSegment(
|
|
1303
|
+
state.setSegment("era", matched.era);
|
|
1364
1304
|
focusManager.focusNext();
|
|
1365
1305
|
}
|
|
1366
1306
|
break;
|
|
1367
1307
|
}
|
|
1368
|
-
case
|
|
1369
|
-
case
|
|
1370
|
-
case
|
|
1371
|
-
case
|
|
1372
|
-
case
|
|
1373
|
-
case
|
|
1308
|
+
case "day":
|
|
1309
|
+
case "hour":
|
|
1310
|
+
case "minute":
|
|
1311
|
+
case "second":
|
|
1312
|
+
case "month":
|
|
1313
|
+
case "year":
|
|
1374
1314
|
{
|
|
1375
1315
|
if (!parser.isValidPartialNumber(newValue)) return;
|
|
1376
1316
|
let numberValue = parser.parse(newValue);
|
|
1377
1317
|
let segmentValue = numberValue;
|
|
1378
1318
|
let allowsZero = segment.minValue === 0;
|
|
1379
|
-
if (segment.type ===
|
|
1319
|
+
if (segment.type === "hour" && state.dateFormatter.resolvedOptions().hour12) {
|
|
1380
1320
|
switch(state.dateFormatter.resolvedOptions().hourCycle){
|
|
1381
|
-
case
|
|
1321
|
+
case "h11":
|
|
1382
1322
|
if (numberValue > 11) segmentValue = parser.parse(key);
|
|
1383
1323
|
break;
|
|
1384
|
-
case
|
|
1324
|
+
case "h12":
|
|
1385
1325
|
allowsZero = false;
|
|
1386
1326
|
if (numberValue > 12) segmentValue = parser.parse(key);
|
|
1387
1327
|
break;
|
|
@@ -1391,8 +1331,8 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1391
1331
|
if (isNaN(numberValue)) return;
|
|
1392
1332
|
let shouldSetValue = segmentValue !== 0 || allowsZero;
|
|
1393
1333
|
if (shouldSetValue) state.setSegment(segment.type, segmentValue);
|
|
1394
|
-
if (Number(numberValue +
|
|
1395
|
-
enteredKeys.current =
|
|
1334
|
+
if (Number(numberValue + "0") > segment.maxValue || newValue.length >= String(segment.maxValue).length) {
|
|
1335
|
+
enteredKeys.current = "";
|
|
1396
1336
|
if (shouldSetValue) focusManager.focusNext();
|
|
1397
1337
|
} else enteredKeys.current = newValue;
|
|
1398
1338
|
break;
|
|
@@ -1400,22 +1340,22 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1400
1340
|
}
|
|
1401
1341
|
};
|
|
1402
1342
|
let onFocus = ()=>{
|
|
1403
|
-
enteredKeys.current =
|
|
1404
|
-
$cIPI0$scrollIntoView($cIPI0$getScrollParent(ref.current), ref.current);
|
|
1343
|
+
enteredKeys.current = "";
|
|
1344
|
+
(0, $cIPI0$scrollIntoView)((0, $cIPI0$getScrollParent)(ref.current), ref.current);
|
|
1405
1345
|
// Collapse selection to start or Chrome won't fire input events.
|
|
1406
1346
|
let selection = window.getSelection();
|
|
1407
1347
|
selection.collapse(ref.current);
|
|
1408
1348
|
};
|
|
1409
|
-
let compositionRef = $cIPI0$useRef(
|
|
1349
|
+
let compositionRef = (0, $cIPI0$useRef)("");
|
|
1410
1350
|
// @ts-ignore - TODO: possibly old TS version? doesn't fail in my editor...
|
|
1411
|
-
$cIPI0$useEvent(ref,
|
|
1351
|
+
(0, $cIPI0$useEvent)(ref, "beforeinput", (e)=>{
|
|
1412
1352
|
e.preventDefault();
|
|
1413
1353
|
switch(e.inputType){
|
|
1414
|
-
case
|
|
1415
|
-
case
|
|
1354
|
+
case "deleteContentBackward":
|
|
1355
|
+
case "deleteContentForward":
|
|
1416
1356
|
if (parser.isValidPartialNumber(segment.text) && !state.isReadOnly) backspace();
|
|
1417
1357
|
break;
|
|
1418
|
-
case
|
|
1358
|
+
case "insertCompositionText":
|
|
1419
1359
|
// insertCompositionText cannot be canceled.
|
|
1420
1360
|
// Record the current state of the element so we can restore it in the `input` event below.
|
|
1421
1361
|
compositionRef.current = ref.current.textContent;
|
|
@@ -1428,10 +1368,10 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1428
1368
|
break;
|
|
1429
1369
|
}
|
|
1430
1370
|
});
|
|
1431
|
-
$cIPI0$useEvent(ref,
|
|
1371
|
+
(0, $cIPI0$useEvent)(ref, "input", (e)=>{
|
|
1432
1372
|
let { inputType: inputType , data: data } = e;
|
|
1433
1373
|
switch(inputType){
|
|
1434
|
-
case
|
|
1374
|
+
case "insertCompositionText":
|
|
1435
1375
|
// Reset the DOM to how it was in the beforeinput event.
|
|
1436
1376
|
ref.current.textContent = compositionRef.current;
|
|
1437
1377
|
// Android sometimes fires key presses of letters as composition events. Need to handle am/pm keys here too.
|
|
@@ -1440,7 +1380,7 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1440
1380
|
break;
|
|
1441
1381
|
}
|
|
1442
1382
|
});
|
|
1443
|
-
$cIPI0$useLayoutEffect(()=>{
|
|
1383
|
+
(0, $cIPI0$useLayoutEffect)(()=>{
|
|
1444
1384
|
let element = ref.current;
|
|
1445
1385
|
return ()=>{
|
|
1446
1386
|
// If the focused segment is removed, focus the previous one, or the next one if there was no previous one.
|
|
@@ -1454,59 +1394,56 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1454
1394
|
focusManager
|
|
1455
1395
|
]);
|
|
1456
1396
|
// spinbuttons cannot be focused with VoiceOver on iOS.
|
|
1457
|
-
let touchPropOverrides = $cIPI0$isIOS() || segment.type ===
|
|
1458
|
-
role:
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
} : {
|
|
1464
|
-
};
|
|
1397
|
+
let touchPropOverrides = (0, $cIPI0$isIOS)() || segment.type === "timeZoneName" ? {
|
|
1398
|
+
role: "textbox",
|
|
1399
|
+
"aria-valuemax": null,
|
|
1400
|
+
"aria-valuemin": null,
|
|
1401
|
+
"aria-valuetext": null,
|
|
1402
|
+
"aria-valuenow": null
|
|
1403
|
+
} : {};
|
|
1465
1404
|
// Only apply aria-describedby to the first segment, unless the field is invalid. This avoids it being
|
|
1466
1405
|
// read every time the user navigates to a new segment.
|
|
1467
|
-
let firstSegment = $cIPI0$useMemo(()=>state.segments.find((s)=>s.isEditable
|
|
1468
|
-
)
|
|
1469
|
-
, [
|
|
1406
|
+
let firstSegment = (0, $cIPI0$useMemo)(()=>state.segments.find((s)=>s.isEditable), [
|
|
1470
1407
|
state.segments
|
|
1471
1408
|
]);
|
|
1472
|
-
if (segment !== firstSegment && state.validationState !==
|
|
1473
|
-
let id = $cIPI0$useId();
|
|
1409
|
+
if (segment !== firstSegment && state.validationState !== "invalid") ariaDescribedBy = undefined;
|
|
1410
|
+
let id = (0, $cIPI0$useId)();
|
|
1474
1411
|
let isEditable = !state.isDisabled && !state.isReadOnly && segment.isEditable;
|
|
1475
1412
|
// Prepend the label passed from the field to each segment name.
|
|
1476
1413
|
// This is needed because VoiceOver on iOS does not announce groups.
|
|
1477
|
-
let name = segment.type ===
|
|
1478
|
-
let labelProps = $cIPI0$useLabels({
|
|
1479
|
-
|
|
1480
|
-
|
|
1414
|
+
let name = segment.type === "literal" ? "" : displayNames.of(segment.type);
|
|
1415
|
+
let labelProps = (0, $cIPI0$useLabels)({
|
|
1416
|
+
"aria-label": (ariaLabel ? ariaLabel + " " : "") + name,
|
|
1417
|
+
"aria-labelledby": ariaLabelledBy
|
|
1481
1418
|
});
|
|
1482
1419
|
// Literal segments should not be visible to screen readers. We don't really need any of the above,
|
|
1483
1420
|
// but the rules of hooks mean hooks cannot be conditional so we have to put this condition here.
|
|
1484
|
-
if (segment.type ===
|
|
1421
|
+
if (segment.type === "literal") return {
|
|
1485
1422
|
segmentProps: {
|
|
1486
|
-
|
|
1423
|
+
"aria-hidden": true
|
|
1487
1424
|
}
|
|
1488
1425
|
};
|
|
1489
1426
|
return {
|
|
1490
|
-
segmentProps: $cIPI0$mergeProps(spinButtonProps, labelProps, {
|
|
1427
|
+
segmentProps: (0, $cIPI0$mergeProps)(spinButtonProps, labelProps, {
|
|
1491
1428
|
id: id,
|
|
1492
1429
|
...touchPropOverrides,
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
|
|
1430
|
+
"aria-invalid": state.validationState === "invalid" ? "true" : undefined,
|
|
1431
|
+
"aria-describedby": ariaDescribedBy,
|
|
1432
|
+
"aria-readonly": state.isReadOnly || !segment.isEditable ? "true" : undefined,
|
|
1433
|
+
"data-placeholder": segment.isPlaceholder || undefined,
|
|
1497
1434
|
contentEditable: isEditable,
|
|
1498
1435
|
suppressContentEditableWarning: isEditable,
|
|
1499
|
-
spellCheck: isEditable ?
|
|
1500
|
-
autoCapitalize: isEditable ?
|
|
1501
|
-
autoCorrect: isEditable ?
|
|
1436
|
+
spellCheck: isEditable ? "false" : undefined,
|
|
1437
|
+
autoCapitalize: isEditable ? "off" : undefined,
|
|
1438
|
+
autoCorrect: isEditable ? "off" : undefined,
|
|
1502
1439
|
// Capitalization was changed in React 17...
|
|
1503
|
-
[parseInt($cIPI0$react.version, 10) >= 17 ?
|
|
1504
|
-
inputMode: state.isDisabled || segment.type ===
|
|
1440
|
+
[parseInt((0, $cIPI0$react).version, 10) >= 17 ? "enterKeyHint" : "enterkeyhint"]: isEditable ? "next" : undefined,
|
|
1441
|
+
inputMode: state.isDisabled || segment.type === "dayPeriod" || segment.type === "era" || !isEditable ? undefined : "numeric",
|
|
1505
1442
|
tabIndex: state.isDisabled ? undefined : 0,
|
|
1506
1443
|
onKeyDown: onKeyDown,
|
|
1507
1444
|
onFocus: onFocus,
|
|
1508
1445
|
style: {
|
|
1509
|
-
caretColor:
|
|
1446
|
+
caretColor: "transparent"
|
|
1510
1447
|
},
|
|
1511
1448
|
// Prevent pointer events from reaching useDatePickerGroup, and allow native browser behavior to focus the segment.
|
|
1512
1449
|
onPointerDown (e) {
|
|
@@ -1531,7 +1468,17 @@ function $32489daedd52963e$var$commonPrefixLength(strings) {
|
|
|
1531
1468
|
|
|
1532
1469
|
|
|
1533
1470
|
|
|
1534
|
-
|
|
1471
|
+
/*
|
|
1472
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
1473
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
1474
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
1475
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
1476
|
+
*
|
|
1477
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
1478
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
1479
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
1480
|
+
* governing permissions and limitations under the License.
|
|
1481
|
+
*/
|
|
1535
1482
|
|
|
1536
1483
|
|
|
1537
1484
|
|
|
@@ -1541,49 +1488,48 @@ function $32489daedd52963e$var$commonPrefixLength(strings) {
|
|
|
1541
1488
|
|
|
1542
1489
|
|
|
1543
1490
|
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({
|
|
1491
|
+
var _state_value, _state_value1;
|
|
1492
|
+
let stringFormatter = (0, $cIPI0$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($204383cf4f6b0d06$exports))));
|
|
1493
|
+
let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = (0, $cIPI0$useField)({
|
|
1547
1494
|
...props,
|
|
1548
|
-
labelElementType:
|
|
1495
|
+
labelElementType: "span"
|
|
1549
1496
|
});
|
|
1550
|
-
let labelledBy = fieldProps[
|
|
1551
|
-
let { locale: locale } = $cIPI0$useLocale();
|
|
1497
|
+
let labelledBy = fieldProps["aria-labelledby"] || fieldProps.id;
|
|
1498
|
+
let { locale: locale } = (0, $cIPI0$useLocale)();
|
|
1552
1499
|
let range = state.formatValue(locale, {
|
|
1553
|
-
month:
|
|
1500
|
+
month: "long"
|
|
1554
1501
|
});
|
|
1555
|
-
let description = range ? stringFormatter.format(
|
|
1502
|
+
let description = range ? stringFormatter.format("selectedRangeDescription", {
|
|
1556
1503
|
startDate: range.start,
|
|
1557
1504
|
endDate: range.end
|
|
1558
|
-
}) :
|
|
1559
|
-
let descProps = $cIPI0$useDescription(description);
|
|
1505
|
+
}) : "";
|
|
1506
|
+
let descProps = (0, $cIPI0$useDescription)(description);
|
|
1560
1507
|
let startFieldProps = {
|
|
1561
|
-
|
|
1562
|
-
|
|
1508
|
+
"aria-label": stringFormatter.format("startDate"),
|
|
1509
|
+
"aria-labelledby": labelledBy
|
|
1563
1510
|
};
|
|
1564
1511
|
let endFieldProps = {
|
|
1565
|
-
|
|
1566
|
-
|
|
1512
|
+
"aria-label": stringFormatter.format("endDate"),
|
|
1513
|
+
"aria-labelledby": labelledBy
|
|
1567
1514
|
};
|
|
1568
|
-
let buttonId = $cIPI0$useId();
|
|
1569
|
-
let dialogId = $cIPI0$useId();
|
|
1570
|
-
let groupProps = $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref);
|
|
1515
|
+
let buttonId = (0, $cIPI0$useId)();
|
|
1516
|
+
let dialogId = (0, $cIPI0$useId)();
|
|
1517
|
+
let groupProps = (0, $3dfb0f96be0d6a08$export$4a931266a3838b86)(state, ref);
|
|
1571
1518
|
let ariaDescribedBy = [
|
|
1572
|
-
descProps[
|
|
1573
|
-
fieldProps[
|
|
1574
|
-
].filter(Boolean).join(
|
|
1575
|
-
let focusManager = $cIPI0$useMemo(()
|
|
1519
|
+
descProps["aria-describedby"],
|
|
1520
|
+
fieldProps["aria-describedby"]
|
|
1521
|
+
].filter(Boolean).join(" ") || undefined;
|
|
1522
|
+
let focusManager = (0, $cIPI0$useMemo)(()=>(0, $cIPI0$createFocusManager)(ref, {
|
|
1576
1523
|
// Exclude the button from the focus manager.
|
|
1577
1524
|
accept: (element)=>element.id !== buttonId
|
|
1578
|
-
})
|
|
1579
|
-
, [
|
|
1525
|
+
}), [
|
|
1580
1526
|
ref,
|
|
1581
1527
|
buttonId
|
|
1582
1528
|
]);
|
|
1583
1529
|
let commonFieldProps = {
|
|
1584
|
-
[$16f0b7bb276bc17e$export$7b3062cd49e80452]: focusManager,
|
|
1585
|
-
[$16f0b7bb276bc17e$export$300019f83c56d282]:
|
|
1586
|
-
|
|
1530
|
+
[(0, $16f0b7bb276bc17e$export$7b3062cd49e80452)]: focusManager,
|
|
1531
|
+
[(0, $16f0b7bb276bc17e$export$300019f83c56d282)]: "presentation",
|
|
1532
|
+
"aria-describedby": ariaDescribedBy,
|
|
1587
1533
|
minValue: props.minValue,
|
|
1588
1534
|
maxValue: props.maxValue,
|
|
1589
1535
|
placeholderValue: props.placeholderValue,
|
|
@@ -1595,8 +1541,8 @@ function $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
|
|
|
1595
1541
|
isRequired: props.isRequired,
|
|
1596
1542
|
validationState: state.validationState
|
|
1597
1543
|
};
|
|
1598
|
-
let domProps = $cIPI0$filterDOMProps(props);
|
|
1599
|
-
let { focusWithinProps: focusWithinProps } = $cIPI0$useFocusWithin({
|
|
1544
|
+
let domProps = (0, $cIPI0$filterDOMProps)(props);
|
|
1545
|
+
let { focusWithinProps: focusWithinProps } = (0, $cIPI0$useFocusWithin)({
|
|
1600
1546
|
...props,
|
|
1601
1547
|
isDisabled: state.isOpen,
|
|
1602
1548
|
onBlurWithin: props.onBlur,
|
|
@@ -1604,10 +1550,10 @@ function $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
|
|
|
1604
1550
|
onFocusWithinChange: props.onFocusChange
|
|
1605
1551
|
});
|
|
1606
1552
|
return {
|
|
1607
|
-
groupProps: $cIPI0$mergeProps(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
|
|
1608
|
-
role:
|
|
1609
|
-
|
|
1610
|
-
|
|
1553
|
+
groupProps: (0, $cIPI0$mergeProps)(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
|
|
1554
|
+
role: "group",
|
|
1555
|
+
"aria-disabled": props.isDisabled || null,
|
|
1556
|
+
"aria-describedby": ariaDescribedBy,
|
|
1611
1557
|
onKeyDown (e) {
|
|
1612
1558
|
if (state.isOpen) return;
|
|
1613
1559
|
if (props.onKeyDown) props.onKeyDown(e);
|
|
@@ -1626,29 +1572,28 @@ function $887cac91b7cc8801$export$12fd5f0e9f4bb192(props, state, ref) {
|
|
|
1626
1572
|
buttonProps: {
|
|
1627
1573
|
...descProps,
|
|
1628
1574
|
id: buttonId,
|
|
1629
|
-
|
|
1630
|
-
|
|
1631
|
-
|
|
1632
|
-
|
|
1575
|
+
"aria-haspopup": "dialog",
|
|
1576
|
+
"aria-label": stringFormatter.format("calendar"),
|
|
1577
|
+
"aria-labelledby": `${labelledBy} ${buttonId}`,
|
|
1578
|
+
"aria-describedby": ariaDescribedBy,
|
|
1633
1579
|
onPress: ()=>state.setOpen(true)
|
|
1634
1580
|
},
|
|
1635
1581
|
dialogProps: {
|
|
1636
1582
|
id: dialogId,
|
|
1637
|
-
|
|
1583
|
+
"aria-labelledby": `${labelledBy} ${buttonId}`
|
|
1638
1584
|
},
|
|
1639
1585
|
startFieldProps: {
|
|
1640
1586
|
...startFieldProps,
|
|
1641
1587
|
...commonFieldProps,
|
|
1642
|
-
value: (
|
|
1643
|
-
onChange: (start)=>state.setDateTime(
|
|
1644
|
-
,
|
|
1588
|
+
value: (_state_value = state.value) === null || _state_value === void 0 ? void 0 : _state_value.start,
|
|
1589
|
+
onChange: (start)=>state.setDateTime("start", start),
|
|
1645
1590
|
autoFocus: props.autoFocus
|
|
1646
1591
|
},
|
|
1647
1592
|
endFieldProps: {
|
|
1648
1593
|
...endFieldProps,
|
|
1649
1594
|
...commonFieldProps,
|
|
1650
|
-
value: (
|
|
1651
|
-
onChange: (end)=>state.setDateTime(
|
|
1595
|
+
value: (_state_value1 = state.value) === null || _state_value1 === void 0 ? void 0 : _state_value1.end,
|
|
1596
|
+
onChange: (end)=>state.setDateTime("end", end)
|
|
1652
1597
|
},
|
|
1653
1598
|
descriptionProps: descriptionProps,
|
|
1654
1599
|
errorMessageProps: errorMessageProps,
|