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