@zohodesk/components 1.6.32 → 1.6.34

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 (162) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/es/Accordion/__tests__/Accordion.spec.js +117 -3
  3. package/es/Accordion/__tests__/AccordionItem.spec.js +118 -6
  4. package/es/Accordion/__tests__/__snapshots__/Accordion.spec.js.snap +344 -2
  5. package/es/Accordion/__tests__/__snapshots__/AccordionItem.spec.js.snap +155 -3
  6. package/es/Animation/__tests__/Animation.spec.js +28 -4
  7. package/es/Animation/__tests__/__snapshots__/Animation.spec.js.snap +92 -2
  8. package/es/Button/css/Button.module.css +2 -3
  9. package/es/CheckBox/CheckBox.js +1 -1
  10. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +1 -1
  11. package/es/DateTime/DateTime.module.css +2 -2
  12. package/es/DateTime/__tests__/CalendarView.spec.js +70 -3
  13. package/es/DateTime/__tests__/DateTime.spec.js +89 -6
  14. package/es/DateTime/__tests__/DateTimePopupFooter.spec.js +20 -2
  15. package/es/DateTime/__tests__/DateTimePopupHeader.spec.js +29 -2
  16. package/es/DateTime/__tests__/DateWidget.spec.js +34 -2
  17. package/es/DateTime/__tests__/DaysRow.spec.js +19 -3
  18. package/es/DateTime/__tests__/Time.spec.js +50 -3
  19. package/es/DateTime/__tests__/YearView.spec.js +60 -3
  20. package/es/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +2907 -170
  21. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +4392 -108
  22. package/es/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +67 -1
  23. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +187 -1
  24. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +265 -1
  25. package/es/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +155 -2
  26. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +522 -5
  27. package/es/DateTime/__tests__/__snapshots__/YearView.spec.js.snap +540 -0
  28. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +1 -4
  29. package/es/Heading/Heading.module.css +1 -1
  30. package/es/Heading/__tests__/Heading.spec.js +57 -3
  31. package/es/Heading/__tests__/__snapshots__/Heading.spec.js.snap +87 -14
  32. package/es/ListItem/__tests__/ListContainer.spec.js +228 -1
  33. package/es/ListItem/__tests__/ListItem.spec.js +359 -1
  34. package/es/ListItem/__tests__/ListItemWithAvatar.spec.js +390 -1
  35. package/es/ListItem/__tests__/ListItemWithCheckBox.spec.js +214 -1
  36. package/es/ListItem/__tests__/ListItemWithIcon.spec.js +303 -1
  37. package/es/ListItem/__tests__/ListItemWithRadio.spec.js +230 -1
  38. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +602 -0
  39. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +1807 -0
  40. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +2703 -0
  41. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +2909 -0
  42. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +2009 -0
  43. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +3070 -0
  44. package/es/MultiSelect/MultiSelect.module.css +1 -2
  45. package/es/MultiSelect/__tests__/AdvancedGroupMultiSelect.spec.js +671 -1
  46. package/es/MultiSelect/__tests__/AdvancedMultiSelect.spec.js +730 -1
  47. package/es/MultiSelect/__tests__/EmptyState.spec.js +268 -1
  48. package/es/MultiSelect/__tests__/MultiSelect.spec.js +889 -2
  49. package/es/MultiSelect/__tests__/MultiSelectHeader.spec.js +50 -1
  50. package/es/MultiSelect/__tests__/MultiSelectWithAvatar.spec.js +487 -1
  51. package/es/MultiSelect/__tests__/SelectedOptions.spec.js +291 -1
  52. package/es/MultiSelect/__tests__/Suggestions.spec.js +370 -2
  53. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +11785 -0
  54. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +12083 -0
  55. package/es/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +253 -0
  56. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +14052 -0
  57. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +136 -0
  58. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +11506 -0
  59. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +1382 -0
  60. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +3611 -0
  61. package/es/PopOver/__tests__/PopOver.spec.js +141 -2
  62. package/es/PopOver/__tests__/__snapshots__/PopOver.spec.js.snap +1260 -0
  63. package/es/ResponsiveDropBox/__tests__/ResponsiveDropBox.spec.js +212 -1
  64. package/es/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1802 -0
  65. package/es/Tab/Tabs.module.css +1 -2
  66. package/es/Tab/__tests__/Tab.spec.js +249 -1
  67. package/es/Tab/__tests__/TabContent.spec.js +34 -1
  68. package/es/Tab/__tests__/TabContentWrapper.spec.js +72 -1
  69. package/es/Tab/__tests__/TabWrapper.spec.js +163 -1
  70. package/es/Tab/__tests__/Tabs.spec.js +681 -1
  71. package/es/Tab/__tests__/__snapshots__/Tab.spec.js.snap +1049 -0
  72. package/es/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +99 -0
  73. package/es/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +121 -0
  74. package/es/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +2002 -0
  75. package/es/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +11053 -0
  76. package/es/Textarea/Textarea.module.css +1 -1
  77. package/es/Tooltip/Tooltip.module.css +1 -2
  78. package/es/Tooltip/__tests__/Tooltip.spec.js +590 -0
  79. package/es/Tooltip/__tests__/__snapshots__/Tooltip.spec.js.snap +813 -0
  80. package/es/Typography/css/Typography.module.css +8 -7
  81. package/es/common/common.module.css +4 -4
  82. package/lib/Accordion/__tests__/Accordion.spec.js +122 -2
  83. package/lib/Accordion/__tests__/AccordionItem.spec.js +126 -4
  84. package/lib/Accordion/__tests__/__snapshots__/Accordion.spec.js.snap +344 -2
  85. package/lib/Accordion/__tests__/__snapshots__/AccordionItem.spec.js.snap +155 -3
  86. package/lib/Animation/__tests__/Animation.spec.js +31 -5
  87. package/lib/Animation/__tests__/__snapshots__/Animation.spec.js.snap +92 -2
  88. package/lib/Button/css/Button.module.css +2 -3
  89. package/lib/CheckBox/CheckBox.js +1 -1
  90. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +1 -1
  91. package/lib/DateTime/DateTime.module.css +2 -2
  92. package/lib/DateTime/__tests__/CalendarView.spec.js +71 -2
  93. package/lib/DateTime/__tests__/DateTime.spec.js +92 -6
  94. package/lib/DateTime/__tests__/DateTimePopupFooter.spec.js +21 -1
  95. package/lib/DateTime/__tests__/DateTimePopupHeader.spec.js +30 -1
  96. package/lib/DateTime/__tests__/DateWidget.spec.js +35 -1
  97. package/lib/DateTime/__tests__/DaysRow.spec.js +20 -2
  98. package/lib/DateTime/__tests__/Time.spec.js +51 -2
  99. package/lib/DateTime/__tests__/YearView.spec.js +61 -2
  100. package/lib/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +2907 -170
  101. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +4392 -108
  102. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +67 -1
  103. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +187 -1
  104. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +265 -1
  105. package/lib/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +155 -2
  106. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +522 -5
  107. package/lib/DateTime/__tests__/__snapshots__/YearView.spec.js.snap +540 -0
  108. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +1 -4
  109. package/lib/Heading/Heading.module.css +1 -1
  110. package/lib/Heading/__tests__/Heading.spec.js +60 -4
  111. package/lib/Heading/__tests__/__snapshots__/Heading.spec.js.snap +87 -14
  112. package/lib/ListItem/__tests__/ListContainer.spec.js +229 -0
  113. package/lib/ListItem/__tests__/ListItem.spec.js +362 -0
  114. package/lib/ListItem/__tests__/ListItemWithAvatar.spec.js +391 -0
  115. package/lib/ListItem/__tests__/ListItemWithCheckBox.spec.js +215 -0
  116. package/lib/ListItem/__tests__/ListItemWithIcon.spec.js +304 -0
  117. package/lib/ListItem/__tests__/ListItemWithRadio.spec.js +231 -0
  118. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +602 -0
  119. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +1807 -0
  120. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +2703 -0
  121. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +2909 -0
  122. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +2009 -0
  123. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +3070 -0
  124. package/lib/MultiSelect/MultiSelect.module.css +1 -2
  125. package/lib/MultiSelect/__tests__/AdvancedGroupMultiSelect.spec.js +692 -0
  126. package/lib/MultiSelect/__tests__/AdvancedMultiSelect.spec.js +741 -0
  127. package/lib/MultiSelect/__tests__/EmptyState.spec.js +273 -0
  128. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +910 -0
  129. package/lib/MultiSelect/__tests__/MultiSelectHeader.spec.js +51 -0
  130. package/lib/MultiSelect/__tests__/MultiSelectWithAvatar.spec.js +497 -0
  131. package/lib/MultiSelect/__tests__/SelectedOptions.spec.js +305 -0
  132. package/lib/MultiSelect/__tests__/Suggestions.spec.js +375 -0
  133. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +11785 -0
  134. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +12083 -0
  135. package/lib/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +253 -0
  136. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +14052 -0
  137. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +136 -0
  138. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +11506 -0
  139. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +1382 -0
  140. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +3611 -0
  141. package/lib/PopOver/__tests__/PopOver.spec.js +150 -1
  142. package/lib/PopOver/__tests__/__snapshots__/PopOver.spec.js.snap +1260 -0
  143. package/lib/ResponsiveDropBox/__tests__/ResponsiveDropBox.spec.js +213 -0
  144. package/lib/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +1802 -0
  145. package/lib/Tab/Tabs.module.css +1 -2
  146. package/lib/Tab/__tests__/Tab.spec.js +250 -0
  147. package/lib/Tab/__tests__/TabContent.spec.js +35 -0
  148. package/lib/Tab/__tests__/TabContentWrapper.spec.js +76 -0
  149. package/lib/Tab/__tests__/TabWrapper.spec.js +174 -0
  150. package/lib/Tab/__tests__/Tabs.spec.js +741 -0
  151. package/lib/Tab/__tests__/__snapshots__/Tab.spec.js.snap +1049 -0
  152. package/lib/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +99 -0
  153. package/lib/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +121 -0
  154. package/lib/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +2002 -0
  155. package/lib/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +11053 -0
  156. package/lib/Textarea/Textarea.module.css +1 -1
  157. package/lib/Tooltip/Tooltip.module.css +1 -2
  158. package/lib/Tooltip/__tests__/Tooltip.spec.js +629 -0
  159. package/lib/Tooltip/__tests__/__snapshots__/Tooltip.spec.js.snap +813 -0
  160. package/lib/Typography/css/Typography.module.css +8 -7
  161. package/lib/common/common.module.css +4 -4
  162. package/package.json +6 -5
package/lib/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap CHANGED
@@ -1,13 +1,2624 @@
1
1
  // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
- exports[`CalendarView rendering the defult props 1`] = `
3
+ exports[`CalendarView Render with dataId 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
6
  class="d-flex d-h-full d-w-full d-flex-row days"
7
7
  data-id="containerComponent"
8
8
  data-selector-id="container"
9
9
  data-test-id="containerComponent"
10
- />
10
+ >
11
+ <div
12
+ aria-label="Sun"
13
+ class="d-flex-shrink-0 daysStr grid holiday"
14
+ data-id="boxComponent"
15
+ data-selector-id="box"
16
+ data-test-id="boxComponent"
17
+ data-title="Sun"
18
+ >
19
+ S
20
+ </div>
21
+ <div
22
+ aria-label="Mon"
23
+ class="d-flex-shrink-0 daysStr grid"
24
+ data-id="boxComponent"
25
+ data-selector-id="box"
26
+ data-test-id="boxComponent"
27
+ data-title="Mon"
28
+ >
29
+ M
30
+ </div>
31
+ <div
32
+ aria-label="Tue"
33
+ class="d-flex-shrink-0 daysStr grid"
34
+ data-id="boxComponent"
35
+ data-selector-id="box"
36
+ data-test-id="boxComponent"
37
+ data-title="Tue"
38
+ >
39
+ T
40
+ </div>
41
+ <div
42
+ aria-label="Wed"
43
+ class="d-flex-shrink-0 daysStr grid"
44
+ data-id="boxComponent"
45
+ data-selector-id="box"
46
+ data-test-id="boxComponent"
47
+ data-title="Wed"
48
+ >
49
+ W
50
+ </div>
51
+ <div
52
+ aria-label="Thu"
53
+ class="d-flex-shrink-0 daysStr grid"
54
+ data-id="boxComponent"
55
+ data-selector-id="box"
56
+ data-test-id="boxComponent"
57
+ data-title="Thu"
58
+ >
59
+ T
60
+ </div>
61
+ <div
62
+ aria-label="Fri"
63
+ class="d-flex-shrink-0 daysStr grid"
64
+ data-id="boxComponent"
65
+ data-selector-id="box"
66
+ data-test-id="boxComponent"
67
+ data-title="Fri"
68
+ >
69
+ F
70
+ </div>
71
+ <div
72
+ aria-label="Sat"
73
+ class="d-flex-shrink-0 daysStr grid"
74
+ data-id="boxComponent"
75
+ data-selector-id="box"
76
+ data-test-id="boxComponent"
77
+ data-title="Sat"
78
+ >
79
+ S
80
+ </div>
81
+ </div>
82
+ <div
83
+ class="dateContainer separator"
84
+ data-id="customCalendar_dateContainer"
85
+ data-test-id="customCalendar_dateContainer"
86
+ >
87
+ <div
88
+ class="d-flex d-flex-row dateRow"
89
+ data-id="containerComponent"
90
+ data-selector-id="container"
91
+ data-test-id="containerComponent"
92
+ >
93
+ <div
94
+ aria-label="31"
95
+ class="d-flex-shrink-0 datesStr grid holiday invalidDate"
96
+ data-id="customCalendar_invalidDate"
97
+ data-selector-id="box"
98
+ data-test-id="customCalendar_invalidDate"
99
+ >
100
+ 31
101
+ </div>
102
+ <div
103
+ aria-label="1"
104
+ class="d-flex-shrink-0 datesStr grid"
105
+ data-id="customCalendar_date"
106
+ data-selector-id="box"
107
+ data-test-id="customCalendar_date"
108
+ >
109
+ 1
110
+ </div>
111
+ <div
112
+ aria-label="2"
113
+ class="d-flex-shrink-0 datesStr grid"
114
+ data-id="customCalendar_date"
115
+ data-selector-id="box"
116
+ data-test-id="customCalendar_date"
117
+ >
118
+ 2
119
+ </div>
120
+ <div
121
+ aria-label="3"
122
+ class="d-flex-shrink-0 datesStr grid"
123
+ data-id="customCalendar_date"
124
+ data-selector-id="box"
125
+ data-test-id="customCalendar_date"
126
+ >
127
+ 3
128
+ </div>
129
+ <div
130
+ aria-label="4"
131
+ class="d-flex-shrink-0 datesStr grid"
132
+ data-id="customCalendar_date"
133
+ data-selector-id="box"
134
+ data-test-id="customCalendar_date"
135
+ >
136
+ 4
137
+ </div>
138
+ <div
139
+ aria-label="5"
140
+ class="d-flex-shrink-0 datesStr grid"
141
+ data-id="customCalendar_date"
142
+ data-selector-id="box"
143
+ data-test-id="customCalendar_date"
144
+ >
145
+ 5
146
+ </div>
147
+ <div
148
+ aria-label="6"
149
+ class="d-flex-shrink-0 datesStr grid"
150
+ data-id="customCalendar_date"
151
+ data-selector-id="box"
152
+ data-test-id="customCalendar_date"
153
+ >
154
+ 6
155
+ </div>
156
+ </div>
157
+ <div
158
+ class="d-flex d-flex-row dateRow"
159
+ data-id="containerComponent"
160
+ data-selector-id="container"
161
+ data-test-id="containerComponent"
162
+ >
163
+ <div
164
+ aria-label="7"
165
+ class="d-flex-shrink-0 datesStr grid holiday"
166
+ data-id="customCalendar_date"
167
+ data-selector-id="box"
168
+ data-test-id="customCalendar_date"
169
+ >
170
+ 7
171
+ </div>
172
+ <div
173
+ aria-label="8"
174
+ class="d-flex-shrink-0 datesStr grid"
175
+ data-id="customCalendar_date"
176
+ data-selector-id="box"
177
+ data-test-id="customCalendar_date"
178
+ >
179
+ 8
180
+ </div>
181
+ <div
182
+ aria-label="9"
183
+ class="d-flex-shrink-0 datesStr grid"
184
+ data-id="customCalendar_date"
185
+ data-selector-id="box"
186
+ data-test-id="customCalendar_date"
187
+ >
188
+ 9
189
+ </div>
190
+ <div
191
+ aria-label="10"
192
+ class="d-flex-shrink-0 datesStr grid"
193
+ data-id="customCalendar_date"
194
+ data-selector-id="box"
195
+ data-test-id="customCalendar_date"
196
+ >
197
+ 10
198
+ </div>
199
+ <div
200
+ aria-label="11"
201
+ class="d-flex-shrink-0 datesStr grid"
202
+ data-id="customCalendar_date"
203
+ data-selector-id="box"
204
+ data-test-id="customCalendar_date"
205
+ >
206
+ 11
207
+ </div>
208
+ <div
209
+ aria-label="12"
210
+ class="d-flex-shrink-0 datesStr grid"
211
+ data-id="customCalendar_date"
212
+ data-selector-id="box"
213
+ data-test-id="customCalendar_date"
214
+ >
215
+ 12
216
+ </div>
217
+ <div
218
+ aria-label="13"
219
+ class="d-flex-shrink-0 datesStr grid"
220
+ data-id="customCalendar_date"
221
+ data-selector-id="box"
222
+ data-test-id="customCalendar_date"
223
+ >
224
+ 13
225
+ </div>
226
+ </div>
227
+ <div
228
+ class="d-flex d-flex-row dateRow"
229
+ data-id="containerComponent"
230
+ data-selector-id="container"
231
+ data-test-id="containerComponent"
232
+ >
233
+ <div
234
+ aria-label="14"
235
+ class="d-flex-shrink-0 datesStr grid holiday"
236
+ data-id="customCalendar_date"
237
+ data-selector-id="box"
238
+ data-test-id="customCalendar_date"
239
+ >
240
+ 14
241
+ </div>
242
+ <div
243
+ aria-label="15"
244
+ class="d-flex-shrink-0 datesStr grid"
245
+ data-id="customCalendar_date"
246
+ data-selector-id="box"
247
+ data-test-id="customCalendar_date"
248
+ >
249
+ 15
250
+ </div>
251
+ <div
252
+ aria-label="16"
253
+ class="d-flex-shrink-0 datesStr grid"
254
+ data-id="customCalendar_date"
255
+ data-selector-id="box"
256
+ data-test-id="customCalendar_date"
257
+ >
258
+ 16
259
+ </div>
260
+ <div
261
+ aria-label="17"
262
+ class="d-flex-shrink-0 datesStr grid"
263
+ data-id="customCalendar_date"
264
+ data-selector-id="box"
265
+ data-test-id="customCalendar_date"
266
+ >
267
+ 17
268
+ </div>
269
+ <div
270
+ aria-label="18"
271
+ class="d-flex-shrink-0 datesStr grid"
272
+ data-id="customCalendar_date"
273
+ data-selector-id="box"
274
+ data-test-id="customCalendar_date"
275
+ >
276
+ 18
277
+ </div>
278
+ <div
279
+ aria-label="19"
280
+ class="d-flex-shrink-0 datesStr grid"
281
+ data-id="customCalendar_date"
282
+ data-selector-id="box"
283
+ data-test-id="customCalendar_date"
284
+ >
285
+ 19
286
+ </div>
287
+ <div
288
+ aria-label="20"
289
+ class="d-flex-shrink-0 datesStr grid"
290
+ data-id="customCalendar_date"
291
+ data-selector-id="box"
292
+ data-test-id="customCalendar_date"
293
+ >
294
+ 20
295
+ </div>
296
+ </div>
297
+ <div
298
+ class="d-flex d-flex-row dateRow"
299
+ data-id="containerComponent"
300
+ data-selector-id="container"
301
+ data-test-id="containerComponent"
302
+ >
303
+ <div
304
+ aria-label="21"
305
+ class="d-flex-shrink-0 datesStr grid holiday"
306
+ data-id="customCalendar_date"
307
+ data-selector-id="box"
308
+ data-test-id="customCalendar_date"
309
+ >
310
+ 21
311
+ </div>
312
+ <div
313
+ aria-label="22"
314
+ class="d-flex-shrink-0 datesStr grid"
315
+ data-id="customCalendar_date"
316
+ data-selector-id="box"
317
+ data-test-id="customCalendar_date"
318
+ >
319
+ 22
320
+ </div>
321
+ <div
322
+ aria-label="23"
323
+ class="d-flex-shrink-0 datesStr grid"
324
+ data-id="customCalendar_date"
325
+ data-selector-id="box"
326
+ data-test-id="customCalendar_date"
327
+ >
328
+ 23
329
+ </div>
330
+ <div
331
+ aria-label="24"
332
+ class="d-flex-shrink-0 datesStr grid"
333
+ data-id="customCalendar_date"
334
+ data-selector-id="box"
335
+ data-test-id="customCalendar_date"
336
+ >
337
+ 24
338
+ </div>
339
+ <div
340
+ aria-label="25"
341
+ class="d-flex-shrink-0 datesStr grid"
342
+ data-id="customCalendar_date"
343
+ data-selector-id="box"
344
+ data-test-id="customCalendar_date"
345
+ >
346
+ 25
347
+ </div>
348
+ <div
349
+ aria-label="26"
350
+ class="d-flex-shrink-0 datesStr grid"
351
+ data-id="customCalendar_date"
352
+ data-selector-id="box"
353
+ data-test-id="customCalendar_date"
354
+ >
355
+ 26
356
+ </div>
357
+ <div
358
+ aria-label="27"
359
+ class="d-flex-shrink-0 datesStr grid"
360
+ data-id="customCalendar_date"
361
+ data-selector-id="box"
362
+ data-test-id="customCalendar_date"
363
+ >
364
+ 27
365
+ </div>
366
+ </div>
367
+ <div
368
+ class="d-flex d-flex-row dateRow"
369
+ data-id="containerComponent"
370
+ data-selector-id="container"
371
+ data-test-id="containerComponent"
372
+ >
373
+ <div
374
+ aria-label="28"
375
+ class="d-flex-shrink-0 datesStr grid holiday"
376
+ data-id="customCalendar_date"
377
+ data-selector-id="box"
378
+ data-test-id="customCalendar_date"
379
+ >
380
+ 28
381
+ </div>
382
+ <div
383
+ aria-label="29"
384
+ class="d-flex-shrink-0 datesStr grid"
385
+ data-id="customCalendar_date"
386
+ data-selector-id="box"
387
+ data-test-id="customCalendar_date"
388
+ >
389
+ 29
390
+ </div>
391
+ <div
392
+ aria-label="30"
393
+ class="d-flex-shrink-0 datesStr grid"
394
+ data-id="customCalendar_date"
395
+ data-selector-id="box"
396
+ data-test-id="customCalendar_date"
397
+ >
398
+ 30
399
+ </div>
400
+ <div
401
+ aria-label="31"
402
+ class="d-flex-shrink-0 datesStr grid"
403
+ data-id="customCalendar_date"
404
+ data-selector-id="box"
405
+ data-test-id="customCalendar_date"
406
+ >
407
+ 31
408
+ </div>
409
+ <div
410
+ aria-label="1"
411
+ class="d-flex-shrink-0 invalidDate datesStr grid"
412
+ data-id="customCalendar_invalidDate"
413
+ data-selector-id="box"
414
+ data-test-id="customCalendar_invalidDate"
415
+ >
416
+ 1
417
+ </div>
418
+ <div
419
+ aria-label="2"
420
+ class="d-flex-shrink-0 invalidDate datesStr grid"
421
+ data-id="customCalendar_invalidDate"
422
+ data-selector-id="box"
423
+ data-test-id="customCalendar_invalidDate"
424
+ >
425
+ 2
426
+ </div>
427
+ <div
428
+ aria-label="3"
429
+ class="d-flex-shrink-0 invalidDate datesStr grid"
430
+ data-id="customCalendar_invalidDate"
431
+ data-selector-id="box"
432
+ data-test-id="customCalendar_invalidDate"
433
+ >
434
+ 3
435
+ </div>
436
+ </div>
437
+ <div
438
+ class="d-flex d-flex-row dateRow"
439
+ data-id="containerComponent"
440
+ data-selector-id="container"
441
+ data-test-id="containerComponent"
442
+ >
443
+ <div
444
+ aria-label="4"
445
+ class="d-flex-shrink-0 invalidDate datesStr grid holiday"
446
+ data-id="customCalendar_invalidDate"
447
+ data-selector-id="box"
448
+ data-test-id="customCalendar_invalidDate"
449
+ >
450
+ 4
451
+ </div>
452
+ <div
453
+ aria-label="5"
454
+ class="d-flex-shrink-0 invalidDate datesStr grid"
455
+ data-id="customCalendar_invalidDate"
456
+ data-selector-id="box"
457
+ data-test-id="customCalendar_invalidDate"
458
+ >
459
+ 5
460
+ </div>
461
+ <div
462
+ aria-label="6"
463
+ class="d-flex-shrink-0 invalidDate datesStr grid"
464
+ data-id="customCalendar_invalidDate"
465
+ data-selector-id="box"
466
+ data-test-id="customCalendar_invalidDate"
467
+ >
468
+ 6
469
+ </div>
470
+ <div
471
+ aria-label="7"
472
+ class="d-flex-shrink-0 invalidDate datesStr grid"
473
+ data-id="customCalendar_invalidDate"
474
+ data-selector-id="box"
475
+ data-test-id="customCalendar_invalidDate"
476
+ >
477
+ 7
478
+ </div>
479
+ <div
480
+ aria-label="8"
481
+ class="d-flex-shrink-0 invalidDate datesStr grid"
482
+ data-id="customCalendar_invalidDate"
483
+ data-selector-id="box"
484
+ data-test-id="customCalendar_invalidDate"
485
+ >
486
+ 8
487
+ </div>
488
+ <div
489
+ aria-label="9"
490
+ class="d-flex-shrink-0 invalidDate datesStr grid"
491
+ data-id="customCalendar_invalidDate"
492
+ data-selector-id="box"
493
+ data-test-id="customCalendar_invalidDate"
494
+ >
495
+ 9
496
+ </div>
497
+ <div
498
+ aria-label="10"
499
+ class="d-flex-shrink-0 invalidDate datesStr grid"
500
+ data-id="customCalendar_invalidDate"
501
+ data-selector-id="box"
502
+ data-test-id="customCalendar_invalidDate"
503
+ >
504
+ 10
505
+ </div>
506
+ </div>
507
+ </div>
508
+ </DocumentFragment>
509
+ `;
510
+
511
+ exports[`CalendarView Render with date selected 1`] = `
512
+ <DocumentFragment>
513
+ <div
514
+ class="d-flex d-h-full d-w-full d-flex-row days"
515
+ data-id="containerComponent"
516
+ data-selector-id="container"
517
+ data-test-id="containerComponent"
518
+ >
519
+ <div
520
+ aria-label="Sun"
521
+ class="d-flex-shrink-0 daysStr grid holiday"
522
+ data-id="boxComponent"
523
+ data-selector-id="box"
524
+ data-test-id="boxComponent"
525
+ data-title="Sun"
526
+ >
527
+ S
528
+ </div>
529
+ <div
530
+ aria-label="Mon"
531
+ class="d-flex-shrink-0 daysStr grid"
532
+ data-id="boxComponent"
533
+ data-selector-id="box"
534
+ data-test-id="boxComponent"
535
+ data-title="Mon"
536
+ >
537
+ M
538
+ </div>
539
+ <div
540
+ aria-label="Tue"
541
+ class="d-flex-shrink-0 daysStr grid"
542
+ data-id="boxComponent"
543
+ data-selector-id="box"
544
+ data-test-id="boxComponent"
545
+ data-title="Tue"
546
+ >
547
+ T
548
+ </div>
549
+ <div
550
+ aria-label="Wed"
551
+ class="d-flex-shrink-0 daysStr grid"
552
+ data-id="boxComponent"
553
+ data-selector-id="box"
554
+ data-test-id="boxComponent"
555
+ data-title="Wed"
556
+ >
557
+ W
558
+ </div>
559
+ <div
560
+ aria-label="Thu"
561
+ class="d-flex-shrink-0 daysStr grid"
562
+ data-id="boxComponent"
563
+ data-selector-id="box"
564
+ data-test-id="boxComponent"
565
+ data-title="Thu"
566
+ >
567
+ T
568
+ </div>
569
+ <div
570
+ aria-label="Fri"
571
+ class="d-flex-shrink-0 daysStr grid"
572
+ data-id="boxComponent"
573
+ data-selector-id="box"
574
+ data-test-id="boxComponent"
575
+ data-title="Fri"
576
+ >
577
+ F
578
+ </div>
579
+ <div
580
+ aria-label="Sat"
581
+ class="d-flex-shrink-0 daysStr grid"
582
+ data-id="boxComponent"
583
+ data-selector-id="box"
584
+ data-test-id="boxComponent"
585
+ data-title="Sat"
586
+ >
587
+ S
588
+ </div>
589
+ </div>
590
+ <div
591
+ class="dateContainer separator"
592
+ data-id="dateContainer_dateContainer"
593
+ data-test-id="dateContainer_dateContainer"
594
+ >
595
+ <div
596
+ class="d-flex d-flex-row dateRow"
597
+ data-id="containerComponent"
598
+ data-selector-id="container"
599
+ data-test-id="containerComponent"
600
+ >
601
+ <div
602
+ aria-label="31"
603
+ class="d-flex-shrink-0 datesStr grid holiday invalidDate"
604
+ data-id="dateContainer_invalidDate"
605
+ data-selector-id="box"
606
+ data-test-id="dateContainer_invalidDate"
607
+ >
608
+ 31
609
+ </div>
610
+ <div
611
+ aria-label="1"
612
+ class="d-flex-shrink-0 datesStr grid"
613
+ data-id="dateContainer_date"
614
+ data-selector-id="box"
615
+ data-test-id="dateContainer_date"
616
+ >
617
+ 1
618
+ </div>
619
+ <div
620
+ aria-label="2"
621
+ class="d-flex-shrink-0 datesStr grid"
622
+ data-id="dateContainer_date"
623
+ data-selector-id="box"
624
+ data-test-id="dateContainer_date"
625
+ >
626
+ 2
627
+ </div>
628
+ <div
629
+ aria-label="3"
630
+ class="d-flex-shrink-0 datesStr grid"
631
+ data-id="dateContainer_date"
632
+ data-selector-id="box"
633
+ data-test-id="dateContainer_date"
634
+ >
635
+ 3
636
+ </div>
637
+ <div
638
+ aria-label="4"
639
+ class="d-flex-shrink-0 datesStr grid"
640
+ data-id="dateContainer_date"
641
+ data-selector-id="box"
642
+ data-test-id="dateContainer_date"
643
+ >
644
+ 4
645
+ </div>
646
+ <div
647
+ aria-label="5"
648
+ class="d-flex-shrink-0 datesStr grid"
649
+ data-id="dateContainer_date"
650
+ data-selector-id="box"
651
+ data-test-id="dateContainer_date"
652
+ >
653
+ 5
654
+ </div>
655
+ <div
656
+ aria-label="6"
657
+ class="d-flex-shrink-0 datesStr grid"
658
+ data-id="dateContainer_date"
659
+ data-selector-id="box"
660
+ data-test-id="dateContainer_date"
661
+ >
662
+ 6
663
+ </div>
664
+ </div>
665
+ <div
666
+ class="d-flex d-flex-row dateRow"
667
+ data-id="containerComponent"
668
+ data-selector-id="container"
669
+ data-test-id="containerComponent"
670
+ >
671
+ <div
672
+ aria-label="7"
673
+ class="d-flex-shrink-0 datesStr grid holiday"
674
+ data-id="dateContainer_date"
675
+ data-selector-id="box"
676
+ data-test-id="dateContainer_date"
677
+ >
678
+ 7
679
+ </div>
680
+ <div
681
+ aria-label="8"
682
+ class="d-flex-shrink-0 datesStr grid"
683
+ data-id="dateContainer_date"
684
+ data-selector-id="box"
685
+ data-test-id="dateContainer_date"
686
+ >
687
+ 8
688
+ </div>
689
+ <div
690
+ aria-label="9"
691
+ class="d-flex-shrink-0 datesStr grid"
692
+ data-id="dateContainer_date"
693
+ data-selector-id="box"
694
+ data-test-id="dateContainer_date"
695
+ >
696
+ 9
697
+ </div>
698
+ <div
699
+ aria-label="10"
700
+ class="d-flex-shrink-0 datesStr grid"
701
+ data-id="dateContainer_date"
702
+ data-selector-id="box"
703
+ data-test-id="dateContainer_date"
704
+ >
705
+ 10
706
+ </div>
707
+ <div
708
+ aria-label="11"
709
+ class="d-flex-shrink-0 datesStr grid"
710
+ data-id="dateContainer_date"
711
+ data-selector-id="box"
712
+ data-test-id="dateContainer_date"
713
+ >
714
+ 11
715
+ </div>
716
+ <div
717
+ aria-label="12"
718
+ class="d-flex-shrink-0 datesStr grid"
719
+ data-id="dateContainer_date"
720
+ data-selector-id="box"
721
+ data-test-id="dateContainer_date"
722
+ >
723
+ 12
724
+ </div>
725
+ <div
726
+ aria-label="13"
727
+ class="d-flex-shrink-0 datesStr grid"
728
+ data-id="dateContainer_date"
729
+ data-selector-id="box"
730
+ data-test-id="dateContainer_date"
731
+ >
732
+ 13
733
+ </div>
734
+ </div>
735
+ <div
736
+ class="d-flex d-flex-row dateRow"
737
+ data-id="containerComponent"
738
+ data-selector-id="container"
739
+ data-test-id="containerComponent"
740
+ >
741
+ <div
742
+ aria-label="14"
743
+ class="d-flex-shrink-0 datesStr grid holiday"
744
+ data-id="dateContainer_date"
745
+ data-selector-id="box"
746
+ data-test-id="dateContainer_date"
747
+ >
748
+ 14
749
+ </div>
750
+ <div
751
+ aria-label="15"
752
+ class="d-flex-shrink-0 active datesStr grid"
753
+ data-id="dateContainer_dateSelected"
754
+ data-selector-id="box"
755
+ data-test-id="dateContainer_dateSelected"
756
+ >
757
+ 15
758
+ </div>
759
+ <div
760
+ aria-label="16"
761
+ class="d-flex-shrink-0 datesStr grid"
762
+ data-id="dateContainer_date"
763
+ data-selector-id="box"
764
+ data-test-id="dateContainer_date"
765
+ >
766
+ 16
767
+ </div>
768
+ <div
769
+ aria-label="17"
770
+ class="d-flex-shrink-0 datesStr grid"
771
+ data-id="dateContainer_date"
772
+ data-selector-id="box"
773
+ data-test-id="dateContainer_date"
774
+ >
775
+ 17
776
+ </div>
777
+ <div
778
+ aria-label="18"
779
+ class="d-flex-shrink-0 datesStr grid"
780
+ data-id="dateContainer_date"
781
+ data-selector-id="box"
782
+ data-test-id="dateContainer_date"
783
+ >
784
+ 18
785
+ </div>
786
+ <div
787
+ aria-label="19"
788
+ class="d-flex-shrink-0 datesStr grid"
789
+ data-id="dateContainer_date"
790
+ data-selector-id="box"
791
+ data-test-id="dateContainer_date"
792
+ >
793
+ 19
794
+ </div>
795
+ <div
796
+ aria-label="20"
797
+ class="d-flex-shrink-0 datesStr grid"
798
+ data-id="dateContainer_date"
799
+ data-selector-id="box"
800
+ data-test-id="dateContainer_date"
801
+ >
802
+ 20
803
+ </div>
804
+ </div>
805
+ <div
806
+ class="d-flex d-flex-row dateRow"
807
+ data-id="containerComponent"
808
+ data-selector-id="container"
809
+ data-test-id="containerComponent"
810
+ >
811
+ <div
812
+ aria-label="21"
813
+ class="d-flex-shrink-0 datesStr grid holiday"
814
+ data-id="dateContainer_date"
815
+ data-selector-id="box"
816
+ data-test-id="dateContainer_date"
817
+ >
818
+ 21
819
+ </div>
820
+ <div
821
+ aria-label="22"
822
+ class="d-flex-shrink-0 datesStr grid"
823
+ data-id="dateContainer_date"
824
+ data-selector-id="box"
825
+ data-test-id="dateContainer_date"
826
+ >
827
+ 22
828
+ </div>
829
+ <div
830
+ aria-label="23"
831
+ class="d-flex-shrink-0 datesStr grid"
832
+ data-id="dateContainer_date"
833
+ data-selector-id="box"
834
+ data-test-id="dateContainer_date"
835
+ >
836
+ 23
837
+ </div>
838
+ <div
839
+ aria-label="24"
840
+ class="d-flex-shrink-0 datesStr grid"
841
+ data-id="dateContainer_date"
842
+ data-selector-id="box"
843
+ data-test-id="dateContainer_date"
844
+ >
845
+ 24
846
+ </div>
847
+ <div
848
+ aria-label="25"
849
+ class="d-flex-shrink-0 datesStr grid"
850
+ data-id="dateContainer_date"
851
+ data-selector-id="box"
852
+ data-test-id="dateContainer_date"
853
+ >
854
+ 25
855
+ </div>
856
+ <div
857
+ aria-label="26"
858
+ class="d-flex-shrink-0 datesStr grid"
859
+ data-id="dateContainer_date"
860
+ data-selector-id="box"
861
+ data-test-id="dateContainer_date"
862
+ >
863
+ 26
864
+ </div>
865
+ <div
866
+ aria-label="27"
867
+ class="d-flex-shrink-0 datesStr grid"
868
+ data-id="dateContainer_date"
869
+ data-selector-id="box"
870
+ data-test-id="dateContainer_date"
871
+ >
872
+ 27
873
+ </div>
874
+ </div>
875
+ <div
876
+ class="d-flex d-flex-row dateRow"
877
+ data-id="containerComponent"
878
+ data-selector-id="container"
879
+ data-test-id="containerComponent"
880
+ >
881
+ <div
882
+ aria-label="28"
883
+ class="d-flex-shrink-0 datesStr grid holiday"
884
+ data-id="dateContainer_date"
885
+ data-selector-id="box"
886
+ data-test-id="dateContainer_date"
887
+ >
888
+ 28
889
+ </div>
890
+ <div
891
+ aria-label="29"
892
+ class="d-flex-shrink-0 datesStr grid"
893
+ data-id="dateContainer_date"
894
+ data-selector-id="box"
895
+ data-test-id="dateContainer_date"
896
+ >
897
+ 29
898
+ </div>
899
+ <div
900
+ aria-label="30"
901
+ class="d-flex-shrink-0 datesStr grid"
902
+ data-id="dateContainer_date"
903
+ data-selector-id="box"
904
+ data-test-id="dateContainer_date"
905
+ >
906
+ 30
907
+ </div>
908
+ <div
909
+ aria-label="31"
910
+ class="d-flex-shrink-0 datesStr grid"
911
+ data-id="dateContainer_date"
912
+ data-selector-id="box"
913
+ data-test-id="dateContainer_date"
914
+ >
915
+ 31
916
+ </div>
917
+ <div
918
+ aria-label="1"
919
+ class="d-flex-shrink-0 invalidDate datesStr grid"
920
+ data-id="dateContainer_invalidDate"
921
+ data-selector-id="box"
922
+ data-test-id="dateContainer_invalidDate"
923
+ >
924
+ 1
925
+ </div>
926
+ <div
927
+ aria-label="2"
928
+ class="d-flex-shrink-0 invalidDate datesStr grid"
929
+ data-id="dateContainer_invalidDate"
930
+ data-selector-id="box"
931
+ data-test-id="dateContainer_invalidDate"
932
+ >
933
+ 2
934
+ </div>
935
+ <div
936
+ aria-label="3"
937
+ class="d-flex-shrink-0 invalidDate datesStr grid"
938
+ data-id="dateContainer_invalidDate"
939
+ data-selector-id="box"
940
+ data-test-id="dateContainer_invalidDate"
941
+ >
942
+ 3
943
+ </div>
944
+ </div>
945
+ <div
946
+ class="d-flex d-flex-row dateRow"
947
+ data-id="containerComponent"
948
+ data-selector-id="container"
949
+ data-test-id="containerComponent"
950
+ >
951
+ <div
952
+ aria-label="4"
953
+ class="d-flex-shrink-0 invalidDate datesStr grid holiday"
954
+ data-id="dateContainer_invalidDate"
955
+ data-selector-id="box"
956
+ data-test-id="dateContainer_invalidDate"
957
+ >
958
+ 4
959
+ </div>
960
+ <div
961
+ aria-label="5"
962
+ class="d-flex-shrink-0 invalidDate datesStr grid"
963
+ data-id="dateContainer_invalidDate"
964
+ data-selector-id="box"
965
+ data-test-id="dateContainer_invalidDate"
966
+ >
967
+ 5
968
+ </div>
969
+ <div
970
+ aria-label="6"
971
+ class="d-flex-shrink-0 invalidDate datesStr grid"
972
+ data-id="dateContainer_invalidDate"
973
+ data-selector-id="box"
974
+ data-test-id="dateContainer_invalidDate"
975
+ >
976
+ 6
977
+ </div>
978
+ <div
979
+ aria-label="7"
980
+ class="d-flex-shrink-0 invalidDate datesStr grid"
981
+ data-id="dateContainer_invalidDate"
982
+ data-selector-id="box"
983
+ data-test-id="dateContainer_invalidDate"
984
+ >
985
+ 7
986
+ </div>
987
+ <div
988
+ aria-label="8"
989
+ class="d-flex-shrink-0 invalidDate datesStr grid"
990
+ data-id="dateContainer_invalidDate"
991
+ data-selector-id="box"
992
+ data-test-id="dateContainer_invalidDate"
993
+ >
994
+ 8
995
+ </div>
996
+ <div
997
+ aria-label="9"
998
+ class="d-flex-shrink-0 invalidDate datesStr grid"
999
+ data-id="dateContainer_invalidDate"
1000
+ data-selector-id="box"
1001
+ data-test-id="dateContainer_invalidDate"
1002
+ >
1003
+ 9
1004
+ </div>
1005
+ <div
1006
+ aria-label="10"
1007
+ class="d-flex-shrink-0 invalidDate datesStr grid"
1008
+ data-id="dateContainer_invalidDate"
1009
+ data-selector-id="box"
1010
+ data-test-id="dateContainer_invalidDate"
1011
+ >
1012
+ 10
1013
+ </div>
1014
+ </div>
1015
+ </div>
1016
+ </DocumentFragment>
1017
+ `;
1018
+
1019
+ exports[`CalendarView Render with default props 1`] = `
1020
+ <DocumentFragment>
1021
+ <div
1022
+ class="d-flex d-h-full d-w-full d-flex-row days"
1023
+ data-id="containerComponent"
1024
+ data-selector-id="container"
1025
+ data-test-id="containerComponent"
1026
+ >
1027
+ <div
1028
+ aria-label="Sun"
1029
+ class="d-flex-shrink-0 daysStr grid holiday"
1030
+ data-id="boxComponent"
1031
+ data-selector-id="box"
1032
+ data-test-id="boxComponent"
1033
+ data-title="Sun"
1034
+ >
1035
+ S
1036
+ </div>
1037
+ <div
1038
+ aria-label="Mon"
1039
+ class="d-flex-shrink-0 daysStr grid"
1040
+ data-id="boxComponent"
1041
+ data-selector-id="box"
1042
+ data-test-id="boxComponent"
1043
+ data-title="Mon"
1044
+ >
1045
+ M
1046
+ </div>
1047
+ <div
1048
+ aria-label="Tue"
1049
+ class="d-flex-shrink-0 daysStr grid"
1050
+ data-id="boxComponent"
1051
+ data-selector-id="box"
1052
+ data-test-id="boxComponent"
1053
+ data-title="Tue"
1054
+ >
1055
+ T
1056
+ </div>
1057
+ <div
1058
+ aria-label="Wed"
1059
+ class="d-flex-shrink-0 daysStr grid"
1060
+ data-id="boxComponent"
1061
+ data-selector-id="box"
1062
+ data-test-id="boxComponent"
1063
+ data-title="Wed"
1064
+ >
1065
+ W
1066
+ </div>
1067
+ <div
1068
+ aria-label="Thu"
1069
+ class="d-flex-shrink-0 daysStr grid"
1070
+ data-id="boxComponent"
1071
+ data-selector-id="box"
1072
+ data-test-id="boxComponent"
1073
+ data-title="Thu"
1074
+ >
1075
+ T
1076
+ </div>
1077
+ <div
1078
+ aria-label="Fri"
1079
+ class="d-flex-shrink-0 daysStr grid"
1080
+ data-id="boxComponent"
1081
+ data-selector-id="box"
1082
+ data-test-id="boxComponent"
1083
+ data-title="Fri"
1084
+ >
1085
+ F
1086
+ </div>
1087
+ <div
1088
+ aria-label="Sat"
1089
+ class="d-flex-shrink-0 daysStr grid"
1090
+ data-id="boxComponent"
1091
+ data-selector-id="box"
1092
+ data-test-id="boxComponent"
1093
+ data-title="Sat"
1094
+ >
1095
+ S
1096
+ </div>
1097
+ </div>
1098
+ <div
1099
+ class="dateContainer separator"
1100
+ data-id="dateContainer_dateContainer"
1101
+ data-test-id="dateContainer_dateContainer"
1102
+ >
1103
+ <div
1104
+ class="d-flex d-flex-row dateRow"
1105
+ data-id="containerComponent"
1106
+ data-selector-id="container"
1107
+ data-test-id="containerComponent"
1108
+ >
1109
+ <div
1110
+ aria-label="31"
1111
+ class="d-flex-shrink-0 datesStr grid holiday invalidDate"
1112
+ data-id="dateContainer_invalidDate"
1113
+ data-selector-id="box"
1114
+ data-test-id="dateContainer_invalidDate"
1115
+ >
1116
+ 31
1117
+ </div>
1118
+ <div
1119
+ aria-label="1"
1120
+ class="d-flex-shrink-0 datesStr grid"
1121
+ data-id="dateContainer_date"
1122
+ data-selector-id="box"
1123
+ data-test-id="dateContainer_date"
1124
+ >
1125
+ 1
1126
+ </div>
1127
+ <div
1128
+ aria-label="2"
1129
+ class="d-flex-shrink-0 datesStr grid"
1130
+ data-id="dateContainer_date"
1131
+ data-selector-id="box"
1132
+ data-test-id="dateContainer_date"
1133
+ >
1134
+ 2
1135
+ </div>
1136
+ <div
1137
+ aria-label="3"
1138
+ class="d-flex-shrink-0 datesStr grid"
1139
+ data-id="dateContainer_date"
1140
+ data-selector-id="box"
1141
+ data-test-id="dateContainer_date"
1142
+ >
1143
+ 3
1144
+ </div>
1145
+ <div
1146
+ aria-label="4"
1147
+ class="d-flex-shrink-0 datesStr grid"
1148
+ data-id="dateContainer_date"
1149
+ data-selector-id="box"
1150
+ data-test-id="dateContainer_date"
1151
+ >
1152
+ 4
1153
+ </div>
1154
+ <div
1155
+ aria-label="5"
1156
+ class="d-flex-shrink-0 datesStr grid"
1157
+ data-id="dateContainer_date"
1158
+ data-selector-id="box"
1159
+ data-test-id="dateContainer_date"
1160
+ >
1161
+ 5
1162
+ </div>
1163
+ <div
1164
+ aria-label="6"
1165
+ class="d-flex-shrink-0 datesStr grid"
1166
+ data-id="dateContainer_date"
1167
+ data-selector-id="box"
1168
+ data-test-id="dateContainer_date"
1169
+ >
1170
+ 6
1171
+ </div>
1172
+ </div>
1173
+ <div
1174
+ class="d-flex d-flex-row dateRow"
1175
+ data-id="containerComponent"
1176
+ data-selector-id="container"
1177
+ data-test-id="containerComponent"
1178
+ >
1179
+ <div
1180
+ aria-label="7"
1181
+ class="d-flex-shrink-0 datesStr grid holiday"
1182
+ data-id="dateContainer_date"
1183
+ data-selector-id="box"
1184
+ data-test-id="dateContainer_date"
1185
+ >
1186
+ 7
1187
+ </div>
1188
+ <div
1189
+ aria-label="8"
1190
+ class="d-flex-shrink-0 datesStr grid"
1191
+ data-id="dateContainer_date"
1192
+ data-selector-id="box"
1193
+ data-test-id="dateContainer_date"
1194
+ >
1195
+ 8
1196
+ </div>
1197
+ <div
1198
+ aria-label="9"
1199
+ class="d-flex-shrink-0 datesStr grid"
1200
+ data-id="dateContainer_date"
1201
+ data-selector-id="box"
1202
+ data-test-id="dateContainer_date"
1203
+ >
1204
+ 9
1205
+ </div>
1206
+ <div
1207
+ aria-label="10"
1208
+ class="d-flex-shrink-0 datesStr grid"
1209
+ data-id="dateContainer_date"
1210
+ data-selector-id="box"
1211
+ data-test-id="dateContainer_date"
1212
+ >
1213
+ 10
1214
+ </div>
1215
+ <div
1216
+ aria-label="11"
1217
+ class="d-flex-shrink-0 datesStr grid"
1218
+ data-id="dateContainer_date"
1219
+ data-selector-id="box"
1220
+ data-test-id="dateContainer_date"
1221
+ >
1222
+ 11
1223
+ </div>
1224
+ <div
1225
+ aria-label="12"
1226
+ class="d-flex-shrink-0 datesStr grid"
1227
+ data-id="dateContainer_date"
1228
+ data-selector-id="box"
1229
+ data-test-id="dateContainer_date"
1230
+ >
1231
+ 12
1232
+ </div>
1233
+ <div
1234
+ aria-label="13"
1235
+ class="d-flex-shrink-0 datesStr grid"
1236
+ data-id="dateContainer_date"
1237
+ data-selector-id="box"
1238
+ data-test-id="dateContainer_date"
1239
+ >
1240
+ 13
1241
+ </div>
1242
+ </div>
1243
+ <div
1244
+ class="d-flex d-flex-row dateRow"
1245
+ data-id="containerComponent"
1246
+ data-selector-id="container"
1247
+ data-test-id="containerComponent"
1248
+ >
1249
+ <div
1250
+ aria-label="14"
1251
+ class="d-flex-shrink-0 datesStr grid holiday"
1252
+ data-id="dateContainer_date"
1253
+ data-selector-id="box"
1254
+ data-test-id="dateContainer_date"
1255
+ >
1256
+ 14
1257
+ </div>
1258
+ <div
1259
+ aria-label="15"
1260
+ class="d-flex-shrink-0 datesStr grid"
1261
+ data-id="dateContainer_date"
1262
+ data-selector-id="box"
1263
+ data-test-id="dateContainer_date"
1264
+ >
1265
+ 15
1266
+ </div>
1267
+ <div
1268
+ aria-label="16"
1269
+ class="d-flex-shrink-0 datesStr grid"
1270
+ data-id="dateContainer_date"
1271
+ data-selector-id="box"
1272
+ data-test-id="dateContainer_date"
1273
+ >
1274
+ 16
1275
+ </div>
1276
+ <div
1277
+ aria-label="17"
1278
+ class="d-flex-shrink-0 datesStr grid"
1279
+ data-id="dateContainer_date"
1280
+ data-selector-id="box"
1281
+ data-test-id="dateContainer_date"
1282
+ >
1283
+ 17
1284
+ </div>
1285
+ <div
1286
+ aria-label="18"
1287
+ class="d-flex-shrink-0 datesStr grid"
1288
+ data-id="dateContainer_date"
1289
+ data-selector-id="box"
1290
+ data-test-id="dateContainer_date"
1291
+ >
1292
+ 18
1293
+ </div>
1294
+ <div
1295
+ aria-label="19"
1296
+ class="d-flex-shrink-0 datesStr grid"
1297
+ data-id="dateContainer_date"
1298
+ data-selector-id="box"
1299
+ data-test-id="dateContainer_date"
1300
+ >
1301
+ 19
1302
+ </div>
1303
+ <div
1304
+ aria-label="20"
1305
+ class="d-flex-shrink-0 datesStr grid"
1306
+ data-id="dateContainer_date"
1307
+ data-selector-id="box"
1308
+ data-test-id="dateContainer_date"
1309
+ >
1310
+ 20
1311
+ </div>
1312
+ </div>
1313
+ <div
1314
+ class="d-flex d-flex-row dateRow"
1315
+ data-id="containerComponent"
1316
+ data-selector-id="container"
1317
+ data-test-id="containerComponent"
1318
+ >
1319
+ <div
1320
+ aria-label="21"
1321
+ class="d-flex-shrink-0 datesStr grid holiday"
1322
+ data-id="dateContainer_date"
1323
+ data-selector-id="box"
1324
+ data-test-id="dateContainer_date"
1325
+ >
1326
+ 21
1327
+ </div>
1328
+ <div
1329
+ aria-label="22"
1330
+ class="d-flex-shrink-0 datesStr grid"
1331
+ data-id="dateContainer_date"
1332
+ data-selector-id="box"
1333
+ data-test-id="dateContainer_date"
1334
+ >
1335
+ 22
1336
+ </div>
1337
+ <div
1338
+ aria-label="23"
1339
+ class="d-flex-shrink-0 datesStr grid"
1340
+ data-id="dateContainer_date"
1341
+ data-selector-id="box"
1342
+ data-test-id="dateContainer_date"
1343
+ >
1344
+ 23
1345
+ </div>
1346
+ <div
1347
+ aria-label="24"
1348
+ class="d-flex-shrink-0 datesStr grid"
1349
+ data-id="dateContainer_date"
1350
+ data-selector-id="box"
1351
+ data-test-id="dateContainer_date"
1352
+ >
1353
+ 24
1354
+ </div>
1355
+ <div
1356
+ aria-label="25"
1357
+ class="d-flex-shrink-0 datesStr grid"
1358
+ data-id="dateContainer_date"
1359
+ data-selector-id="box"
1360
+ data-test-id="dateContainer_date"
1361
+ >
1362
+ 25
1363
+ </div>
1364
+ <div
1365
+ aria-label="26"
1366
+ class="d-flex-shrink-0 datesStr grid"
1367
+ data-id="dateContainer_date"
1368
+ data-selector-id="box"
1369
+ data-test-id="dateContainer_date"
1370
+ >
1371
+ 26
1372
+ </div>
1373
+ <div
1374
+ aria-label="27"
1375
+ class="d-flex-shrink-0 datesStr grid"
1376
+ data-id="dateContainer_date"
1377
+ data-selector-id="box"
1378
+ data-test-id="dateContainer_date"
1379
+ >
1380
+ 27
1381
+ </div>
1382
+ </div>
1383
+ <div
1384
+ class="d-flex d-flex-row dateRow"
1385
+ data-id="containerComponent"
1386
+ data-selector-id="container"
1387
+ data-test-id="containerComponent"
1388
+ >
1389
+ <div
1390
+ aria-label="28"
1391
+ class="d-flex-shrink-0 datesStr grid holiday"
1392
+ data-id="dateContainer_date"
1393
+ data-selector-id="box"
1394
+ data-test-id="dateContainer_date"
1395
+ >
1396
+ 28
1397
+ </div>
1398
+ <div
1399
+ aria-label="29"
1400
+ class="d-flex-shrink-0 datesStr grid"
1401
+ data-id="dateContainer_date"
1402
+ data-selector-id="box"
1403
+ data-test-id="dateContainer_date"
1404
+ >
1405
+ 29
1406
+ </div>
1407
+ <div
1408
+ aria-label="30"
1409
+ class="d-flex-shrink-0 datesStr grid"
1410
+ data-id="dateContainer_date"
1411
+ data-selector-id="box"
1412
+ data-test-id="dateContainer_date"
1413
+ >
1414
+ 30
1415
+ </div>
1416
+ <div
1417
+ aria-label="31"
1418
+ class="d-flex-shrink-0 datesStr grid"
1419
+ data-id="dateContainer_date"
1420
+ data-selector-id="box"
1421
+ data-test-id="dateContainer_date"
1422
+ >
1423
+ 31
1424
+ </div>
1425
+ <div
1426
+ aria-label="1"
1427
+ class="d-flex-shrink-0 invalidDate datesStr grid"
1428
+ data-id="dateContainer_invalidDate"
1429
+ data-selector-id="box"
1430
+ data-test-id="dateContainer_invalidDate"
1431
+ >
1432
+ 1
1433
+ </div>
1434
+ <div
1435
+ aria-label="2"
1436
+ class="d-flex-shrink-0 invalidDate datesStr grid"
1437
+ data-id="dateContainer_invalidDate"
1438
+ data-selector-id="box"
1439
+ data-test-id="dateContainer_invalidDate"
1440
+ >
1441
+ 2
1442
+ </div>
1443
+ <div
1444
+ aria-label="3"
1445
+ class="d-flex-shrink-0 invalidDate datesStr grid"
1446
+ data-id="dateContainer_invalidDate"
1447
+ data-selector-id="box"
1448
+ data-test-id="dateContainer_invalidDate"
1449
+ >
1450
+ 3
1451
+ </div>
1452
+ </div>
1453
+ <div
1454
+ class="d-flex d-flex-row dateRow"
1455
+ data-id="containerComponent"
1456
+ data-selector-id="container"
1457
+ data-test-id="containerComponent"
1458
+ >
1459
+ <div
1460
+ aria-label="4"
1461
+ class="d-flex-shrink-0 invalidDate datesStr grid holiday"
1462
+ data-id="dateContainer_invalidDate"
1463
+ data-selector-id="box"
1464
+ data-test-id="dateContainer_invalidDate"
1465
+ >
1466
+ 4
1467
+ </div>
1468
+ <div
1469
+ aria-label="5"
1470
+ class="d-flex-shrink-0 invalidDate datesStr grid"
1471
+ data-id="dateContainer_invalidDate"
1472
+ data-selector-id="box"
1473
+ data-test-id="dateContainer_invalidDate"
1474
+ >
1475
+ 5
1476
+ </div>
1477
+ <div
1478
+ aria-label="6"
1479
+ class="d-flex-shrink-0 invalidDate datesStr grid"
1480
+ data-id="dateContainer_invalidDate"
1481
+ data-selector-id="box"
1482
+ data-test-id="dateContainer_invalidDate"
1483
+ >
1484
+ 6
1485
+ </div>
1486
+ <div
1487
+ aria-label="7"
1488
+ class="d-flex-shrink-0 invalidDate datesStr grid"
1489
+ data-id="dateContainer_invalidDate"
1490
+ data-selector-id="box"
1491
+ data-test-id="dateContainer_invalidDate"
1492
+ >
1493
+ 7
1494
+ </div>
1495
+ <div
1496
+ aria-label="8"
1497
+ class="d-flex-shrink-0 invalidDate datesStr grid"
1498
+ data-id="dateContainer_invalidDate"
1499
+ data-selector-id="box"
1500
+ data-test-id="dateContainer_invalidDate"
1501
+ >
1502
+ 8
1503
+ </div>
1504
+ <div
1505
+ aria-label="9"
1506
+ class="d-flex-shrink-0 invalidDate datesStr grid"
1507
+ data-id="dateContainer_invalidDate"
1508
+ data-selector-id="box"
1509
+ data-test-id="dateContainer_invalidDate"
1510
+ >
1511
+ 9
1512
+ </div>
1513
+ <div
1514
+ aria-label="10"
1515
+ class="d-flex-shrink-0 invalidDate datesStr grid"
1516
+ data-id="dateContainer_invalidDate"
1517
+ data-selector-id="box"
1518
+ data-test-id="dateContainer_invalidDate"
1519
+ >
1520
+ 10
1521
+ </div>
1522
+ </div>
1523
+ </div>
1524
+ </DocumentFragment>
1525
+ `;
1526
+
1527
+ exports[`CalendarView Render with holidays 1`] = `
1528
+ <DocumentFragment>
1529
+ <div
1530
+ class="d-flex d-h-full d-w-full d-flex-row days"
1531
+ data-id="containerComponent"
1532
+ data-selector-id="container"
1533
+ data-test-id="containerComponent"
1534
+ >
1535
+ <div
1536
+ aria-label="Sun"
1537
+ class="d-flex-shrink-0 daysStr grid"
1538
+ data-id="boxComponent"
1539
+ data-selector-id="box"
1540
+ data-test-id="boxComponent"
1541
+ data-title="Sun"
1542
+ >
1543
+ S
1544
+ </div>
1545
+ <div
1546
+ aria-label="Mon"
1547
+ class="d-flex-shrink-0 daysStr grid holiday"
1548
+ data-id="boxComponent"
1549
+ data-selector-id="box"
1550
+ data-test-id="boxComponent"
1551
+ data-title="Mon"
1552
+ >
1553
+ M
1554
+ </div>
1555
+ <div
1556
+ aria-label="Tue"
1557
+ class="d-flex-shrink-0 daysStr grid"
1558
+ data-id="boxComponent"
1559
+ data-selector-id="box"
1560
+ data-test-id="boxComponent"
1561
+ data-title="Tue"
1562
+ >
1563
+ T
1564
+ </div>
1565
+ <div
1566
+ aria-label="Wed"
1567
+ class="d-flex-shrink-0 daysStr grid"
1568
+ data-id="boxComponent"
1569
+ data-selector-id="box"
1570
+ data-test-id="boxComponent"
1571
+ data-title="Wed"
1572
+ >
1573
+ W
1574
+ </div>
1575
+ <div
1576
+ aria-label="Thu"
1577
+ class="d-flex-shrink-0 daysStr grid"
1578
+ data-id="boxComponent"
1579
+ data-selector-id="box"
1580
+ data-test-id="boxComponent"
1581
+ data-title="Thu"
1582
+ >
1583
+ T
1584
+ </div>
1585
+ <div
1586
+ aria-label="Fri"
1587
+ class="d-flex-shrink-0 daysStr grid holiday"
1588
+ data-id="boxComponent"
1589
+ data-selector-id="box"
1590
+ data-test-id="boxComponent"
1591
+ data-title="Fri"
1592
+ >
1593
+ F
1594
+ </div>
1595
+ <div
1596
+ aria-label="Sat"
1597
+ class="d-flex-shrink-0 daysStr grid"
1598
+ data-id="boxComponent"
1599
+ data-selector-id="box"
1600
+ data-test-id="boxComponent"
1601
+ data-title="Sat"
1602
+ >
1603
+ S
1604
+ </div>
1605
+ </div>
1606
+ <div
1607
+ class="dateContainer separator"
1608
+ data-id="dateContainer_dateContainer"
1609
+ data-test-id="dateContainer_dateContainer"
1610
+ >
1611
+ <div
1612
+ class="d-flex d-flex-row dateRow"
1613
+ data-id="containerComponent"
1614
+ data-selector-id="container"
1615
+ data-test-id="containerComponent"
1616
+ >
1617
+ <div
1618
+ aria-label="31"
1619
+ class="d-flex-shrink-0 datesStr grid invalidDate"
1620
+ data-id="dateContainer_invalidDate"
1621
+ data-selector-id="box"
1622
+ data-test-id="dateContainer_invalidDate"
1623
+ >
1624
+ 31
1625
+ </div>
1626
+ <div
1627
+ aria-label="1"
1628
+ class="d-flex-shrink-0 datesStr grid holiday"
1629
+ data-id="dateContainer_date"
1630
+ data-selector-id="box"
1631
+ data-test-id="dateContainer_date"
1632
+ >
1633
+ 1
1634
+ </div>
1635
+ <div
1636
+ aria-label="2"
1637
+ class="d-flex-shrink-0 datesStr grid"
1638
+ data-id="dateContainer_date"
1639
+ data-selector-id="box"
1640
+ data-test-id="dateContainer_date"
1641
+ >
1642
+ 2
1643
+ </div>
1644
+ <div
1645
+ aria-label="3"
1646
+ class="d-flex-shrink-0 datesStr grid"
1647
+ data-id="dateContainer_date"
1648
+ data-selector-id="box"
1649
+ data-test-id="dateContainer_date"
1650
+ >
1651
+ 3
1652
+ </div>
1653
+ <div
1654
+ aria-label="4"
1655
+ class="d-flex-shrink-0 datesStr grid"
1656
+ data-id="dateContainer_date"
1657
+ data-selector-id="box"
1658
+ data-test-id="dateContainer_date"
1659
+ >
1660
+ 4
1661
+ </div>
1662
+ <div
1663
+ aria-label="5"
1664
+ class="d-flex-shrink-0 datesStr grid holiday"
1665
+ data-id="dateContainer_date"
1666
+ data-selector-id="box"
1667
+ data-test-id="dateContainer_date"
1668
+ >
1669
+ 5
1670
+ </div>
1671
+ <div
1672
+ aria-label="6"
1673
+ class="d-flex-shrink-0 datesStr grid"
1674
+ data-id="dateContainer_date"
1675
+ data-selector-id="box"
1676
+ data-test-id="dateContainer_date"
1677
+ >
1678
+ 6
1679
+ </div>
1680
+ </div>
1681
+ <div
1682
+ class="d-flex d-flex-row dateRow"
1683
+ data-id="containerComponent"
1684
+ data-selector-id="container"
1685
+ data-test-id="containerComponent"
1686
+ >
1687
+ <div
1688
+ aria-label="7"
1689
+ class="d-flex-shrink-0 datesStr grid"
1690
+ data-id="dateContainer_date"
1691
+ data-selector-id="box"
1692
+ data-test-id="dateContainer_date"
1693
+ >
1694
+ 7
1695
+ </div>
1696
+ <div
1697
+ aria-label="8"
1698
+ class="d-flex-shrink-0 datesStr grid holiday"
1699
+ data-id="dateContainer_date"
1700
+ data-selector-id="box"
1701
+ data-test-id="dateContainer_date"
1702
+ >
1703
+ 8
1704
+ </div>
1705
+ <div
1706
+ aria-label="9"
1707
+ class="d-flex-shrink-0 datesStr grid"
1708
+ data-id="dateContainer_date"
1709
+ data-selector-id="box"
1710
+ data-test-id="dateContainer_date"
1711
+ >
1712
+ 9
1713
+ </div>
1714
+ <div
1715
+ aria-label="10"
1716
+ class="d-flex-shrink-0 datesStr grid"
1717
+ data-id="dateContainer_date"
1718
+ data-selector-id="box"
1719
+ data-test-id="dateContainer_date"
1720
+ >
1721
+ 10
1722
+ </div>
1723
+ <div
1724
+ aria-label="11"
1725
+ class="d-flex-shrink-0 datesStr grid"
1726
+ data-id="dateContainer_date"
1727
+ data-selector-id="box"
1728
+ data-test-id="dateContainer_date"
1729
+ >
1730
+ 11
1731
+ </div>
1732
+ <div
1733
+ aria-label="12"
1734
+ class="d-flex-shrink-0 datesStr grid holiday"
1735
+ data-id="dateContainer_date"
1736
+ data-selector-id="box"
1737
+ data-test-id="dateContainer_date"
1738
+ >
1739
+ 12
1740
+ </div>
1741
+ <div
1742
+ aria-label="13"
1743
+ class="d-flex-shrink-0 datesStr grid"
1744
+ data-id="dateContainer_date"
1745
+ data-selector-id="box"
1746
+ data-test-id="dateContainer_date"
1747
+ >
1748
+ 13
1749
+ </div>
1750
+ </div>
1751
+ <div
1752
+ class="d-flex d-flex-row dateRow"
1753
+ data-id="containerComponent"
1754
+ data-selector-id="container"
1755
+ data-test-id="containerComponent"
1756
+ >
1757
+ <div
1758
+ aria-label="14"
1759
+ class="d-flex-shrink-0 datesStr grid"
1760
+ data-id="dateContainer_date"
1761
+ data-selector-id="box"
1762
+ data-test-id="dateContainer_date"
1763
+ >
1764
+ 14
1765
+ </div>
1766
+ <div
1767
+ aria-label="15"
1768
+ class="d-flex-shrink-0 datesStr grid holiday"
1769
+ data-id="dateContainer_date"
1770
+ data-selector-id="box"
1771
+ data-test-id="dateContainer_date"
1772
+ >
1773
+ 15
1774
+ </div>
1775
+ <div
1776
+ aria-label="16"
1777
+ class="d-flex-shrink-0 datesStr grid"
1778
+ data-id="dateContainer_date"
1779
+ data-selector-id="box"
1780
+ data-test-id="dateContainer_date"
1781
+ >
1782
+ 16
1783
+ </div>
1784
+ <div
1785
+ aria-label="17"
1786
+ class="d-flex-shrink-0 datesStr grid"
1787
+ data-id="dateContainer_date"
1788
+ data-selector-id="box"
1789
+ data-test-id="dateContainer_date"
1790
+ >
1791
+ 17
1792
+ </div>
1793
+ <div
1794
+ aria-label="18"
1795
+ class="d-flex-shrink-0 datesStr grid"
1796
+ data-id="dateContainer_date"
1797
+ data-selector-id="box"
1798
+ data-test-id="dateContainer_date"
1799
+ >
1800
+ 18
1801
+ </div>
1802
+ <div
1803
+ aria-label="19"
1804
+ class="d-flex-shrink-0 datesStr grid holiday"
1805
+ data-id="dateContainer_date"
1806
+ data-selector-id="box"
1807
+ data-test-id="dateContainer_date"
1808
+ >
1809
+ 19
1810
+ </div>
1811
+ <div
1812
+ aria-label="20"
1813
+ class="d-flex-shrink-0 datesStr grid"
1814
+ data-id="dateContainer_date"
1815
+ data-selector-id="box"
1816
+ data-test-id="dateContainer_date"
1817
+ >
1818
+ 20
1819
+ </div>
1820
+ </div>
1821
+ <div
1822
+ class="d-flex d-flex-row dateRow"
1823
+ data-id="containerComponent"
1824
+ data-selector-id="container"
1825
+ data-test-id="containerComponent"
1826
+ >
1827
+ <div
1828
+ aria-label="21"
1829
+ class="d-flex-shrink-0 datesStr grid"
1830
+ data-id="dateContainer_date"
1831
+ data-selector-id="box"
1832
+ data-test-id="dateContainer_date"
1833
+ >
1834
+ 21
1835
+ </div>
1836
+ <div
1837
+ aria-label="22"
1838
+ class="d-flex-shrink-0 datesStr grid holiday"
1839
+ data-id="dateContainer_date"
1840
+ data-selector-id="box"
1841
+ data-test-id="dateContainer_date"
1842
+ >
1843
+ 22
1844
+ </div>
1845
+ <div
1846
+ aria-label="23"
1847
+ class="d-flex-shrink-0 datesStr grid"
1848
+ data-id="dateContainer_date"
1849
+ data-selector-id="box"
1850
+ data-test-id="dateContainer_date"
1851
+ >
1852
+ 23
1853
+ </div>
1854
+ <div
1855
+ aria-label="24"
1856
+ class="d-flex-shrink-0 datesStr grid"
1857
+ data-id="dateContainer_date"
1858
+ data-selector-id="box"
1859
+ data-test-id="dateContainer_date"
1860
+ >
1861
+ 24
1862
+ </div>
1863
+ <div
1864
+ aria-label="25"
1865
+ class="d-flex-shrink-0 datesStr grid"
1866
+ data-id="dateContainer_date"
1867
+ data-selector-id="box"
1868
+ data-test-id="dateContainer_date"
1869
+ >
1870
+ 25
1871
+ </div>
1872
+ <div
1873
+ aria-label="26"
1874
+ class="d-flex-shrink-0 datesStr grid holiday"
1875
+ data-id="dateContainer_date"
1876
+ data-selector-id="box"
1877
+ data-test-id="dateContainer_date"
1878
+ >
1879
+ 26
1880
+ </div>
1881
+ <div
1882
+ aria-label="27"
1883
+ class="d-flex-shrink-0 datesStr grid"
1884
+ data-id="dateContainer_date"
1885
+ data-selector-id="box"
1886
+ data-test-id="dateContainer_date"
1887
+ >
1888
+ 27
1889
+ </div>
1890
+ </div>
1891
+ <div
1892
+ class="d-flex d-flex-row dateRow"
1893
+ data-id="containerComponent"
1894
+ data-selector-id="container"
1895
+ data-test-id="containerComponent"
1896
+ >
1897
+ <div
1898
+ aria-label="28"
1899
+ class="d-flex-shrink-0 datesStr grid"
1900
+ data-id="dateContainer_date"
1901
+ data-selector-id="box"
1902
+ data-test-id="dateContainer_date"
1903
+ >
1904
+ 28
1905
+ </div>
1906
+ <div
1907
+ aria-label="29"
1908
+ class="d-flex-shrink-0 datesStr grid holiday"
1909
+ data-id="dateContainer_date"
1910
+ data-selector-id="box"
1911
+ data-test-id="dateContainer_date"
1912
+ >
1913
+ 29
1914
+ </div>
1915
+ <div
1916
+ aria-label="30"
1917
+ class="d-flex-shrink-0 datesStr grid"
1918
+ data-id="dateContainer_date"
1919
+ data-selector-id="box"
1920
+ data-test-id="dateContainer_date"
1921
+ >
1922
+ 30
1923
+ </div>
1924
+ <div
1925
+ aria-label="31"
1926
+ class="d-flex-shrink-0 datesStr grid"
1927
+ data-id="dateContainer_date"
1928
+ data-selector-id="box"
1929
+ data-test-id="dateContainer_date"
1930
+ >
1931
+ 31
1932
+ </div>
1933
+ <div
1934
+ aria-label="1"
1935
+ class="d-flex-shrink-0 invalidDate datesStr grid"
1936
+ data-id="dateContainer_invalidDate"
1937
+ data-selector-id="box"
1938
+ data-test-id="dateContainer_invalidDate"
1939
+ >
1940
+ 1
1941
+ </div>
1942
+ <div
1943
+ aria-label="2"
1944
+ class="d-flex-shrink-0 invalidDate datesStr grid holiday"
1945
+ data-id="dateContainer_invalidDate"
1946
+ data-selector-id="box"
1947
+ data-test-id="dateContainer_invalidDate"
1948
+ >
1949
+ 2
1950
+ </div>
1951
+ <div
1952
+ aria-label="3"
1953
+ class="d-flex-shrink-0 invalidDate datesStr grid"
1954
+ data-id="dateContainer_invalidDate"
1955
+ data-selector-id="box"
1956
+ data-test-id="dateContainer_invalidDate"
1957
+ >
1958
+ 3
1959
+ </div>
1960
+ </div>
1961
+ <div
1962
+ class="d-flex d-flex-row dateRow"
1963
+ data-id="containerComponent"
1964
+ data-selector-id="container"
1965
+ data-test-id="containerComponent"
1966
+ >
1967
+ <div
1968
+ aria-label="4"
1969
+ class="d-flex-shrink-0 invalidDate datesStr grid"
1970
+ data-id="dateContainer_invalidDate"
1971
+ data-selector-id="box"
1972
+ data-test-id="dateContainer_invalidDate"
1973
+ >
1974
+ 4
1975
+ </div>
1976
+ <div
1977
+ aria-label="5"
1978
+ class="d-flex-shrink-0 invalidDate datesStr grid holiday"
1979
+ data-id="dateContainer_invalidDate"
1980
+ data-selector-id="box"
1981
+ data-test-id="dateContainer_invalidDate"
1982
+ >
1983
+ 5
1984
+ </div>
1985
+ <div
1986
+ aria-label="6"
1987
+ class="d-flex-shrink-0 invalidDate datesStr grid"
1988
+ data-id="dateContainer_invalidDate"
1989
+ data-selector-id="box"
1990
+ data-test-id="dateContainer_invalidDate"
1991
+ >
1992
+ 6
1993
+ </div>
1994
+ <div
1995
+ aria-label="7"
1996
+ class="d-flex-shrink-0 invalidDate datesStr grid"
1997
+ data-id="dateContainer_invalidDate"
1998
+ data-selector-id="box"
1999
+ data-test-id="dateContainer_invalidDate"
2000
+ >
2001
+ 7
2002
+ </div>
2003
+ <div
2004
+ aria-label="8"
2005
+ class="d-flex-shrink-0 invalidDate datesStr grid"
2006
+ data-id="dateContainer_invalidDate"
2007
+ data-selector-id="box"
2008
+ data-test-id="dateContainer_invalidDate"
2009
+ >
2010
+ 8
2011
+ </div>
2012
+ <div
2013
+ aria-label="9"
2014
+ class="d-flex-shrink-0 invalidDate datesStr grid holiday"
2015
+ data-id="dateContainer_invalidDate"
2016
+ data-selector-id="box"
2017
+ data-test-id="dateContainer_invalidDate"
2018
+ >
2019
+ 9
2020
+ </div>
2021
+ <div
2022
+ aria-label="10"
2023
+ class="d-flex-shrink-0 invalidDate datesStr grid"
2024
+ data-id="dateContainer_invalidDate"
2025
+ data-selector-id="box"
2026
+ data-test-id="dateContainer_invalidDate"
2027
+ >
2028
+ 10
2029
+ </div>
2030
+ </div>
2031
+ </div>
2032
+ </DocumentFragment>
2033
+ `;
2034
+
2035
+ exports[`CalendarView Render with needBorder=false 1`] = `
2036
+ <DocumentFragment>
2037
+ <div
2038
+ class="d-flex d-h-full d-w-full d-flex-row days"
2039
+ data-id="containerComponent"
2040
+ data-selector-id="container"
2041
+ data-test-id="containerComponent"
2042
+ >
2043
+ <div
2044
+ aria-label="Sun"
2045
+ class="d-flex-shrink-0 daysStr grid holiday"
2046
+ data-id="boxComponent"
2047
+ data-selector-id="box"
2048
+ data-test-id="boxComponent"
2049
+ data-title="Sun"
2050
+ >
2051
+ S
2052
+ </div>
2053
+ <div
2054
+ aria-label="Mon"
2055
+ class="d-flex-shrink-0 daysStr grid"
2056
+ data-id="boxComponent"
2057
+ data-selector-id="box"
2058
+ data-test-id="boxComponent"
2059
+ data-title="Mon"
2060
+ >
2061
+ M
2062
+ </div>
2063
+ <div
2064
+ aria-label="Tue"
2065
+ class="d-flex-shrink-0 daysStr grid"
2066
+ data-id="boxComponent"
2067
+ data-selector-id="box"
2068
+ data-test-id="boxComponent"
2069
+ data-title="Tue"
2070
+ >
2071
+ T
2072
+ </div>
2073
+ <div
2074
+ aria-label="Wed"
2075
+ class="d-flex-shrink-0 daysStr grid"
2076
+ data-id="boxComponent"
2077
+ data-selector-id="box"
2078
+ data-test-id="boxComponent"
2079
+ data-title="Wed"
2080
+ >
2081
+ W
2082
+ </div>
2083
+ <div
2084
+ aria-label="Thu"
2085
+ class="d-flex-shrink-0 daysStr grid"
2086
+ data-id="boxComponent"
2087
+ data-selector-id="box"
2088
+ data-test-id="boxComponent"
2089
+ data-title="Thu"
2090
+ >
2091
+ T
2092
+ </div>
2093
+ <div
2094
+ aria-label="Fri"
2095
+ class="d-flex-shrink-0 daysStr grid"
2096
+ data-id="boxComponent"
2097
+ data-selector-id="box"
2098
+ data-test-id="boxComponent"
2099
+ data-title="Fri"
2100
+ >
2101
+ F
2102
+ </div>
2103
+ <div
2104
+ aria-label="Sat"
2105
+ class="d-flex-shrink-0 daysStr grid"
2106
+ data-id="boxComponent"
2107
+ data-selector-id="box"
2108
+ data-test-id="boxComponent"
2109
+ data-title="Sat"
2110
+ >
2111
+ S
2112
+ </div>
2113
+ </div>
2114
+ <div
2115
+ class="dateContainer"
2116
+ data-id="dateContainer_dateContainer"
2117
+ data-test-id="dateContainer_dateContainer"
2118
+ >
2119
+ <div
2120
+ class="d-flex d-flex-row dateRow"
2121
+ data-id="containerComponent"
2122
+ data-selector-id="container"
2123
+ data-test-id="containerComponent"
2124
+ >
2125
+ <div
2126
+ aria-label="31"
2127
+ class="d-flex-shrink-0 datesStr grid holiday invalidDate"
2128
+ data-id="dateContainer_invalidDate"
2129
+ data-selector-id="box"
2130
+ data-test-id="dateContainer_invalidDate"
2131
+ >
2132
+ 31
2133
+ </div>
2134
+ <div
2135
+ aria-label="1"
2136
+ class="d-flex-shrink-0 datesStr grid"
2137
+ data-id="dateContainer_date"
2138
+ data-selector-id="box"
2139
+ data-test-id="dateContainer_date"
2140
+ >
2141
+ 1
2142
+ </div>
2143
+ <div
2144
+ aria-label="2"
2145
+ class="d-flex-shrink-0 datesStr grid"
2146
+ data-id="dateContainer_date"
2147
+ data-selector-id="box"
2148
+ data-test-id="dateContainer_date"
2149
+ >
2150
+ 2
2151
+ </div>
2152
+ <div
2153
+ aria-label="3"
2154
+ class="d-flex-shrink-0 datesStr grid"
2155
+ data-id="dateContainer_date"
2156
+ data-selector-id="box"
2157
+ data-test-id="dateContainer_date"
2158
+ >
2159
+ 3
2160
+ </div>
2161
+ <div
2162
+ aria-label="4"
2163
+ class="d-flex-shrink-0 datesStr grid"
2164
+ data-id="dateContainer_date"
2165
+ data-selector-id="box"
2166
+ data-test-id="dateContainer_date"
2167
+ >
2168
+ 4
2169
+ </div>
2170
+ <div
2171
+ aria-label="5"
2172
+ class="d-flex-shrink-0 datesStr grid"
2173
+ data-id="dateContainer_date"
2174
+ data-selector-id="box"
2175
+ data-test-id="dateContainer_date"
2176
+ >
2177
+ 5
2178
+ </div>
2179
+ <div
2180
+ aria-label="6"
2181
+ class="d-flex-shrink-0 datesStr grid"
2182
+ data-id="dateContainer_date"
2183
+ data-selector-id="box"
2184
+ data-test-id="dateContainer_date"
2185
+ >
2186
+ 6
2187
+ </div>
2188
+ </div>
2189
+ <div
2190
+ class="d-flex d-flex-row dateRow"
2191
+ data-id="containerComponent"
2192
+ data-selector-id="container"
2193
+ data-test-id="containerComponent"
2194
+ >
2195
+ <div
2196
+ aria-label="7"
2197
+ class="d-flex-shrink-0 datesStr grid holiday"
2198
+ data-id="dateContainer_date"
2199
+ data-selector-id="box"
2200
+ data-test-id="dateContainer_date"
2201
+ >
2202
+ 7
2203
+ </div>
2204
+ <div
2205
+ aria-label="8"
2206
+ class="d-flex-shrink-0 datesStr grid"
2207
+ data-id="dateContainer_date"
2208
+ data-selector-id="box"
2209
+ data-test-id="dateContainer_date"
2210
+ >
2211
+ 8
2212
+ </div>
2213
+ <div
2214
+ aria-label="9"
2215
+ class="d-flex-shrink-0 datesStr grid"
2216
+ data-id="dateContainer_date"
2217
+ data-selector-id="box"
2218
+ data-test-id="dateContainer_date"
2219
+ >
2220
+ 9
2221
+ </div>
2222
+ <div
2223
+ aria-label="10"
2224
+ class="d-flex-shrink-0 datesStr grid"
2225
+ data-id="dateContainer_date"
2226
+ data-selector-id="box"
2227
+ data-test-id="dateContainer_date"
2228
+ >
2229
+ 10
2230
+ </div>
2231
+ <div
2232
+ aria-label="11"
2233
+ class="d-flex-shrink-0 datesStr grid"
2234
+ data-id="dateContainer_date"
2235
+ data-selector-id="box"
2236
+ data-test-id="dateContainer_date"
2237
+ >
2238
+ 11
2239
+ </div>
2240
+ <div
2241
+ aria-label="12"
2242
+ class="d-flex-shrink-0 datesStr grid"
2243
+ data-id="dateContainer_date"
2244
+ data-selector-id="box"
2245
+ data-test-id="dateContainer_date"
2246
+ >
2247
+ 12
2248
+ </div>
2249
+ <div
2250
+ aria-label="13"
2251
+ class="d-flex-shrink-0 datesStr grid"
2252
+ data-id="dateContainer_date"
2253
+ data-selector-id="box"
2254
+ data-test-id="dateContainer_date"
2255
+ >
2256
+ 13
2257
+ </div>
2258
+ </div>
2259
+ <div
2260
+ class="d-flex d-flex-row dateRow"
2261
+ data-id="containerComponent"
2262
+ data-selector-id="container"
2263
+ data-test-id="containerComponent"
2264
+ >
2265
+ <div
2266
+ aria-label="14"
2267
+ class="d-flex-shrink-0 datesStr grid holiday"
2268
+ data-id="dateContainer_date"
2269
+ data-selector-id="box"
2270
+ data-test-id="dateContainer_date"
2271
+ >
2272
+ 14
2273
+ </div>
2274
+ <div
2275
+ aria-label="15"
2276
+ class="d-flex-shrink-0 datesStr grid"
2277
+ data-id="dateContainer_date"
2278
+ data-selector-id="box"
2279
+ data-test-id="dateContainer_date"
2280
+ >
2281
+ 15
2282
+ </div>
2283
+ <div
2284
+ aria-label="16"
2285
+ class="d-flex-shrink-0 datesStr grid"
2286
+ data-id="dateContainer_date"
2287
+ data-selector-id="box"
2288
+ data-test-id="dateContainer_date"
2289
+ >
2290
+ 16
2291
+ </div>
2292
+ <div
2293
+ aria-label="17"
2294
+ class="d-flex-shrink-0 datesStr grid"
2295
+ data-id="dateContainer_date"
2296
+ data-selector-id="box"
2297
+ data-test-id="dateContainer_date"
2298
+ >
2299
+ 17
2300
+ </div>
2301
+ <div
2302
+ aria-label="18"
2303
+ class="d-flex-shrink-0 datesStr grid"
2304
+ data-id="dateContainer_date"
2305
+ data-selector-id="box"
2306
+ data-test-id="dateContainer_date"
2307
+ >
2308
+ 18
2309
+ </div>
2310
+ <div
2311
+ aria-label="19"
2312
+ class="d-flex-shrink-0 datesStr grid"
2313
+ data-id="dateContainer_date"
2314
+ data-selector-id="box"
2315
+ data-test-id="dateContainer_date"
2316
+ >
2317
+ 19
2318
+ </div>
2319
+ <div
2320
+ aria-label="20"
2321
+ class="d-flex-shrink-0 datesStr grid"
2322
+ data-id="dateContainer_date"
2323
+ data-selector-id="box"
2324
+ data-test-id="dateContainer_date"
2325
+ >
2326
+ 20
2327
+ </div>
2328
+ </div>
2329
+ <div
2330
+ class="d-flex d-flex-row dateRow"
2331
+ data-id="containerComponent"
2332
+ data-selector-id="container"
2333
+ data-test-id="containerComponent"
2334
+ >
2335
+ <div
2336
+ aria-label="21"
2337
+ class="d-flex-shrink-0 datesStr grid holiday"
2338
+ data-id="dateContainer_date"
2339
+ data-selector-id="box"
2340
+ data-test-id="dateContainer_date"
2341
+ >
2342
+ 21
2343
+ </div>
2344
+ <div
2345
+ aria-label="22"
2346
+ class="d-flex-shrink-0 datesStr grid"
2347
+ data-id="dateContainer_date"
2348
+ data-selector-id="box"
2349
+ data-test-id="dateContainer_date"
2350
+ >
2351
+ 22
2352
+ </div>
2353
+ <div
2354
+ aria-label="23"
2355
+ class="d-flex-shrink-0 datesStr grid"
2356
+ data-id="dateContainer_date"
2357
+ data-selector-id="box"
2358
+ data-test-id="dateContainer_date"
2359
+ >
2360
+ 23
2361
+ </div>
2362
+ <div
2363
+ aria-label="24"
2364
+ class="d-flex-shrink-0 datesStr grid"
2365
+ data-id="dateContainer_date"
2366
+ data-selector-id="box"
2367
+ data-test-id="dateContainer_date"
2368
+ >
2369
+ 24
2370
+ </div>
2371
+ <div
2372
+ aria-label="25"
2373
+ class="d-flex-shrink-0 datesStr grid"
2374
+ data-id="dateContainer_date"
2375
+ data-selector-id="box"
2376
+ data-test-id="dateContainer_date"
2377
+ >
2378
+ 25
2379
+ </div>
2380
+ <div
2381
+ aria-label="26"
2382
+ class="d-flex-shrink-0 datesStr grid"
2383
+ data-id="dateContainer_date"
2384
+ data-selector-id="box"
2385
+ data-test-id="dateContainer_date"
2386
+ >
2387
+ 26
2388
+ </div>
2389
+ <div
2390
+ aria-label="27"
2391
+ class="d-flex-shrink-0 datesStr grid"
2392
+ data-id="dateContainer_date"
2393
+ data-selector-id="box"
2394
+ data-test-id="dateContainer_date"
2395
+ >
2396
+ 27
2397
+ </div>
2398
+ </div>
2399
+ <div
2400
+ class="d-flex d-flex-row dateRow"
2401
+ data-id="containerComponent"
2402
+ data-selector-id="container"
2403
+ data-test-id="containerComponent"
2404
+ >
2405
+ <div
2406
+ aria-label="28"
2407
+ class="d-flex-shrink-0 datesStr grid holiday"
2408
+ data-id="dateContainer_date"
2409
+ data-selector-id="box"
2410
+ data-test-id="dateContainer_date"
2411
+ >
2412
+ 28
2413
+ </div>
2414
+ <div
2415
+ aria-label="29"
2416
+ class="d-flex-shrink-0 datesStr grid"
2417
+ data-id="dateContainer_date"
2418
+ data-selector-id="box"
2419
+ data-test-id="dateContainer_date"
2420
+ >
2421
+ 29
2422
+ </div>
2423
+ <div
2424
+ aria-label="30"
2425
+ class="d-flex-shrink-0 datesStr grid"
2426
+ data-id="dateContainer_date"
2427
+ data-selector-id="box"
2428
+ data-test-id="dateContainer_date"
2429
+ >
2430
+ 30
2431
+ </div>
2432
+ <div
2433
+ aria-label="31"
2434
+ class="d-flex-shrink-0 datesStr grid"
2435
+ data-id="dateContainer_date"
2436
+ data-selector-id="box"
2437
+ data-test-id="dateContainer_date"
2438
+ >
2439
+ 31
2440
+ </div>
2441
+ <div
2442
+ aria-label="1"
2443
+ class="d-flex-shrink-0 invalidDate datesStr grid"
2444
+ data-id="dateContainer_invalidDate"
2445
+ data-selector-id="box"
2446
+ data-test-id="dateContainer_invalidDate"
2447
+ >
2448
+ 1
2449
+ </div>
2450
+ <div
2451
+ aria-label="2"
2452
+ class="d-flex-shrink-0 invalidDate datesStr grid"
2453
+ data-id="dateContainer_invalidDate"
2454
+ data-selector-id="box"
2455
+ data-test-id="dateContainer_invalidDate"
2456
+ >
2457
+ 2
2458
+ </div>
2459
+ <div
2460
+ aria-label="3"
2461
+ class="d-flex-shrink-0 invalidDate datesStr grid"
2462
+ data-id="dateContainer_invalidDate"
2463
+ data-selector-id="box"
2464
+ data-test-id="dateContainer_invalidDate"
2465
+ >
2466
+ 3
2467
+ </div>
2468
+ </div>
2469
+ <div
2470
+ class="d-flex d-flex-row dateRow"
2471
+ data-id="containerComponent"
2472
+ data-selector-id="container"
2473
+ data-test-id="containerComponent"
2474
+ >
2475
+ <div
2476
+ aria-label="4"
2477
+ class="d-flex-shrink-0 invalidDate datesStr grid holiday"
2478
+ data-id="dateContainer_invalidDate"
2479
+ data-selector-id="box"
2480
+ data-test-id="dateContainer_invalidDate"
2481
+ >
2482
+ 4
2483
+ </div>
2484
+ <div
2485
+ aria-label="5"
2486
+ class="d-flex-shrink-0 invalidDate datesStr grid"
2487
+ data-id="dateContainer_invalidDate"
2488
+ data-selector-id="box"
2489
+ data-test-id="dateContainer_invalidDate"
2490
+ >
2491
+ 5
2492
+ </div>
2493
+ <div
2494
+ aria-label="6"
2495
+ class="d-flex-shrink-0 invalidDate datesStr grid"
2496
+ data-id="dateContainer_invalidDate"
2497
+ data-selector-id="box"
2498
+ data-test-id="dateContainer_invalidDate"
2499
+ >
2500
+ 6
2501
+ </div>
2502
+ <div
2503
+ aria-label="7"
2504
+ class="d-flex-shrink-0 invalidDate datesStr grid"
2505
+ data-id="dateContainer_invalidDate"
2506
+ data-selector-id="box"
2507
+ data-test-id="dateContainer_invalidDate"
2508
+ >
2509
+ 7
2510
+ </div>
2511
+ <div
2512
+ aria-label="8"
2513
+ class="d-flex-shrink-0 invalidDate datesStr grid"
2514
+ data-id="dateContainer_invalidDate"
2515
+ data-selector-id="box"
2516
+ data-test-id="dateContainer_invalidDate"
2517
+ >
2518
+ 8
2519
+ </div>
2520
+ <div
2521
+ aria-label="9"
2522
+ class="d-flex-shrink-0 invalidDate datesStr grid"
2523
+ data-id="dateContainer_invalidDate"
2524
+ data-selector-id="box"
2525
+ data-test-id="dateContainer_invalidDate"
2526
+ >
2527
+ 9
2528
+ </div>
2529
+ <div
2530
+ aria-label="10"
2531
+ class="d-flex-shrink-0 invalidDate datesStr grid"
2532
+ data-id="dateContainer_invalidDate"
2533
+ data-selector-id="box"
2534
+ data-test-id="dateContainer_invalidDate"
2535
+ >
2536
+ 10
2537
+ </div>
2538
+ </div>
2539
+ </div>
2540
+ </DocumentFragment>
2541
+ `;
2542
+
2543
+ exports[`CalendarView Render with weekStartDay=1 1`] = `
2544
+ <DocumentFragment>
2545
+ <div
2546
+ class="d-flex d-h-full d-w-full d-flex-row days"
2547
+ data-id="containerComponent"
2548
+ data-selector-id="container"
2549
+ data-test-id="containerComponent"
2550
+ >
2551
+ <div
2552
+ aria-label="Sun"
2553
+ class="d-flex-shrink-0 daysStr grid holiday"
2554
+ data-id="boxComponent"
2555
+ data-selector-id="box"
2556
+ data-test-id="boxComponent"
2557
+ data-title="Sun"
2558
+ >
2559
+ S
2560
+ </div>
2561
+ <div
2562
+ aria-label="Mon"
2563
+ class="d-flex-shrink-0 daysStr grid"
2564
+ data-id="boxComponent"
2565
+ data-selector-id="box"
2566
+ data-test-id="boxComponent"
2567
+ data-title="Mon"
2568
+ >
2569
+ M
2570
+ </div>
2571
+ <div
2572
+ aria-label="Tue"
2573
+ class="d-flex-shrink-0 daysStr grid"
2574
+ data-id="boxComponent"
2575
+ data-selector-id="box"
2576
+ data-test-id="boxComponent"
2577
+ data-title="Tue"
2578
+ >
2579
+ T
2580
+ </div>
2581
+ <div
2582
+ aria-label="Wed"
2583
+ class="d-flex-shrink-0 daysStr grid"
2584
+ data-id="boxComponent"
2585
+ data-selector-id="box"
2586
+ data-test-id="boxComponent"
2587
+ data-title="Wed"
2588
+ >
2589
+ W
2590
+ </div>
2591
+ <div
2592
+ aria-label="Thu"
2593
+ class="d-flex-shrink-0 daysStr grid"
2594
+ data-id="boxComponent"
2595
+ data-selector-id="box"
2596
+ data-test-id="boxComponent"
2597
+ data-title="Thu"
2598
+ >
2599
+ T
2600
+ </div>
2601
+ <div
2602
+ aria-label="Fri"
2603
+ class="d-flex-shrink-0 daysStr grid"
2604
+ data-id="boxComponent"
2605
+ data-selector-id="box"
2606
+ data-test-id="boxComponent"
2607
+ data-title="Fri"
2608
+ >
2609
+ F
2610
+ </div>
2611
+ <div
2612
+ aria-label="Sat"
2613
+ class="d-flex-shrink-0 daysStr grid"
2614
+ data-id="boxComponent"
2615
+ data-selector-id="box"
2616
+ data-test-id="boxComponent"
2617
+ data-title="Sat"
2618
+ >
2619
+ S
2620
+ </div>
2621
+ </div>
11
2622
  <div
12
2623
  class="dateContainer separator"
13
2624
  data-id="dateContainer_dateContainer"
@@ -20,47 +2631,68 @@ exports[`CalendarView rendering the defult props 1`] = `
20
2631
  data-test-id="containerComponent"
21
2632
  >
22
2633
  <div
23
- class="d-flex-shrink-0 grid"
24
- data-id="boxComponent"
2634
+ aria-label="1"
2635
+ class="d-flex-shrink-0 datesStr grid holiday"
2636
+ data-id="dateContainer_date"
25
2637
  data-selector-id="box"
26
- data-test-id="boxComponent"
27
- />
2638
+ data-test-id="dateContainer_date"
2639
+ >
2640
+ 1
2641
+ </div>
28
2642
  <div
29
- class="d-flex-shrink-0 grid"
30
- data-id="boxComponent"
2643
+ aria-label="2"
2644
+ class="d-flex-shrink-0 datesStr grid"
2645
+ data-id="dateContainer_date"
31
2646
  data-selector-id="box"
32
- data-test-id="boxComponent"
33
- />
2647
+ data-test-id="dateContainer_date"
2648
+ >
2649
+ 2
2650
+ </div>
34
2651
  <div
35
- class="d-flex-shrink-0 grid"
36
- data-id="boxComponent"
2652
+ aria-label="3"
2653
+ class="d-flex-shrink-0 datesStr grid"
2654
+ data-id="dateContainer_date"
37
2655
  data-selector-id="box"
38
- data-test-id="boxComponent"
39
- />
2656
+ data-test-id="dateContainer_date"
2657
+ >
2658
+ 3
2659
+ </div>
40
2660
  <div
41
- class="d-flex-shrink-0 grid"
42
- data-id="boxComponent"
2661
+ aria-label="4"
2662
+ class="d-flex-shrink-0 datesStr grid"
2663
+ data-id="dateContainer_date"
43
2664
  data-selector-id="box"
44
- data-test-id="boxComponent"
45
- />
2665
+ data-test-id="dateContainer_date"
2666
+ >
2667
+ 4
2668
+ </div>
46
2669
  <div
47
- class="d-flex-shrink-0 grid"
48
- data-id="boxComponent"
2670
+ aria-label="5"
2671
+ class="d-flex-shrink-0 datesStr grid"
2672
+ data-id="dateContainer_date"
49
2673
  data-selector-id="box"
50
- data-test-id="boxComponent"
51
- />
2674
+ data-test-id="dateContainer_date"
2675
+ >
2676
+ 5
2677
+ </div>
52
2678
  <div
53
- class="d-flex-shrink-0 grid"
54
- data-id="boxComponent"
2679
+ aria-label="6"
2680
+ class="d-flex-shrink-0 datesStr grid"
2681
+ data-id="dateContainer_date"
55
2682
  data-selector-id="box"
56
- data-test-id="boxComponent"
57
- />
2683
+ data-test-id="dateContainer_date"
2684
+ >
2685
+ 6
2686
+ </div>
58
2687
  <div
59
- class="d-flex-shrink-0 grid"
60
- data-id="boxComponent"
2688
+ aria-label="7"
2689
+ class="d-flex-shrink-0 datesStr grid"
2690
+ data-id="dateContainer_date"
61
2691
  data-selector-id="box"
62
- data-test-id="boxComponent"
63
- />
2692
+ data-test-id="dateContainer_date"
2693
+ >
2694
+ 7
2695
+ </div>
64
2696
  </div>
65
2697
  <div
66
2698
  class="d-flex d-flex-row dateRow"
@@ -69,47 +2701,68 @@ exports[`CalendarView rendering the defult props 1`] = `
69
2701
  data-test-id="containerComponent"
70
2702
  >
71
2703
  <div
72
- class="d-flex-shrink-0 grid"
73
- data-id="boxComponent"
2704
+ aria-label="8"
2705
+ class="d-flex-shrink-0 datesStr grid holiday"
2706
+ data-id="dateContainer_date"
74
2707
  data-selector-id="box"
75
- data-test-id="boxComponent"
76
- />
2708
+ data-test-id="dateContainer_date"
2709
+ >
2710
+ 8
2711
+ </div>
77
2712
  <div
78
- class="d-flex-shrink-0 grid"
79
- data-id="boxComponent"
2713
+ aria-label="9"
2714
+ class="d-flex-shrink-0 datesStr grid"
2715
+ data-id="dateContainer_date"
80
2716
  data-selector-id="box"
81
- data-test-id="boxComponent"
82
- />
2717
+ data-test-id="dateContainer_date"
2718
+ >
2719
+ 9
2720
+ </div>
83
2721
  <div
84
- class="d-flex-shrink-0 grid"
85
- data-id="boxComponent"
2722
+ aria-label="10"
2723
+ class="d-flex-shrink-0 datesStr grid"
2724
+ data-id="dateContainer_date"
86
2725
  data-selector-id="box"
87
- data-test-id="boxComponent"
88
- />
2726
+ data-test-id="dateContainer_date"
2727
+ >
2728
+ 10
2729
+ </div>
89
2730
  <div
90
- class="d-flex-shrink-0 grid"
91
- data-id="boxComponent"
2731
+ aria-label="11"
2732
+ class="d-flex-shrink-0 datesStr grid"
2733
+ data-id="dateContainer_date"
92
2734
  data-selector-id="box"
93
- data-test-id="boxComponent"
94
- />
2735
+ data-test-id="dateContainer_date"
2736
+ >
2737
+ 11
2738
+ </div>
95
2739
  <div
96
- class="d-flex-shrink-0 grid"
97
- data-id="boxComponent"
2740
+ aria-label="12"
2741
+ class="d-flex-shrink-0 datesStr grid"
2742
+ data-id="dateContainer_date"
98
2743
  data-selector-id="box"
99
- data-test-id="boxComponent"
100
- />
2744
+ data-test-id="dateContainer_date"
2745
+ >
2746
+ 12
2747
+ </div>
101
2748
  <div
102
- class="d-flex-shrink-0 grid"
103
- data-id="boxComponent"
2749
+ aria-label="13"
2750
+ class="d-flex-shrink-0 datesStr grid"
2751
+ data-id="dateContainer_date"
104
2752
  data-selector-id="box"
105
- data-test-id="boxComponent"
106
- />
2753
+ data-test-id="dateContainer_date"
2754
+ >
2755
+ 13
2756
+ </div>
107
2757
  <div
108
- class="d-flex-shrink-0 grid"
109
- data-id="boxComponent"
2758
+ aria-label="14"
2759
+ class="d-flex-shrink-0 datesStr grid"
2760
+ data-id="dateContainer_date"
110
2761
  data-selector-id="box"
111
- data-test-id="boxComponent"
112
- />
2762
+ data-test-id="dateContainer_date"
2763
+ >
2764
+ 14
2765
+ </div>
113
2766
  </div>
114
2767
  <div
115
2768
  class="d-flex d-flex-row dateRow"
@@ -118,47 +2771,68 @@ exports[`CalendarView rendering the defult props 1`] = `
118
2771
  data-test-id="containerComponent"
119
2772
  >
120
2773
  <div
121
- class="d-flex-shrink-0 grid"
122
- data-id="boxComponent"
2774
+ aria-label="15"
2775
+ class="d-flex-shrink-0 datesStr grid holiday"
2776
+ data-id="dateContainer_date"
123
2777
  data-selector-id="box"
124
- data-test-id="boxComponent"
125
- />
2778
+ data-test-id="dateContainer_date"
2779
+ >
2780
+ 15
2781
+ </div>
126
2782
  <div
127
- class="d-flex-shrink-0 grid"
128
- data-id="boxComponent"
2783
+ aria-label="16"
2784
+ class="d-flex-shrink-0 datesStr grid"
2785
+ data-id="dateContainer_date"
129
2786
  data-selector-id="box"
130
- data-test-id="boxComponent"
131
- />
2787
+ data-test-id="dateContainer_date"
2788
+ >
2789
+ 16
2790
+ </div>
132
2791
  <div
133
- class="d-flex-shrink-0 grid"
134
- data-id="boxComponent"
2792
+ aria-label="17"
2793
+ class="d-flex-shrink-0 datesStr grid"
2794
+ data-id="dateContainer_date"
135
2795
  data-selector-id="box"
136
- data-test-id="boxComponent"
137
- />
2796
+ data-test-id="dateContainer_date"
2797
+ >
2798
+ 17
2799
+ </div>
138
2800
  <div
139
- class="d-flex-shrink-0 grid"
140
- data-id="boxComponent"
2801
+ aria-label="18"
2802
+ class="d-flex-shrink-0 datesStr grid"
2803
+ data-id="dateContainer_date"
141
2804
  data-selector-id="box"
142
- data-test-id="boxComponent"
143
- />
2805
+ data-test-id="dateContainer_date"
2806
+ >
2807
+ 18
2808
+ </div>
144
2809
  <div
145
- class="d-flex-shrink-0 grid"
146
- data-id="boxComponent"
2810
+ aria-label="19"
2811
+ class="d-flex-shrink-0 datesStr grid"
2812
+ data-id="dateContainer_date"
147
2813
  data-selector-id="box"
148
- data-test-id="boxComponent"
149
- />
2814
+ data-test-id="dateContainer_date"
2815
+ >
2816
+ 19
2817
+ </div>
150
2818
  <div
151
- class="d-flex-shrink-0 grid"
152
- data-id="boxComponent"
2819
+ aria-label="20"
2820
+ class="d-flex-shrink-0 datesStr grid"
2821
+ data-id="dateContainer_date"
153
2822
  data-selector-id="box"
154
- data-test-id="boxComponent"
155
- />
2823
+ data-test-id="dateContainer_date"
2824
+ >
2825
+ 20
2826
+ </div>
156
2827
  <div
157
- class="d-flex-shrink-0 grid"
158
- data-id="boxComponent"
2828
+ aria-label="21"
2829
+ class="d-flex-shrink-0 datesStr grid"
2830
+ data-id="dateContainer_date"
159
2831
  data-selector-id="box"
160
- data-test-id="boxComponent"
161
- />
2832
+ data-test-id="dateContainer_date"
2833
+ >
2834
+ 21
2835
+ </div>
162
2836
  </div>
163
2837
  <div
164
2838
  class="d-flex d-flex-row dateRow"
@@ -167,47 +2841,68 @@ exports[`CalendarView rendering the defult props 1`] = `
167
2841
  data-test-id="containerComponent"
168
2842
  >
169
2843
  <div
170
- class="d-flex-shrink-0 grid"
171
- data-id="boxComponent"
2844
+ aria-label="22"
2845
+ class="d-flex-shrink-0 datesStr grid holiday"
2846
+ data-id="dateContainer_date"
172
2847
  data-selector-id="box"
173
- data-test-id="boxComponent"
174
- />
2848
+ data-test-id="dateContainer_date"
2849
+ >
2850
+ 22
2851
+ </div>
175
2852
  <div
176
- class="d-flex-shrink-0 grid"
177
- data-id="boxComponent"
2853
+ aria-label="23"
2854
+ class="d-flex-shrink-0 datesStr grid"
2855
+ data-id="dateContainer_date"
178
2856
  data-selector-id="box"
179
- data-test-id="boxComponent"
180
- />
2857
+ data-test-id="dateContainer_date"
2858
+ >
2859
+ 23
2860
+ </div>
181
2861
  <div
182
- class="d-flex-shrink-0 grid"
183
- data-id="boxComponent"
2862
+ aria-label="24"
2863
+ class="d-flex-shrink-0 datesStr grid"
2864
+ data-id="dateContainer_date"
184
2865
  data-selector-id="box"
185
- data-test-id="boxComponent"
186
- />
2866
+ data-test-id="dateContainer_date"
2867
+ >
2868
+ 24
2869
+ </div>
187
2870
  <div
188
- class="d-flex-shrink-0 grid"
189
- data-id="boxComponent"
2871
+ aria-label="25"
2872
+ class="d-flex-shrink-0 datesStr grid"
2873
+ data-id="dateContainer_date"
190
2874
  data-selector-id="box"
191
- data-test-id="boxComponent"
192
- />
2875
+ data-test-id="dateContainer_date"
2876
+ >
2877
+ 25
2878
+ </div>
193
2879
  <div
194
- class="d-flex-shrink-0 grid"
195
- data-id="boxComponent"
2880
+ aria-label="26"
2881
+ class="d-flex-shrink-0 datesStr grid"
2882
+ data-id="dateContainer_date"
196
2883
  data-selector-id="box"
197
- data-test-id="boxComponent"
198
- />
2884
+ data-test-id="dateContainer_date"
2885
+ >
2886
+ 26
2887
+ </div>
199
2888
  <div
200
- class="d-flex-shrink-0 grid"
201
- data-id="boxComponent"
2889
+ aria-label="27"
2890
+ class="d-flex-shrink-0 datesStr grid"
2891
+ data-id="dateContainer_date"
202
2892
  data-selector-id="box"
203
- data-test-id="boxComponent"
204
- />
2893
+ data-test-id="dateContainer_date"
2894
+ >
2895
+ 27
2896
+ </div>
205
2897
  <div
206
- class="d-flex-shrink-0 grid"
207
- data-id="boxComponent"
2898
+ aria-label="28"
2899
+ class="d-flex-shrink-0 datesStr grid"
2900
+ data-id="dateContainer_date"
208
2901
  data-selector-id="box"
209
- data-test-id="boxComponent"
210
- />
2902
+ data-test-id="dateContainer_date"
2903
+ >
2904
+ 28
2905
+ </div>
211
2906
  </div>
212
2907
  <div
213
2908
  class="d-flex d-flex-row dateRow"
@@ -216,47 +2911,68 @@ exports[`CalendarView rendering the defult props 1`] = `
216
2911
  data-test-id="containerComponent"
217
2912
  >
218
2913
  <div
219
- class="d-flex-shrink-0 grid"
220
- data-id="boxComponent"
2914
+ aria-label="29"
2915
+ class="d-flex-shrink-0 datesStr grid holiday"
2916
+ data-id="dateContainer_date"
221
2917
  data-selector-id="box"
222
- data-test-id="boxComponent"
223
- />
2918
+ data-test-id="dateContainer_date"
2919
+ >
2920
+ 29
2921
+ </div>
224
2922
  <div
225
- class="d-flex-shrink-0 grid"
226
- data-id="boxComponent"
2923
+ aria-label="30"
2924
+ class="d-flex-shrink-0 datesStr grid"
2925
+ data-id="dateContainer_date"
227
2926
  data-selector-id="box"
228
- data-test-id="boxComponent"
229
- />
2927
+ data-test-id="dateContainer_date"
2928
+ >
2929
+ 30
2930
+ </div>
230
2931
  <div
231
- class="d-flex-shrink-0 grid"
232
- data-id="boxComponent"
2932
+ aria-label="31"
2933
+ class="d-flex-shrink-0 datesStr grid"
2934
+ data-id="dateContainer_date"
233
2935
  data-selector-id="box"
234
- data-test-id="boxComponent"
235
- />
2936
+ data-test-id="dateContainer_date"
2937
+ >
2938
+ 31
2939
+ </div>
236
2940
  <div
237
- class="d-flex-shrink-0 grid"
238
- data-id="boxComponent"
2941
+ aria-label="1"
2942
+ class="d-flex-shrink-0 invalidDate datesStr grid"
2943
+ data-id="dateContainer_invalidDate"
239
2944
  data-selector-id="box"
240
- data-test-id="boxComponent"
241
- />
2945
+ data-test-id="dateContainer_invalidDate"
2946
+ >
2947
+ 1
2948
+ </div>
242
2949
  <div
243
- class="d-flex-shrink-0 grid"
244
- data-id="boxComponent"
2950
+ aria-label="2"
2951
+ class="d-flex-shrink-0 invalidDate datesStr grid"
2952
+ data-id="dateContainer_invalidDate"
245
2953
  data-selector-id="box"
246
- data-test-id="boxComponent"
247
- />
2954
+ data-test-id="dateContainer_invalidDate"
2955
+ >
2956
+ 2
2957
+ </div>
248
2958
  <div
249
- class="d-flex-shrink-0 grid"
250
- data-id="boxComponent"
2959
+ aria-label="3"
2960
+ class="d-flex-shrink-0 invalidDate datesStr grid"
2961
+ data-id="dateContainer_invalidDate"
251
2962
  data-selector-id="box"
252
- data-test-id="boxComponent"
253
- />
2963
+ data-test-id="dateContainer_invalidDate"
2964
+ >
2965
+ 3
2966
+ </div>
254
2967
  <div
255
- class="d-flex-shrink-0 grid"
256
- data-id="boxComponent"
2968
+ aria-label="4"
2969
+ class="d-flex-shrink-0 invalidDate datesStr grid"
2970
+ data-id="dateContainer_invalidDate"
257
2971
  data-selector-id="box"
258
- data-test-id="boxComponent"
259
- />
2972
+ data-test-id="dateContainer_invalidDate"
2973
+ >
2974
+ 4
2975
+ </div>
260
2976
  </div>
261
2977
  <div
262
2978
  class="d-flex d-flex-row dateRow"
@@ -265,47 +2981,68 @@ exports[`CalendarView rendering the defult props 1`] = `
265
2981
  data-test-id="containerComponent"
266
2982
  >
267
2983
  <div
268
- class="d-flex-shrink-0 grid"
269
- data-id="boxComponent"
2984
+ aria-label="5"
2985
+ class="d-flex-shrink-0 invalidDate datesStr grid holiday"
2986
+ data-id="dateContainer_invalidDate"
270
2987
  data-selector-id="box"
271
- data-test-id="boxComponent"
272
- />
2988
+ data-test-id="dateContainer_invalidDate"
2989
+ >
2990
+ 5
2991
+ </div>
273
2992
  <div
274
- class="d-flex-shrink-0 grid"
275
- data-id="boxComponent"
2993
+ aria-label="6"
2994
+ class="d-flex-shrink-0 invalidDate datesStr grid"
2995
+ data-id="dateContainer_invalidDate"
276
2996
  data-selector-id="box"
277
- data-test-id="boxComponent"
278
- />
2997
+ data-test-id="dateContainer_invalidDate"
2998
+ >
2999
+ 6
3000
+ </div>
279
3001
  <div
280
- class="d-flex-shrink-0 grid"
281
- data-id="boxComponent"
3002
+ aria-label="7"
3003
+ class="d-flex-shrink-0 invalidDate datesStr grid"
3004
+ data-id="dateContainer_invalidDate"
282
3005
  data-selector-id="box"
283
- data-test-id="boxComponent"
284
- />
3006
+ data-test-id="dateContainer_invalidDate"
3007
+ >
3008
+ 7
3009
+ </div>
285
3010
  <div
286
- class="d-flex-shrink-0 grid"
287
- data-id="boxComponent"
3011
+ aria-label="8"
3012
+ class="d-flex-shrink-0 invalidDate datesStr grid"
3013
+ data-id="dateContainer_invalidDate"
288
3014
  data-selector-id="box"
289
- data-test-id="boxComponent"
290
- />
3015
+ data-test-id="dateContainer_invalidDate"
3016
+ >
3017
+ 8
3018
+ </div>
291
3019
  <div
292
- class="d-flex-shrink-0 grid"
293
- data-id="boxComponent"
3020
+ aria-label="9"
3021
+ class="d-flex-shrink-0 invalidDate datesStr grid"
3022
+ data-id="dateContainer_invalidDate"
294
3023
  data-selector-id="box"
295
- data-test-id="boxComponent"
296
- />
3024
+ data-test-id="dateContainer_invalidDate"
3025
+ >
3026
+ 9
3027
+ </div>
297
3028
  <div
298
- class="d-flex-shrink-0 grid"
299
- data-id="boxComponent"
3029
+ aria-label="10"
3030
+ class="d-flex-shrink-0 invalidDate datesStr grid"
3031
+ data-id="dateContainer_invalidDate"
300
3032
  data-selector-id="box"
301
- data-test-id="boxComponent"
302
- />
3033
+ data-test-id="dateContainer_invalidDate"
3034
+ >
3035
+ 10
3036
+ </div>
303
3037
  <div
304
- class="d-flex-shrink-0 grid"
305
- data-id="boxComponent"
3038
+ aria-label="11"
3039
+ class="d-flex-shrink-0 invalidDate datesStr grid"
3040
+ data-id="dateContainer_invalidDate"
306
3041
  data-selector-id="box"
307
- data-test-id="boxComponent"
308
- />
3042
+ data-test-id="dateContainer_invalidDate"
3043
+ >
3044
+ 11
3045
+ </div>
309
3046
  </div>
310
3047
  </div>
311
3048
  </DocumentFragment>