@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/main.js
CHANGED
|
@@ -22,7 +22,27 @@ $parcel$export(module.exports, "useDateField", () => $4acc2f407c169e55$export$55
|
|
|
22
22
|
$parcel$export(module.exports, "useTimeField", () => $4acc2f407c169e55$export$4c842f6a241dc825);
|
|
23
23
|
$parcel$export(module.exports, "useDateRangePicker", () => $20f695b1b69e6b9e$export$12fd5f0e9f4bb192);
|
|
24
24
|
$parcel$export(module.exports, "useDisplayNames", () => $934ac650a0aceb4b$export$d42c60378c8168f8);
|
|
25
|
-
|
|
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
|
+
*/ /*
|
|
36
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
37
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
38
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
39
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
40
|
+
*
|
|
41
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
42
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
43
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
44
|
+
* governing permissions and limitations under the License.
|
|
45
|
+
*/
|
|
26
46
|
|
|
27
47
|
var $c7d0e80b992ca68a$exports = {};
|
|
28
48
|
var $aa344be62785b256$exports = {};
|
|
@@ -36,12 +56,9 @@ $aa344be62785b256$exports = {
|
|
|
36
56
|
"minute": `الدقائق`,
|
|
37
57
|
"month": `الشهر`,
|
|
38
58
|
"second": `الثواني`,
|
|
39
|
-
"selectedDateDescription": (args)=>`تاريخ محدد: ${args.date}
|
|
40
|
-
|
|
41
|
-
"
|
|
42
|
-
,
|
|
43
|
-
"selectedTimeDescription": (args)=>`الوقت المحدد: ${args.time}`
|
|
44
|
-
,
|
|
59
|
+
"selectedDateDescription": (args)=>`تاريخ محدد: ${args.date}`,
|
|
60
|
+
"selectedRangeDescription": (args)=>`المدى الزمني المحدد: ${args.startDate} إلى ${args.endDate}`,
|
|
61
|
+
"selectedTimeDescription": (args)=>`الوقت المحدد: ${args.time}`,
|
|
45
62
|
"startDate": `تاريخ البدء`,
|
|
46
63
|
"timeZoneName": `التوقيت`,
|
|
47
64
|
"weekday": `اليوم`,
|
|
@@ -60,12 +77,9 @@ $615986c3475e7c8c$exports = {
|
|
|
60
77
|
"minute": `минута`,
|
|
61
78
|
"month": `месец`,
|
|
62
79
|
"second": `секунда`,
|
|
63
|
-
"selectedDateDescription": (args)=>`Избрана дата: ${args.date}
|
|
64
|
-
|
|
65
|
-
"
|
|
66
|
-
,
|
|
67
|
-
"selectedTimeDescription": (args)=>`Избрано време: ${args.time}`
|
|
68
|
-
,
|
|
80
|
+
"selectedDateDescription": (args)=>`Избрана дата: ${args.date}`,
|
|
81
|
+
"selectedRangeDescription": (args)=>`Избран диапазон: ${args.startDate} до ${args.endDate}`,
|
|
82
|
+
"selectedTimeDescription": (args)=>`Избрано време: ${args.time}`,
|
|
69
83
|
"startDate": `Начална дата`,
|
|
70
84
|
"timeZoneName": `часова зона`,
|
|
71
85
|
"weekday": `ден от седмицата`,
|
|
@@ -84,12 +98,9 @@ $6c6207692f1ab248$exports = {
|
|
|
84
98
|
"minute": `minuta`,
|
|
85
99
|
"month": `měsíc`,
|
|
86
100
|
"second": `sekunda`,
|
|
87
|
-
"selectedDateDescription": (args)=>`Vybrané datum: ${args.date}
|
|
88
|
-
|
|
89
|
-
"
|
|
90
|
-
,
|
|
91
|
-
"selectedTimeDescription": (args)=>`Vybraný čas: ${args.time}`
|
|
92
|
-
,
|
|
101
|
+
"selectedDateDescription": (args)=>`Vybrané datum: ${args.date}`,
|
|
102
|
+
"selectedRangeDescription": (args)=>`Vybrané období: ${args.startDate} až ${args.endDate}`,
|
|
103
|
+
"selectedTimeDescription": (args)=>`Vybraný čas: ${args.time}`,
|
|
93
104
|
"startDate": `Počáteční datum`,
|
|
94
105
|
"timeZoneName": `časové pásmo`,
|
|
95
106
|
"weekday": `den v týdnu`,
|
|
@@ -108,12 +119,9 @@ $fb37a9d024dd70f8$exports = {
|
|
|
108
119
|
"minute": `minut`,
|
|
109
120
|
"month": `måned`,
|
|
110
121
|
"second": `sekund`,
|
|
111
|
-
"selectedDateDescription": (args)=>`Valgt dato: ${args.date}
|
|
112
|
-
|
|
113
|
-
"
|
|
114
|
-
,
|
|
115
|
-
"selectedTimeDescription": (args)=>`Valgt tidspunkt: ${args.time}`
|
|
116
|
-
,
|
|
122
|
+
"selectedDateDescription": (args)=>`Valgt dato: ${args.date}`,
|
|
123
|
+
"selectedRangeDescription": (args)=>`Valgt interval: ${args.startDate} til ${args.endDate}`,
|
|
124
|
+
"selectedTimeDescription": (args)=>`Valgt tidspunkt: ${args.time}`,
|
|
117
125
|
"startDate": `Startdato`,
|
|
118
126
|
"timeZoneName": `tidszone`,
|
|
119
127
|
"weekday": `ugedag`,
|
|
@@ -132,12 +140,9 @@ $d7780bd4790f7ae9$exports = {
|
|
|
132
140
|
"minute": `Minute`,
|
|
133
141
|
"month": `Monat`,
|
|
134
142
|
"second": `Sekunde`,
|
|
135
|
-
"selectedDateDescription": (args)=>`Ausgewähltes Datum: ${args.date}
|
|
136
|
-
|
|
137
|
-
"
|
|
138
|
-
,
|
|
139
|
-
"selectedTimeDescription": (args)=>`Ausgewählte Zeit: ${args.time}`
|
|
140
|
-
,
|
|
143
|
+
"selectedDateDescription": (args)=>`Ausgewähltes Datum: ${args.date}`,
|
|
144
|
+
"selectedRangeDescription": (args)=>`Ausgewählter Bereich: ${args.startDate} bis ${args.endDate}`,
|
|
145
|
+
"selectedTimeDescription": (args)=>`Ausgewählte Zeit: ${args.time}`,
|
|
141
146
|
"startDate": `Anfangsdatum`,
|
|
142
147
|
"timeZoneName": `Zeitzone`,
|
|
143
148
|
"weekday": `Wochentag`,
|
|
@@ -156,12 +161,9 @@ $9cdf03311f06c4ac$exports = {
|
|
|
156
161
|
"minute": `λεπτό`,
|
|
157
162
|
"month": `μήνας`,
|
|
158
163
|
"second": `δευτερόλεπτο`,
|
|
159
|
-
"selectedDateDescription": (args)=>`Επιλεγμένη ημερομηνία: ${args.date}
|
|
160
|
-
|
|
161
|
-
"
|
|
162
|
-
,
|
|
163
|
-
"selectedTimeDescription": (args)=>`Επιλεγμένη ώρα: ${args.time}`
|
|
164
|
-
,
|
|
164
|
+
"selectedDateDescription": (args)=>`Επιλεγμένη ημερομηνία: ${args.date}`,
|
|
165
|
+
"selectedRangeDescription": (args)=>`Επιλεγμένο εύρος: ${args.startDate} έως ${args.endDate}`,
|
|
166
|
+
"selectedTimeDescription": (args)=>`Επιλεγμένη ώρα: ${args.time}`,
|
|
165
167
|
"startDate": `Ημερομηνία έναρξης`,
|
|
166
168
|
"timeZoneName": `ζώνη ώρας`,
|
|
167
169
|
"weekday": `καθημερινή`,
|
|
@@ -184,10 +186,8 @@ $f93fc9e164ae811c$exports = {
|
|
|
184
186
|
"endDate": `End Date`,
|
|
185
187
|
"weekday": `day of the week`,
|
|
186
188
|
"timeZoneName": `time zone`,
|
|
187
|
-
"selectedDateDescription": (args)=>`Selected Date: ${args.date}
|
|
188
|
-
|
|
189
|
-
"selectedRangeDescription": (args)=>`Selected Range: ${args.startDate} to ${args.endDate}`
|
|
190
|
-
,
|
|
189
|
+
"selectedDateDescription": (args)=>`Selected Date: ${args.date}`,
|
|
190
|
+
"selectedRangeDescription": (args)=>`Selected Range: ${args.startDate} to ${args.endDate}`,
|
|
191
191
|
"selectedTimeDescription": (args)=>`Selected Time: ${args.time}`
|
|
192
192
|
};
|
|
193
193
|
|
|
@@ -203,12 +203,9 @@ $7426c3264bf5ffea$exports = {
|
|
|
203
203
|
"minute": `minuto`,
|
|
204
204
|
"month": `mes`,
|
|
205
205
|
"second": `segundo`,
|
|
206
|
-
"selectedDateDescription": (args)=>`Fecha seleccionada: ${args.date}
|
|
207
|
-
|
|
208
|
-
"
|
|
209
|
-
,
|
|
210
|
-
"selectedTimeDescription": (args)=>`Hora seleccionada: ${args.time}`
|
|
211
|
-
,
|
|
206
|
+
"selectedDateDescription": (args)=>`Fecha seleccionada: ${args.date}`,
|
|
207
|
+
"selectedRangeDescription": (args)=>`Rango seleccionado: ${args.startDate} a ${args.endDate}`,
|
|
208
|
+
"selectedTimeDescription": (args)=>`Hora seleccionada: ${args.time}`,
|
|
212
209
|
"startDate": `Fecha de inicio`,
|
|
213
210
|
"timeZoneName": `zona horaria`,
|
|
214
211
|
"weekday": `día de la semana`,
|
|
@@ -227,12 +224,9 @@ $1115cc0042de790c$exports = {
|
|
|
227
224
|
"minute": `minut`,
|
|
228
225
|
"month": `kuu`,
|
|
229
226
|
"second": `sekund`,
|
|
230
|
-
"selectedDateDescription": (args)=>`Valitud kuupäev: ${args.date}
|
|
231
|
-
|
|
232
|
-
"
|
|
233
|
-
,
|
|
234
|
-
"selectedTimeDescription": (args)=>`Valitud aeg: ${args.time}`
|
|
235
|
-
,
|
|
227
|
+
"selectedDateDescription": (args)=>`Valitud kuupäev: ${args.date}`,
|
|
228
|
+
"selectedRangeDescription": (args)=>`Valitud vahemik: ${args.startDate} kuni ${args.endDate}`,
|
|
229
|
+
"selectedTimeDescription": (args)=>`Valitud aeg: ${args.time}`,
|
|
236
230
|
"startDate": `Alguskuupäev`,
|
|
237
231
|
"timeZoneName": `ajavöönd`,
|
|
238
232
|
"weekday": `nädalapäev`,
|
|
@@ -251,12 +245,9 @@ $4e80389dccb9283f$exports = {
|
|
|
251
245
|
"minute": `minuutti`,
|
|
252
246
|
"month": `kuukausi`,
|
|
253
247
|
"second": `sekunti`,
|
|
254
|
-
"selectedDateDescription": (args)=>`Valittu päivämäärä: ${args.date}
|
|
255
|
-
|
|
256
|
-
"
|
|
257
|
-
,
|
|
258
|
-
"selectedTimeDescription": (args)=>`Valittu aika: ${args.time}`
|
|
259
|
-
,
|
|
248
|
+
"selectedDateDescription": (args)=>`Valittu päivämäärä: ${args.date}`,
|
|
249
|
+
"selectedRangeDescription": (args)=>`Valittu aikaväli: ${args.startDate} – ${args.endDate}`,
|
|
250
|
+
"selectedTimeDescription": (args)=>`Valittu aika: ${args.time}`,
|
|
260
251
|
"startDate": `Alkamispäivä`,
|
|
261
252
|
"timeZoneName": `aikavyöhyke`,
|
|
262
253
|
"weekday": `viikonpäivä`,
|
|
@@ -275,12 +266,9 @@ $78ad6f738c1f38d1$exports = {
|
|
|
275
266
|
"minute": `minute`,
|
|
276
267
|
"month": `mois`,
|
|
277
268
|
"second": `seconde`,
|
|
278
|
-
"selectedDateDescription": (args)=>`Date sélectionnée : ${args.date}
|
|
279
|
-
|
|
280
|
-
"
|
|
281
|
-
,
|
|
282
|
-
"selectedTimeDescription": (args)=>`Heure choisie : ${args.time}`
|
|
283
|
-
,
|
|
269
|
+
"selectedDateDescription": (args)=>`Date sélectionnée : ${args.date}`,
|
|
270
|
+
"selectedRangeDescription": (args)=>`Plage sélectionnée : ${args.startDate} au ${args.endDate}`,
|
|
271
|
+
"selectedTimeDescription": (args)=>`Heure choisie : ${args.time}`,
|
|
284
272
|
"startDate": `Date de début`,
|
|
285
273
|
"timeZoneName": `fuseau horaire`,
|
|
286
274
|
"weekday": `jour de la semaine`,
|
|
@@ -299,12 +287,9 @@ $50fa4716d827cd97$exports = {
|
|
|
299
287
|
"minute": `דקה`,
|
|
300
288
|
"month": `חודש`,
|
|
301
289
|
"second": `שנייה`,
|
|
302
|
-
"selectedDateDescription": (args)=>`תאריך נבחר: ${args.date}
|
|
303
|
-
|
|
304
|
-
"
|
|
305
|
-
,
|
|
306
|
-
"selectedTimeDescription": (args)=>`זמן נבחר: ${args.time}`
|
|
307
|
-
,
|
|
290
|
+
"selectedDateDescription": (args)=>`תאריך נבחר: ${args.date}`,
|
|
291
|
+
"selectedRangeDescription": (args)=>`טווח נבחר: ${args.startDate} עד ${args.endDate}`,
|
|
292
|
+
"selectedTimeDescription": (args)=>`זמן נבחר: ${args.time}`,
|
|
308
293
|
"startDate": `תאריך התחלה`,
|
|
309
294
|
"timeZoneName": `אזור זמן`,
|
|
310
295
|
"weekday": `יום בשבוע`,
|
|
@@ -323,12 +308,9 @@ $7297908fac4cf6c2$exports = {
|
|
|
323
308
|
"minute": `minuta`,
|
|
324
309
|
"month": `mjesec`,
|
|
325
310
|
"second": `sekunda`,
|
|
326
|
-
"selectedDateDescription": (args)=>`Odabrani datum: ${args.date}
|
|
327
|
-
|
|
328
|
-
"
|
|
329
|
-
,
|
|
330
|
-
"selectedTimeDescription": (args)=>`Odabrano vrijeme: ${args.time}`
|
|
331
|
-
,
|
|
311
|
+
"selectedDateDescription": (args)=>`Odabrani datum: ${args.date}`,
|
|
312
|
+
"selectedRangeDescription": (args)=>`Odabrani raspon: ${args.startDate} do ${args.endDate}`,
|
|
313
|
+
"selectedTimeDescription": (args)=>`Odabrano vrijeme: ${args.time}`,
|
|
332
314
|
"startDate": `Datum početka`,
|
|
333
315
|
"timeZoneName": `vremenska zona`,
|
|
334
316
|
"weekday": `dan u tjednu`,
|
|
@@ -347,12 +329,9 @@ $f95c1b06e1d5ba32$exports = {
|
|
|
347
329
|
"minute": `perc`,
|
|
348
330
|
"month": `hónap`,
|
|
349
331
|
"second": `másodperc`,
|
|
350
|
-
"selectedDateDescription": (args)=>`Kijelölt dátum: ${args.date}
|
|
351
|
-
|
|
352
|
-
"
|
|
353
|
-
,
|
|
354
|
-
"selectedTimeDescription": (args)=>`Kijelölt idő: ${args.time}`
|
|
355
|
-
,
|
|
332
|
+
"selectedDateDescription": (args)=>`Kijelölt dátum: ${args.date}`,
|
|
333
|
+
"selectedRangeDescription": (args)=>`Kijelölt tartomány: ${args.startDate}–${args.endDate}`,
|
|
334
|
+
"selectedTimeDescription": (args)=>`Kijelölt idő: ${args.time}`,
|
|
356
335
|
"startDate": `Kezdő dátum`,
|
|
357
336
|
"timeZoneName": `időzóna`,
|
|
358
337
|
"weekday": `hét napja`,
|
|
@@ -371,12 +350,9 @@ $437a8dc519258a01$exports = {
|
|
|
371
350
|
"minute": `minuto`,
|
|
372
351
|
"month": `mese`,
|
|
373
352
|
"second": `secondo`,
|
|
374
|
-
"selectedDateDescription": (args)=>`Data selezionata: ${args.date}
|
|
375
|
-
|
|
376
|
-
"
|
|
377
|
-
,
|
|
378
|
-
"selectedTimeDescription": (args)=>`Ora selezionata: ${args.time}`
|
|
379
|
-
,
|
|
353
|
+
"selectedDateDescription": (args)=>`Data selezionata: ${args.date}`,
|
|
354
|
+
"selectedRangeDescription": (args)=>`Intervallo selezionato: da ${args.startDate} a ${args.endDate}`,
|
|
355
|
+
"selectedTimeDescription": (args)=>`Ora selezionata: ${args.time}`,
|
|
380
356
|
"startDate": `Data iniziale`,
|
|
381
357
|
"timeZoneName": `fuso orario`,
|
|
382
358
|
"weekday": `giorno della settimana`,
|
|
@@ -395,12 +371,9 @@ $bd0aa2b50092a836$exports = {
|
|
|
395
371
|
"minute": `分`,
|
|
396
372
|
"month": `月`,
|
|
397
373
|
"second": `秒`,
|
|
398
|
-
"selectedDateDescription": (args)=>`選択した日付 : ${args.date}
|
|
399
|
-
|
|
400
|
-
"
|
|
401
|
-
,
|
|
402
|
-
"selectedTimeDescription": (args)=>`選択した時間 : ${args.time}`
|
|
403
|
-
,
|
|
374
|
+
"selectedDateDescription": (args)=>`選択した日付 : ${args.date}`,
|
|
375
|
+
"selectedRangeDescription": (args)=>`選択範囲 : ${args.startDate} から ${args.endDate}`,
|
|
376
|
+
"selectedTimeDescription": (args)=>`選択した時間 : ${args.time}`,
|
|
404
377
|
"startDate": `開始日`,
|
|
405
378
|
"timeZoneName": `タイムゾーン`,
|
|
406
379
|
"weekday": `曜日`,
|
|
@@ -419,12 +392,9 @@ $bbd8176c2e044bc1$exports = {
|
|
|
419
392
|
"minute": `분`,
|
|
420
393
|
"month": `월`,
|
|
421
394
|
"second": `초`,
|
|
422
|
-
"selectedDateDescription": (args)=>`선택 일자: ${args.date}
|
|
423
|
-
|
|
424
|
-
"
|
|
425
|
-
,
|
|
426
|
-
"selectedTimeDescription": (args)=>`선택 시간: ${args.time}`
|
|
427
|
-
,
|
|
395
|
+
"selectedDateDescription": (args)=>`선택 일자: ${args.date}`,
|
|
396
|
+
"selectedRangeDescription": (args)=>`선택 범위: ${args.startDate} ~ ${args.endDate}`,
|
|
397
|
+
"selectedTimeDescription": (args)=>`선택 시간: ${args.time}`,
|
|
428
398
|
"startDate": `시작 날짜`,
|
|
429
399
|
"timeZoneName": `시간대`,
|
|
430
400
|
"weekday": `요일`,
|
|
@@ -443,12 +413,9 @@ $1af703df56ff5180$exports = {
|
|
|
443
413
|
"minute": `minutė`,
|
|
444
414
|
"month": `mėnuo`,
|
|
445
415
|
"second": `sekundė`,
|
|
446
|
-
"selectedDateDescription": (args)=>`Pasirinkta data: ${args.date}
|
|
447
|
-
|
|
448
|
-
"
|
|
449
|
-
,
|
|
450
|
-
"selectedTimeDescription": (args)=>`Pasirinktas laikas: ${args.time}`
|
|
451
|
-
,
|
|
416
|
+
"selectedDateDescription": (args)=>`Pasirinkta data: ${args.date}`,
|
|
417
|
+
"selectedRangeDescription": (args)=>`Pasirinktas intervalas: nuo ${args.startDate} iki ${args.endDate}`,
|
|
418
|
+
"selectedTimeDescription": (args)=>`Pasirinktas laikas: ${args.time}`,
|
|
452
419
|
"startDate": `Pradžios data`,
|
|
453
420
|
"timeZoneName": `laiko juosta`,
|
|
454
421
|
"weekday": `savaitės diena`,
|
|
@@ -467,12 +434,9 @@ $9705eb4511dea9f8$exports = {
|
|
|
467
434
|
"minute": `minūtes`,
|
|
468
435
|
"month": `mēnesis`,
|
|
469
436
|
"second": `sekundes`,
|
|
470
|
-
"selectedDateDescription": (args)=>`Atlasītais datums: ${args.date}
|
|
471
|
-
|
|
472
|
-
"
|
|
473
|
-
,
|
|
474
|
-
"selectedTimeDescription": (args)=>`Atlasītais laiks: ${args.time}`
|
|
475
|
-
,
|
|
437
|
+
"selectedDateDescription": (args)=>`Atlasītais datums: ${args.date}`,
|
|
438
|
+
"selectedRangeDescription": (args)=>`Atlasītais diapazons: no ${args.startDate} līdz ${args.endDate}`,
|
|
439
|
+
"selectedTimeDescription": (args)=>`Atlasītais laiks: ${args.time}`,
|
|
476
440
|
"startDate": `Sākuma datums`,
|
|
477
441
|
"timeZoneName": `laika josla`,
|
|
478
442
|
"weekday": `nedēļas diena`,
|
|
@@ -491,12 +455,9 @@ $8ef984876a7160bc$exports = {
|
|
|
491
455
|
"minute": `minutt`,
|
|
492
456
|
"month": `måned`,
|
|
493
457
|
"second": `sekund`,
|
|
494
|
-
"selectedDateDescription": (args)=>`Valgt dato: ${args.date}
|
|
495
|
-
|
|
496
|
-
"
|
|
497
|
-
,
|
|
498
|
-
"selectedTimeDescription": (args)=>`Valgt tid: ${args.time}`
|
|
499
|
-
,
|
|
458
|
+
"selectedDateDescription": (args)=>`Valgt dato: ${args.date}`,
|
|
459
|
+
"selectedRangeDescription": (args)=>`Valgt område: ${args.startDate} til ${args.endDate}`,
|
|
460
|
+
"selectedTimeDescription": (args)=>`Valgt tid: ${args.time}`,
|
|
500
461
|
"startDate": `Startdato`,
|
|
501
462
|
"timeZoneName": `tidssone`,
|
|
502
463
|
"weekday": `ukedag`,
|
|
@@ -515,12 +476,9 @@ $b6e9809e1ecaa25e$exports = {
|
|
|
515
476
|
"minute": `minuut`,
|
|
516
477
|
"month": `maand`,
|
|
517
478
|
"second": `seconde`,
|
|
518
|
-
"selectedDateDescription": (args)=>`Geselecteerde datum: ${args.date}
|
|
519
|
-
|
|
520
|
-
"
|
|
521
|
-
,
|
|
522
|
-
"selectedTimeDescription": (args)=>`Geselecteerde tijd: ${args.time}`
|
|
523
|
-
,
|
|
479
|
+
"selectedDateDescription": (args)=>`Geselecteerde datum: ${args.date}`,
|
|
480
|
+
"selectedRangeDescription": (args)=>`Geselecteerd bereik: ${args.startDate} tot ${args.endDate}`,
|
|
481
|
+
"selectedTimeDescription": (args)=>`Geselecteerde tijd: ${args.time}`,
|
|
524
482
|
"startDate": `Startdatum`,
|
|
525
483
|
"timeZoneName": `tijdzone`,
|
|
526
484
|
"weekday": `dag van de week`,
|
|
@@ -539,12 +497,9 @@ $deb2fa609661fe31$exports = {
|
|
|
539
497
|
"minute": `minuta`,
|
|
540
498
|
"month": `miesiąc`,
|
|
541
499
|
"second": `sekunda`,
|
|
542
|
-
"selectedDateDescription": (args)=>`Wybrana data: ${args.date}
|
|
543
|
-
|
|
544
|
-
"
|
|
545
|
-
,
|
|
546
|
-
"selectedTimeDescription": (args)=>`Wybrany czas: ${args.time}`
|
|
547
|
-
,
|
|
500
|
+
"selectedDateDescription": (args)=>`Wybrana data: ${args.date}`,
|
|
501
|
+
"selectedRangeDescription": (args)=>`Wybrany zakres: ${args.startDate} do ${args.endDate}`,
|
|
502
|
+
"selectedTimeDescription": (args)=>`Wybrany czas: ${args.time}`,
|
|
548
503
|
"startDate": `Data początkowa`,
|
|
549
504
|
"timeZoneName": `strefa czasowa`,
|
|
550
505
|
"weekday": `dzień tygodnia`,
|
|
@@ -563,12 +518,9 @@ $591c8c054c84fa56$exports = {
|
|
|
563
518
|
"minute": `minuto`,
|
|
564
519
|
"month": `mês`,
|
|
565
520
|
"second": `segundo`,
|
|
566
|
-
"selectedDateDescription": (args)=>`Data selecionada: ${args.date}
|
|
567
|
-
|
|
568
|
-
"
|
|
569
|
-
,
|
|
570
|
-
"selectedTimeDescription": (args)=>`Hora selecionada: ${args.time}`
|
|
571
|
-
,
|
|
521
|
+
"selectedDateDescription": (args)=>`Data selecionada: ${args.date}`,
|
|
522
|
+
"selectedRangeDescription": (args)=>`Intervalo selecionado: ${args.startDate} a ${args.endDate}`,
|
|
523
|
+
"selectedTimeDescription": (args)=>`Hora selecionada: ${args.time}`,
|
|
572
524
|
"startDate": `Data inicial`,
|
|
573
525
|
"timeZoneName": `fuso horário`,
|
|
574
526
|
"weekday": `dia da semana`,
|
|
@@ -587,12 +539,9 @@ $f1633bd6cbc228e8$exports = {
|
|
|
587
539
|
"minute": `minuto`,
|
|
588
540
|
"month": `mês`,
|
|
589
541
|
"second": `segundo`,
|
|
590
|
-
"selectedDateDescription": (args)=>`Data selecionada: ${args.date}
|
|
591
|
-
|
|
592
|
-
"
|
|
593
|
-
,
|
|
594
|
-
"selectedTimeDescription": (args)=>`Hora selecionada: ${args.time}`
|
|
595
|
-
,
|
|
542
|
+
"selectedDateDescription": (args)=>`Data selecionada: ${args.date}`,
|
|
543
|
+
"selectedRangeDescription": (args)=>`Intervalo selecionado: ${args.startDate} a ${args.endDate}`,
|
|
544
|
+
"selectedTimeDescription": (args)=>`Hora selecionada: ${args.time}`,
|
|
596
545
|
"startDate": `Data de Início`,
|
|
597
546
|
"timeZoneName": `fuso horário`,
|
|
598
547
|
"weekday": `dia da semana`,
|
|
@@ -611,12 +560,9 @@ $14e09da03f3d1c5b$exports = {
|
|
|
611
560
|
"minute": `minut`,
|
|
612
561
|
"month": `lună`,
|
|
613
562
|
"second": `secundă`,
|
|
614
|
-
"selectedDateDescription": (args)=>`Dată selectată: ${args.date}
|
|
615
|
-
|
|
616
|
-
"
|
|
617
|
-
,
|
|
618
|
-
"selectedTimeDescription": (args)=>`Ora selectată: ${args.time}`
|
|
619
|
-
,
|
|
563
|
+
"selectedDateDescription": (args)=>`Dată selectată: ${args.date}`,
|
|
564
|
+
"selectedRangeDescription": (args)=>`Interval selectat: de la ${args.startDate} până la ${args.endDate}`,
|
|
565
|
+
"selectedTimeDescription": (args)=>`Ora selectată: ${args.time}`,
|
|
620
566
|
"startDate": `Dată început`,
|
|
621
567
|
"timeZoneName": `fus orar`,
|
|
622
568
|
"weekday": `ziua din săptămână`,
|
|
@@ -635,12 +581,9 @@ $63247a3456bc40d1$exports = {
|
|
|
635
581
|
"minute": `минута`,
|
|
636
582
|
"month": `месяц`,
|
|
637
583
|
"second": `секунда`,
|
|
638
|
-
"selectedDateDescription": (args)=>`Выбранная дата: ${args.date}
|
|
639
|
-
|
|
640
|
-
"
|
|
641
|
-
,
|
|
642
|
-
"selectedTimeDescription": (args)=>`Выбранное время: ${args.time}`
|
|
643
|
-
,
|
|
584
|
+
"selectedDateDescription": (args)=>`Выбранная дата: ${args.date}`,
|
|
585
|
+
"selectedRangeDescription": (args)=>`Выбранный диапазон: с ${args.startDate} по ${args.endDate}`,
|
|
586
|
+
"selectedTimeDescription": (args)=>`Выбранное время: ${args.time}`,
|
|
644
587
|
"startDate": `Дата начала`,
|
|
645
588
|
"timeZoneName": `часовой пояс`,
|
|
646
589
|
"weekday": `день недели`,
|
|
@@ -659,12 +602,9 @@ $22150dd20c353dd4$exports = {
|
|
|
659
602
|
"minute": `minúta`,
|
|
660
603
|
"month": `mesiac`,
|
|
661
604
|
"second": `sekunda`,
|
|
662
|
-
"selectedDateDescription": (args)=>`Vybratý dátum: ${args.date}
|
|
663
|
-
|
|
664
|
-
"
|
|
665
|
-
,
|
|
666
|
-
"selectedTimeDescription": (args)=>`Vybratý čas: ${args.time}`
|
|
667
|
-
,
|
|
605
|
+
"selectedDateDescription": (args)=>`Vybratý dátum: ${args.date}`,
|
|
606
|
+
"selectedRangeDescription": (args)=>`Vybratý rozsah: od ${args.startDate} do ${args.endDate}`,
|
|
607
|
+
"selectedTimeDescription": (args)=>`Vybratý čas: ${args.time}`,
|
|
668
608
|
"startDate": `Dátum začatia`,
|
|
669
609
|
"timeZoneName": `časové pásmo`,
|
|
670
610
|
"weekday": `deň týždňa`,
|
|
@@ -683,12 +623,9 @@ $701eb9a0385c55fd$exports = {
|
|
|
683
623
|
"minute": `minuta`,
|
|
684
624
|
"month": `mesec`,
|
|
685
625
|
"second": `sekunda`,
|
|
686
|
-
"selectedDateDescription": (args)=>`Izbrani datum: ${args.date}
|
|
687
|
-
|
|
688
|
-
"
|
|
689
|
-
,
|
|
690
|
-
"selectedTimeDescription": (args)=>`Izbrani čas: ${args.time}`
|
|
691
|
-
,
|
|
626
|
+
"selectedDateDescription": (args)=>`Izbrani datum: ${args.date}`,
|
|
627
|
+
"selectedRangeDescription": (args)=>`Izbrano območje: ${args.startDate} do ${args.endDate}`,
|
|
628
|
+
"selectedTimeDescription": (args)=>`Izbrani čas: ${args.time}`,
|
|
692
629
|
"startDate": `Datum začetka`,
|
|
693
630
|
"timeZoneName": `časovni pas`,
|
|
694
631
|
"weekday": `dan v tednu`,
|
|
@@ -707,12 +644,9 @@ $54684a4891ca6dc5$exports = {
|
|
|
707
644
|
"minute": `минут`,
|
|
708
645
|
"month": `месец`,
|
|
709
646
|
"second": `секунд`,
|
|
710
|
-
"selectedDateDescription": (args)=>`Izabrani datum: ${args.date}
|
|
711
|
-
|
|
712
|
-
"
|
|
713
|
-
,
|
|
714
|
-
"selectedTimeDescription": (args)=>`Izabrano vreme: ${args.time}`
|
|
715
|
-
,
|
|
647
|
+
"selectedDateDescription": (args)=>`Izabrani datum: ${args.date}`,
|
|
648
|
+
"selectedRangeDescription": (args)=>`Izabrani opseg: od ${args.startDate} do ${args.endDate}`,
|
|
649
|
+
"selectedTimeDescription": (args)=>`Izabrano vreme: ${args.time}`,
|
|
716
650
|
"startDate": `Datum početka`,
|
|
717
651
|
"timeZoneName": `временска зона`,
|
|
718
652
|
"weekday": `дан у недељи`,
|
|
@@ -731,12 +665,9 @@ $545887f88a5a52db$exports = {
|
|
|
731
665
|
"minute": `minut`,
|
|
732
666
|
"month": `månad`,
|
|
733
667
|
"second": `sekund`,
|
|
734
|
-
"selectedDateDescription": (args)=>`Valt datum: ${args.date}
|
|
735
|
-
|
|
736
|
-
"
|
|
737
|
-
,
|
|
738
|
-
"selectedTimeDescription": (args)=>`Vald tid: ${args.time}`
|
|
739
|
-
,
|
|
668
|
+
"selectedDateDescription": (args)=>`Valt datum: ${args.date}`,
|
|
669
|
+
"selectedRangeDescription": (args)=>`Valt intervall: ${args.startDate} till ${args.endDate}`,
|
|
670
|
+
"selectedTimeDescription": (args)=>`Vald tid: ${args.time}`,
|
|
740
671
|
"startDate": `Startdatum`,
|
|
741
672
|
"timeZoneName": `tidszon`,
|
|
742
673
|
"weekday": `veckodag`,
|
|
@@ -755,12 +686,9 @@ $492d49420dd96ff4$exports = {
|
|
|
755
686
|
"minute": `dakika`,
|
|
756
687
|
"month": `ay`,
|
|
757
688
|
"second": `saniye`,
|
|
758
|
-
"selectedDateDescription": (args)=>`Seçilen Tarih: ${args.date}
|
|
759
|
-
|
|
760
|
-
"
|
|
761
|
-
,
|
|
762
|
-
"selectedTimeDescription": (args)=>`Seçilen Zaman: ${args.time}`
|
|
763
|
-
,
|
|
689
|
+
"selectedDateDescription": (args)=>`Seçilen Tarih: ${args.date}`,
|
|
690
|
+
"selectedRangeDescription": (args)=>`Seçilen Aralık: ${args.startDate} - ${args.endDate}`,
|
|
691
|
+
"selectedTimeDescription": (args)=>`Seçilen Zaman: ${args.time}`,
|
|
764
692
|
"startDate": `Başlangıç Tarihi`,
|
|
765
693
|
"timeZoneName": `saat dilimi`,
|
|
766
694
|
"weekday": `haftanın günü`,
|
|
@@ -779,12 +707,9 @@ $dc85765e85e8f267$exports = {
|
|
|
779
707
|
"minute": `хвилина`,
|
|
780
708
|
"month": `місяць`,
|
|
781
709
|
"second": `секунда`,
|
|
782
|
-
"selectedDateDescription": (args)=>`Вибрана дата: ${args.date}
|
|
783
|
-
|
|
784
|
-
"
|
|
785
|
-
,
|
|
786
|
-
"selectedTimeDescription": (args)=>`Вибраний час: ${args.time}`
|
|
787
|
-
,
|
|
710
|
+
"selectedDateDescription": (args)=>`Вибрана дата: ${args.date}`,
|
|
711
|
+
"selectedRangeDescription": (args)=>`Вибраний діапазон: ${args.startDate} — ${args.endDate}`,
|
|
712
|
+
"selectedTimeDescription": (args)=>`Вибраний час: ${args.time}`,
|
|
788
713
|
"startDate": `Дата початку`,
|
|
789
714
|
"timeZoneName": `часовий пояс`,
|
|
790
715
|
"weekday": `день тижня`,
|
|
@@ -803,12 +728,9 @@ $2157d63cb80c7c63$exports = {
|
|
|
803
728
|
"minute": `分钟`,
|
|
804
729
|
"month": `月`,
|
|
805
730
|
"second": `秒`,
|
|
806
|
-
"selectedDateDescription": (args)=>`选定的日期:${args.date}
|
|
807
|
-
|
|
808
|
-
"
|
|
809
|
-
,
|
|
810
|
-
"selectedTimeDescription": (args)=>`选定的时间:${args.time}`
|
|
811
|
-
,
|
|
731
|
+
"selectedDateDescription": (args)=>`选定的日期:${args.date}`,
|
|
732
|
+
"selectedRangeDescription": (args)=>`选定的范围:${args.startDate} 至 ${args.endDate}`,
|
|
733
|
+
"selectedTimeDescription": (args)=>`选定的时间:${args.time}`,
|
|
812
734
|
"startDate": `开始日期`,
|
|
813
735
|
"timeZoneName": `时区`,
|
|
814
736
|
"weekday": `工作日`,
|
|
@@ -827,12 +749,9 @@ $0335c3ddb5f70cbe$exports = {
|
|
|
827
749
|
"minute": `分钟`,
|
|
828
750
|
"month": `月`,
|
|
829
751
|
"second": `秒`,
|
|
830
|
-
"selectedDateDescription": (args)=>`選定的日期:${args.date}
|
|
831
|
-
|
|
832
|
-
"
|
|
833
|
-
,
|
|
834
|
-
"selectedTimeDescription": (args)=>`選定的時間:${args.time}`
|
|
835
|
-
,
|
|
752
|
+
"selectedDateDescription": (args)=>`選定的日期:${args.date}`,
|
|
753
|
+
"selectedRangeDescription": (args)=>`選定的範圍:${args.startDate} 至 ${args.endDate}`,
|
|
754
|
+
"selectedTimeDescription": (args)=>`選定的時間:${args.time}`,
|
|
836
755
|
"startDate": `開始日期`,
|
|
837
756
|
"timeZoneName": `时区`,
|
|
838
757
|
"weekday": `工作日`,
|
|
@@ -879,6 +798,17 @@ $c7d0e80b992ca68a$exports = {
|
|
|
879
798
|
|
|
880
799
|
|
|
881
800
|
|
|
801
|
+
/*
|
|
802
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
803
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
804
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
805
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
806
|
+
*
|
|
807
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
808
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
809
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
810
|
+
* governing permissions and limitations under the License.
|
|
811
|
+
*/
|
|
882
812
|
|
|
883
813
|
|
|
884
814
|
|
|
@@ -887,42 +817,40 @@ $c7d0e80b992ca68a$exports = {
|
|
|
887
817
|
|
|
888
818
|
|
|
889
819
|
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
let
|
|
893
|
-
|
|
894
|
-
, [
|
|
895
|
-
ref1
|
|
820
|
+
function $715562ad3b4cced4$export$4a931266a3838b86(state, ref, disableArrowNavigation) {
|
|
821
|
+
let { direction: direction } = (0, $IwcIq$reactariai18n.useLocale)();
|
|
822
|
+
let focusManager = (0, $IwcIq$react.useMemo)(()=>(0, $IwcIq$reactariafocus.createFocusManager)(ref), [
|
|
823
|
+
ref
|
|
896
824
|
]);
|
|
897
825
|
// Open the popover on alt + arrow down
|
|
898
826
|
let onKeyDown = (e)=>{
|
|
899
|
-
if (e.altKey && (e.key ===
|
|
827
|
+
if (e.altKey && (e.key === "ArrowDown" || e.key === "ArrowUp") && "setOpen" in state) {
|
|
900
828
|
e.preventDefault();
|
|
901
829
|
e.stopPropagation();
|
|
902
830
|
state.setOpen(true);
|
|
903
831
|
}
|
|
904
832
|
if (disableArrowNavigation) return;
|
|
905
833
|
switch(e.key){
|
|
906
|
-
case
|
|
834
|
+
case "ArrowLeft":
|
|
907
835
|
e.preventDefault();
|
|
908
836
|
e.stopPropagation();
|
|
909
|
-
if (direction ===
|
|
837
|
+
if (direction === "rtl") focusManager.focusNext();
|
|
910
838
|
else focusManager.focusPrevious();
|
|
911
839
|
break;
|
|
912
|
-
case
|
|
840
|
+
case "ArrowRight":
|
|
913
841
|
e.preventDefault();
|
|
914
842
|
e.stopPropagation();
|
|
915
|
-
if (direction ===
|
|
843
|
+
if (direction === "rtl") focusManager.focusPrevious();
|
|
916
844
|
else focusManager.focusNext();
|
|
917
845
|
break;
|
|
918
846
|
}
|
|
919
847
|
};
|
|
920
848
|
// Focus the first placeholder segment from the end on mouse down/touch up in the field.
|
|
921
849
|
let focusLast = ()=>{
|
|
922
|
-
var
|
|
850
|
+
var _window_event;
|
|
923
851
|
// Try to find the segment prior to the element that was clicked on.
|
|
924
|
-
let target = (
|
|
925
|
-
let walker = $IwcIq$reactariafocus.getFocusableTreeWalker(
|
|
852
|
+
let target = (_window_event = window.event) === null || _window_event === void 0 ? void 0 : _window_event.target;
|
|
853
|
+
let walker = (0, $IwcIq$reactariafocus.getFocusableTreeWalker)(ref.current, {
|
|
926
854
|
tabbable: true
|
|
927
855
|
});
|
|
928
856
|
if (target) {
|
|
@@ -935,27 +863,27 @@ function $715562ad3b4cced4$export$4a931266a3838b86(state, ref1, disableArrowNavi
|
|
|
935
863
|
do {
|
|
936
864
|
last = walker.lastChild();
|
|
937
865
|
if (last) target = last;
|
|
938
|
-
}while (last)
|
|
866
|
+
}while (last);
|
|
939
867
|
}
|
|
940
868
|
// Now go backwards until we find an element that is not a placeholder.
|
|
941
|
-
while(target === null || target === void 0 ? void 0 : target.hasAttribute(
|
|
869
|
+
while(target === null || target === void 0 ? void 0 : target.hasAttribute("data-placeholder")){
|
|
942
870
|
let prev = walker.previousNode();
|
|
943
|
-
if (prev && prev.hasAttribute(
|
|
871
|
+
if (prev && prev.hasAttribute("data-placeholder")) target = prev;
|
|
944
872
|
else break;
|
|
945
873
|
}
|
|
946
874
|
if (target) target.focus();
|
|
947
875
|
};
|
|
948
|
-
let { pressProps: pressProps } = $IwcIq$reactariainteractions.usePress({
|
|
876
|
+
let { pressProps: pressProps } = (0, $IwcIq$reactariainteractions.usePress)({
|
|
949
877
|
preventFocusOnPress: true,
|
|
950
878
|
allowTextSelectionOnPress: true,
|
|
951
879
|
onPressStart (e) {
|
|
952
|
-
if (e.pointerType ===
|
|
880
|
+
if (e.pointerType === "mouse") focusLast();
|
|
953
881
|
},
|
|
954
882
|
onPress (e) {
|
|
955
|
-
if (e.pointerType !==
|
|
883
|
+
if (e.pointerType !== "mouse") focusLast();
|
|
956
884
|
}
|
|
957
885
|
});
|
|
958
|
-
return $IwcIq$reactariautils.mergeProps(pressProps, {
|
|
886
|
+
return (0, $IwcIq$reactariautils.mergeProps)(pressProps, {
|
|
959
887
|
onKeyDown: onKeyDown
|
|
960
888
|
});
|
|
961
889
|
}
|
|
@@ -965,14 +893,14 @@ function $715562ad3b4cced4$export$4a931266a3838b86(state, ref1, disableArrowNavi
|
|
|
965
893
|
|
|
966
894
|
|
|
967
895
|
const $4acc2f407c169e55$export$653eddfc964b0f8a = new WeakMap();
|
|
968
|
-
const $4acc2f407c169e55$export$300019f83c56d282 =
|
|
969
|
-
const $4acc2f407c169e55$export$7b3062cd49e80452 =
|
|
896
|
+
const $4acc2f407c169e55$export$300019f83c56d282 = "__role_" + Date.now();
|
|
897
|
+
const $4acc2f407c169e55$export$7b3062cd49e80452 = "__focusManager_" + Date.now();
|
|
970
898
|
function $4acc2f407c169e55$export$5591b0b878c1a989(props, state, ref) {
|
|
971
|
-
let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $IwcIq$reactarialabel.useField({
|
|
899
|
+
let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = (0, $IwcIq$reactarialabel.useField)({
|
|
972
900
|
...props,
|
|
973
|
-
labelElementType:
|
|
901
|
+
labelElementType: "span"
|
|
974
902
|
});
|
|
975
|
-
let { focusWithinProps: focusWithinProps } = $IwcIq$reactariainteractions.useFocusWithin({
|
|
903
|
+
let { focusWithinProps: focusWithinProps } = (0, $IwcIq$reactariainteractions.useFocusWithin)({
|
|
976
904
|
...props,
|
|
977
905
|
onBlurWithin: (e)=>{
|
|
978
906
|
state.confirmPlaceholder();
|
|
@@ -981,59 +909,58 @@ function $4acc2f407c169e55$export$5591b0b878c1a989(props, state, ref) {
|
|
|
981
909
|
onFocusWithin: props.onFocus,
|
|
982
910
|
onFocusWithinChange: props.onFocusChange
|
|
983
911
|
});
|
|
984
|
-
let stringFormatter = $IwcIq$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($c7d0e80b992ca68a$exports)));
|
|
985
|
-
let message = state.maxGranularity ===
|
|
986
|
-
let field = state.maxGranularity ===
|
|
912
|
+
let stringFormatter = (0, $IwcIq$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($c7d0e80b992ca68a$exports))));
|
|
913
|
+
let message = state.maxGranularity === "hour" ? "selectedTimeDescription" : "selectedDateDescription";
|
|
914
|
+
let field = state.maxGranularity === "hour" ? "time" : "date";
|
|
987
915
|
let description = state.value ? stringFormatter.format(message, {
|
|
988
916
|
[field]: state.formatValue({
|
|
989
|
-
month:
|
|
917
|
+
month: "long"
|
|
990
918
|
})
|
|
991
|
-
}) :
|
|
992
|
-
let descProps = $IwcIq$reactariautils.useDescription(description);
|
|
919
|
+
}) : "";
|
|
920
|
+
let descProps = (0, $IwcIq$reactariautils.useDescription)(description);
|
|
993
921
|
// If within a date picker or date range picker, the date field will have role="presentation" and an aria-describedby
|
|
994
922
|
// will be passed in that references the value (e.g. entire range). Otherwise, add the field's value description.
|
|
995
|
-
let describedBy = props[$4acc2f407c169e55$export$300019f83c56d282] ===
|
|
996
|
-
descProps[
|
|
997
|
-
fieldProps[
|
|
998
|
-
].filter(Boolean).join(
|
|
923
|
+
let describedBy = props[$4acc2f407c169e55$export$300019f83c56d282] === "presentation" ? fieldProps["aria-describedby"] : [
|
|
924
|
+
descProps["aria-describedby"],
|
|
925
|
+
fieldProps["aria-describedby"]
|
|
926
|
+
].filter(Boolean).join(" ") || undefined;
|
|
999
927
|
let propsFocusManager = props[$4acc2f407c169e55$export$7b3062cd49e80452];
|
|
1000
|
-
let focusManager = $IwcIq$react.useMemo(()=>propsFocusManager || $IwcIq$reactariafocus.createFocusManager(ref)
|
|
1001
|
-
, [
|
|
928
|
+
let focusManager = (0, $IwcIq$react.useMemo)(()=>propsFocusManager || (0, $IwcIq$reactariafocus.createFocusManager)(ref), [
|
|
1002
929
|
propsFocusManager,
|
|
1003
930
|
ref
|
|
1004
931
|
]);
|
|
1005
|
-
let groupProps = $715562ad3b4cced4$export$4a931266a3838b86(state, ref, props[$4acc2f407c169e55$export$300019f83c56d282] ===
|
|
932
|
+
let groupProps = (0, $715562ad3b4cced4$export$4a931266a3838b86)(state, ref, props[$4acc2f407c169e55$export$300019f83c56d282] === "presentation");
|
|
1006
933
|
// Pass labels and other information to segments.
|
|
1007
934
|
$4acc2f407c169e55$export$653eddfc964b0f8a.set(state, {
|
|
1008
|
-
ariaLabel: props[
|
|
935
|
+
ariaLabel: props["aria-label"],
|
|
1009
936
|
ariaLabelledBy: [
|
|
1010
|
-
props[
|
|
937
|
+
props["aria-labelledby"],
|
|
1011
938
|
labelProps.id
|
|
1012
|
-
].filter(Boolean).join(
|
|
939
|
+
].filter(Boolean).join(" ") || undefined,
|
|
1013
940
|
ariaDescribedBy: describedBy,
|
|
1014
941
|
focusManager: focusManager
|
|
1015
942
|
});
|
|
1016
|
-
let autoFocusRef = $IwcIq$react.useRef(props.autoFocus);
|
|
943
|
+
let autoFocusRef = (0, $IwcIq$react.useRef)(props.autoFocus);
|
|
1017
944
|
// When used within a date picker or date range picker, the field gets role="presentation"
|
|
1018
945
|
// rather than role="group". Since the date picker/date range picker already has a role="group"
|
|
1019
946
|
// with a label and description, and the segments are already labeled by this as well, this
|
|
1020
947
|
// avoids very verbose duplicate announcements.
|
|
1021
948
|
let fieldDOMProps;
|
|
1022
|
-
if (props[$4acc2f407c169e55$export$300019f83c56d282] ===
|
|
1023
|
-
role:
|
|
949
|
+
if (props[$4acc2f407c169e55$export$300019f83c56d282] === "presentation") fieldDOMProps = {
|
|
950
|
+
role: "presentation"
|
|
1024
951
|
};
|
|
1025
|
-
else fieldDOMProps = $IwcIq$reactariautils.mergeProps(fieldProps, {
|
|
1026
|
-
role:
|
|
1027
|
-
|
|
1028
|
-
|
|
952
|
+
else fieldDOMProps = (0, $IwcIq$reactariautils.mergeProps)(fieldProps, {
|
|
953
|
+
role: "group",
|
|
954
|
+
"aria-disabled": props.isDisabled || undefined,
|
|
955
|
+
"aria-describedby": describedBy
|
|
1029
956
|
});
|
|
1030
|
-
$IwcIq$react.useEffect(()=>{
|
|
957
|
+
(0, $IwcIq$react.useEffect)(()=>{
|
|
1031
958
|
if (autoFocusRef.current) focusManager.focusFirst();
|
|
1032
959
|
autoFocusRef.current = false;
|
|
1033
960
|
}, [
|
|
1034
961
|
focusManager
|
|
1035
962
|
]);
|
|
1036
|
-
let domProps = $IwcIq$reactariautils.filterDOMProps(props);
|
|
963
|
+
let domProps = (0, $IwcIq$reactariautils.filterDOMProps)(props);
|
|
1037
964
|
return {
|
|
1038
965
|
labelProps: {
|
|
1039
966
|
...labelProps,
|
|
@@ -1041,7 +968,7 @@ function $4acc2f407c169e55$export$5591b0b878c1a989(props, state, ref) {
|
|
|
1041
968
|
focusManager.focusFirst();
|
|
1042
969
|
}
|
|
1043
970
|
},
|
|
1044
|
-
fieldProps: $IwcIq$reactariautils.mergeProps(domProps, fieldDOMProps, groupProps, focusWithinProps, {
|
|
971
|
+
fieldProps: (0, $IwcIq$reactariautils.mergeProps)(domProps, fieldDOMProps, groupProps, focusWithinProps, {
|
|
1045
972
|
onKeyDown (e) {
|
|
1046
973
|
if (props.onKeyDown) props.onKeyDown(e);
|
|
1047
974
|
},
|
|
@@ -1063,33 +990,32 @@ function $4acc2f407c169e55$export$4c842f6a241dc825(props, state, ref) {
|
|
|
1063
990
|
|
|
1064
991
|
|
|
1065
992
|
function $e90ae7c26a69c6b1$export$42df105a73306d51(props, state, ref) {
|
|
1066
|
-
let buttonId = $IwcIq$reactariautils.useId();
|
|
1067
|
-
let dialogId = $IwcIq$reactariautils.useId();
|
|
1068
|
-
let stringFormatter = $IwcIq$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($c7d0e80b992ca68a$exports)));
|
|
1069
|
-
let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $IwcIq$reactarialabel.useField({
|
|
993
|
+
let buttonId = (0, $IwcIq$reactariautils.useId)();
|
|
994
|
+
let dialogId = (0, $IwcIq$reactariautils.useId)();
|
|
995
|
+
let stringFormatter = (0, $IwcIq$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($c7d0e80b992ca68a$exports))));
|
|
996
|
+
let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = (0, $IwcIq$reactarialabel.useField)({
|
|
1070
997
|
...props,
|
|
1071
|
-
labelElementType:
|
|
998
|
+
labelElementType: "span"
|
|
1072
999
|
});
|
|
1073
|
-
let groupProps = $715562ad3b4cced4$export$4a931266a3838b86(state, ref);
|
|
1074
|
-
let labelledBy = fieldProps[
|
|
1075
|
-
let { locale: locale } = $IwcIq$reactariai18n.useLocale();
|
|
1000
|
+
let groupProps = (0, $715562ad3b4cced4$export$4a931266a3838b86)(state, ref);
|
|
1001
|
+
let labelledBy = fieldProps["aria-labelledby"] || fieldProps.id;
|
|
1002
|
+
let { locale: locale } = (0, $IwcIq$reactariai18n.useLocale)();
|
|
1076
1003
|
let date = state.formatValue(locale, {
|
|
1077
|
-
month:
|
|
1004
|
+
month: "long"
|
|
1078
1005
|
});
|
|
1079
|
-
let description = date ? stringFormatter.format(
|
|
1006
|
+
let description = date ? stringFormatter.format("selectedDateDescription", {
|
|
1080
1007
|
date: date
|
|
1081
|
-
}) :
|
|
1082
|
-
let descProps = $IwcIq$reactariautils.useDescription(description);
|
|
1008
|
+
}) : "";
|
|
1009
|
+
let descProps = (0, $IwcIq$reactariautils.useDescription)(description);
|
|
1083
1010
|
let ariaDescribedBy = [
|
|
1084
|
-
descProps[
|
|
1085
|
-
fieldProps[
|
|
1086
|
-
].filter(Boolean).join(
|
|
1087
|
-
let domProps = $IwcIq$reactariautils.filterDOMProps(props);
|
|
1088
|
-
let focusManager = $IwcIq$react.useMemo(()
|
|
1089
|
-
, [
|
|
1011
|
+
descProps["aria-describedby"],
|
|
1012
|
+
fieldProps["aria-describedby"]
|
|
1013
|
+
].filter(Boolean).join(" ") || undefined;
|
|
1014
|
+
let domProps = (0, $IwcIq$reactariautils.filterDOMProps)(props);
|
|
1015
|
+
let focusManager = (0, $IwcIq$react.useMemo)(()=>(0, $IwcIq$reactariafocus.createFocusManager)(ref), [
|
|
1090
1016
|
ref
|
|
1091
1017
|
]);
|
|
1092
|
-
let { focusWithinProps: focusWithinProps } = $IwcIq$reactariainteractions.useFocusWithin({
|
|
1018
|
+
let { focusWithinProps: focusWithinProps } = (0, $IwcIq$reactariainteractions.useFocusWithin)({
|
|
1093
1019
|
...props,
|
|
1094
1020
|
isDisabled: state.isOpen,
|
|
1095
1021
|
onBlurWithin: props.onBlur,
|
|
@@ -1097,11 +1023,11 @@ function $e90ae7c26a69c6b1$export$42df105a73306d51(props, state, ref) {
|
|
|
1097
1023
|
onFocusWithinChange: props.onFocusChange
|
|
1098
1024
|
});
|
|
1099
1025
|
return {
|
|
1100
|
-
groupProps: $IwcIq$reactariautils.mergeProps(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
|
|
1101
|
-
role:
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1026
|
+
groupProps: (0, $IwcIq$reactariautils.mergeProps)(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
|
|
1027
|
+
role: "group",
|
|
1028
|
+
"aria-disabled": props.isDisabled || null,
|
|
1029
|
+
"aria-labelledby": labelledBy,
|
|
1030
|
+
"aria-describedby": ariaDescribedBy,
|
|
1105
1031
|
onKeyDown (e) {
|
|
1106
1032
|
if (state.isOpen) return;
|
|
1107
1033
|
if (props.onKeyDown) props.onKeyDown(e);
|
|
@@ -1119,8 +1045,8 @@ function $e90ae7c26a69c6b1$export$42df105a73306d51(props, state, ref) {
|
|
|
1119
1045
|
},
|
|
1120
1046
|
fieldProps: {
|
|
1121
1047
|
...fieldProps,
|
|
1122
|
-
[$4acc2f407c169e55$export$300019f83c56d282]:
|
|
1123
|
-
|
|
1048
|
+
[(0, $4acc2f407c169e55$export$300019f83c56d282)]: "presentation",
|
|
1049
|
+
"aria-describedby": ariaDescribedBy,
|
|
1124
1050
|
value: state.value,
|
|
1125
1051
|
onChange: state.setValue,
|
|
1126
1052
|
minValue: props.minValue,
|
|
@@ -1140,15 +1066,15 @@ function $e90ae7c26a69c6b1$export$42df105a73306d51(props, state, ref) {
|
|
|
1140
1066
|
buttonProps: {
|
|
1141
1067
|
...descProps,
|
|
1142
1068
|
id: buttonId,
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1069
|
+
"aria-haspopup": "dialog",
|
|
1070
|
+
"aria-label": stringFormatter.format("calendar"),
|
|
1071
|
+
"aria-labelledby": `${labelledBy} ${buttonId}`,
|
|
1072
|
+
"aria-describedby": ariaDescribedBy,
|
|
1147
1073
|
onPress: ()=>state.setOpen(true)
|
|
1148
1074
|
},
|
|
1149
1075
|
dialogProps: {
|
|
1150
1076
|
id: dialogId,
|
|
1151
|
-
|
|
1077
|
+
"aria-labelledby": `${labelledBy} ${buttonId}`
|
|
1152
1078
|
},
|
|
1153
1079
|
calendarProps: {
|
|
1154
1080
|
autoFocus: true,
|
|
@@ -1167,25 +1093,46 @@ function $e90ae7c26a69c6b1$export$42df105a73306d51(props, state, ref) {
|
|
|
1167
1093
|
}
|
|
1168
1094
|
|
|
1169
1095
|
|
|
1096
|
+
/*
|
|
1097
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
1098
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
1099
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
1100
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
1101
|
+
*
|
|
1102
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
1103
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
1104
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
1105
|
+
* governing permissions and limitations under the License.
|
|
1106
|
+
*/
|
|
1170
1107
|
|
|
1171
1108
|
|
|
1172
1109
|
|
|
1173
1110
|
|
|
1174
1111
|
|
|
1175
|
-
|
|
1112
|
+
/*
|
|
1113
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
1114
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
1115
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
1116
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
1117
|
+
*
|
|
1118
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
1119
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
1120
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
1121
|
+
* governing permissions and limitations under the License.
|
|
1122
|
+
*/ // @ts-ignore
|
|
1176
1123
|
|
|
1177
1124
|
|
|
1178
1125
|
|
|
1179
1126
|
|
|
1180
1127
|
function $934ac650a0aceb4b$export$d42c60378c8168f8() {
|
|
1181
|
-
let { locale: locale } = $IwcIq$reactariai18n.useLocale();
|
|
1182
|
-
return $IwcIq$react.useMemo(()=>{
|
|
1128
|
+
let { locale: locale } = (0, $IwcIq$reactariai18n.useLocale)();
|
|
1129
|
+
return (0, $IwcIq$react.useMemo)(()=>{
|
|
1183
1130
|
// Try to use Intl.DisplayNames if possible. It may be supported in browsers, but not support the dateTimeField
|
|
1184
1131
|
// type as that was only added in v2. https://github.com/tc39/intl-displaynames-v2
|
|
1185
1132
|
try {
|
|
1186
1133
|
// @ts-ignore
|
|
1187
1134
|
return new Intl.DisplayNames(locale, {
|
|
1188
|
-
type:
|
|
1135
|
+
type: "dateTimeField"
|
|
1189
1136
|
});
|
|
1190
1137
|
} catch (err) {
|
|
1191
1138
|
return new $934ac650a0aceb4b$var$DisplayNamesPolyfill(locale);
|
|
@@ -1200,36 +1147,35 @@ class $934ac650a0aceb4b$var$DisplayNamesPolyfill {
|
|
|
1200
1147
|
}
|
|
1201
1148
|
constructor(locale){
|
|
1202
1149
|
this.locale = locale;
|
|
1203
|
-
this.dictionary = new $IwcIq$internationalizedstring.LocalizedStringDictionary((/*@__PURE__*/$parcel$interopDefault($c7d0e80b992ca68a$exports)));
|
|
1150
|
+
this.dictionary = new (0, $IwcIq$internationalizedstring.LocalizedStringDictionary)((0, (/*@__PURE__*/$parcel$interopDefault($c7d0e80b992ca68a$exports))));
|
|
1204
1151
|
}
|
|
1205
1152
|
}
|
|
1206
1153
|
|
|
1207
1154
|
|
|
1208
1155
|
|
|
1209
1156
|
function $5c015c6316d1904d$export$1315d136e6f7581(segment, state, ref) {
|
|
1210
|
-
let enteredKeys = $IwcIq$react.useRef(
|
|
1211
|
-
let { locale: locale } = $IwcIq$reactariai18n.useLocale();
|
|
1212
|
-
let displayNames = $934ac650a0aceb4b$export$d42c60378c8168f8();
|
|
1213
|
-
let { ariaLabel: ariaLabel , ariaLabelledBy: ariaLabelledBy , ariaDescribedBy: ariaDescribedBy , focusManager: focusManager } = $4acc2f407c169e55$export$653eddfc964b0f8a.get(state);
|
|
1214
|
-
let textValue = segment.isPlaceholder ?
|
|
1215
|
-
let options = $IwcIq$react.useMemo(()=>state.dateFormatter.resolvedOptions()
|
|
1216
|
-
, [
|
|
1157
|
+
let enteredKeys = (0, $IwcIq$react.useRef)("");
|
|
1158
|
+
let { locale: locale } = (0, $IwcIq$reactariai18n.useLocale)();
|
|
1159
|
+
let displayNames = (0, $934ac650a0aceb4b$export$d42c60378c8168f8)();
|
|
1160
|
+
let { ariaLabel: ariaLabel , ariaLabelledBy: ariaLabelledBy , ariaDescribedBy: ariaDescribedBy , focusManager: focusManager } = (0, $4acc2f407c169e55$export$653eddfc964b0f8a).get(state);
|
|
1161
|
+
let textValue = segment.isPlaceholder ? "" : segment.text;
|
|
1162
|
+
let options = (0, $IwcIq$react.useMemo)(()=>state.dateFormatter.resolvedOptions(), [
|
|
1217
1163
|
state.dateFormatter
|
|
1218
1164
|
]);
|
|
1219
|
-
let monthDateFormatter = $IwcIq$reactariai18n.useDateFormatter({
|
|
1220
|
-
month:
|
|
1165
|
+
let monthDateFormatter = (0, $IwcIq$reactariai18n.useDateFormatter)({
|
|
1166
|
+
month: "long",
|
|
1221
1167
|
timeZone: options.timeZone
|
|
1222
1168
|
});
|
|
1223
|
-
let hourDateFormatter = $IwcIq$reactariai18n.useDateFormatter({
|
|
1224
|
-
hour:
|
|
1169
|
+
let hourDateFormatter = (0, $IwcIq$reactariai18n.useDateFormatter)({
|
|
1170
|
+
hour: "numeric",
|
|
1225
1171
|
hour12: options.hour12,
|
|
1226
1172
|
timeZone: options.timeZone
|
|
1227
1173
|
});
|
|
1228
|
-
if (segment.type ===
|
|
1174
|
+
if (segment.type === "month" && !segment.isPlaceholder) {
|
|
1229
1175
|
let monthTextValue = monthDateFormatter.format(state.dateValue);
|
|
1230
1176
|
textValue = monthTextValue !== textValue ? `${textValue} – ${monthTextValue}` : monthTextValue;
|
|
1231
|
-
} else if (segment.type ===
|
|
1232
|
-
let { spinButtonProps: spinButtonProps } = $IwcIq$reactariaspinbutton.useSpinButton({
|
|
1177
|
+
} else if (segment.type === "hour" && !segment.isPlaceholder) textValue = hourDateFormatter.format(state.dateValue);
|
|
1178
|
+
let { spinButtonProps: spinButtonProps } = (0, $IwcIq$reactariaspinbutton.useSpinButton)({
|
|
1233
1179
|
// The ARIA spec says aria-valuenow is optional if there's no value, but aXe seems to require it.
|
|
1234
1180
|
// This doesn't seem to have any negative effects with real AT since we also use aria-valuetext.
|
|
1235
1181
|
// https://github.com/dequelabs/axe-core/issues/3505
|
|
@@ -1241,34 +1187,33 @@ function $5c015c6316d1904d$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1241
1187
|
isReadOnly: state.isReadOnly || !segment.isEditable,
|
|
1242
1188
|
isRequired: state.isRequired,
|
|
1243
1189
|
onIncrement: ()=>{
|
|
1244
|
-
enteredKeys.current =
|
|
1190
|
+
enteredKeys.current = "";
|
|
1245
1191
|
state.increment(segment.type);
|
|
1246
1192
|
},
|
|
1247
1193
|
onDecrement: ()=>{
|
|
1248
|
-
enteredKeys.current =
|
|
1194
|
+
enteredKeys.current = "";
|
|
1249
1195
|
state.decrement(segment.type);
|
|
1250
1196
|
},
|
|
1251
1197
|
onIncrementPage: ()=>{
|
|
1252
|
-
enteredKeys.current =
|
|
1198
|
+
enteredKeys.current = "";
|
|
1253
1199
|
state.incrementPage(segment.type);
|
|
1254
1200
|
},
|
|
1255
1201
|
onDecrementPage: ()=>{
|
|
1256
|
-
enteredKeys.current =
|
|
1202
|
+
enteredKeys.current = "";
|
|
1257
1203
|
state.decrementPage(segment.type);
|
|
1258
1204
|
},
|
|
1259
1205
|
onIncrementToMax: ()=>{
|
|
1260
|
-
enteredKeys.current =
|
|
1206
|
+
enteredKeys.current = "";
|
|
1261
1207
|
state.setSegment(segment.type, segment.maxValue);
|
|
1262
1208
|
},
|
|
1263
1209
|
onDecrementToMin: ()=>{
|
|
1264
|
-
enteredKeys.current =
|
|
1210
|
+
enteredKeys.current = "";
|
|
1265
1211
|
state.setSegment(segment.type, segment.minValue);
|
|
1266
1212
|
}
|
|
1267
1213
|
});
|
|
1268
|
-
let parser = $IwcIq$react.useMemo(()=>new $IwcIq$internationalizednumber.NumberParser(locale, {
|
|
1214
|
+
let parser = (0, $IwcIq$react.useMemo)(()=>new (0, $IwcIq$internationalizednumber.NumberParser)(locale, {
|
|
1269
1215
|
maximumFractionDigits: 0
|
|
1270
|
-
})
|
|
1271
|
-
, [
|
|
1216
|
+
}), [
|
|
1272
1217
|
locale
|
|
1273
1218
|
]);
|
|
1274
1219
|
let backspace = ()=>{
|
|
@@ -1278,16 +1223,16 @@ function $5c015c6316d1904d$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1278
1223
|
if (newValue.length === 0 || parsed === 0) state.clearSegment(segment.type);
|
|
1279
1224
|
else state.setSegment(segment.type, parsed);
|
|
1280
1225
|
enteredKeys.current = newValue;
|
|
1281
|
-
} else if (segment.type ===
|
|
1226
|
+
} else if (segment.type === "dayPeriod") state.clearSegment(segment.type);
|
|
1282
1227
|
};
|
|
1283
1228
|
let onKeyDown = (e)=>{
|
|
1284
1229
|
// Firefox does not fire selectstart for Ctrl/Cmd + A
|
|
1285
1230
|
// https://bugzilla.mozilla.org/show_bug.cgi?id=1742153
|
|
1286
|
-
if (e.key ===
|
|
1231
|
+
if (e.key === "a" && ((0, $IwcIq$reactariautils.isMac)() ? e.metaKey : e.ctrlKey)) e.preventDefault();
|
|
1287
1232
|
if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) return;
|
|
1288
1233
|
switch(e.key){
|
|
1289
|
-
case
|
|
1290
|
-
case
|
|
1234
|
+
case "Backspace":
|
|
1235
|
+
case "Delete":
|
|
1291
1236
|
// Safari on iOS does not fire beforeinput for the backspace key because the cursor is at the start.
|
|
1292
1237
|
e.preventDefault();
|
|
1293
1238
|
e.stopPropagation();
|
|
@@ -1296,48 +1241,45 @@ function $5c015c6316d1904d$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1296
1241
|
}
|
|
1297
1242
|
};
|
|
1298
1243
|
// Safari dayPeriod option doesn't work...
|
|
1299
|
-
let { startsWith: startsWith } = $IwcIq$reactariai18n.useFilter({
|
|
1300
|
-
sensitivity:
|
|
1244
|
+
let { startsWith: startsWith } = (0, $IwcIq$reactariai18n.useFilter)({
|
|
1245
|
+
sensitivity: "base"
|
|
1301
1246
|
});
|
|
1302
|
-
let amPmFormatter = $IwcIq$reactariai18n.useDateFormatter({
|
|
1303
|
-
hour:
|
|
1247
|
+
let amPmFormatter = (0, $IwcIq$reactariai18n.useDateFormatter)({
|
|
1248
|
+
hour: "numeric",
|
|
1304
1249
|
hour12: true
|
|
1305
1250
|
});
|
|
1306
|
-
let am = $IwcIq$react.useMemo(()=>{
|
|
1251
|
+
let am = (0, $IwcIq$react.useMemo)(()=>{
|
|
1307
1252
|
let date = new Date();
|
|
1308
1253
|
date.setHours(0);
|
|
1309
|
-
return amPmFormatter.formatToParts(date).find((part)=>part.type ===
|
|
1310
|
-
).value;
|
|
1254
|
+
return amPmFormatter.formatToParts(date).find((part)=>part.type === "dayPeriod").value;
|
|
1311
1255
|
}, [
|
|
1312
1256
|
amPmFormatter
|
|
1313
1257
|
]);
|
|
1314
|
-
let pm = $IwcIq$react.useMemo(()=>{
|
|
1258
|
+
let pm = (0, $IwcIq$react.useMemo)(()=>{
|
|
1315
1259
|
let date = new Date();
|
|
1316
1260
|
date.setHours(12);
|
|
1317
|
-
return amPmFormatter.formatToParts(date).find((part)=>part.type ===
|
|
1318
|
-
).value;
|
|
1261
|
+
return amPmFormatter.formatToParts(date).find((part)=>part.type === "dayPeriod").value;
|
|
1319
1262
|
}, [
|
|
1320
1263
|
amPmFormatter
|
|
1321
1264
|
]);
|
|
1322
1265
|
// Get a list of formatted era names so users can type the first character to choose one.
|
|
1323
|
-
let eraFormatter = $IwcIq$reactariai18n.useDateFormatter({
|
|
1324
|
-
year:
|
|
1325
|
-
era:
|
|
1326
|
-
timeZone:
|
|
1266
|
+
let eraFormatter = (0, $IwcIq$reactariai18n.useDateFormatter)({
|
|
1267
|
+
year: "numeric",
|
|
1268
|
+
era: "narrow",
|
|
1269
|
+
timeZone: "UTC"
|
|
1327
1270
|
});
|
|
1328
|
-
let
|
|
1329
|
-
if (segment.type !==
|
|
1330
|
-
let date = $IwcIq$internationalizeddate.toCalendar(new $IwcIq$internationalizeddate.CalendarDate(1, 1, 1), state.calendar);
|
|
1271
|
+
let eras = (0, $IwcIq$react.useMemo)(()=>{
|
|
1272
|
+
if (segment.type !== "era") return [];
|
|
1273
|
+
let date = (0, $IwcIq$internationalizeddate.toCalendar)(new (0, $IwcIq$internationalizeddate.CalendarDate)(1, 1, 1), state.calendar);
|
|
1331
1274
|
let eras = state.calendar.getEras().map((era)=>{
|
|
1332
1275
|
let eraDate = date.set({
|
|
1333
1276
|
year: 1,
|
|
1334
1277
|
month: 1,
|
|
1335
1278
|
day: 1,
|
|
1336
1279
|
era: era
|
|
1337
|
-
}).toDate(
|
|
1280
|
+
}).toDate("UTC");
|
|
1338
1281
|
let parts = eraFormatter.formatToParts(eraDate);
|
|
1339
|
-
let formatted = parts.find((p)=>p.type ===
|
|
1340
|
-
).value;
|
|
1282
|
+
let formatted = parts.find((p)=>p.type === "era").value;
|
|
1341
1283
|
return {
|
|
1342
1284
|
era: era,
|
|
1343
1285
|
formatted: formatted
|
|
@@ -1346,9 +1288,8 @@ function $5c015c6316d1904d$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1346
1288
|
// Remove the common prefix from formatted values. This is so that in calendars with eras like
|
|
1347
1289
|
// ERA0 and ERA1 (e.g. Ethiopic), users can press "0" and "1" to select an era. In other cases,
|
|
1348
1290
|
// the first letter is used.
|
|
1349
|
-
let prefixLength = $5c015c6316d1904d$var$commonPrefixLength(eras.map((era)=>era.formatted
|
|
1350
|
-
));
|
|
1351
|
-
if (prefixLength) for (let era1 of eras)era1.formatted = era1.formatted.slice(prefixLength);
|
|
1291
|
+
let prefixLength = $5c015c6316d1904d$var$commonPrefixLength(eras.map((era)=>era.formatted));
|
|
1292
|
+
if (prefixLength) for (let era of eras)era.formatted = era.formatted.slice(prefixLength);
|
|
1352
1293
|
return eras;
|
|
1353
1294
|
}, [
|
|
1354
1295
|
eraFormatter,
|
|
@@ -1359,39 +1300,38 @@ function $5c015c6316d1904d$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1359
1300
|
if (state.isDisabled || state.isReadOnly) return;
|
|
1360
1301
|
let newValue = enteredKeys.current + key;
|
|
1361
1302
|
switch(segment.type){
|
|
1362
|
-
case
|
|
1363
|
-
if (startsWith(am, key)) state.setSegment(
|
|
1364
|
-
else if (startsWith(pm, key)) state.setSegment(
|
|
1303
|
+
case "dayPeriod":
|
|
1304
|
+
if (startsWith(am, key)) state.setSegment("dayPeriod", 0);
|
|
1305
|
+
else if (startsWith(pm, key)) state.setSegment("dayPeriod", 12);
|
|
1365
1306
|
else break;
|
|
1366
1307
|
focusManager.focusNext();
|
|
1367
1308
|
break;
|
|
1368
|
-
case
|
|
1309
|
+
case "era":
|
|
1369
1310
|
{
|
|
1370
|
-
let matched =
|
|
1371
|
-
);
|
|
1311
|
+
let matched = eras.find((e)=>startsWith(e.formatted, key));
|
|
1372
1312
|
if (matched) {
|
|
1373
|
-
state.setSegment(
|
|
1313
|
+
state.setSegment("era", matched.era);
|
|
1374
1314
|
focusManager.focusNext();
|
|
1375
1315
|
}
|
|
1376
1316
|
break;
|
|
1377
1317
|
}
|
|
1378
|
-
case
|
|
1379
|
-
case
|
|
1380
|
-
case
|
|
1381
|
-
case
|
|
1382
|
-
case
|
|
1383
|
-
case
|
|
1318
|
+
case "day":
|
|
1319
|
+
case "hour":
|
|
1320
|
+
case "minute":
|
|
1321
|
+
case "second":
|
|
1322
|
+
case "month":
|
|
1323
|
+
case "year":
|
|
1384
1324
|
{
|
|
1385
1325
|
if (!parser.isValidPartialNumber(newValue)) return;
|
|
1386
1326
|
let numberValue = parser.parse(newValue);
|
|
1387
1327
|
let segmentValue = numberValue;
|
|
1388
1328
|
let allowsZero = segment.minValue === 0;
|
|
1389
|
-
if (segment.type ===
|
|
1329
|
+
if (segment.type === "hour" && state.dateFormatter.resolvedOptions().hour12) {
|
|
1390
1330
|
switch(state.dateFormatter.resolvedOptions().hourCycle){
|
|
1391
|
-
case
|
|
1331
|
+
case "h11":
|
|
1392
1332
|
if (numberValue > 11) segmentValue = parser.parse(key);
|
|
1393
1333
|
break;
|
|
1394
|
-
case
|
|
1334
|
+
case "h12":
|
|
1395
1335
|
allowsZero = false;
|
|
1396
1336
|
if (numberValue > 12) segmentValue = parser.parse(key);
|
|
1397
1337
|
break;
|
|
@@ -1401,8 +1341,8 @@ function $5c015c6316d1904d$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1401
1341
|
if (isNaN(numberValue)) return;
|
|
1402
1342
|
let shouldSetValue = segmentValue !== 0 || allowsZero;
|
|
1403
1343
|
if (shouldSetValue) state.setSegment(segment.type, segmentValue);
|
|
1404
|
-
if (Number(numberValue +
|
|
1405
|
-
enteredKeys.current =
|
|
1344
|
+
if (Number(numberValue + "0") > segment.maxValue || newValue.length >= String(segment.maxValue).length) {
|
|
1345
|
+
enteredKeys.current = "";
|
|
1406
1346
|
if (shouldSetValue) focusManager.focusNext();
|
|
1407
1347
|
} else enteredKeys.current = newValue;
|
|
1408
1348
|
break;
|
|
@@ -1410,22 +1350,22 @@ function $5c015c6316d1904d$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1410
1350
|
}
|
|
1411
1351
|
};
|
|
1412
1352
|
let onFocus = ()=>{
|
|
1413
|
-
enteredKeys.current =
|
|
1414
|
-
$IwcIq$reactariautils.scrollIntoView($IwcIq$reactariautils.getScrollParent(ref.current), ref.current);
|
|
1353
|
+
enteredKeys.current = "";
|
|
1354
|
+
(0, $IwcIq$reactariautils.scrollIntoView)((0, $IwcIq$reactariautils.getScrollParent)(ref.current), ref.current);
|
|
1415
1355
|
// Collapse selection to start or Chrome won't fire input events.
|
|
1416
1356
|
let selection = window.getSelection();
|
|
1417
1357
|
selection.collapse(ref.current);
|
|
1418
1358
|
};
|
|
1419
|
-
let compositionRef = $IwcIq$react.useRef(
|
|
1359
|
+
let compositionRef = (0, $IwcIq$react.useRef)("");
|
|
1420
1360
|
// @ts-ignore - TODO: possibly old TS version? doesn't fail in my editor...
|
|
1421
|
-
$IwcIq$reactariautils.useEvent(ref,
|
|
1361
|
+
(0, $IwcIq$reactariautils.useEvent)(ref, "beforeinput", (e)=>{
|
|
1422
1362
|
e.preventDefault();
|
|
1423
1363
|
switch(e.inputType){
|
|
1424
|
-
case
|
|
1425
|
-
case
|
|
1364
|
+
case "deleteContentBackward":
|
|
1365
|
+
case "deleteContentForward":
|
|
1426
1366
|
if (parser.isValidPartialNumber(segment.text) && !state.isReadOnly) backspace();
|
|
1427
1367
|
break;
|
|
1428
|
-
case
|
|
1368
|
+
case "insertCompositionText":
|
|
1429
1369
|
// insertCompositionText cannot be canceled.
|
|
1430
1370
|
// Record the current state of the element so we can restore it in the `input` event below.
|
|
1431
1371
|
compositionRef.current = ref.current.textContent;
|
|
@@ -1438,10 +1378,10 @@ function $5c015c6316d1904d$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1438
1378
|
break;
|
|
1439
1379
|
}
|
|
1440
1380
|
});
|
|
1441
|
-
$IwcIq$reactariautils.useEvent(ref,
|
|
1381
|
+
(0, $IwcIq$reactariautils.useEvent)(ref, "input", (e)=>{
|
|
1442
1382
|
let { inputType: inputType , data: data } = e;
|
|
1443
1383
|
switch(inputType){
|
|
1444
|
-
case
|
|
1384
|
+
case "insertCompositionText":
|
|
1445
1385
|
// Reset the DOM to how it was in the beforeinput event.
|
|
1446
1386
|
ref.current.textContent = compositionRef.current;
|
|
1447
1387
|
// Android sometimes fires key presses of letters as composition events. Need to handle am/pm keys here too.
|
|
@@ -1450,7 +1390,7 @@ function $5c015c6316d1904d$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1450
1390
|
break;
|
|
1451
1391
|
}
|
|
1452
1392
|
});
|
|
1453
|
-
$IwcIq$reactariautils.useLayoutEffect(()=>{
|
|
1393
|
+
(0, $IwcIq$reactariautils.useLayoutEffect)(()=>{
|
|
1454
1394
|
let element = ref.current;
|
|
1455
1395
|
return ()=>{
|
|
1456
1396
|
// If the focused segment is removed, focus the previous one, or the next one if there was no previous one.
|
|
@@ -1464,59 +1404,56 @@ function $5c015c6316d1904d$export$1315d136e6f7581(segment, state, ref) {
|
|
|
1464
1404
|
focusManager
|
|
1465
1405
|
]);
|
|
1466
1406
|
// spinbuttons cannot be focused with VoiceOver on iOS.
|
|
1467
|
-
let touchPropOverrides = $IwcIq$reactariautils.isIOS() || segment.type ===
|
|
1468
|
-
role:
|
|
1469
|
-
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
} : {
|
|
1474
|
-
};
|
|
1407
|
+
let touchPropOverrides = (0, $IwcIq$reactariautils.isIOS)() || segment.type === "timeZoneName" ? {
|
|
1408
|
+
role: "textbox",
|
|
1409
|
+
"aria-valuemax": null,
|
|
1410
|
+
"aria-valuemin": null,
|
|
1411
|
+
"aria-valuetext": null,
|
|
1412
|
+
"aria-valuenow": null
|
|
1413
|
+
} : {};
|
|
1475
1414
|
// Only apply aria-describedby to the first segment, unless the field is invalid. This avoids it being
|
|
1476
1415
|
// read every time the user navigates to a new segment.
|
|
1477
|
-
let firstSegment = $IwcIq$react.useMemo(()=>state.segments.find((s)=>s.isEditable
|
|
1478
|
-
)
|
|
1479
|
-
, [
|
|
1416
|
+
let firstSegment = (0, $IwcIq$react.useMemo)(()=>state.segments.find((s)=>s.isEditable), [
|
|
1480
1417
|
state.segments
|
|
1481
1418
|
]);
|
|
1482
|
-
if (segment !== firstSegment && state.validationState !==
|
|
1483
|
-
let id = $IwcIq$reactariautils.useId();
|
|
1419
|
+
if (segment !== firstSegment && state.validationState !== "invalid") ariaDescribedBy = undefined;
|
|
1420
|
+
let id = (0, $IwcIq$reactariautils.useId)();
|
|
1484
1421
|
let isEditable = !state.isDisabled && !state.isReadOnly && segment.isEditable;
|
|
1485
1422
|
// Prepend the label passed from the field to each segment name.
|
|
1486
1423
|
// This is needed because VoiceOver on iOS does not announce groups.
|
|
1487
|
-
let name = segment.type ===
|
|
1488
|
-
let labelProps = $IwcIq$reactariautils.useLabels({
|
|
1489
|
-
|
|
1490
|
-
|
|
1424
|
+
let name = segment.type === "literal" ? "" : displayNames.of(segment.type);
|
|
1425
|
+
let labelProps = (0, $IwcIq$reactariautils.useLabels)({
|
|
1426
|
+
"aria-label": (ariaLabel ? ariaLabel + " " : "") + name,
|
|
1427
|
+
"aria-labelledby": ariaLabelledBy
|
|
1491
1428
|
});
|
|
1492
1429
|
// Literal segments should not be visible to screen readers. We don't really need any of the above,
|
|
1493
1430
|
// but the rules of hooks mean hooks cannot be conditional so we have to put this condition here.
|
|
1494
|
-
if (segment.type ===
|
|
1431
|
+
if (segment.type === "literal") return {
|
|
1495
1432
|
segmentProps: {
|
|
1496
|
-
|
|
1433
|
+
"aria-hidden": true
|
|
1497
1434
|
}
|
|
1498
1435
|
};
|
|
1499
1436
|
return {
|
|
1500
|
-
segmentProps: $IwcIq$reactariautils.mergeProps(spinButtonProps, labelProps, {
|
|
1437
|
+
segmentProps: (0, $IwcIq$reactariautils.mergeProps)(spinButtonProps, labelProps, {
|
|
1501
1438
|
id: id,
|
|
1502
1439
|
...touchPropOverrides,
|
|
1503
|
-
|
|
1504
|
-
|
|
1505
|
-
|
|
1506
|
-
|
|
1440
|
+
"aria-invalid": state.validationState === "invalid" ? "true" : undefined,
|
|
1441
|
+
"aria-describedby": ariaDescribedBy,
|
|
1442
|
+
"aria-readonly": state.isReadOnly || !segment.isEditable ? "true" : undefined,
|
|
1443
|
+
"data-placeholder": segment.isPlaceholder || undefined,
|
|
1507
1444
|
contentEditable: isEditable,
|
|
1508
1445
|
suppressContentEditableWarning: isEditable,
|
|
1509
|
-
spellCheck: isEditable ?
|
|
1510
|
-
autoCapitalize: isEditable ?
|
|
1511
|
-
autoCorrect: isEditable ?
|
|
1446
|
+
spellCheck: isEditable ? "false" : undefined,
|
|
1447
|
+
autoCapitalize: isEditable ? "off" : undefined,
|
|
1448
|
+
autoCorrect: isEditable ? "off" : undefined,
|
|
1512
1449
|
// Capitalization was changed in React 17...
|
|
1513
|
-
[parseInt(($parcel$interopDefault($IwcIq$react)).version, 10) >= 17 ?
|
|
1514
|
-
inputMode: state.isDisabled || segment.type ===
|
|
1450
|
+
[parseInt((0, ($parcel$interopDefault($IwcIq$react))).version, 10) >= 17 ? "enterKeyHint" : "enterkeyhint"]: isEditable ? "next" : undefined,
|
|
1451
|
+
inputMode: state.isDisabled || segment.type === "dayPeriod" || segment.type === "era" || !isEditable ? undefined : "numeric",
|
|
1515
1452
|
tabIndex: state.isDisabled ? undefined : 0,
|
|
1516
1453
|
onKeyDown: onKeyDown,
|
|
1517
1454
|
onFocus: onFocus,
|
|
1518
1455
|
style: {
|
|
1519
|
-
caretColor:
|
|
1456
|
+
caretColor: "transparent"
|
|
1520
1457
|
},
|
|
1521
1458
|
// Prevent pointer events from reaching useDatePickerGroup, and allow native browser behavior to focus the segment.
|
|
1522
1459
|
onPointerDown (e) {
|
|
@@ -1541,7 +1478,17 @@ function $5c015c6316d1904d$var$commonPrefixLength(strings) {
|
|
|
1541
1478
|
|
|
1542
1479
|
|
|
1543
1480
|
|
|
1544
|
-
|
|
1481
|
+
/*
|
|
1482
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
1483
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
1484
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
1485
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
1486
|
+
*
|
|
1487
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
1488
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
1489
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
1490
|
+
* governing permissions and limitations under the License.
|
|
1491
|
+
*/
|
|
1545
1492
|
|
|
1546
1493
|
|
|
1547
1494
|
|
|
@@ -1551,49 +1498,48 @@ function $5c015c6316d1904d$var$commonPrefixLength(strings) {
|
|
|
1551
1498
|
|
|
1552
1499
|
|
|
1553
1500
|
function $20f695b1b69e6b9e$export$12fd5f0e9f4bb192(props, state, ref) {
|
|
1554
|
-
var
|
|
1555
|
-
let stringFormatter = $IwcIq$reactariai18n.useLocalizedStringFormatter((/*@__PURE__*/$parcel$interopDefault($c7d0e80b992ca68a$exports)));
|
|
1556
|
-
let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $IwcIq$reactarialabel.useField({
|
|
1501
|
+
var _state_value, _state_value1;
|
|
1502
|
+
let stringFormatter = (0, $IwcIq$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($c7d0e80b992ca68a$exports))));
|
|
1503
|
+
let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = (0, $IwcIq$reactarialabel.useField)({
|
|
1557
1504
|
...props,
|
|
1558
|
-
labelElementType:
|
|
1505
|
+
labelElementType: "span"
|
|
1559
1506
|
});
|
|
1560
|
-
let labelledBy = fieldProps[
|
|
1561
|
-
let { locale: locale } = $IwcIq$reactariai18n.useLocale();
|
|
1507
|
+
let labelledBy = fieldProps["aria-labelledby"] || fieldProps.id;
|
|
1508
|
+
let { locale: locale } = (0, $IwcIq$reactariai18n.useLocale)();
|
|
1562
1509
|
let range = state.formatValue(locale, {
|
|
1563
|
-
month:
|
|
1510
|
+
month: "long"
|
|
1564
1511
|
});
|
|
1565
|
-
let description = range ? stringFormatter.format(
|
|
1512
|
+
let description = range ? stringFormatter.format("selectedRangeDescription", {
|
|
1566
1513
|
startDate: range.start,
|
|
1567
1514
|
endDate: range.end
|
|
1568
|
-
}) :
|
|
1569
|
-
let descProps = $IwcIq$reactariautils.useDescription(description);
|
|
1515
|
+
}) : "";
|
|
1516
|
+
let descProps = (0, $IwcIq$reactariautils.useDescription)(description);
|
|
1570
1517
|
let startFieldProps = {
|
|
1571
|
-
|
|
1572
|
-
|
|
1518
|
+
"aria-label": stringFormatter.format("startDate"),
|
|
1519
|
+
"aria-labelledby": labelledBy
|
|
1573
1520
|
};
|
|
1574
1521
|
let endFieldProps = {
|
|
1575
|
-
|
|
1576
|
-
|
|
1522
|
+
"aria-label": stringFormatter.format("endDate"),
|
|
1523
|
+
"aria-labelledby": labelledBy
|
|
1577
1524
|
};
|
|
1578
|
-
let buttonId = $IwcIq$reactariautils.useId();
|
|
1579
|
-
let dialogId = $IwcIq$reactariautils.useId();
|
|
1580
|
-
let groupProps = $715562ad3b4cced4$export$4a931266a3838b86(state, ref);
|
|
1525
|
+
let buttonId = (0, $IwcIq$reactariautils.useId)();
|
|
1526
|
+
let dialogId = (0, $IwcIq$reactariautils.useId)();
|
|
1527
|
+
let groupProps = (0, $715562ad3b4cced4$export$4a931266a3838b86)(state, ref);
|
|
1581
1528
|
let ariaDescribedBy = [
|
|
1582
|
-
descProps[
|
|
1583
|
-
fieldProps[
|
|
1584
|
-
].filter(Boolean).join(
|
|
1585
|
-
let focusManager = $IwcIq$react.useMemo(()
|
|
1529
|
+
descProps["aria-describedby"],
|
|
1530
|
+
fieldProps["aria-describedby"]
|
|
1531
|
+
].filter(Boolean).join(" ") || undefined;
|
|
1532
|
+
let focusManager = (0, $IwcIq$react.useMemo)(()=>(0, $IwcIq$reactariafocus.createFocusManager)(ref, {
|
|
1586
1533
|
// Exclude the button from the focus manager.
|
|
1587
1534
|
accept: (element)=>element.id !== buttonId
|
|
1588
|
-
})
|
|
1589
|
-
, [
|
|
1535
|
+
}), [
|
|
1590
1536
|
ref,
|
|
1591
1537
|
buttonId
|
|
1592
1538
|
]);
|
|
1593
1539
|
let commonFieldProps = {
|
|
1594
|
-
[$4acc2f407c169e55$export$7b3062cd49e80452]: focusManager,
|
|
1595
|
-
[$4acc2f407c169e55$export$300019f83c56d282]:
|
|
1596
|
-
|
|
1540
|
+
[(0, $4acc2f407c169e55$export$7b3062cd49e80452)]: focusManager,
|
|
1541
|
+
[(0, $4acc2f407c169e55$export$300019f83c56d282)]: "presentation",
|
|
1542
|
+
"aria-describedby": ariaDescribedBy,
|
|
1597
1543
|
minValue: props.minValue,
|
|
1598
1544
|
maxValue: props.maxValue,
|
|
1599
1545
|
placeholderValue: props.placeholderValue,
|
|
@@ -1605,8 +1551,8 @@ function $20f695b1b69e6b9e$export$12fd5f0e9f4bb192(props, state, ref) {
|
|
|
1605
1551
|
isRequired: props.isRequired,
|
|
1606
1552
|
validationState: state.validationState
|
|
1607
1553
|
};
|
|
1608
|
-
let domProps = $IwcIq$reactariautils.filterDOMProps(props);
|
|
1609
|
-
let { focusWithinProps: focusWithinProps } = $IwcIq$reactariainteractions.useFocusWithin({
|
|
1554
|
+
let domProps = (0, $IwcIq$reactariautils.filterDOMProps)(props);
|
|
1555
|
+
let { focusWithinProps: focusWithinProps } = (0, $IwcIq$reactariainteractions.useFocusWithin)({
|
|
1610
1556
|
...props,
|
|
1611
1557
|
isDisabled: state.isOpen,
|
|
1612
1558
|
onBlurWithin: props.onBlur,
|
|
@@ -1614,10 +1560,10 @@ function $20f695b1b69e6b9e$export$12fd5f0e9f4bb192(props, state, ref) {
|
|
|
1614
1560
|
onFocusWithinChange: props.onFocusChange
|
|
1615
1561
|
});
|
|
1616
1562
|
return {
|
|
1617
|
-
groupProps: $IwcIq$reactariautils.mergeProps(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
|
|
1618
|
-
role:
|
|
1619
|
-
|
|
1620
|
-
|
|
1563
|
+
groupProps: (0, $IwcIq$reactariautils.mergeProps)(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
|
|
1564
|
+
role: "group",
|
|
1565
|
+
"aria-disabled": props.isDisabled || null,
|
|
1566
|
+
"aria-describedby": ariaDescribedBy,
|
|
1621
1567
|
onKeyDown (e) {
|
|
1622
1568
|
if (state.isOpen) return;
|
|
1623
1569
|
if (props.onKeyDown) props.onKeyDown(e);
|
|
@@ -1636,29 +1582,28 @@ function $20f695b1b69e6b9e$export$12fd5f0e9f4bb192(props, state, ref) {
|
|
|
1636
1582
|
buttonProps: {
|
|
1637
1583
|
...descProps,
|
|
1638
1584
|
id: buttonId,
|
|
1639
|
-
|
|
1640
|
-
|
|
1641
|
-
|
|
1642
|
-
|
|
1585
|
+
"aria-haspopup": "dialog",
|
|
1586
|
+
"aria-label": stringFormatter.format("calendar"),
|
|
1587
|
+
"aria-labelledby": `${labelledBy} ${buttonId}`,
|
|
1588
|
+
"aria-describedby": ariaDescribedBy,
|
|
1643
1589
|
onPress: ()=>state.setOpen(true)
|
|
1644
1590
|
},
|
|
1645
1591
|
dialogProps: {
|
|
1646
1592
|
id: dialogId,
|
|
1647
|
-
|
|
1593
|
+
"aria-labelledby": `${labelledBy} ${buttonId}`
|
|
1648
1594
|
},
|
|
1649
1595
|
startFieldProps: {
|
|
1650
1596
|
...startFieldProps,
|
|
1651
1597
|
...commonFieldProps,
|
|
1652
|
-
value: (
|
|
1653
|
-
onChange: (start)=>state.setDateTime(
|
|
1654
|
-
,
|
|
1598
|
+
value: (_state_value = state.value) === null || _state_value === void 0 ? void 0 : _state_value.start,
|
|
1599
|
+
onChange: (start)=>state.setDateTime("start", start),
|
|
1655
1600
|
autoFocus: props.autoFocus
|
|
1656
1601
|
},
|
|
1657
1602
|
endFieldProps: {
|
|
1658
1603
|
...endFieldProps,
|
|
1659
1604
|
...commonFieldProps,
|
|
1660
|
-
value: (
|
|
1661
|
-
onChange: (end)=>state.setDateTime(
|
|
1605
|
+
value: (_state_value1 = state.value) === null || _state_value1 === void 0 ? void 0 : _state_value1.end,
|
|
1606
|
+
onChange: (end)=>state.setDateTime("end", end)
|
|
1662
1607
|
},
|
|
1663
1608
|
descriptionProps: descriptionProps,
|
|
1664
1609
|
errorMessageProps: errorMessageProps,
|