react-day-picker 8.1.3 → 8.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.
Files changed (54) hide show
  1. package/README.md +57 -19
  2. package/dist/components/Button/Button.d.ts +1 -1
  3. package/dist/components/DayContent/DayContent.d.ts +1 -3
  4. package/dist/components/Dropdown/Dropdown.d.ts +4 -0
  5. package/dist/components/Head/Head.d.ts +1 -3
  6. package/dist/components/HeadRow/HeadRow.d.ts +4 -0
  7. package/dist/components/HeadRow/index.d.ts +1 -0
  8. package/dist/components/{Head → HeadRow}/utils/getWeekdays.d.ts +0 -0
  9. package/dist/components/{Head → HeadRow}/utils/index.d.ts +0 -0
  10. package/dist/index.d.ts +1 -0
  11. package/dist/index.esm.js +34 -26
  12. package/dist/index.esm.js.map +1 -1
  13. package/dist/index.js +34 -25
  14. package/dist/index.js.map +1 -1
  15. package/dist/react-day-picker.min.js +1 -1
  16. package/dist/style.css +14 -7
  17. package/dist/style.module.css +19 -12
  18. package/dist/style.module.css.d.ts +34 -34
  19. package/dist/types/DayPickerBase.d.ts +2 -0
  20. package/dist/types/Matchers.d.ts +1 -1
  21. package/package.json +1 -1
  22. package/src/components/Day/Day.test.tsx +2 -1
  23. package/src/components/Day/Day.tsx +1 -1
  24. package/src/components/DayContent/DayContent.test.tsx +1 -13
  25. package/src/components/DayContent/DayContent.tsx +2 -14
  26. package/src/components/Dropdown/Dropdown.test.tsx +1 -0
  27. package/src/components/Dropdown/Dropdown.tsx +5 -0
  28. package/src/components/Head/Head.test.tsx +13 -63
  29. package/src/components/Head/Head.tsx +5 -41
  30. package/src/components/HeadRow/HeadRow.test.tsx +109 -0
  31. package/src/components/HeadRow/HeadRow.tsx +49 -0
  32. package/src/components/HeadRow/index.ts +1 -0
  33. package/src/components/{Head → HeadRow}/utils/getWeekdays.test.ts +0 -0
  34. package/src/components/{Head → HeadRow}/utils/getWeekdays.ts +0 -0
  35. package/src/components/{Head → HeadRow}/utils/index.ts +0 -0
  36. package/src/components/MonthsDropdown/MonthsDropdown.test.tsx +11 -1
  37. package/src/components/MonthsDropdown/MonthsDropdown.tsx +1 -0
  38. package/src/components/MonthsDropdown/__snapshots__/MonthsDropdown.test.tsx.snap +48 -0
  39. package/src/components/Navigation/Navigation.test.tsx +6 -0
  40. package/src/components/Navigation/Navigation.tsx +2 -0
  41. package/src/components/Table/Table.test.tsx +2 -2
  42. package/src/components/Table/__snapshots__/Table.test.tsx.snap +122 -586
  43. package/src/components/WeekNumber/WeekNumber.test.tsx +9 -2
  44. package/src/components/WeekNumber/WeekNumber.tsx +1 -0
  45. package/src/components/WeekNumber/__snapshots__/WeekNumber.test.tsx.snap +10 -1
  46. package/src/components/YearsDropdown/YearsDropdown.test.tsx +11 -1
  47. package/src/components/YearsDropdown/YearsDropdown.tsx +1 -0
  48. package/src/components/YearsDropdown/__snapshots__/YearsDropdown.test.tsx.snap +43 -0
  49. package/src/hooks/useDayRender/useDayRender.tsx +6 -2
  50. package/src/hooks/useInput/useInput.ts +2 -2
  51. package/src/index.ts +1 -0
  52. package/src/style.css +14 -7
  53. package/src/types/DayPickerBase.ts +2 -0
  54. package/src/types/Matchers.ts +1 -1
package/src/components/Table/__snapshots__/Table.test.tsx.snap CHANGED
@@ -146,18 +146,10 @@ exports[`should render correctly 1`] = `
146
146
  class="rdp-cell"
147
147
  >
148
148
  <div
149
+ aria-label="1st February (Saturday)"
149
150
  class="rdp-day"
150
151
  >
151
- <span
152
- aria-hidden="true"
153
- >
154
- 1
155
- </span>
156
- <span
157
- class="rdp-vhidden"
158
- >
159
- 1st February (Saturday)
160
- </span>
152
+ 1
161
153
  </div>
162
154
  </td>
163
155
  </tr>
@@ -168,126 +160,70 @@ exports[`should render correctly 1`] = `
168
160
  class="rdp-cell"
169
161
  >
170
162
  <div
163
+ aria-label="2nd February (Sunday)"
171
164
  class="rdp-day"
172
165
  >
173
- <span
174
- aria-hidden="true"
175
- >
176
- 2
177
- </span>
178
- <span
179
- class="rdp-vhidden"
180
- >
181
- 2nd February (Sunday)
182
- </span>
166
+ 2
183
167
  </div>
184
168
  </td>
185
169
  <td
186
170
  class="rdp-cell"
187
171
  >
188
172
  <div
173
+ aria-label="3rd February (Monday)"
189
174
  class="rdp-day"
190
175
  >
191
- <span
192
- aria-hidden="true"
193
- >
194
- 3
195
- </span>
196
- <span
197
- class="rdp-vhidden"
198
- >
199
- 3rd February (Monday)
200
- </span>
176
+ 3
201
177
  </div>
202
178
  </td>
203
179
  <td
204
180
  class="rdp-cell"
205
181
  >
206
182
  <div
183
+ aria-label="4th February (Tuesday)"
207
184
  class="rdp-day"
208
185
  >
209
- <span
210
- aria-hidden="true"
211
- >
212
- 4
213
- </span>
214
- <span
215
- class="rdp-vhidden"
216
- >
217
- 4th February (Tuesday)
218
- </span>
186
+ 4
219
187
  </div>
220
188
  </td>
221
189
  <td
222
190
  class="rdp-cell"
223
191
  >
224
192
  <div
193
+ aria-label="5th February (Wednesday)"
225
194
  class="rdp-day"
226
195
  >
227
- <span
228
- aria-hidden="true"
229
- >
230
- 5
231
- </span>
232
- <span
233
- class="rdp-vhidden"
234
- >
235
- 5th February (Wednesday)
236
- </span>
196
+ 5
237
197
  </div>
238
198
  </td>
239
199
  <td
240
200
  class="rdp-cell"
241
201
  >
242
202
  <div
203
+ aria-label="6th February (Thursday)"
243
204
  class="rdp-day"
244
205
  >
245
- <span
246
- aria-hidden="true"
247
- >
248
- 6
249
- </span>
250
- <span
251
- class="rdp-vhidden"
252
- >
253
- 6th February (Thursday)
254
- </span>
206
+ 6
255
207
  </div>
256
208
  </td>
257
209
  <td
258
210
  class="rdp-cell"
259
211
  >
260
212
  <div
213
+ aria-label="7th February (Friday)"
261
214
  class="rdp-day"
262
215
  >
263
- <span
264
- aria-hidden="true"
265
- >
266
- 7
267
- </span>
268
- <span
269
- class="rdp-vhidden"
270
- >
271
- 7th February (Friday)
272
- </span>
216
+ 7
273
217
  </div>
274
218
  </td>
275
219
  <td
276
220
  class="rdp-cell"
277
221
  >
278
222
  <div
223
+ aria-label="8th February (Saturday)"
279
224
  class="rdp-day"
280
225
  >
281
- <span
282
- aria-hidden="true"
283
- >
284
- 8
285
- </span>
286
- <span
287
- class="rdp-vhidden"
288
- >
289
- 8th February (Saturday)
290
- </span>
226
+ 8
291
227
  </div>
292
228
  </td>
293
229
  </tr>
@@ -298,126 +234,70 @@ exports[`should render correctly 1`] = `
298
234
  class="rdp-cell"
299
235
  >
300
236
  <div
237
+ aria-label="9th February (Sunday)"
301
238
  class="rdp-day"
302
239
  >
303
- <span
304
- aria-hidden="true"
305
- >
306
- 9
307
- </span>
308
- <span
309
- class="rdp-vhidden"
310
- >
311
- 9th February (Sunday)
312
- </span>
240
+ 9
313
241
  </div>
314
242
  </td>
315
243
  <td
316
244
  class="rdp-cell"
317
245
  >
318
246
  <div
247
+ aria-label="10th February (Monday)"
319
248
  class="rdp-day"
320
249
  >
321
- <span
322
- aria-hidden="true"
323
- >
324
- 10
325
- </span>
326
- <span
327
- class="rdp-vhidden"
328
- >
329
- 10th February (Monday)
330
- </span>
250
+ 10
331
251
  </div>
332
252
  </td>
333
253
  <td
334
254
  class="rdp-cell"
335
255
  >
336
256
  <div
257
+ aria-label="11th February (Tuesday)"
337
258
  class="rdp-day"
338
259
  >
339
- <span
340
- aria-hidden="true"
341
- >
342
- 11
343
- </span>
344
- <span
345
- class="rdp-vhidden"
346
- >
347
- 11th February (Tuesday)
348
- </span>
260
+ 11
349
261
  </div>
350
262
  </td>
351
263
  <td
352
264
  class="rdp-cell"
353
265
  >
354
266
  <div
267
+ aria-label="12th February (Wednesday)"
355
268
  class="rdp-day"
356
269
  >
357
- <span
358
- aria-hidden="true"
359
- >
360
- 12
361
- </span>
362
- <span
363
- class="rdp-vhidden"
364
- >
365
- 12th February (Wednesday)
366
- </span>
270
+ 12
367
271
  </div>
368
272
  </td>
369
273
  <td
370
274
  class="rdp-cell"
371
275
  >
372
276
  <div
277
+ aria-label="13th February (Thursday)"
373
278
  class="rdp-day"
374
279
  >
375
- <span
376
- aria-hidden="true"
377
- >
378
- 13
379
- </span>
380
- <span
381
- class="rdp-vhidden"
382
- >
383
- 13th February (Thursday)
384
- </span>
280
+ 13
385
281
  </div>
386
282
  </td>
387
283
  <td
388
284
  class="rdp-cell"
389
285
  >
390
286
  <div
287
+ aria-label="14th February (Friday)"
391
288
  class="rdp-day"
392
289
  >
393
- <span
394
- aria-hidden="true"
395
- >
396
- 14
397
- </span>
398
- <span
399
- class="rdp-vhidden"
400
- >
401
- 14th February (Friday)
402
- </span>
290
+ 14
403
291
  </div>
404
292
  </td>
405
293
  <td
406
294
  class="rdp-cell"
407
295
  >
408
296
  <div
297
+ aria-label="15th February (Saturday)"
409
298
  class="rdp-day"
410
299
  >
411
- <span
412
- aria-hidden="true"
413
- >
414
- 15
415
- </span>
416
- <span
417
- class="rdp-vhidden"
418
- >
419
- 15th February (Saturday)
420
- </span>
300
+ 15
421
301
  </div>
422
302
  </td>
423
303
  </tr>
@@ -428,126 +308,70 @@ exports[`should render correctly 1`] = `
428
308
  class="rdp-cell"
429
309
  >
430
310
  <div
311
+ aria-label="16th February (Sunday)"
431
312
  class="rdp-day"
432
313
  >
433
- <span
434
- aria-hidden="true"
435
- >
436
- 16
437
- </span>
438
- <span
439
- class="rdp-vhidden"
440
- >
441
- 16th February (Sunday)
442
- </span>
314
+ 16
443
315
  </div>
444
316
  </td>
445
317
  <td
446
318
  class="rdp-cell"
447
319
  >
448
320
  <div
321
+ aria-label="17th February (Monday)"
449
322
  class="rdp-day"
450
323
  >
451
- <span
452
- aria-hidden="true"
453
- >
454
- 17
455
- </span>
456
- <span
457
- class="rdp-vhidden"
458
- >
459
- 17th February (Monday)
460
- </span>
324
+ 17
461
325
  </div>
462
326
  </td>
463
327
  <td
464
328
  class="rdp-cell"
465
329
  >
466
330
  <div
331
+ aria-label="18th February (Tuesday)"
467
332
  class="rdp-day"
468
333
  >
469
- <span
470
- aria-hidden="true"
471
- >
472
- 18
473
- </span>
474
- <span
475
- class="rdp-vhidden"
476
- >
477
- 18th February (Tuesday)
478
- </span>
334
+ 18
479
335
  </div>
480
336
  </td>
481
337
  <td
482
338
  class="rdp-cell"
483
339
  >
484
340
  <div
341
+ aria-label="19th February (Wednesday)"
485
342
  class="rdp-day"
486
343
  >
487
- <span
488
- aria-hidden="true"
489
- >
490
- 19
491
- </span>
492
- <span
493
- class="rdp-vhidden"
494
- >
495
- 19th February (Wednesday)
496
- </span>
344
+ 19
497
345
  </div>
498
346
  </td>
499
347
  <td
500
348
  class="rdp-cell"
501
349
  >
502
350
  <div
351
+ aria-label="20th February (Thursday)"
503
352
  class="rdp-day"
504
353
  >
505
- <span
506
- aria-hidden="true"
507
- >
508
- 20
509
- </span>
510
- <span
511
- class="rdp-vhidden"
512
- >
513
- 20th February (Thursday)
514
- </span>
354
+ 20
515
355
  </div>
516
356
  </td>
517
357
  <td
518
358
  class="rdp-cell"
519
359
  >
520
360
  <div
361
+ aria-label="21st February (Friday)"
521
362
  class="rdp-day"
522
363
  >
523
- <span
524
- aria-hidden="true"
525
- >
526
- 21
527
- </span>
528
- <span
529
- class="rdp-vhidden"
530
- >
531
- 21st February (Friday)
532
- </span>
364
+ 21
533
365
  </div>
534
366
  </td>
535
367
  <td
536
368
  class="rdp-cell"
537
369
  >
538
370
  <div
371
+ aria-label="22nd February (Saturday)"
539
372
  class="rdp-day"
540
373
  >
541
- <span
542
- aria-hidden="true"
543
- >
544
- 22
545
- </span>
546
- <span
547
- class="rdp-vhidden"
548
- >
549
- 22nd February (Saturday)
550
- </span>
374
+ 22
551
375
  </div>
552
376
  </td>
553
377
  </tr>
@@ -558,126 +382,70 @@ exports[`should render correctly 1`] = `
558
382
  class="rdp-cell"
559
383
  >
560
384
  <div
385
+ aria-label="23rd February (Sunday)"
561
386
  class="rdp-day"
562
387
  >
563
- <span
564
- aria-hidden="true"
565
- >
566
- 23
567
- </span>
568
- <span
569
- class="rdp-vhidden"
570
- >
571
- 23rd February (Sunday)
572
- </span>
388
+ 23
573
389
  </div>
574
390
  </td>
575
391
  <td
576
392
  class="rdp-cell"
577
393
  >
578
394
  <div
395
+ aria-label="24th February (Monday)"
579
396
  class="rdp-day"
580
397
  >
581
- <span
582
- aria-hidden="true"
583
- >
584
- 24
585
- </span>
586
- <span
587
- class="rdp-vhidden"
588
- >
589
- 24th February (Monday)
590
- </span>
398
+ 24
591
399
  </div>
592
400
  </td>
593
401
  <td
594
402
  class="rdp-cell"
595
403
  >
596
404
  <div
405
+ aria-label="25th February (Tuesday)"
597
406
  class="rdp-day"
598
407
  >
599
- <span
600
- aria-hidden="true"
601
- >
602
- 25
603
- </span>
604
- <span
605
- class="rdp-vhidden"
606
- >
607
- 25th February (Tuesday)
608
- </span>
408
+ 25
609
409
  </div>
610
410
  </td>
611
411
  <td
612
412
  class="rdp-cell"
613
413
  >
614
414
  <div
415
+ aria-label="26th February (Wednesday)"
615
416
  class="rdp-day"
616
417
  >
617
- <span
618
- aria-hidden="true"
619
- >
620
- 26
621
- </span>
622
- <span
623
- class="rdp-vhidden"
624
- >
625
- 26th February (Wednesday)
626
- </span>
418
+ 26
627
419
  </div>
628
420
  </td>
629
421
  <td
630
422
  class="rdp-cell"
631
423
  >
632
424
  <div
425
+ aria-label="27th February (Thursday)"
633
426
  class="rdp-day"
634
427
  >
635
- <span
636
- aria-hidden="true"
637
- >
638
- 27
639
- </span>
640
- <span
641
- class="rdp-vhidden"
642
- >
643
- 27th February (Thursday)
644
- </span>
428
+ 27
645
429
  </div>
646
430
  </td>
647
431
  <td
648
432
  class="rdp-cell"
649
433
  >
650
434
  <div
435
+ aria-label="28th February (Friday)"
651
436
  class="rdp-day"
652
437
  >
653
- <span
654
- aria-hidden="true"
655
- >
656
- 28
657
- </span>
658
- <span
659
- class="rdp-vhidden"
660
- >
661
- 28th February (Friday)
662
- </span>
438
+ 28
663
439
  </div>
664
440
  </td>
665
441
  <td
666
442
  class="rdp-cell"
667
443
  >
668
444
  <div
445
+ aria-label="29th February (Saturday)"
669
446
  class="rdp-day"
670
447
  >
671
- <span
672
- aria-hidden="true"
673
- >
674
- 29
675
- </span>
676
- <span
677
- class="rdp-vhidden"
678
- >
679
- 29th February (Saturday)
680
- </span>
448
+ 29
681
449
  </div>
682
450
  </td>
683
451
  </tr>
@@ -844,18 +612,10 @@ exports[`when showing the week numbers should render correctly 1`] = `
844
612
  class="rdp-cell"
845
613
  >
846
614
  <div
615
+ aria-label="1st February (Saturday)"
847
616
  class="rdp-day"
848
617
  >
849
- <span
850
- aria-hidden="true"
851
- >
852
- 1
853
- </span>
854
- <span
855
- class="rdp-vhidden"
856
- >
857
- 1st February (Saturday)
858
- </span>
618
+ 1
859
619
  </div>
860
620
  </td>
861
621
  </tr>
@@ -875,126 +635,70 @@ exports[`when showing the week numbers should render correctly 1`] = `
875
635
  class="rdp-cell"
876
636
  >
877
637
  <div
638
+ aria-label="2nd February (Sunday)"
878
639
  class="rdp-day"
879
640
  >
880
- <span
881
- aria-hidden="true"
882
- >
883
- 2
884
- </span>
885
- <span
886
- class="rdp-vhidden"
887
- >
888
- 2nd February (Sunday)
889
- </span>
641
+ 2
890
642
  </div>
891
643
  </td>
892
644
  <td
893
645
  class="rdp-cell"
894
646
  >
895
647
  <div
648
+ aria-label="3rd February (Monday)"
896
649
  class="rdp-day"
897
650
  >
898
- <span
899
- aria-hidden="true"
900
- >
901
- 3
902
- </span>
903
- <span
904
- class="rdp-vhidden"
905
- >
906
- 3rd February (Monday)
907
- </span>
651
+ 3
908
652
  </div>
909
653
  </td>
910
654
  <td
911
655
  class="rdp-cell"
912
656
  >
913
657
  <div
658
+ aria-label="4th February (Tuesday)"
914
659
  class="rdp-day"
915
660
  >
916
- <span
917
- aria-hidden="true"
918
- >
919
- 4
920
- </span>
921
- <span
922
- class="rdp-vhidden"
923
- >
924
- 4th February (Tuesday)
925
- </span>
661
+ 4
926
662
  </div>
927
663
  </td>
928
664
  <td
929
665
  class="rdp-cell"
930
666
  >
931
667
  <div
668
+ aria-label="5th February (Wednesday)"
932
669
  class="rdp-day"
933
670
  >
934
- <span
935
- aria-hidden="true"
936
- >
937
- 5
938
- </span>
939
- <span
940
- class="rdp-vhidden"
941
- >
942
- 5th February (Wednesday)
943
- </span>
671
+ 5
944
672
  </div>
945
673
  </td>
946
674
  <td
947
675
  class="rdp-cell"
948
676
  >
949
677
  <div
678
+ aria-label="6th February (Thursday)"
950
679
  class="rdp-day"
951
680
  >
952
- <span
953
- aria-hidden="true"
954
- >
955
- 6
956
- </span>
957
- <span
958
- class="rdp-vhidden"
959
- >
960
- 6th February (Thursday)
961
- </span>
681
+ 6
962
682
  </div>
963
683
  </td>
964
684
  <td
965
685
  class="rdp-cell"
966
686
  >
967
687
  <div
688
+ aria-label="7th February (Friday)"
968
689
  class="rdp-day"
969
690
  >
970
- <span
971
- aria-hidden="true"
972
- >
973
- 7
974
- </span>
975
- <span
976
- class="rdp-vhidden"
977
- >
978
- 7th February (Friday)
979
- </span>
691
+ 7
980
692
  </div>
981
693
  </td>
982
694
  <td
983
695
  class="rdp-cell"
984
696
  >
985
697
  <div
698
+ aria-label="8th February (Saturday)"
986
699
  class="rdp-day"
987
700
  >
988
- <span
989
- aria-hidden="true"
990
- >
991
- 8
992
- </span>
993
- <span
994
- class="rdp-vhidden"
995
- >
996
- 8th February (Saturday)
997
- </span>
701
+ 8
998
702
  </div>
999
703
  </td>
1000
704
  </tr>
@@ -1014,126 +718,70 @@ exports[`when showing the week numbers should render correctly 1`] = `
1014
718
  class="rdp-cell"
1015
719
  >
1016
720
  <div
721
+ aria-label="9th February (Sunday)"
1017
722
  class="rdp-day"
1018
723
  >
1019
- <span
1020
- aria-hidden="true"
1021
- >
1022
- 9
1023
- </span>
1024
- <span
1025
- class="rdp-vhidden"
1026
- >
1027
- 9th February (Sunday)
1028
- </span>
724
+ 9
1029
725
  </div>
1030
726
  </td>
1031
727
  <td
1032
728
  class="rdp-cell"
1033
729
  >
1034
730
  <div
731
+ aria-label="10th February (Monday)"
1035
732
  class="rdp-day"
1036
733
  >
1037
- <span
1038
- aria-hidden="true"
1039
- >
1040
- 10
1041
- </span>
1042
- <span
1043
- class="rdp-vhidden"
1044
- >
1045
- 10th February (Monday)
1046
- </span>
734
+ 10
1047
735
  </div>
1048
736
  </td>
1049
737
  <td
1050
738
  class="rdp-cell"
1051
739
  >
1052
740
  <div
741
+ aria-label="11th February (Tuesday)"
1053
742
  class="rdp-day"
1054
743
  >
1055
- <span
1056
- aria-hidden="true"
1057
- >
1058
- 11
1059
- </span>
1060
- <span
1061
- class="rdp-vhidden"
1062
- >
1063
- 11th February (Tuesday)
1064
- </span>
744
+ 11
1065
745
  </div>
1066
746
  </td>
1067
747
  <td
1068
748
  class="rdp-cell"
1069
749
  >
1070
750
  <div
751
+ aria-label="12th February (Wednesday)"
1071
752
  class="rdp-day"
1072
753
  >
1073
- <span
1074
- aria-hidden="true"
1075
- >
1076
- 12
1077
- </span>
1078
- <span
1079
- class="rdp-vhidden"
1080
- >
1081
- 12th February (Wednesday)
1082
- </span>
754
+ 12
1083
755
  </div>
1084
756
  </td>
1085
757
  <td
1086
758
  class="rdp-cell"
1087
759
  >
1088
760
  <div
761
+ aria-label="13th February (Thursday)"
1089
762
  class="rdp-day"
1090
763
  >
1091
- <span
1092
- aria-hidden="true"
1093
- >
1094
- 13
1095
- </span>
1096
- <span
1097
- class="rdp-vhidden"
1098
- >
1099
- 13th February (Thursday)
1100
- </span>
764
+ 13
1101
765
  </div>
1102
766
  </td>
1103
767
  <td
1104
768
  class="rdp-cell"
1105
769
  >
1106
770
  <div
771
+ aria-label="14th February (Friday)"
1107
772
  class="rdp-day"
1108
773
  >
1109
- <span
1110
- aria-hidden="true"
1111
- >
1112
- 14
1113
- </span>
1114
- <span
1115
- class="rdp-vhidden"
1116
- >
1117
- 14th February (Friday)
1118
- </span>
774
+ 14
1119
775
  </div>
1120
776
  </td>
1121
777
  <td
1122
778
  class="rdp-cell"
1123
779
  >
1124
780
  <div
781
+ aria-label="15th February (Saturday)"
1125
782
  class="rdp-day"
1126
783
  >
1127
- <span
1128
- aria-hidden="true"
1129
- >
1130
- 15
1131
- </span>
1132
- <span
1133
- class="rdp-vhidden"
1134
- >
1135
- 15th February (Saturday)
1136
- </span>
784
+ 15
1137
785
  </div>
1138
786
  </td>
1139
787
  </tr>
@@ -1153,126 +801,70 @@ exports[`when showing the week numbers should render correctly 1`] = `
1153
801
  class="rdp-cell"
1154
802
  >
1155
803
  <div
804
+ aria-label="16th February (Sunday)"
1156
805
  class="rdp-day"
1157
806
  >
1158
- <span
1159
- aria-hidden="true"
1160
- >
1161
- 16
1162
- </span>
1163
- <span
1164
- class="rdp-vhidden"
1165
- >
1166
- 16th February (Sunday)
1167
- </span>
807
+ 16
1168
808
  </div>
1169
809
  </td>
1170
810
  <td
1171
811
  class="rdp-cell"
1172
812
  >
1173
813
  <div
814
+ aria-label="17th February (Monday)"
1174
815
  class="rdp-day"
1175
816
  >
1176
- <span
1177
- aria-hidden="true"
1178
- >
1179
- 17
1180
- </span>
1181
- <span
1182
- class="rdp-vhidden"
1183
- >
1184
- 17th February (Monday)
1185
- </span>
817
+ 17
1186
818
  </div>
1187
819
  </td>
1188
820
  <td
1189
821
  class="rdp-cell"
1190
822
  >
1191
823
  <div
824
+ aria-label="18th February (Tuesday)"
1192
825
  class="rdp-day"
1193
826
  >
1194
- <span
1195
- aria-hidden="true"
1196
- >
1197
- 18
1198
- </span>
1199
- <span
1200
- class="rdp-vhidden"
1201
- >
1202
- 18th February (Tuesday)
1203
- </span>
827
+ 18
1204
828
  </div>
1205
829
  </td>
1206
830
  <td
1207
831
  class="rdp-cell"
1208
832
  >
1209
833
  <div
834
+ aria-label="19th February (Wednesday)"
1210
835
  class="rdp-day"
1211
836
  >
1212
- <span
1213
- aria-hidden="true"
1214
- >
1215
- 19
1216
- </span>
1217
- <span
1218
- class="rdp-vhidden"
1219
- >
1220
- 19th February (Wednesday)
1221
- </span>
837
+ 19
1222
838
  </div>
1223
839
  </td>
1224
840
  <td
1225
841
  class="rdp-cell"
1226
842
  >
1227
843
  <div
844
+ aria-label="20th February (Thursday)"
1228
845
  class="rdp-day"
1229
846
  >
1230
- <span
1231
- aria-hidden="true"
1232
- >
1233
- 20
1234
- </span>
1235
- <span
1236
- class="rdp-vhidden"
1237
- >
1238
- 20th February (Thursday)
1239
- </span>
847
+ 20
1240
848
  </div>
1241
849
  </td>
1242
850
  <td
1243
851
  class="rdp-cell"
1244
852
  >
1245
853
  <div
854
+ aria-label="21st February (Friday)"
1246
855
  class="rdp-day"
1247
856
  >
1248
- <span
1249
- aria-hidden="true"
1250
- >
1251
- 21
1252
- </span>
1253
- <span
1254
- class="rdp-vhidden"
1255
- >
1256
- 21st February (Friday)
1257
- </span>
857
+ 21
1258
858
  </div>
1259
859
  </td>
1260
860
  <td
1261
861
  class="rdp-cell"
1262
862
  >
1263
863
  <div
864
+ aria-label="22nd February (Saturday)"
1264
865
  class="rdp-day"
1265
866
  >
1266
- <span
1267
- aria-hidden="true"
1268
- >
1269
- 22
1270
- </span>
1271
- <span
1272
- class="rdp-vhidden"
1273
- >
1274
- 22nd February (Saturday)
1275
- </span>
867
+ 22
1276
868
  </div>
1277
869
  </td>
1278
870
  </tr>
@@ -1292,126 +884,70 @@ exports[`when showing the week numbers should render correctly 1`] = `
1292
884
  class="rdp-cell"
1293
885
  >
1294
886
  <div
887
+ aria-label="23rd February (Sunday)"
1295
888
  class="rdp-day"
1296
889
  >
1297
- <span
1298
- aria-hidden="true"
1299
- >
1300
- 23
1301
- </span>
1302
- <span
1303
- class="rdp-vhidden"
1304
- >
1305
- 23rd February (Sunday)
1306
- </span>
890
+ 23
1307
891
  </div>
1308
892
  </td>
1309
893
  <td
1310
894
  class="rdp-cell"
1311
895
  >
1312
896
  <div
897
+ aria-label="24th February (Monday)"
1313
898
  class="rdp-day"
1314
899
  >
1315
- <span
1316
- aria-hidden="true"
1317
- >
1318
- 24
1319
- </span>
1320
- <span
1321
- class="rdp-vhidden"
1322
- >
1323
- 24th February (Monday)
1324
- </span>
900
+ 24
1325
901
  </div>
1326
902
  </td>
1327
903
  <td
1328
904
  class="rdp-cell"
1329
905
  >
1330
906
  <div
907
+ aria-label="25th February (Tuesday)"
1331
908
  class="rdp-day"
1332
909
  >
1333
- <span
1334
- aria-hidden="true"
1335
- >
1336
- 25
1337
- </span>
1338
- <span
1339
- class="rdp-vhidden"
1340
- >
1341
- 25th February (Tuesday)
1342
- </span>
910
+ 25
1343
911
  </div>
1344
912
  </td>
1345
913
  <td
1346
914
  class="rdp-cell"
1347
915
  >
1348
916
  <div
917
+ aria-label="26th February (Wednesday)"
1349
918
  class="rdp-day"
1350
919
  >
1351
- <span
1352
- aria-hidden="true"
1353
- >
1354
- 26
1355
- </span>
1356
- <span
1357
- class="rdp-vhidden"
1358
- >
1359
- 26th February (Wednesday)
1360
- </span>
920
+ 26
1361
921
  </div>
1362
922
  </td>
1363
923
  <td
1364
924
  class="rdp-cell"
1365
925
  >
1366
926
  <div
927
+ aria-label="27th February (Thursday)"
1367
928
  class="rdp-day"
1368
929
  >
1369
- <span
1370
- aria-hidden="true"
1371
- >
1372
- 27
1373
- </span>
1374
- <span
1375
- class="rdp-vhidden"
1376
- >
1377
- 27th February (Thursday)
1378
- </span>
930
+ 27
1379
931
  </div>
1380
932
  </td>
1381
933
  <td
1382
934
  class="rdp-cell"
1383
935
  >
1384
936
  <div
937
+ aria-label="28th February (Friday)"
1385
938
  class="rdp-day"
1386
939
  >
1387
- <span
1388
- aria-hidden="true"
1389
- >
1390
- 28
1391
- </span>
1392
- <span
1393
- class="rdp-vhidden"
1394
- >
1395
- 28th February (Friday)
1396
- </span>
940
+ 28
1397
941
  </div>
1398
942
  </td>
1399
943
  <td
1400
944
  class="rdp-cell"
1401
945
  >
1402
946
  <div
947
+ aria-label="29th February (Saturday)"
1403
948
  class="rdp-day"
1404
949
  >
1405
- <span
1406
- aria-hidden="true"
1407
- >
1408
- 29
1409
- </span>
1410
- <span
1411
- class="rdp-vhidden"
1412
- >
1413
- 29th February (Saturday)
1414
- </span>
950
+ 29
1415
951
  </div>
1416
952
  </td>
1417
953
  </tr>
@@ -1425,25 +961,25 @@ exports[`when using custom components should render correctly 1`] = `
1425
961
  role="grid"
1426
962
  >
1427
963
  <div>
1428
- CustomHead
964
+ CustomHead
1429
965
  </div>
1430
966
  <tbody
1431
967
  class="rdp-tbody"
1432
968
  >
1433
969
  <div>
1434
- CustomRow
970
+ CustomRow
1435
971
  </div>
1436
972
  <div>
1437
- CustomRow
973
+ CustomRow
1438
974
  </div>
1439
975
  <div>
1440
- CustomRow
976
+ CustomRow
1441
977
  </div>
1442
978
  <div>
1443
- CustomRow
979
+ CustomRow
1444
980
  </div>
1445
981
  <div>
1446
- CustomRow
982
+ CustomRow
1447
983
  </div>
1448
984
  </tbody>
1449
985
  <div>