react-day-picker 9.4.0 → 9.4.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 (28) hide show
  1. package/dist/cjs/DayPicker.js +18 -16
  2. package/dist/cjs/DayPicker.js.map +1 -1
  3. package/dist/cjs/components/Weekdays.js +1 -1
  4. package/dist/cjs/types/props.d.ts +14 -0
  5. package/dist/esm/DayPicker.js +18 -16
  6. package/dist/esm/DayPicker.js.map +1 -1
  7. package/dist/esm/components/Weekdays.js +1 -1
  8. package/dist/esm/types/props.d.ts +14 -0
  9. package/examples/FixedWeeks.test.tsx +1 -1
  10. package/examples/Input.test.tsx +1 -1
  11. package/examples/ModifiersHidden.test.tsx +1 -1
  12. package/examples/Range.test.tsx +1 -1
  13. package/examples/TestCase2511.test.tsx +3 -1
  14. package/examples/TestCase2585.test.tsx +3 -1
  15. package/examples/WeeknumberCustom.test.tsx +5 -1
  16. package/examples/__snapshots__/Range.test.tsx.snap +86 -112
  17. package/examples/__snapshots__/StylingCssModules.test.tsx.snap +43 -56
  18. package/package.json +1 -1
  19. package/src/DayPicker.test.tsx +6 -2
  20. package/src/DayPicker.tsx +36 -41
  21. package/src/components/Weekdays.tsx +1 -1
  22. package/src/style.css +0 -1
  23. package/src/style.module.css +0 -1
  24. package/src/types/props.ts +14 -0
  25. package/website/docs/docs/anatomy.mdx +1 -1
  26. package/website/docs/docs/styling.mdx +1 -5
  27. package/website/docs/docs/time-zone.mdx +1 -1
  28. package/website/docs/guides/accessibility.mdx +14 -46
package/examples/__snapshots__/Range.test.tsx.snap CHANGED
@@ -68,7 +68,9 @@ exports[`should match the snapshot 1`] = `
68
68
  class="rdp-month_grid"
69
69
  role="grid"
70
70
  >
71
- <thead>
71
+ <thead
72
+ aria-hidden="true"
73
+ >
72
74
  <tr
73
75
  class="rdp-weekdays"
74
76
  >
@@ -130,25 +132,17 @@ exports[`should match the snapshot 1`] = `
130
132
  class="rdp-week"
131
133
  >
132
134
  <td
133
- aria-hidden="true"
134
135
  class="rdp-day rdp-hidden rdp-outside"
135
136
  data-day="2020-05-31"
136
137
  data-hidden="true"
137
138
  data-month="2020-05"
138
139
  data-outside="true"
139
- >
140
- <button
141
- aria-label="Sunday, May 31st, 2020"
142
- class="rdp-day_button"
143
- tabindex="-1"
144
- type="button"
145
- >
146
- 31
147
- </button>
148
- </td>
140
+ role="gridcell"
141
+ />
149
142
  <td
150
143
  class="rdp-day"
151
144
  data-day="2020-06-01"
145
+ role="gridcell"
152
146
  >
153
147
  <button
154
148
  aria-label="Monday, June 1st, 2020"
@@ -162,6 +156,7 @@ exports[`should match the snapshot 1`] = `
162
156
  <td
163
157
  class="rdp-day"
164
158
  data-day="2020-06-02"
159
+ role="gridcell"
165
160
  >
166
161
  <button
167
162
  aria-label="Tuesday, June 2nd, 2020"
@@ -175,6 +170,7 @@ exports[`should match the snapshot 1`] = `
175
170
  <td
176
171
  class="rdp-day"
177
172
  data-day="2020-06-03"
173
+ role="gridcell"
178
174
  >
179
175
  <button
180
176
  aria-label="Wednesday, June 3rd, 2020"
@@ -188,6 +184,7 @@ exports[`should match the snapshot 1`] = `
188
184
  <td
189
185
  class="rdp-day"
190
186
  data-day="2020-06-04"
187
+ role="gridcell"
191
188
  >
192
189
  <button
193
190
  aria-label="Thursday, June 4th, 2020"
@@ -201,6 +198,7 @@ exports[`should match the snapshot 1`] = `
201
198
  <td
202
199
  class="rdp-day"
203
200
  data-day="2020-06-05"
201
+ role="gridcell"
204
202
  >
205
203
  <button
206
204
  aria-label="Friday, June 5th, 2020"
@@ -214,6 +212,7 @@ exports[`should match the snapshot 1`] = `
214
212
  <td
215
213
  class="rdp-day"
216
214
  data-day="2020-06-06"
215
+ role="gridcell"
217
216
  >
218
217
  <button
219
218
  aria-label="Saturday, June 6th, 2020"
@@ -231,6 +230,7 @@ exports[`should match the snapshot 1`] = `
231
230
  <td
232
231
  class="rdp-day"
233
232
  data-day="2020-06-07"
233
+ role="gridcell"
234
234
  >
235
235
  <button
236
236
  aria-label="Sunday, June 7th, 2020"
@@ -244,6 +244,7 @@ exports[`should match the snapshot 1`] = `
244
244
  <td
245
245
  class="rdp-day"
246
246
  data-day="2020-06-08"
247
+ role="gridcell"
247
248
  >
248
249
  <button
249
250
  aria-label="Monday, June 8th, 2020"
@@ -257,6 +258,7 @@ exports[`should match the snapshot 1`] = `
257
258
  <td
258
259
  class="rdp-day"
259
260
  data-day="2020-06-09"
261
+ role="gridcell"
260
262
  >
261
263
  <button
262
264
  aria-label="Tuesday, June 9th, 2020"
@@ -270,6 +272,7 @@ exports[`should match the snapshot 1`] = `
270
272
  <td
271
273
  class="rdp-day"
272
274
  data-day="2020-06-10"
275
+ role="gridcell"
273
276
  >
274
277
  <button
275
278
  aria-label="Wednesday, June 10th, 2020"
@@ -283,6 +286,7 @@ exports[`should match the snapshot 1`] = `
283
286
  <td
284
287
  class="rdp-day"
285
288
  data-day="2020-06-11"
289
+ role="gridcell"
286
290
  >
287
291
  <button
288
292
  aria-label="Thursday, June 11th, 2020"
@@ -296,6 +300,7 @@ exports[`should match the snapshot 1`] = `
296
300
  <td
297
301
  class="rdp-day"
298
302
  data-day="2020-06-12"
303
+ role="gridcell"
299
304
  >
300
305
  <button
301
306
  aria-label="Friday, June 12th, 2020"
@@ -309,6 +314,7 @@ exports[`should match the snapshot 1`] = `
309
314
  <td
310
315
  class="rdp-day"
311
316
  data-day="2020-06-13"
317
+ role="gridcell"
312
318
  >
313
319
  <button
314
320
  aria-label="Saturday, June 13th, 2020"
@@ -326,6 +332,7 @@ exports[`should match the snapshot 1`] = `
326
332
  <td
327
333
  class="rdp-day"
328
334
  data-day="2020-06-14"
335
+ role="gridcell"
329
336
  >
330
337
  <button
331
338
  aria-label="Sunday, June 14th, 2020"
@@ -341,6 +348,7 @@ exports[`should match the snapshot 1`] = `
341
348
  class="rdp-day rdp-selected rdp-range_start"
342
349
  data-day="2020-06-15"
343
350
  data-selected="true"
351
+ role="gridcell"
344
352
  >
345
353
  <button
346
354
  aria-label="Monday, June 15th, 2020, selected"
@@ -356,6 +364,7 @@ exports[`should match the snapshot 1`] = `
356
364
  class="rdp-day rdp-selected rdp-range_middle"
357
365
  data-day="2020-06-16"
358
366
  data-selected="true"
367
+ role="gridcell"
359
368
  >
360
369
  <button
361
370
  aria-label="Tuesday, June 16th, 2020, selected"
@@ -371,6 +380,7 @@ exports[`should match the snapshot 1`] = `
371
380
  class="rdp-day rdp-selected rdp-range_middle"
372
381
  data-day="2020-06-17"
373
382
  data-selected="true"
383
+ role="gridcell"
374
384
  >
375
385
  <button
376
386
  aria-label="Wednesday, June 17th, 2020, selected"
@@ -386,6 +396,7 @@ exports[`should match the snapshot 1`] = `
386
396
  class="rdp-day rdp-selected rdp-range_middle"
387
397
  data-day="2020-06-18"
388
398
  data-selected="true"
399
+ role="gridcell"
389
400
  >
390
401
  <button
391
402
  aria-label="Thursday, June 18th, 2020, selected"
@@ -401,6 +412,7 @@ exports[`should match the snapshot 1`] = `
401
412
  class="rdp-day rdp-selected rdp-range_end"
402
413
  data-day="2020-06-19"
403
414
  data-selected="true"
415
+ role="gridcell"
404
416
  >
405
417
  <button
406
418
  aria-label="Friday, June 19th, 2020, selected"
@@ -414,6 +426,7 @@ exports[`should match the snapshot 1`] = `
414
426
  <td
415
427
  class="rdp-day"
416
428
  data-day="2020-06-20"
429
+ role="gridcell"
417
430
  >
418
431
  <button
419
432
  aria-label="Saturday, June 20th, 2020"
@@ -431,6 +444,7 @@ exports[`should match the snapshot 1`] = `
431
444
  <td
432
445
  class="rdp-day"
433
446
  data-day="2020-06-21"
447
+ role="gridcell"
434
448
  >
435
449
  <button
436
450
  aria-label="Sunday, June 21st, 2020"
@@ -444,6 +458,7 @@ exports[`should match the snapshot 1`] = `
444
458
  <td
445
459
  class="rdp-day"
446
460
  data-day="2020-06-22"
461
+ role="gridcell"
447
462
  >
448
463
  <button
449
464
  aria-label="Monday, June 22nd, 2020"
@@ -457,6 +472,7 @@ exports[`should match the snapshot 1`] = `
457
472
  <td
458
473
  class="rdp-day"
459
474
  data-day="2020-06-23"
475
+ role="gridcell"
460
476
  >
461
477
  <button
462
478
  aria-label="Tuesday, June 23rd, 2020"
@@ -470,6 +486,7 @@ exports[`should match the snapshot 1`] = `
470
486
  <td
471
487
  class="rdp-day"
472
488
  data-day="2020-06-24"
489
+ role="gridcell"
473
490
  >
474
491
  <button
475
492
  aria-label="Wednesday, June 24th, 2020"
@@ -483,6 +500,7 @@ exports[`should match the snapshot 1`] = `
483
500
  <td
484
501
  class="rdp-day"
485
502
  data-day="2020-06-25"
503
+ role="gridcell"
486
504
  >
487
505
  <button
488
506
  aria-label="Thursday, June 25th, 2020"
@@ -496,6 +514,7 @@ exports[`should match the snapshot 1`] = `
496
514
  <td
497
515
  class="rdp-day"
498
516
  data-day="2020-06-26"
517
+ role="gridcell"
499
518
  >
500
519
  <button
501
520
  aria-label="Friday, June 26th, 2020"
@@ -509,6 +528,7 @@ exports[`should match the snapshot 1`] = `
509
528
  <td
510
529
  class="rdp-day"
511
530
  data-day="2020-06-27"
531
+ role="gridcell"
512
532
  >
513
533
  <button
514
534
  aria-label="Saturday, June 27th, 2020"
@@ -526,6 +546,7 @@ exports[`should match the snapshot 1`] = `
526
546
  <td
527
547
  class="rdp-day"
528
548
  data-day="2020-06-28"
549
+ role="gridcell"
529
550
  >
530
551
  <button
531
552
  aria-label="Sunday, June 28th, 2020"
@@ -539,6 +560,7 @@ exports[`should match the snapshot 1`] = `
539
560
  <td
540
561
  class="rdp-day"
541
562
  data-day="2020-06-29"
563
+ role="gridcell"
542
564
  >
543
565
  <button
544
566
  aria-label="Monday, June 29th, 2020"
@@ -552,6 +574,7 @@ exports[`should match the snapshot 1`] = `
552
574
  <td
553
575
  class="rdp-day"
554
576
  data-day="2020-06-30"
577
+ role="gridcell"
555
578
  >
556
579
  <button
557
580
  aria-label="Tuesday, June 30th, 2020"
@@ -563,73 +586,37 @@ exports[`should match the snapshot 1`] = `
563
586
  </button>
564
587
  </td>
565
588
  <td
566
- aria-hidden="true"
567
589
  class="rdp-day rdp-hidden rdp-outside"
568
590
  data-day="2020-07-01"
569
591
  data-hidden="true"
570
592
  data-month="2020-07"
571
593
  data-outside="true"
572
- >
573
- <button
574
- aria-label="Wednesday, July 1st, 2020"
575
- class="rdp-day_button"
576
- tabindex="-1"
577
- type="button"
578
- >
579
- 1
580
- </button>
581
- </td>
594
+ role="gridcell"
595
+ />
582
596
  <td
583
- aria-hidden="true"
584
597
  class="rdp-day rdp-hidden rdp-outside"
585
598
  data-day="2020-07-02"
586
599
  data-hidden="true"
587
600
  data-month="2020-07"
588
601
  data-outside="true"
589
- >
590
- <button
591
- aria-label="Thursday, July 2nd, 2020"
592
- class="rdp-day_button"
593
- tabindex="-1"
594
- type="button"
595
- >
596
- 2
597
- </button>
598
- </td>
602
+ role="gridcell"
603
+ />
599
604
  <td
600
- aria-hidden="true"
601
605
  class="rdp-day rdp-hidden rdp-outside"
602
606
  data-day="2020-07-03"
603
607
  data-hidden="true"
604
608
  data-month="2020-07"
605
609
  data-outside="true"
606
- >
607
- <button
608
- aria-label="Friday, July 3rd, 2020"
609
- class="rdp-day_button"
610
- tabindex="-1"
611
- type="button"
612
- >
613
- 3
614
- </button>
615
- </td>
610
+ role="gridcell"
611
+ />
616
612
  <td
617
- aria-hidden="true"
618
613
  class="rdp-day rdp-hidden rdp-outside"
619
614
  data-day="2020-07-04"
620
615
  data-hidden="true"
621
616
  data-month="2020-07"
622
617
  data-outside="true"
623
- >
624
- <button
625
- aria-label="Saturday, July 4th, 2020"
626
- class="rdp-day_button"
627
- tabindex="-1"
628
- type="button"
629
- >
630
- 4
631
- </button>
632
- </td>
618
+ role="gridcell"
619
+ />
633
620
  </tr>
634
621
  </tbody>
635
622
  </table>
@@ -720,7 +707,9 @@ exports[`when a day in the range is clicked when the day is clicked again when a
720
707
  class="rdp-month_grid"
721
708
  role="grid"
722
709
  >
723
- <thead>
710
+ <thead
711
+ aria-hidden="true"
712
+ >
724
713
  <tr
725
714
  class="rdp-weekdays"
726
715
  >
@@ -782,25 +771,17 @@ exports[`when a day in the range is clicked when the day is clicked again when a
782
771
  class="rdp-week"
783
772
  >
784
773
  <td
785
- aria-hidden="true"
786
774
  class="rdp-day rdp-hidden rdp-outside"
787
775
  data-day="2020-05-31"
788
776
  data-hidden="true"
789
777
  data-month="2020-05"
790
778
  data-outside="true"
791
- >
792
- <button
793
- aria-label="Sunday, May 31st, 2020"
794
- class="rdp-day_button"
795
- tabindex="-1"
796
- type="button"
797
- >
798
- 31
799
- </button>
800
- </td>
779
+ role="gridcell"
780
+ />
801
781
  <td
802
782
  class="rdp-day"
803
783
  data-day="2020-06-01"
784
+ role="gridcell"
804
785
  >
805
786
  <button
806
787
  aria-label="Monday, June 1st, 2020"
@@ -814,6 +795,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
814
795
  <td
815
796
  class="rdp-day"
816
797
  data-day="2020-06-02"
798
+ role="gridcell"
817
799
  >
818
800
  <button
819
801
  aria-label="Tuesday, June 2nd, 2020"
@@ -827,6 +809,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
827
809
  <td
828
810
  class="rdp-day"
829
811
  data-day="2020-06-03"
812
+ role="gridcell"
830
813
  >
831
814
  <button
832
815
  aria-label="Wednesday, June 3rd, 2020"
@@ -840,6 +823,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
840
823
  <td
841
824
  class="rdp-day"
842
825
  data-day="2020-06-04"
826
+ role="gridcell"
843
827
  >
844
828
  <button
845
829
  aria-label="Thursday, June 4th, 2020"
@@ -853,6 +837,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
853
837
  <td
854
838
  class="rdp-day"
855
839
  data-day="2020-06-05"
840
+ role="gridcell"
856
841
  >
857
842
  <button
858
843
  aria-label="Friday, June 5th, 2020"
@@ -866,6 +851,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
866
851
  <td
867
852
  class="rdp-day"
868
853
  data-day="2020-06-06"
854
+ role="gridcell"
869
855
  >
870
856
  <button
871
857
  aria-label="Saturday, June 6th, 2020"
@@ -883,6 +869,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
883
869
  <td
884
870
  class="rdp-day"
885
871
  data-day="2020-06-07"
872
+ role="gridcell"
886
873
  >
887
874
  <button
888
875
  aria-label="Sunday, June 7th, 2020"
@@ -896,6 +883,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
896
883
  <td
897
884
  class="rdp-day"
898
885
  data-day="2020-06-08"
886
+ role="gridcell"
899
887
  >
900
888
  <button
901
889
  aria-label="Monday, June 8th, 2020"
@@ -909,6 +897,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
909
897
  <td
910
898
  class="rdp-day"
911
899
  data-day="2020-06-09"
900
+ role="gridcell"
912
901
  >
913
902
  <button
914
903
  aria-label="Tuesday, June 9th, 2020"
@@ -922,6 +911,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
922
911
  <td
923
912
  class="rdp-day"
924
913
  data-day="2020-06-10"
914
+ role="gridcell"
925
915
  >
926
916
  <button
927
917
  aria-label="Wednesday, June 10th, 2020"
@@ -935,6 +925,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
935
925
  <td
936
926
  class="rdp-day"
937
927
  data-day="2020-06-11"
928
+ role="gridcell"
938
929
  >
939
930
  <button
940
931
  aria-label="Thursday, June 11th, 2020"
@@ -948,6 +939,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
948
939
  <td
949
940
  class="rdp-day"
950
941
  data-day="2020-06-12"
942
+ role="gridcell"
951
943
  >
952
944
  <button
953
945
  aria-label="Friday, June 12th, 2020"
@@ -961,6 +953,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
961
953
  <td
962
954
  class="rdp-day"
963
955
  data-day="2020-06-13"
956
+ role="gridcell"
964
957
  >
965
958
  <button
966
959
  aria-label="Saturday, June 13th, 2020"
@@ -978,6 +971,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
978
971
  <td
979
972
  class="rdp-day"
980
973
  data-day="2020-06-14"
974
+ role="gridcell"
981
975
  >
982
976
  <button
983
977
  aria-label="Sunday, June 14th, 2020"
@@ -991,6 +985,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
991
985
  <td
992
986
  class="rdp-day"
993
987
  data-day="2020-06-15"
988
+ role="gridcell"
994
989
  >
995
990
  <button
996
991
  aria-label="Monday, June 15th, 2020"
@@ -1004,6 +999,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
1004
999
  <td
1005
1000
  class="rdp-day"
1006
1001
  data-day="2020-06-16"
1002
+ role="gridcell"
1007
1003
  >
1008
1004
  <button
1009
1005
  aria-label="Tuesday, June 16th, 2020"
@@ -1018,6 +1014,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
1018
1014
  class="rdp-day rdp-focused"
1019
1015
  data-day="2020-06-17"
1020
1016
  data-focused="true"
1017
+ role="gridcell"
1021
1018
  >
1022
1019
  <button
1023
1020
  aria-label="Wednesday, June 17th, 2020"
@@ -1031,6 +1028,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
1031
1028
  <td
1032
1029
  class="rdp-day"
1033
1030
  data-day="2020-06-18"
1031
+ role="gridcell"
1034
1032
  >
1035
1033
  <button
1036
1034
  aria-label="Thursday, June 18th, 2020"
@@ -1044,6 +1042,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
1044
1042
  <td
1045
1043
  class="rdp-day"
1046
1044
  data-day="2020-06-19"
1045
+ role="gridcell"
1047
1046
  >
1048
1047
  <button
1049
1048
  aria-label="Friday, June 19th, 2020"
@@ -1057,6 +1056,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
1057
1056
  <td
1058
1057
  class="rdp-day"
1059
1058
  data-day="2020-06-20"
1059
+ role="gridcell"
1060
1060
  >
1061
1061
  <button
1062
1062
  aria-label="Saturday, June 20th, 2020"
@@ -1074,6 +1074,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
1074
1074
  <td
1075
1075
  class="rdp-day"
1076
1076
  data-day="2020-06-21"
1077
+ role="gridcell"
1077
1078
  >
1078
1079
  <button
1079
1080
  aria-label="Sunday, June 21st, 2020"
@@ -1087,6 +1088,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
1087
1088
  <td
1088
1089
  class="rdp-day"
1089
1090
  data-day="2020-06-22"
1091
+ role="gridcell"
1090
1092
  >
1091
1093
  <button
1092
1094
  aria-label="Monday, June 22nd, 2020"
@@ -1100,6 +1102,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
1100
1102
  <td
1101
1103
  class="rdp-day"
1102
1104
  data-day="2020-06-23"
1105
+ role="gridcell"
1103
1106
  >
1104
1107
  <button
1105
1108
  aria-label="Tuesday, June 23rd, 2020"
@@ -1113,6 +1116,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
1113
1116
  <td
1114
1117
  class="rdp-day"
1115
1118
  data-day="2020-06-24"
1119
+ role="gridcell"
1116
1120
  >
1117
1121
  <button
1118
1122
  aria-label="Wednesday, June 24th, 2020"
@@ -1126,6 +1130,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
1126
1130
  <td
1127
1131
  class="rdp-day"
1128
1132
  data-day="2020-06-25"
1133
+ role="gridcell"
1129
1134
  >
1130
1135
  <button
1131
1136
  aria-label="Thursday, June 25th, 2020"
@@ -1139,6 +1144,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
1139
1144
  <td
1140
1145
  class="rdp-day"
1141
1146
  data-day="2020-06-26"
1147
+ role="gridcell"
1142
1148
  >
1143
1149
  <button
1144
1150
  aria-label="Friday, June 26th, 2020"
@@ -1152,6 +1158,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
1152
1158
  <td
1153
1159
  class="rdp-day"
1154
1160
  data-day="2020-06-27"
1161
+ role="gridcell"
1155
1162
  >
1156
1163
  <button
1157
1164
  aria-label="Saturday, June 27th, 2020"
@@ -1169,6 +1176,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
1169
1176
  <td
1170
1177
  class="rdp-day"
1171
1178
  data-day="2020-06-28"
1179
+ role="gridcell"
1172
1180
  >
1173
1181
  <button
1174
1182
  aria-label="Sunday, June 28th, 2020"
@@ -1182,6 +1190,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
1182
1190
  <td
1183
1191
  class="rdp-day"
1184
1192
  data-day="2020-06-29"
1193
+ role="gridcell"
1185
1194
  >
1186
1195
  <button
1187
1196
  aria-label="Monday, June 29th, 2020"
@@ -1195,6 +1204,7 @@ exports[`when a day in the range is clicked when the day is clicked again when a
1195
1204
  <td
1196
1205
  class="rdp-day"
1197
1206
  data-day="2020-06-30"
1207
+ role="gridcell"
1198
1208
  >
1199
1209
  <button
1200
1210
  aria-label="Tuesday, June 30th, 2020"
@@ -1206,73 +1216,37 @@ exports[`when a day in the range is clicked when the day is clicked again when a
1206
1216
  </button>
1207
1217
  </td>
1208
1218
  <td
1209
- aria-hidden="true"
1210
1219
  class="rdp-day rdp-hidden rdp-outside"
1211
1220
  data-day="2020-07-01"
1212
1221
  data-hidden="true"
1213
1222
  data-month="2020-07"
1214
1223
  data-outside="true"
1215
- >
1216
- <button
1217
- aria-label="Wednesday, July 1st, 2020"
1218
- class="rdp-day_button"
1219
- tabindex="-1"
1220
- type="button"
1221
- >
1222
- 1
1223
- </button>
1224
- </td>
1224
+ role="gridcell"
1225
+ />
1225
1226
  <td
1226
- aria-hidden="true"
1227
1227
  class="rdp-day rdp-hidden rdp-outside"
1228
1228
  data-day="2020-07-02"
1229
1229
  data-hidden="true"
1230
1230
  data-month="2020-07"
1231
1231
  data-outside="true"
1232
- >
1233
- <button
1234
- aria-label="Thursday, July 2nd, 2020"
1235
- class="rdp-day_button"
1236
- tabindex="-1"
1237
- type="button"
1238
- >
1239
- 2
1240
- </button>
1241
- </td>
1232
+ role="gridcell"
1233
+ />
1242
1234
  <td
1243
- aria-hidden="true"
1244
1235
  class="rdp-day rdp-hidden rdp-outside"
1245
1236
  data-day="2020-07-03"
1246
1237
  data-hidden="true"
1247
1238
  data-month="2020-07"
1248
1239
  data-outside="true"
1249
- >
1250
- <button
1251
- aria-label="Friday, July 3rd, 2020"
1252
- class="rdp-day_button"
1253
- tabindex="-1"
1254
- type="button"
1255
- >
1256
- 3
1257
- </button>
1258
- </td>
1240
+ role="gridcell"
1241
+ />
1259
1242
  <td
1260
- aria-hidden="true"
1261
1243
  class="rdp-day rdp-hidden rdp-outside"
1262
1244
  data-day="2020-07-04"
1263
1245
  data-hidden="true"
1264
1246
  data-month="2020-07"
1265
1247
  data-outside="true"
1266
- >
1267
- <button
1268
- aria-label="Saturday, July 4th, 2020"
1269
- class="rdp-day_button"
1270
- tabindex="-1"
1271
- type="button"
1272
- >
1273
- 4
1274
- </button>
1275
- </td>
1248
+ role="gridcell"
1249
+ />
1276
1250
  </tr>
1277
1251
  </tbody>
1278
1252
  </table>