@mirai/ui 1.0.15 → 1.0.18

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 (30) hide show
  1. package/build/components/Calendar/Calendar.Week.js +1 -1
  2. package/build/components/Calendar/Calendar.Week.js.map +1 -1
  3. package/build/components/Calendar/Calendar.js +1 -1
  4. package/build/components/Calendar/Calendar.js.map +1 -1
  5. package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +1240 -16
  6. package/build/components/Calendar/helpers/getFirstDateOfWeek.js +2 -1
  7. package/build/components/Calendar/helpers/getFirstDateOfWeek.js.map +1 -1
  8. package/build/components/Calendar/helpers/getFirstDayOfWeek.js +17 -0
  9. package/build/components/Calendar/helpers/getFirstDayOfWeek.js.map +1 -0
  10. package/build/components/Calendar/helpers/getWeekDays.js +5 -1
  11. package/build/components/Calendar/helpers/getWeekDays.js.map +1 -1
  12. package/build/components/Calendar/helpers/index.js +13 -0
  13. package/build/components/Calendar/helpers/index.js.map +1 -1
  14. package/build/components/InputNumber/InputNumber.js +7 -2
  15. package/build/components/InputNumber/InputNumber.js.map +1 -1
  16. package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +75 -0
  17. package/build/primitives/ScrollView/ScrollView.js +5 -2
  18. package/build/primitives/ScrollView/ScrollView.js.map +1 -1
  19. package/build/primitives/ScrollView/ScrollView.module.css +9 -3
  20. package/build/primitives/ScrollView/__tests__/__snapshots__/ScrollView.test.js.snap +67 -8
  21. package/build/primitives/Text/Text.js +1 -1
  22. package/build/primitives/Text/Text.js.map +1 -1
  23. package/build/theme/default.theme.css +0 -6
  24. package/build/theme/helpers/colorShade.js +34 -0
  25. package/build/theme/helpers/colorShade.js.map +1 -0
  26. package/build/theme/helpers/index.js +13 -0
  27. package/build/theme/helpers/index.js.map +1 -1
  28. package/build/theme/theme.js +14 -0
  29. package/build/theme/theme.js.map +1 -1
  30. package/package.json +1 -1
@@ -6,7 +6,7 @@ exports[`component:<Calendar> inherit:className 1`] = `
6
6
  class="view"
7
7
  >
8
8
  <div
9
- class="scrollview horizontal scrollview mirai"
9
+ class="scrollview snap horizontal scrollview mirai"
10
10
  >
11
11
  <div
12
12
  class="view month mirai"
@@ -1230,7 +1230,7 @@ exports[`component:<Calendar> prop:captions 1`] = `
1230
1230
  class="view"
1231
1231
  >
1232
1232
  <div
1233
- class="scrollview horizontal scrollview"
1233
+ class="scrollview snap horizontal scrollview"
1234
1234
  >
1235
1235
  <div
1236
1236
  class="view month"
@@ -2759,7 +2759,7 @@ exports[`component:<Calendar> prop:disabledDates 1`] = `
2759
2759
  class="view"
2760
2760
  >
2761
2761
  <div
2762
- class="scrollview horizontal scrollview"
2762
+ class="scrollview snap horizontal scrollview"
2763
2763
  >
2764
2764
  <div
2765
2765
  class="view month"
@@ -3983,7 +3983,7 @@ exports[`component:<Calendar> prop:disabledPast 1`] = `
3983
3983
  class="view"
3984
3984
  >
3985
3985
  <div
3986
- class="scrollview horizontal scrollview"
3986
+ class="scrollview snap horizontal scrollview"
3987
3987
  >
3988
3988
  <div
3989
3989
  class="view month"
@@ -5207,7 +5207,7 @@ exports[`component:<Calendar> prop:disabledWeekends 1`] = `
5207
5207
  class="view"
5208
5208
  >
5209
5209
  <div
5210
- class="scrollview horizontal scrollview"
5210
+ class="scrollview snap horizontal scrollview"
5211
5211
  >
5212
5212
  <div
5213
5213
  class="view month"
@@ -6431,7 +6431,7 @@ exports[`component:<Calendar> prop:format 1`] = `
6431
6431
  class="view"
6432
6432
  >
6433
6433
  <div
6434
- class="scrollview horizontal scrollview"
6434
+ class="scrollview snap horizontal scrollview"
6435
6435
  >
6436
6436
  <div
6437
6437
  class="view month"
@@ -7655,7 +7655,7 @@ exports[`component:<Calendar> prop:from 1`] = `
7655
7655
  class="view"
7656
7656
  >
7657
7657
  <div
7658
- class="scrollview horizontal scrollview"
7658
+ class="scrollview snap horizontal scrollview"
7659
7659
  >
7660
7660
  <div
7661
7661
  class="view month"
@@ -8879,7 +8879,7 @@ exports[`component:<Calendar> prop:highlights 1`] = `
8879
8879
  class="view"
8880
8880
  >
8881
8881
  <div
8882
- class="scrollview horizontal scrollview"
8882
+ class="scrollview snap horizontal scrollview"
8883
8883
  >
8884
8884
  <div
8885
8885
  class="view month"
@@ -10103,7 +10103,7 @@ exports[`component:<Calendar> prop:locale 1`] = `
10103
10103
  class="view"
10104
10104
  >
10105
10105
  <div
10106
- class="scrollview horizontal scrollview"
10106
+ class="scrollview snap horizontal scrollview"
10107
10107
  >
10108
10108
  <div
10109
10109
  class="view month"
@@ -11321,13 +11321,1237 @@ exports[`component:<Calendar> prop:locale 1`] = `
11321
11321
  </DocumentFragment>
11322
11322
  `;
11323
11323
 
11324
+ exports[`component:<Calendar> prop:locale en-US 1`] = `
11325
+ <DocumentFragment>
11326
+ <div
11327
+ class="view"
11328
+ >
11329
+ <div
11330
+ class="scrollview snap horizontal scrollview"
11331
+ >
11332
+ <div
11333
+ class="view month"
11334
+ >
11335
+ <div
11336
+ class="view row header"
11337
+ >
11338
+ <span
11339
+ class="text bold paragraph upperCase title"
11340
+ >
11341
+ April 1980
11342
+ </span>
11343
+ </div>
11344
+ <div
11345
+ class="view row weekdays"
11346
+ >
11347
+ <span
11348
+ class="text small upperCase cell weekday"
11349
+ >
11350
+ Sun
11351
+ </span>
11352
+ <span
11353
+ class="text small upperCase cell weekday"
11354
+ >
11355
+ Mon
11356
+ </span>
11357
+ <span
11358
+ class="text small upperCase cell weekday"
11359
+ >
11360
+ Tue
11361
+ </span>
11362
+ <span
11363
+ class="text small upperCase cell weekday"
11364
+ >
11365
+ Wed
11366
+ </span>
11367
+ <span
11368
+ class="text small upperCase cell weekday"
11369
+ >
11370
+ Thu
11371
+ </span>
11372
+ <span
11373
+ class="text small upperCase cell weekday"
11374
+ >
11375
+ Fri
11376
+ </span>
11377
+ <span
11378
+ class="text small upperCase cell weekday"
11379
+ >
11380
+ Sat
11381
+ </span>
11382
+ </div>
11383
+ <div
11384
+ class="view row"
11385
+ >
11386
+ <button
11387
+ class="pressable cell"
11388
+ data-testid="calendar-14-0"
11389
+ disabled=""
11390
+ />
11391
+ <button
11392
+ class="pressable cell"
11393
+ data-testid="calendar-14-1"
11394
+ disabled=""
11395
+ />
11396
+ <button
11397
+ class="pressable cell"
11398
+ data-testid="calendar-14-2"
11399
+ disabled=""
11400
+ >
11401
+ <div
11402
+ class="view day"
11403
+ >
11404
+ <span
11405
+ class="text paragraph textDisabled"
11406
+ >
11407
+ 1
11408
+ </span>
11409
+ </div>
11410
+ </button>
11411
+ <button
11412
+ class="pressable cell"
11413
+ data-testid="calendar-14-3"
11414
+ disabled=""
11415
+ >
11416
+ <div
11417
+ class="view day"
11418
+ >
11419
+ <span
11420
+ class="text paragraph textDisabled"
11421
+ >
11422
+ 2
11423
+ </span>
11424
+ </div>
11425
+ </button>
11426
+ <button
11427
+ class="pressable cell"
11428
+ data-testid="calendar-14-4"
11429
+ disabled=""
11430
+ >
11431
+ <div
11432
+ class="view day"
11433
+ >
11434
+ <span
11435
+ class="text paragraph textDisabled"
11436
+ >
11437
+ 3
11438
+ </span>
11439
+ </div>
11440
+ </button>
11441
+ <button
11442
+ class="pressable cell"
11443
+ data-testid="calendar-14-5"
11444
+ disabled=""
11445
+ >
11446
+ <div
11447
+ class="view day"
11448
+ >
11449
+ <span
11450
+ class="text paragraph textDisabled"
11451
+ >
11452
+ 4
11453
+ </span>
11454
+ </div>
11455
+ </button>
11456
+ <button
11457
+ class="pressable cell"
11458
+ data-testid="calendar-14-6"
11459
+ disabled=""
11460
+ >
11461
+ <div
11462
+ class="view day"
11463
+ >
11464
+ <span
11465
+ class="text paragraph textDisabled"
11466
+ >
11467
+ 5
11468
+ </span>
11469
+ </div>
11470
+ </button>
11471
+ </div>
11472
+ <div
11473
+ class="view row"
11474
+ >
11475
+ <button
11476
+ class="pressable cell"
11477
+ data-testid="calendar-15-0"
11478
+ disabled=""
11479
+ >
11480
+ <div
11481
+ class="view day"
11482
+ >
11483
+ <span
11484
+ class="text paragraph textDisabled"
11485
+ >
11486
+ 6
11487
+ </span>
11488
+ </div>
11489
+ </button>
11490
+ <button
11491
+ class="pressable cell"
11492
+ data-testid="calendar-15-1"
11493
+ disabled=""
11494
+ >
11495
+ <div
11496
+ class="view day"
11497
+ >
11498
+ <span
11499
+ class="text paragraph textDisabled"
11500
+ >
11501
+ 7
11502
+ </span>
11503
+ </div>
11504
+ </button>
11505
+ <button
11506
+ class="pressable cell"
11507
+ data-testid="calendar-15-2"
11508
+ disabled=""
11509
+ >
11510
+ <div
11511
+ class="view day"
11512
+ >
11513
+ <span
11514
+ class="text paragraph textDisabled"
11515
+ >
11516
+ 8
11517
+ </span>
11518
+ </div>
11519
+ </button>
11520
+ <button
11521
+ class="pressable cell"
11522
+ data-testid="calendar-15-3"
11523
+ disabled=""
11524
+ >
11525
+ <div
11526
+ class="view day"
11527
+ >
11528
+ <span
11529
+ class="text paragraph textDisabled"
11530
+ >
11531
+ 9
11532
+ </span>
11533
+ </div>
11534
+ </button>
11535
+ <button
11536
+ class="pressable cell"
11537
+ data-testid="calendar-15-4"
11538
+ disabled=""
11539
+ >
11540
+ <div
11541
+ class="view day daySelected"
11542
+ >
11543
+ <span
11544
+ class="text bold paragraph textDisabled"
11545
+ >
11546
+ 10
11547
+ </span>
11548
+ </div>
11549
+ </button>
11550
+ <button
11551
+ class="pressable cell"
11552
+ data-testid="calendar-15-5"
11553
+ disabled=""
11554
+ >
11555
+ <div
11556
+ class="view day"
11557
+ >
11558
+ <span
11559
+ class="text paragraph textDisabled"
11560
+ >
11561
+ 11
11562
+ </span>
11563
+ </div>
11564
+ </button>
11565
+ <button
11566
+ class="pressable cell"
11567
+ data-testid="calendar-15-6"
11568
+ disabled=""
11569
+ >
11570
+ <div
11571
+ class="view day"
11572
+ >
11573
+ <span
11574
+ class="text paragraph textDisabled"
11575
+ >
11576
+ 12
11577
+ </span>
11578
+ </div>
11579
+ </button>
11580
+ </div>
11581
+ <div
11582
+ class="view row"
11583
+ >
11584
+ <button
11585
+ class="pressable cell"
11586
+ data-testid="calendar-16-0"
11587
+ disabled=""
11588
+ >
11589
+ <div
11590
+ class="view day"
11591
+ >
11592
+ <span
11593
+ class="text paragraph textDisabled"
11594
+ >
11595
+ 13
11596
+ </span>
11597
+ </div>
11598
+ </button>
11599
+ <button
11600
+ class="pressable cell"
11601
+ data-testid="calendar-16-1"
11602
+ disabled=""
11603
+ >
11604
+ <div
11605
+ class="view day"
11606
+ >
11607
+ <span
11608
+ class="text paragraph textDisabled"
11609
+ >
11610
+ 14
11611
+ </span>
11612
+ </div>
11613
+ </button>
11614
+ <button
11615
+ class="pressable cell"
11616
+ data-testid="calendar-16-2"
11617
+ disabled=""
11618
+ >
11619
+ <div
11620
+ class="view day"
11621
+ >
11622
+ <span
11623
+ class="text paragraph textDisabled"
11624
+ >
11625
+ 15
11626
+ </span>
11627
+ </div>
11628
+ </button>
11629
+ <button
11630
+ class="pressable cell"
11631
+ data-testid="calendar-16-3"
11632
+ disabled=""
11633
+ >
11634
+ <div
11635
+ class="view day"
11636
+ >
11637
+ <span
11638
+ class="text paragraph textDisabled"
11639
+ >
11640
+ 16
11641
+ </span>
11642
+ </div>
11643
+ </button>
11644
+ <button
11645
+ class="pressable cell"
11646
+ data-testid="calendar-16-4"
11647
+ disabled=""
11648
+ >
11649
+ <div
11650
+ class="view day"
11651
+ >
11652
+ <span
11653
+ class="text paragraph textDisabled"
11654
+ >
11655
+ 17
11656
+ </span>
11657
+ </div>
11658
+ </button>
11659
+ <button
11660
+ class="pressable cell"
11661
+ data-testid="calendar-16-5"
11662
+ disabled=""
11663
+ >
11664
+ <div
11665
+ class="view day"
11666
+ >
11667
+ <span
11668
+ class="text paragraph textDisabled"
11669
+ >
11670
+ 18
11671
+ </span>
11672
+ </div>
11673
+ </button>
11674
+ <button
11675
+ class="pressable cell"
11676
+ data-testid="calendar-16-6"
11677
+ disabled=""
11678
+ >
11679
+ <div
11680
+ class="view day"
11681
+ >
11682
+ <span
11683
+ class="text paragraph textDisabled"
11684
+ >
11685
+ 19
11686
+ </span>
11687
+ </div>
11688
+ </button>
11689
+ </div>
11690
+ <div
11691
+ class="view row"
11692
+ >
11693
+ <button
11694
+ class="pressable cell"
11695
+ data-testid="calendar-17-0"
11696
+ disabled=""
11697
+ >
11698
+ <div
11699
+ class="view day"
11700
+ >
11701
+ <span
11702
+ class="text paragraph textDisabled"
11703
+ >
11704
+ 20
11705
+ </span>
11706
+ </div>
11707
+ </button>
11708
+ <button
11709
+ class="pressable cell"
11710
+ data-testid="calendar-17-1"
11711
+ disabled=""
11712
+ >
11713
+ <div
11714
+ class="view day"
11715
+ >
11716
+ <span
11717
+ class="text paragraph textDisabled"
11718
+ >
11719
+ 21
11720
+ </span>
11721
+ </div>
11722
+ </button>
11723
+ <button
11724
+ class="pressable cell"
11725
+ data-testid="calendar-17-2"
11726
+ disabled=""
11727
+ >
11728
+ <div
11729
+ class="view day"
11730
+ >
11731
+ <span
11732
+ class="text paragraph textDisabled"
11733
+ >
11734
+ 22
11735
+ </span>
11736
+ </div>
11737
+ </button>
11738
+ <button
11739
+ class="pressable cell"
11740
+ data-testid="calendar-17-3"
11741
+ disabled=""
11742
+ >
11743
+ <div
11744
+ class="view day"
11745
+ >
11746
+ <span
11747
+ class="text paragraph textDisabled"
11748
+ >
11749
+ 23
11750
+ </span>
11751
+ </div>
11752
+ </button>
11753
+ <button
11754
+ class="pressable cell"
11755
+ data-testid="calendar-17-4"
11756
+ disabled=""
11757
+ >
11758
+ <div
11759
+ class="view day"
11760
+ >
11761
+ <span
11762
+ class="text paragraph textDisabled"
11763
+ >
11764
+ 24
11765
+ </span>
11766
+ </div>
11767
+ </button>
11768
+ <button
11769
+ class="pressable cell"
11770
+ data-testid="calendar-17-5"
11771
+ disabled=""
11772
+ >
11773
+ <div
11774
+ class="view day"
11775
+ >
11776
+ <span
11777
+ class="text paragraph textDisabled"
11778
+ >
11779
+ 25
11780
+ </span>
11781
+ </div>
11782
+ </button>
11783
+ <button
11784
+ class="pressable cell"
11785
+ data-testid="calendar-17-6"
11786
+ disabled=""
11787
+ >
11788
+ <div
11789
+ class="view day"
11790
+ >
11791
+ <span
11792
+ class="text paragraph textDisabled"
11793
+ >
11794
+ 26
11795
+ </span>
11796
+ </div>
11797
+ </button>
11798
+ </div>
11799
+ <div
11800
+ class="view row"
11801
+ >
11802
+ <button
11803
+ class="pressable cell"
11804
+ data-testid="calendar-18-0"
11805
+ disabled=""
11806
+ >
11807
+ <div
11808
+ class="view day"
11809
+ >
11810
+ <span
11811
+ class="text paragraph textDisabled"
11812
+ >
11813
+ 27
11814
+ </span>
11815
+ </div>
11816
+ </button>
11817
+ <button
11818
+ class="pressable cell"
11819
+ data-testid="calendar-18-1"
11820
+ disabled=""
11821
+ >
11822
+ <div
11823
+ class="view day"
11824
+ >
11825
+ <span
11826
+ class="text paragraph textDisabled"
11827
+ >
11828
+ 28
11829
+ </span>
11830
+ </div>
11831
+ </button>
11832
+ <button
11833
+ class="pressable cell"
11834
+ data-testid="calendar-18-2"
11835
+ disabled=""
11836
+ >
11837
+ <div
11838
+ class="view day"
11839
+ >
11840
+ <span
11841
+ class="text paragraph textDisabled"
11842
+ >
11843
+ 29
11844
+ </span>
11845
+ </div>
11846
+ </button>
11847
+ <button
11848
+ class="pressable cell"
11849
+ data-testid="calendar-18-3"
11850
+ disabled=""
11851
+ >
11852
+ <div
11853
+ class="view day"
11854
+ >
11855
+ <span
11856
+ class="text paragraph textDisabled"
11857
+ >
11858
+ 30
11859
+ </span>
11860
+ </div>
11861
+ </button>
11862
+ <button
11863
+ class="pressable cell"
11864
+ data-testid="calendar-18-4"
11865
+ disabled=""
11866
+ />
11867
+ <button
11868
+ class="pressable cell"
11869
+ data-testid="calendar-18-5"
11870
+ disabled=""
11871
+ />
11872
+ <button
11873
+ class="pressable cell"
11874
+ data-testid="calendar-18-6"
11875
+ disabled=""
11876
+ />
11877
+ </div>
11878
+ <div
11879
+ class="view row"
11880
+ >
11881
+ <button
11882
+ class="pressable cell"
11883
+ data-testid="calendar-19-0"
11884
+ disabled=""
11885
+ />
11886
+ <button
11887
+ class="pressable cell"
11888
+ data-testid="calendar-19-1"
11889
+ disabled=""
11890
+ />
11891
+ <button
11892
+ class="pressable cell"
11893
+ data-testid="calendar-19-2"
11894
+ disabled=""
11895
+ />
11896
+ <button
11897
+ class="pressable cell"
11898
+ data-testid="calendar-19-3"
11899
+ disabled=""
11900
+ />
11901
+ <button
11902
+ class="pressable cell"
11903
+ data-testid="calendar-19-4"
11904
+ disabled=""
11905
+ />
11906
+ <button
11907
+ class="pressable cell"
11908
+ data-testid="calendar-19-5"
11909
+ disabled=""
11910
+ />
11911
+ <button
11912
+ class="pressable cell"
11913
+ data-testid="calendar-19-6"
11914
+ disabled=""
11915
+ />
11916
+ </div>
11917
+ </div>
11918
+ <div
11919
+ class="view month"
11920
+ >
11921
+ <div
11922
+ class="view row header"
11923
+ >
11924
+ <span
11925
+ class="text bold paragraph upperCase title"
11926
+ >
11927
+ May 1980
11928
+ </span>
11929
+ <button
11930
+ class="pressable"
11931
+ >
11932
+ <span
11933
+ class="icon"
11934
+ >
11935
+ <svg
11936
+ fill="none"
11937
+ height="1em"
11938
+ stroke="currentColor"
11939
+ stroke-linecap="round"
11940
+ stroke-linejoin="round"
11941
+ stroke-width="2"
11942
+ viewBox="0 0 24 24"
11943
+ width="1em"
11944
+ xmlns="http://www.w3.org/2000/svg"
11945
+ >
11946
+ <line
11947
+ x1="5"
11948
+ x2="19"
11949
+ y1="12"
11950
+ y2="12"
11951
+ />
11952
+ <polyline
11953
+ points="12 5 19 12 12 19"
11954
+ />
11955
+ </svg>
11956
+ </span>
11957
+ </button>
11958
+ </div>
11959
+ <div
11960
+ class="view row weekdays"
11961
+ >
11962
+ <span
11963
+ class="text small upperCase cell weekday"
11964
+ >
11965
+ Sun
11966
+ </span>
11967
+ <span
11968
+ class="text small upperCase cell weekday"
11969
+ >
11970
+ Mon
11971
+ </span>
11972
+ <span
11973
+ class="text small upperCase cell weekday"
11974
+ >
11975
+ Tue
11976
+ </span>
11977
+ <span
11978
+ class="text small upperCase cell weekday"
11979
+ >
11980
+ Wed
11981
+ </span>
11982
+ <span
11983
+ class="text small upperCase cell weekday"
11984
+ >
11985
+ Thu
11986
+ </span>
11987
+ <span
11988
+ class="text small upperCase cell weekday"
11989
+ >
11990
+ Fri
11991
+ </span>
11992
+ <span
11993
+ class="text small upperCase cell weekday"
11994
+ >
11995
+ Sat
11996
+ </span>
11997
+ </div>
11998
+ <div
11999
+ class="view row"
12000
+ >
12001
+ <button
12002
+ class="pressable cell"
12003
+ data-testid="calendar-18-0"
12004
+ disabled=""
12005
+ />
12006
+ <button
12007
+ class="pressable cell"
12008
+ data-testid="calendar-18-1"
12009
+ disabled=""
12010
+ />
12011
+ <button
12012
+ class="pressable cell"
12013
+ data-testid="calendar-18-2"
12014
+ disabled=""
12015
+ />
12016
+ <button
12017
+ class="pressable cell"
12018
+ data-testid="calendar-18-3"
12019
+ disabled=""
12020
+ />
12021
+ <button
12022
+ class="pressable cell"
12023
+ data-testid="calendar-18-4"
12024
+ disabled=""
12025
+ >
12026
+ <div
12027
+ class="view day"
12028
+ >
12029
+ <span
12030
+ class="text paragraph textDisabled"
12031
+ >
12032
+ 1
12033
+ </span>
12034
+ </div>
12035
+ </button>
12036
+ <button
12037
+ class="pressable cell"
12038
+ data-testid="calendar-18-5"
12039
+ disabled=""
12040
+ >
12041
+ <div
12042
+ class="view day"
12043
+ >
12044
+ <span
12045
+ class="text paragraph textDisabled"
12046
+ >
12047
+ 2
12048
+ </span>
12049
+ </div>
12050
+ </button>
12051
+ <button
12052
+ class="pressable cell"
12053
+ data-testid="calendar-18-6"
12054
+ disabled=""
12055
+ >
12056
+ <div
12057
+ class="view day"
12058
+ >
12059
+ <span
12060
+ class="text paragraph textDisabled"
12061
+ >
12062
+ 3
12063
+ </span>
12064
+ </div>
12065
+ </button>
12066
+ </div>
12067
+ <div
12068
+ class="view row"
12069
+ >
12070
+ <button
12071
+ class="pressable cell"
12072
+ data-testid="calendar-19-0"
12073
+ disabled=""
12074
+ >
12075
+ <div
12076
+ class="view day"
12077
+ >
12078
+ <span
12079
+ class="text paragraph textDisabled"
12080
+ >
12081
+ 4
12082
+ </span>
12083
+ </div>
12084
+ </button>
12085
+ <button
12086
+ class="pressable cell"
12087
+ data-testid="calendar-19-1"
12088
+ disabled=""
12089
+ >
12090
+ <div
12091
+ class="view day"
12092
+ >
12093
+ <span
12094
+ class="text paragraph textDisabled"
12095
+ >
12096
+ 5
12097
+ </span>
12098
+ </div>
12099
+ </button>
12100
+ <button
12101
+ class="pressable cell"
12102
+ data-testid="calendar-19-2"
12103
+ disabled=""
12104
+ >
12105
+ <div
12106
+ class="view day"
12107
+ >
12108
+ <span
12109
+ class="text paragraph textDisabled"
12110
+ >
12111
+ 6
12112
+ </span>
12113
+ </div>
12114
+ </button>
12115
+ <button
12116
+ class="pressable cell"
12117
+ data-testid="calendar-19-3"
12118
+ disabled=""
12119
+ >
12120
+ <div
12121
+ class="view day"
12122
+ >
12123
+ <span
12124
+ class="text paragraph textDisabled"
12125
+ >
12126
+ 7
12127
+ </span>
12128
+ </div>
12129
+ </button>
12130
+ <button
12131
+ class="pressable cell"
12132
+ data-testid="calendar-19-4"
12133
+ disabled=""
12134
+ >
12135
+ <div
12136
+ class="view day"
12137
+ >
12138
+ <span
12139
+ class="text paragraph textDisabled"
12140
+ >
12141
+ 8
12142
+ </span>
12143
+ </div>
12144
+ </button>
12145
+ <button
12146
+ class="pressable cell"
12147
+ data-testid="calendar-19-5"
12148
+ disabled=""
12149
+ >
12150
+ <div
12151
+ class="view day"
12152
+ >
12153
+ <span
12154
+ class="text paragraph textDisabled"
12155
+ >
12156
+ 9
12157
+ </span>
12158
+ </div>
12159
+ </button>
12160
+ <button
12161
+ class="pressable cell"
12162
+ data-testid="calendar-19-6"
12163
+ disabled=""
12164
+ >
12165
+ <div
12166
+ class="view day"
12167
+ >
12168
+ <span
12169
+ class="text paragraph textDisabled"
12170
+ >
12171
+ 10
12172
+ </span>
12173
+ </div>
12174
+ </button>
12175
+ </div>
12176
+ <div
12177
+ class="view row"
12178
+ >
12179
+ <button
12180
+ class="pressable cell"
12181
+ data-testid="calendar-20-0"
12182
+ disabled=""
12183
+ >
12184
+ <div
12185
+ class="view day"
12186
+ >
12187
+ <span
12188
+ class="text paragraph textDisabled"
12189
+ >
12190
+ 11
12191
+ </span>
12192
+ </div>
12193
+ </button>
12194
+ <button
12195
+ class="pressable cell"
12196
+ data-testid="calendar-20-1"
12197
+ disabled=""
12198
+ >
12199
+ <div
12200
+ class="view day"
12201
+ >
12202
+ <span
12203
+ class="text paragraph textDisabled"
12204
+ >
12205
+ 12
12206
+ </span>
12207
+ </div>
12208
+ </button>
12209
+ <button
12210
+ class="pressable cell"
12211
+ data-testid="calendar-20-2"
12212
+ disabled=""
12213
+ >
12214
+ <div
12215
+ class="view day"
12216
+ >
12217
+ <span
12218
+ class="text paragraph textDisabled"
12219
+ >
12220
+ 13
12221
+ </span>
12222
+ </div>
12223
+ </button>
12224
+ <button
12225
+ class="pressable cell"
12226
+ data-testid="calendar-20-3"
12227
+ disabled=""
12228
+ >
12229
+ <div
12230
+ class="view day"
12231
+ >
12232
+ <span
12233
+ class="text paragraph textDisabled"
12234
+ >
12235
+ 14
12236
+ </span>
12237
+ </div>
12238
+ </button>
12239
+ <button
12240
+ class="pressable cell"
12241
+ data-testid="calendar-20-4"
12242
+ disabled=""
12243
+ >
12244
+ <div
12245
+ class="view day"
12246
+ >
12247
+ <span
12248
+ class="text paragraph textDisabled"
12249
+ >
12250
+ 15
12251
+ </span>
12252
+ </div>
12253
+ </button>
12254
+ <button
12255
+ class="pressable cell"
12256
+ data-testid="calendar-20-5"
12257
+ disabled=""
12258
+ >
12259
+ <div
12260
+ class="view day"
12261
+ >
12262
+ <span
12263
+ class="text paragraph textDisabled"
12264
+ >
12265
+ 16
12266
+ </span>
12267
+ </div>
12268
+ </button>
12269
+ <button
12270
+ class="pressable cell"
12271
+ data-testid="calendar-20-6"
12272
+ disabled=""
12273
+ >
12274
+ <div
12275
+ class="view day"
12276
+ >
12277
+ <span
12278
+ class="text paragraph textDisabled"
12279
+ >
12280
+ 17
12281
+ </span>
12282
+ </div>
12283
+ </button>
12284
+ </div>
12285
+ <div
12286
+ class="view row"
12287
+ >
12288
+ <button
12289
+ class="pressable cell"
12290
+ data-testid="calendar-21-0"
12291
+ disabled=""
12292
+ >
12293
+ <div
12294
+ class="view day"
12295
+ >
12296
+ <span
12297
+ class="text paragraph textDisabled"
12298
+ >
12299
+ 18
12300
+ </span>
12301
+ </div>
12302
+ </button>
12303
+ <button
12304
+ class="pressable cell"
12305
+ data-testid="calendar-21-1"
12306
+ disabled=""
12307
+ >
12308
+ <div
12309
+ class="view day"
12310
+ >
12311
+ <span
12312
+ class="text paragraph textDisabled"
12313
+ >
12314
+ 19
12315
+ </span>
12316
+ </div>
12317
+ </button>
12318
+ <button
12319
+ class="pressable cell"
12320
+ data-testid="calendar-21-2"
12321
+ disabled=""
12322
+ >
12323
+ <div
12324
+ class="view day"
12325
+ >
12326
+ <span
12327
+ class="text paragraph textDisabled"
12328
+ >
12329
+ 20
12330
+ </span>
12331
+ </div>
12332
+ </button>
12333
+ <button
12334
+ class="pressable cell"
12335
+ data-testid="calendar-21-3"
12336
+ disabled=""
12337
+ >
12338
+ <div
12339
+ class="view day"
12340
+ >
12341
+ <span
12342
+ class="text paragraph textDisabled"
12343
+ >
12344
+ 21
12345
+ </span>
12346
+ </div>
12347
+ </button>
12348
+ <button
12349
+ class="pressable cell"
12350
+ data-testid="calendar-21-4"
12351
+ disabled=""
12352
+ >
12353
+ <div
12354
+ class="view day"
12355
+ >
12356
+ <span
12357
+ class="text paragraph textDisabled"
12358
+ >
12359
+ 22
12360
+ </span>
12361
+ </div>
12362
+ </button>
12363
+ <button
12364
+ class="pressable cell"
12365
+ data-testid="calendar-21-5"
12366
+ disabled=""
12367
+ >
12368
+ <div
12369
+ class="view day"
12370
+ >
12371
+ <span
12372
+ class="text paragraph textDisabled"
12373
+ >
12374
+ 23
12375
+ </span>
12376
+ </div>
12377
+ </button>
12378
+ <button
12379
+ class="pressable cell"
12380
+ data-testid="calendar-21-6"
12381
+ disabled=""
12382
+ >
12383
+ <div
12384
+ class="view day"
12385
+ >
12386
+ <span
12387
+ class="text paragraph textDisabled"
12388
+ >
12389
+ 24
12390
+ </span>
12391
+ </div>
12392
+ </button>
12393
+ </div>
12394
+ <div
12395
+ class="view row"
12396
+ >
12397
+ <button
12398
+ class="pressable cell"
12399
+ data-testid="calendar-22-0"
12400
+ disabled=""
12401
+ >
12402
+ <div
12403
+ class="view day"
12404
+ >
12405
+ <span
12406
+ class="text paragraph textDisabled"
12407
+ >
12408
+ 25
12409
+ </span>
12410
+ </div>
12411
+ </button>
12412
+ <button
12413
+ class="pressable cell"
12414
+ data-testid="calendar-22-1"
12415
+ disabled=""
12416
+ >
12417
+ <div
12418
+ class="view day"
12419
+ >
12420
+ <span
12421
+ class="text paragraph textDisabled"
12422
+ >
12423
+ 26
12424
+ </span>
12425
+ </div>
12426
+ </button>
12427
+ <button
12428
+ class="pressable cell"
12429
+ data-testid="calendar-22-2"
12430
+ disabled=""
12431
+ >
12432
+ <div
12433
+ class="view day"
12434
+ >
12435
+ <span
12436
+ class="text paragraph textDisabled"
12437
+ >
12438
+ 27
12439
+ </span>
12440
+ </div>
12441
+ </button>
12442
+ <button
12443
+ class="pressable cell"
12444
+ data-testid="calendar-22-3"
12445
+ disabled=""
12446
+ >
12447
+ <div
12448
+ class="view day"
12449
+ >
12450
+ <span
12451
+ class="text paragraph textDisabled"
12452
+ >
12453
+ 28
12454
+ </span>
12455
+ </div>
12456
+ </button>
12457
+ <button
12458
+ class="pressable cell"
12459
+ data-testid="calendar-22-4"
12460
+ disabled=""
12461
+ >
12462
+ <div
12463
+ class="view day"
12464
+ >
12465
+ <span
12466
+ class="text paragraph textDisabled"
12467
+ >
12468
+ 29
12469
+ </span>
12470
+ </div>
12471
+ </button>
12472
+ <button
12473
+ class="pressable cell"
12474
+ data-testid="calendar-22-5"
12475
+ disabled=""
12476
+ >
12477
+ <div
12478
+ class="view day"
12479
+ >
12480
+ <span
12481
+ class="text paragraph textDisabled"
12482
+ >
12483
+ 30
12484
+ </span>
12485
+ </div>
12486
+ </button>
12487
+ <button
12488
+ class="pressable cell"
12489
+ data-testid="calendar-22-6"
12490
+ disabled=""
12491
+ >
12492
+ <div
12493
+ class="view day"
12494
+ >
12495
+ <span
12496
+ class="text paragraph textDisabled"
12497
+ >
12498
+ 31
12499
+ </span>
12500
+ </div>
12501
+ </button>
12502
+ </div>
12503
+ <div
12504
+ class="view row"
12505
+ >
12506
+ <button
12507
+ class="pressable cell"
12508
+ data-testid="calendar-23-0"
12509
+ disabled=""
12510
+ />
12511
+ <button
12512
+ class="pressable cell"
12513
+ data-testid="calendar-23-1"
12514
+ disabled=""
12515
+ />
12516
+ <button
12517
+ class="pressable cell"
12518
+ data-testid="calendar-23-2"
12519
+ disabled=""
12520
+ />
12521
+ <button
12522
+ class="pressable cell"
12523
+ data-testid="calendar-23-3"
12524
+ disabled=""
12525
+ />
12526
+ <button
12527
+ class="pressable cell"
12528
+ data-testid="calendar-23-4"
12529
+ disabled=""
12530
+ />
12531
+ <button
12532
+ class="pressable cell"
12533
+ data-testid="calendar-23-5"
12534
+ disabled=""
12535
+ />
12536
+ <button
12537
+ class="pressable cell"
12538
+ data-testid="calendar-23-6"
12539
+ disabled=""
12540
+ />
12541
+ </div>
12542
+ </div>
12543
+ </div>
12544
+ </div>
12545
+ </DocumentFragment>
12546
+ `;
12547
+
11324
12548
  exports[`component:<Calendar> prop:months 1`] = `
11325
12549
  <DocumentFragment>
11326
12550
  <div
11327
12551
  class="view"
11328
12552
  >
11329
12553
  <div
11330
- class="scrollview horizontal scrollview"
12554
+ class="scrollview snap horizontal scrollview"
11331
12555
  >
11332
12556
  <div
11333
12557
  class="view month"
@@ -13137,7 +14361,7 @@ exports[`component:<Calendar> prop:range 1`] = `
13137
14361
  class="view"
13138
14362
  >
13139
14363
  <div
13140
- class="scrollview horizontal scrollview"
14364
+ class="scrollview snap horizontal scrollview"
13141
14365
  >
13142
14366
  <div
13143
14367
  class="view month"
@@ -14361,7 +15585,7 @@ exports[`component:<Calendar> prop:rangeMaxDays 1`] = `
14361
15585
  class="view"
14362
15586
  >
14363
15587
  <div
14364
- class="scrollview horizontal scrollview"
15588
+ class="scrollview snap horizontal scrollview"
14365
15589
  >
14366
15590
  <div
14367
15591
  class="view month"
@@ -15585,7 +16809,7 @@ exports[`component:<Calendar> prop:rangeMinDays 1`] = `
15585
16809
  class="view"
15586
16810
  >
15587
16811
  <div
15588
- class="scrollview horizontal scrollview"
16812
+ class="scrollview snap horizontal scrollview"
15589
16813
  >
15590
16814
  <div
15591
16815
  class="view month"
@@ -16809,7 +18033,7 @@ exports[`component:<Calendar> prop:to 1`] = `
16809
18033
  class="view"
16810
18034
  >
16811
18035
  <div
16812
- class="scrollview horizontal scrollview"
18036
+ class="scrollview snap horizontal scrollview"
16813
18037
  >
16814
18038
  <div
16815
18039
  class="view month"
@@ -18033,7 +19257,7 @@ exports[`component:<Calendar> renders 1`] = `
18033
19257
  class="view"
18034
19258
  >
18035
19259
  <div
18036
- class="scrollview horizontal scrollview"
19260
+ class="scrollview snap horizontal scrollview"
18037
19261
  >
18038
19262
  <div
18039
19263
  class="view month"
@@ -19258,7 +20482,7 @@ exports[`component:<Calendar> testID 1`] = `
19258
20482
  data-testid="mirai"
19259
20483
  >
19260
20484
  <div
19261
- class="scrollview horizontal scrollview"
20485
+ class="scrollview snap horizontal scrollview"
19262
20486
  >
19263
20487
  <div
19264
20488
  class="view month"