uikit-react-public 0.11.16 → 0.11.24

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 (142) hide show
  1. package/dist/components/Calendar/Calendar.d.ts +3 -0
  2. package/dist/components/Calendar/Calendar.stories.d.ts +42 -0
  3. package/dist/components/Calendar/Calendar.types.d.ts +18 -0
  4. package/dist/components/Calendar/index.d.ts +2 -0
  5. package/dist/components/Calendar/subcomponents/AcademicWeek.d.ts +5 -0
  6. package/dist/components/Calendar/subcomponents/AcademicWeeks.d.ts +7 -0
  7. package/dist/components/Calendar/subcomponents/ColumnHeading.d.ts +7 -0
  8. package/dist/components/Calendar/subcomponents/Controls.d.ts +6 -0
  9. package/dist/components/Calendar/subcomponents/Day.d.ts +12 -0
  10. package/dist/components/{Datepicker/subcomponents/Day → Calendar/subcomponents}/Day.stories.d.ts +9 -1
  11. package/dist/components/Calendar/subcomponents/EventDot.d.ts +6 -0
  12. package/dist/components/Calendar/subcomponents/Grid.d.ts +11 -0
  13. package/dist/components/Calendar/subcomponents/index.d.ts +7 -0
  14. package/dist/components/Calendar/utils/getAcademicWeekNumbers/getAcademicWeekNumbers.d.ts +24 -0
  15. package/dist/components/Calendar/utils/index.d.ts +4 -0
  16. package/dist/components/Calendar/utils/normaliseMonth/normaliseMonth.d.ts +9 -0
  17. package/dist/components/Calendar/utils/normaliseMonth/normaliseMonth.test.d.ts +1 -0
  18. package/dist/components/Calendar/utils/parseDateFromString/parseDateFromString.d.ts +9 -0
  19. package/dist/components/Calendar/utils/parseDateFromString/parseDateFromString.test.d.ts +1 -0
  20. package/dist/components/Datepicker/Datepicker.d.ts +3 -12
  21. package/dist/components/Datepicker/Datepicker.stories.d.ts +16 -3
  22. package/dist/components/Datepicker/Datepicker.types.d.ts +23 -0
  23. package/dist/components/Datepicker/index.d.ts +1 -1
  24. package/dist/components/Datepicker/subcomponents/CustomDatepicker.d.ts +17 -0
  25. package/dist/components/Datepicker/subcomponents/DatepickerInput.d.ts +10 -0
  26. package/dist/components/Datepicker/subcomponents/NativeDatepicker.d.ts +6 -0
  27. package/dist/components/Datepicker/subcomponents/Panel.d.ts +6 -0
  28. package/dist/components/Datepicker/subcomponents/VisibleField.d.ts +12 -0
  29. package/dist/components/Datepicker/subcomponents/index.d.ts +5 -7
  30. package/dist/components/Datepicker/utils/dateToLocaleISOString/dateToLocaleISOString.d.ts +17 -0
  31. package/dist/components/Datepicker/utils/dateToLocaleISOString/dateToLocaleISOString.test.d.ts +1 -0
  32. package/dist/components/Datepicker/utils/index.d.ts +2 -2
  33. package/dist/components/Datepicker/utils/parseInputValue/parseInputValue.d.ts +11 -0
  34. package/dist/components/Datepicker/utils/parseInputValue/parseInputValue.test.d.ts +1 -0
  35. package/dist/components/Footer/Footer.d.ts +1 -1
  36. package/dist/components/Header/Header.d.ts +5 -4
  37. package/dist/components/Header/index.d.ts +1 -1
  38. package/dist/components/Menu/Menu.d.ts +2 -1
  39. package/dist/components/Menu/MenuContent.d.ts +1 -0
  40. package/dist/components/Select/Select.stories.d.ts +1 -1
  41. package/dist/components/Select/Select.types.d.ts +10 -50
  42. package/dist/components/Select/index.d.ts +1 -1
  43. package/dist/components/Select/subcomponents/CustomSelect.d.ts +2 -1
  44. package/dist/components/index.d.ts +2 -0
  45. package/dist/index.js +3332 -3063
  46. package/lib/components/Calendar/Calendar.stories.tsx +209 -0
  47. package/lib/components/Calendar/Calendar.tsx +121 -0
  48. package/lib/components/Calendar/Calendar.types.ts +21 -0
  49. package/lib/components/Calendar/__tests__/Calendar.test.tsx +71 -0
  50. package/lib/components/Calendar/__tests__/__snapshots__/Calendar.test.tsx.snap +1218 -0
  51. package/lib/components/Calendar/index.ts +6 -0
  52. package/lib/components/Calendar/subcomponents/AcademicWeek.tsx +36 -0
  53. package/lib/components/Calendar/subcomponents/AcademicWeeks.tsx +46 -0
  54. package/lib/components/Calendar/subcomponents/ColumnHeading.tsx +40 -0
  55. package/lib/components/{Datepicker/subcomponents/MonthSelector/MonthSelector.tsx → Calendar/subcomponents/Controls.tsx} +17 -17
  56. package/lib/components/{Datepicker/subcomponents/Day → Calendar/subcomponents}/Day.stories.tsx +30 -7
  57. package/lib/components/Calendar/subcomponents/Day.tsx +130 -0
  58. package/lib/components/Calendar/subcomponents/EventDot.tsx +40 -0
  59. package/lib/components/Calendar/subcomponents/Grid.tsx +117 -0
  60. package/lib/components/Calendar/subcomponents/index.ts +7 -0
  61. package/lib/components/Calendar/utils/getAcademicWeekNumbers/getAcademicWeekNumbers.test.ts +104 -0
  62. package/lib/components/Calendar/utils/getAcademicWeekNumbers/getAcademicWeekNumbers.ts +85 -0
  63. package/lib/components/{Datepicker → Calendar}/utils/getDatesForCalendarGrid/getDatesForCalendarGrid.test.ts +29 -65
  64. package/lib/components/{Datepicker → Calendar}/utils/getDatesForCalendarGrid/getDatesForCalendarGrid.ts +11 -43
  65. package/lib/components/Calendar/utils/index.ts +4 -0
  66. package/lib/components/Calendar/utils/normaliseMonth/normaliseMonth.test.ts +40 -0
  67. package/lib/components/Calendar/utils/normaliseMonth/normaliseMonth.ts +16 -0
  68. package/lib/components/Calendar/utils/parseDateFromString/parseDateFromString.test.ts +15 -0
  69. package/lib/components/Calendar/utils/parseDateFromString/parseDateFromString.ts +19 -0
  70. package/lib/components/Datepicker/Datepicker.stories.tsx +220 -23
  71. package/lib/components/Datepicker/Datepicker.tsx +34 -137
  72. package/lib/components/Datepicker/Datepicker.types.ts +38 -0
  73. package/lib/components/Datepicker/__tests__/Datepicker.test.tsx +53 -112
  74. package/lib/components/Datepicker/__tests__/__snapshots__/Datepicker.test.tsx.snap +92 -638
  75. package/lib/components/Datepicker/index.ts +1 -1
  76. package/lib/components/Datepicker/subcomponents/CustomDatepicker.tsx +209 -0
  77. package/lib/components/Datepicker/subcomponents/DatepickerInput.tsx +74 -0
  78. package/lib/components/Datepicker/subcomponents/NativeDatepicker.tsx +70 -0
  79. package/lib/components/Datepicker/subcomponents/Panel.tsx +32 -0
  80. package/lib/components/Datepicker/subcomponents/VisibleField.tsx +104 -0
  81. package/lib/components/Datepicker/subcomponents/index.ts +5 -7
  82. package/lib/components/Datepicker/utils/dateToLocaleISOString/dateToLocaleISOString.test.ts +32 -0
  83. package/lib/components/Datepicker/utils/dateToLocaleISOString/dateToLocaleISOString.ts +23 -0
  84. package/lib/components/Datepicker/utils/index.ts +2 -2
  85. package/lib/components/Datepicker/utils/parseInputValue/parseInputValue.test.ts +110 -0
  86. package/lib/components/Datepicker/utils/parseInputValue/parseInputValue.ts +57 -0
  87. package/lib/components/Footer/Footer.tsx +3 -3
  88. package/lib/components/Footer/__tests__/__snapshots__/Footer.test.tsx.snap +6 -6
  89. package/lib/components/Header/Header.tsx +32 -33
  90. package/lib/components/Header/HeaderMenu.tsx +9 -2
  91. package/lib/components/Header/__tests__/__snapshots__/Header.test.tsx.snap +40 -48
  92. package/lib/components/Header/index.ts +5 -1
  93. package/lib/components/Menu/Menu.tsx +3 -0
  94. package/lib/components/Menu/MenuContent.tsx +4 -1
  95. package/lib/components/Select/Select.stories.tsx +38 -39
  96. package/lib/components/Select/Select.tsx +4 -18
  97. package/lib/components/Select/Select.types.ts +30 -69
  98. package/lib/components/Select/__tests__/Select.test.tsx +6 -6
  99. package/lib/components/Select/__tests__/__snapshots__/Select.test.tsx.snap +1 -1
  100. package/lib/components/Select/index.ts +1 -1
  101. package/lib/components/Select/subcomponents/CustomSelect.tsx +22 -12
  102. package/lib/components/Select/subcomponents/NativeSelect.tsx +7 -3
  103. package/lib/components/Select/subcomponents/Panel.tsx +4 -4
  104. package/lib/components/Select/subcomponents/VisibleField.tsx +1 -1
  105. package/lib/components/index.ts +3 -0
  106. package/package.json +4 -4
  107. package/LICENSE +0 -9
  108. package/dist/components/Datepicker/subcomponents/CalendarGrid/CalendarGrid.d.ts +0 -6
  109. package/dist/components/Datepicker/subcomponents/CalendarGrid/index.d.ts +0 -1
  110. package/dist/components/Datepicker/subcomponents/CalendarMenu/CalendarMenu.d.ts +0 -8
  111. package/dist/components/Datepicker/subcomponents/CalendarMenu/index.d.ts +0 -1
  112. package/dist/components/Datepicker/subcomponents/ColumnHeadings/ColumnHeadings.d.ts +0 -2
  113. package/dist/components/Datepicker/subcomponents/ColumnHeadings/index.d.ts +0 -1
  114. package/dist/components/Datepicker/subcomponents/DateField/DateField.d.ts +0 -7
  115. package/dist/components/Datepicker/subcomponents/DateField/index.d.ts +0 -1
  116. package/dist/components/Datepicker/subcomponents/Day/Day.d.ts +0 -10
  117. package/dist/components/Datepicker/subcomponents/Day/index.d.ts +0 -1
  118. package/dist/components/Datepicker/subcomponents/MonthSelector/MonthSelector.d.ts +0 -6
  119. package/dist/components/Datepicker/subcomponents/MonthSelector/index.d.ts +0 -1
  120. package/dist/components/Datepicker/subcomponents/Native/Native.d.ts +0 -9
  121. package/dist/components/Datepicker/subcomponents/Native/index.d.ts +0 -1
  122. package/dist/components/Datepicker/utils/parseDateForDateField/parseDateForDateField.d.ts +0 -20
  123. package/lib/components/Datepicker/subcomponents/CalendarGrid/CalendarGrid.tsx +0 -59
  124. package/lib/components/Datepicker/subcomponents/CalendarGrid/index.ts +0 -1
  125. package/lib/components/Datepicker/subcomponents/CalendarMenu/CalendarMenu.tsx +0 -64
  126. package/lib/components/Datepicker/subcomponents/CalendarMenu/index.ts +0 -1
  127. package/lib/components/Datepicker/subcomponents/ColumnHeadings/ColumnHeadings.tsx +0 -35
  128. package/lib/components/Datepicker/subcomponents/ColumnHeadings/index.ts +0 -1
  129. package/lib/components/Datepicker/subcomponents/DateField/DateField.tsx +0 -155
  130. package/lib/components/Datepicker/subcomponents/DateField/__tests__/DateField.test.tsx +0 -191
  131. package/lib/components/Datepicker/subcomponents/DateField/index.ts +0 -1
  132. package/lib/components/Datepicker/subcomponents/Day/Day.tsx +0 -94
  133. package/lib/components/Datepicker/subcomponents/Day/index.ts +0 -1
  134. package/lib/components/Datepicker/subcomponents/MonthSelector/index.ts +0 -1
  135. package/lib/components/Datepicker/subcomponents/Native/Native.tsx +0 -59
  136. package/lib/components/Datepicker/subcomponents/Native/index.ts +0 -1
  137. package/lib/components/Datepicker/utils/parseDateForDateField/parseDateForDateField.test.ts +0 -41
  138. package/lib/components/Datepicker/utils/parseDateForDateField/parseDateForDateField.ts +0 -48
  139. /package/dist/components/{Datepicker/subcomponents/DateField/__tests__/DateField.test.d.ts → Calendar/__tests__/Calendar.test.d.ts} +0 -0
  140. /package/dist/components/{Datepicker/utils/getDatesForCalendarGrid/getDatesForCalendarGrid.test.d.ts → Calendar/utils/getAcademicWeekNumbers/getAcademicWeekNumbers.test.d.ts} +0 -0
  141. /package/dist/components/{Datepicker → Calendar}/utils/getDatesForCalendarGrid/getDatesForCalendarGrid.d.ts +0 -0
  142. /package/dist/components/{Datepicker/utils/parseDateForDateField/parseDateForDateField.test.d.ts → Calendar/utils/getDatesForCalendarGrid/getDatesForCalendarGrid.test.d.ts} +0 -0
package/lib/components/Calendar/__tests__/__snapshots__/Calendar.test.tsx.snap ADDED
@@ -0,0 +1,1218 @@
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
+
3
+ exports[`Calendar > Snapshot: no date provided 1`] = `
4
+ <div
5
+ class="ucl-uikit-calendar css-dzb07u"
6
+ data-testid="ucl-uikit-calendar"
7
+ >
8
+ <div
9
+ class="ucl-uikit-calendar__controls css-ae7n9c"
10
+ data-testid="ucl-uikit-calendar__controls"
11
+ >
12
+ <svg
13
+ class="ucl-uikit-icon css-stisf5"
14
+ data-testid="ucl-uikit-icon"
15
+ fill="none"
16
+ height="24"
17
+ stroke="currentColor"
18
+ stroke-linecap="round"
19
+ stroke-linejoin="round"
20
+ stroke-width="2"
21
+ viewBox="0 0 24 24"
22
+ width="24"
23
+ xmlns="http://www.w3.org/2000/svg"
24
+ >
25
+ <polyline
26
+ points="15 18 9 12 15 6"
27
+ />
28
+ </svg>
29
+ <span
30
+ class="css-m9j3hv"
31
+ >
32
+ <span>
33
+ March
34
+ </span>
35
+ <span>
36
+ 2025
37
+ </span>
38
+ </span>
39
+ <svg
40
+ class="ucl-uikit-icon css-stisf5"
41
+ data-testid="ucl-uikit-icon"
42
+ fill="none"
43
+ height="24"
44
+ stroke="currentColor"
45
+ stroke-linecap="round"
46
+ stroke-linejoin="round"
47
+ stroke-width="2"
48
+ viewBox="0 0 24 24"
49
+ width="24"
50
+ xmlns="http://www.w3.org/2000/svg"
51
+ >
52
+ <polyline
53
+ points="9 18 15 12 9 6"
54
+ />
55
+ </svg>
56
+ </div>
57
+ <div
58
+ class="css-1yuhkwf"
59
+ >
60
+ <div
61
+ class="ucl-uikit-calendar__grid css-10gjhii"
62
+ data-testid="ucl-uikit-calendar__grid"
63
+ >
64
+ <div
65
+ class="ucl-uikit-calendar__column-heading css-76sg87"
66
+ data-testid="ucl-uikit-calendar__column-heading"
67
+ >
68
+ M
69
+ </div>
70
+ <div
71
+ class="ucl-uikit-calendar__column-heading css-76sg87"
72
+ data-testid="ucl-uikit-calendar__column-heading"
73
+ >
74
+ T
75
+ </div>
76
+ <div
77
+ class="ucl-uikit-calendar__column-heading css-76sg87"
78
+ data-testid="ucl-uikit-calendar__column-heading"
79
+ >
80
+ W
81
+ </div>
82
+ <div
83
+ class="ucl-uikit-calendar__column-heading css-76sg87"
84
+ data-testid="ucl-uikit-calendar__column-heading"
85
+ >
86
+ T
87
+ </div>
88
+ <div
89
+ class="ucl-uikit-calendar__column-heading css-76sg87"
90
+ data-testid="ucl-uikit-calendar__column-heading"
91
+ >
92
+ F
93
+ </div>
94
+ <div
95
+ class="ucl-uikit-calendar__column-heading css-ie1qp6"
96
+ data-testid="ucl-uikit-calendar__column-heading"
97
+ >
98
+ S
99
+ </div>
100
+ <div
101
+ class="ucl-uikit-calendar__column-heading css-ie1qp6"
102
+ data-testid="ucl-uikit-calendar__column-heading"
103
+ >
104
+ S
105
+ </div>
106
+ <div
107
+ class="ucl-uikit-calendar__day css-1wigzpm"
108
+ data-testid="ucl-uikit-calendar__day"
109
+ >
110
+ <div
111
+ class="css-6lpfgq"
112
+ >
113
+ 24
114
+ </div>
115
+ <div
116
+ class="css-1dq26wd"
117
+ />
118
+ </div>
119
+ <div
120
+ class="ucl-uikit-calendar__day css-1wigzpm"
121
+ data-testid="ucl-uikit-calendar__day"
122
+ >
123
+ <div
124
+ class="css-6lpfgq"
125
+ >
126
+ 25
127
+ </div>
128
+ <div
129
+ class="css-1dq26wd"
130
+ />
131
+ </div>
132
+ <div
133
+ class="ucl-uikit-calendar__day css-1wigzpm"
134
+ data-testid="ucl-uikit-calendar__day"
135
+ >
136
+ <div
137
+ class="css-6lpfgq"
138
+ >
139
+ 26
140
+ </div>
141
+ <div
142
+ class="css-1dq26wd"
143
+ />
144
+ </div>
145
+ <div
146
+ class="ucl-uikit-calendar__day css-1wigzpm"
147
+ data-testid="ucl-uikit-calendar__day"
148
+ >
149
+ <div
150
+ class="css-6lpfgq"
151
+ >
152
+ 27
153
+ </div>
154
+ <div
155
+ class="css-1dq26wd"
156
+ />
157
+ </div>
158
+ <div
159
+ class="ucl-uikit-calendar__day css-1wigzpm"
160
+ data-testid="ucl-uikit-calendar__day"
161
+ >
162
+ <div
163
+ class="css-6lpfgq"
164
+ >
165
+ 28
166
+ </div>
167
+ <div
168
+ class="css-1dq26wd"
169
+ />
170
+ </div>
171
+ <div
172
+ class="ucl-uikit-calendar__day css-1wigzpm"
173
+ data-testid="ucl-uikit-calendar__day"
174
+ >
175
+ <div
176
+ class="css-1n0xgdm"
177
+ >
178
+ 1
179
+ </div>
180
+ <div
181
+ class="css-1dq26wd"
182
+ />
183
+ </div>
184
+ <div
185
+ class="ucl-uikit-calendar__day css-1wigzpm"
186
+ data-testid="ucl-uikit-calendar__day"
187
+ >
188
+ <div
189
+ class="css-1n0xgdm"
190
+ >
191
+ 2
192
+ </div>
193
+ <div
194
+ class="css-1dq26wd"
195
+ />
196
+ </div>
197
+ <div
198
+ class="ucl-uikit-calendar__day css-1wigzpm"
199
+ data-testid="ucl-uikit-calendar__day"
200
+ >
201
+ <div
202
+ class="css-1n0xgdm"
203
+ >
204
+ 3
205
+ </div>
206
+ <div
207
+ class="css-1dq26wd"
208
+ />
209
+ </div>
210
+ <div
211
+ class="ucl-uikit-calendar__day css-1wigzpm"
212
+ data-testid="ucl-uikit-calendar__day"
213
+ >
214
+ <div
215
+ class="css-1n0xgdm"
216
+ >
217
+ 4
218
+ </div>
219
+ <div
220
+ class="css-1dq26wd"
221
+ />
222
+ </div>
223
+ <div
224
+ class="ucl-uikit-calendar__day css-1wigzpm"
225
+ data-testid="ucl-uikit-calendar__day"
226
+ >
227
+ <div
228
+ class="css-1n0xgdm"
229
+ >
230
+ 5
231
+ </div>
232
+ <div
233
+ class="css-1dq26wd"
234
+ />
235
+ </div>
236
+ <div
237
+ class="ucl-uikit-calendar__day css-1wigzpm"
238
+ data-testid="ucl-uikit-calendar__day"
239
+ >
240
+ <div
241
+ class="css-1n0xgdm"
242
+ >
243
+ 6
244
+ </div>
245
+ <div
246
+ class="css-1dq26wd"
247
+ />
248
+ </div>
249
+ <div
250
+ class="ucl-uikit-calendar__day css-1wigzpm"
251
+ data-testid="ucl-uikit-calendar__day"
252
+ >
253
+ <div
254
+ class="css-1n0xgdm"
255
+ >
256
+ 7
257
+ </div>
258
+ <div
259
+ class="css-1dq26wd"
260
+ />
261
+ </div>
262
+ <div
263
+ class="ucl-uikit-calendar__day css-1wigzpm"
264
+ data-testid="ucl-uikit-calendar__day"
265
+ >
266
+ <div
267
+ class="css-1n0xgdm"
268
+ >
269
+ 8
270
+ </div>
271
+ <div
272
+ class="css-1dq26wd"
273
+ />
274
+ </div>
275
+ <div
276
+ class="ucl-uikit-calendar__day css-1wigzpm"
277
+ data-testid="ucl-uikit-calendar__day"
278
+ >
279
+ <div
280
+ class="css-1n0xgdm"
281
+ >
282
+ 9
283
+ </div>
284
+ <div
285
+ class="css-1dq26wd"
286
+ />
287
+ </div>
288
+ <div
289
+ class="ucl-uikit-calendar__day css-1wigzpm"
290
+ data-testid="ucl-uikit-calendar__day"
291
+ >
292
+ <div
293
+ class="css-16gt7le"
294
+ >
295
+ 10
296
+ </div>
297
+ <div
298
+ class="css-1dq26wd"
299
+ />
300
+ </div>
301
+ <div
302
+ class="ucl-uikit-calendar__day css-1wigzpm"
303
+ data-testid="ucl-uikit-calendar__day"
304
+ >
305
+ <div
306
+ class="css-1n0xgdm"
307
+ >
308
+ 11
309
+ </div>
310
+ <div
311
+ class="css-1dq26wd"
312
+ />
313
+ </div>
314
+ <div
315
+ class="ucl-uikit-calendar__day css-1wigzpm"
316
+ data-testid="ucl-uikit-calendar__day"
317
+ >
318
+ <div
319
+ class="css-1n0xgdm"
320
+ >
321
+ 12
322
+ </div>
323
+ <div
324
+ class="css-1dq26wd"
325
+ />
326
+ </div>
327
+ <div
328
+ class="ucl-uikit-calendar__day css-1wigzpm"
329
+ data-testid="ucl-uikit-calendar__day"
330
+ >
331
+ <div
332
+ class="css-1n0xgdm"
333
+ >
334
+ 13
335
+ </div>
336
+ <div
337
+ class="css-1dq26wd"
338
+ />
339
+ </div>
340
+ <div
341
+ class="ucl-uikit-calendar__day css-1wigzpm"
342
+ data-testid="ucl-uikit-calendar__day"
343
+ >
344
+ <div
345
+ class="css-1n0xgdm"
346
+ >
347
+ 14
348
+ </div>
349
+ <div
350
+ class="css-1dq26wd"
351
+ />
352
+ </div>
353
+ <div
354
+ class="ucl-uikit-calendar__day css-1wigzpm"
355
+ data-testid="ucl-uikit-calendar__day"
356
+ >
357
+ <div
358
+ class="css-1n0xgdm"
359
+ >
360
+ 15
361
+ </div>
362
+ <div
363
+ class="css-1dq26wd"
364
+ />
365
+ </div>
366
+ <div
367
+ class="ucl-uikit-calendar__day css-1wigzpm"
368
+ data-testid="ucl-uikit-calendar__day"
369
+ >
370
+ <div
371
+ class="css-1n0xgdm"
372
+ >
373
+ 16
374
+ </div>
375
+ <div
376
+ class="css-1dq26wd"
377
+ />
378
+ </div>
379
+ <div
380
+ class="ucl-uikit-calendar__day css-1wigzpm"
381
+ data-testid="ucl-uikit-calendar__day"
382
+ >
383
+ <div
384
+ class="css-1n0xgdm"
385
+ >
386
+ 17
387
+ </div>
388
+ <div
389
+ class="css-1dq26wd"
390
+ />
391
+ </div>
392
+ <div
393
+ class="ucl-uikit-calendar__day css-1wigzpm"
394
+ data-testid="ucl-uikit-calendar__day"
395
+ >
396
+ <div
397
+ class="css-1n0xgdm"
398
+ >
399
+ 18
400
+ </div>
401
+ <div
402
+ class="css-1dq26wd"
403
+ />
404
+ </div>
405
+ <div
406
+ class="ucl-uikit-calendar__day css-1wigzpm"
407
+ data-testid="ucl-uikit-calendar__day"
408
+ >
409
+ <div
410
+ class="css-1n0xgdm"
411
+ >
412
+ 19
413
+ </div>
414
+ <div
415
+ class="css-1dq26wd"
416
+ />
417
+ </div>
418
+ <div
419
+ class="ucl-uikit-calendar__day css-1wigzpm"
420
+ data-testid="ucl-uikit-calendar__day"
421
+ >
422
+ <div
423
+ class="css-1n0xgdm"
424
+ >
425
+ 20
426
+ </div>
427
+ <div
428
+ class="css-1dq26wd"
429
+ />
430
+ </div>
431
+ <div
432
+ class="ucl-uikit-calendar__day css-1wigzpm"
433
+ data-testid="ucl-uikit-calendar__day"
434
+ >
435
+ <div
436
+ class="css-1n0xgdm"
437
+ >
438
+ 21
439
+ </div>
440
+ <div
441
+ class="css-1dq26wd"
442
+ />
443
+ </div>
444
+ <div
445
+ class="ucl-uikit-calendar__day css-1wigzpm"
446
+ data-testid="ucl-uikit-calendar__day"
447
+ >
448
+ <div
449
+ class="css-1n0xgdm"
450
+ >
451
+ 22
452
+ </div>
453
+ <div
454
+ class="css-1dq26wd"
455
+ />
456
+ </div>
457
+ <div
458
+ class="ucl-uikit-calendar__day css-1wigzpm"
459
+ data-testid="ucl-uikit-calendar__day"
460
+ >
461
+ <div
462
+ class="css-1n0xgdm"
463
+ >
464
+ 23
465
+ </div>
466
+ <div
467
+ class="css-1dq26wd"
468
+ />
469
+ </div>
470
+ <div
471
+ class="ucl-uikit-calendar__day css-1wigzpm"
472
+ data-testid="ucl-uikit-calendar__day"
473
+ >
474
+ <div
475
+ class="css-1n0xgdm"
476
+ >
477
+ 24
478
+ </div>
479
+ <div
480
+ class="css-1dq26wd"
481
+ />
482
+ </div>
483
+ <div
484
+ class="ucl-uikit-calendar__day css-1wigzpm"
485
+ data-testid="ucl-uikit-calendar__day"
486
+ >
487
+ <div
488
+ class="css-1n0xgdm"
489
+ >
490
+ 25
491
+ </div>
492
+ <div
493
+ class="css-1dq26wd"
494
+ />
495
+ </div>
496
+ <div
497
+ class="ucl-uikit-calendar__day css-1wigzpm"
498
+ data-testid="ucl-uikit-calendar__day"
499
+ >
500
+ <div
501
+ class="css-1n0xgdm"
502
+ >
503
+ 26
504
+ </div>
505
+ <div
506
+ class="css-1dq26wd"
507
+ />
508
+ </div>
509
+ <div
510
+ class="ucl-uikit-calendar__day css-1wigzpm"
511
+ data-testid="ucl-uikit-calendar__day"
512
+ >
513
+ <div
514
+ class="css-1n0xgdm"
515
+ >
516
+ 27
517
+ </div>
518
+ <div
519
+ class="css-1dq26wd"
520
+ />
521
+ </div>
522
+ <div
523
+ class="ucl-uikit-calendar__day css-1wigzpm"
524
+ data-testid="ucl-uikit-calendar__day"
525
+ >
526
+ <div
527
+ class="css-1n0xgdm"
528
+ >
529
+ 28
530
+ </div>
531
+ <div
532
+ class="css-1dq26wd"
533
+ />
534
+ </div>
535
+ <div
536
+ class="ucl-uikit-calendar__day css-1wigzpm"
537
+ data-testid="ucl-uikit-calendar__day"
538
+ >
539
+ <div
540
+ class="css-1n0xgdm"
541
+ >
542
+ 29
543
+ </div>
544
+ <div
545
+ class="css-1dq26wd"
546
+ />
547
+ </div>
548
+ <div
549
+ class="ucl-uikit-calendar__day css-1wigzpm"
550
+ data-testid="ucl-uikit-calendar__day"
551
+ >
552
+ <div
553
+ class="css-1n0xgdm"
554
+ >
555
+ 30
556
+ </div>
557
+ <div
558
+ class="css-1dq26wd"
559
+ />
560
+ </div>
561
+ <div
562
+ class="ucl-uikit-calendar__day css-1wigzpm"
563
+ data-testid="ucl-uikit-calendar__day"
564
+ >
565
+ <div
566
+ class="css-1n0xgdm"
567
+ >
568
+ 31
569
+ </div>
570
+ <div
571
+ class="css-1dq26wd"
572
+ />
573
+ </div>
574
+ <div
575
+ class="ucl-uikit-calendar__day css-1wigzpm"
576
+ data-testid="ucl-uikit-calendar__day"
577
+ >
578
+ <div
579
+ class="css-6lpfgq"
580
+ >
581
+ 1
582
+ </div>
583
+ <div
584
+ class="css-1dq26wd"
585
+ />
586
+ </div>
587
+ <div
588
+ class="ucl-uikit-calendar__day css-1wigzpm"
589
+ data-testid="ucl-uikit-calendar__day"
590
+ >
591
+ <div
592
+ class="css-6lpfgq"
593
+ >
594
+ 2
595
+ </div>
596
+ <div
597
+ class="css-1dq26wd"
598
+ />
599
+ </div>
600
+ <div
601
+ class="ucl-uikit-calendar__day css-1wigzpm"
602
+ data-testid="ucl-uikit-calendar__day"
603
+ >
604
+ <div
605
+ class="css-6lpfgq"
606
+ >
607
+ 3
608
+ </div>
609
+ <div
610
+ class="css-1dq26wd"
611
+ />
612
+ </div>
613
+ <div
614
+ class="ucl-uikit-calendar__day css-1wigzpm"
615
+ data-testid="ucl-uikit-calendar__day"
616
+ >
617
+ <div
618
+ class="css-6lpfgq"
619
+ >
620
+ 4
621
+ </div>
622
+ <div
623
+ class="css-1dq26wd"
624
+ />
625
+ </div>
626
+ <div
627
+ class="ucl-uikit-calendar__day css-1wigzpm"
628
+ data-testid="ucl-uikit-calendar__day"
629
+ >
630
+ <div
631
+ class="css-6lpfgq"
632
+ >
633
+ 5
634
+ </div>
635
+ <div
636
+ class="css-1dq26wd"
637
+ />
638
+ </div>
639
+ <div
640
+ class="ucl-uikit-calendar__day css-1wigzpm"
641
+ data-testid="ucl-uikit-calendar__day"
642
+ >
643
+ <div
644
+ class="css-6lpfgq"
645
+ >
646
+ 6
647
+ </div>
648
+ <div
649
+ class="css-1dq26wd"
650
+ />
651
+ </div>
652
+ </div>
653
+ </div>
654
+ </div>
655
+ `;
656
+
657
+ exports[`Calendar > Snapshot: with date provided 1`] = `
658
+ <div
659
+ class="ucl-uikit-calendar css-dzb07u"
660
+ data-testid="ucl-uikit-calendar"
661
+ >
662
+ <div
663
+ class="ucl-uikit-calendar__controls css-ae7n9c"
664
+ data-testid="ucl-uikit-calendar__controls"
665
+ >
666
+ <svg
667
+ class="ucl-uikit-icon css-stisf5"
668
+ data-testid="ucl-uikit-icon"
669
+ fill="none"
670
+ height="24"
671
+ stroke="currentColor"
672
+ stroke-linecap="round"
673
+ stroke-linejoin="round"
674
+ stroke-width="2"
675
+ viewBox="0 0 24 24"
676
+ width="24"
677
+ xmlns="http://www.w3.org/2000/svg"
678
+ >
679
+ <polyline
680
+ points="15 18 9 12 15 6"
681
+ />
682
+ </svg>
683
+ <span
684
+ class="css-m9j3hv"
685
+ >
686
+ <span>
687
+ January
688
+ </span>
689
+ <span>
690
+ 2025
691
+ </span>
692
+ </span>
693
+ <svg
694
+ class="ucl-uikit-icon css-stisf5"
695
+ data-testid="ucl-uikit-icon"
696
+ fill="none"
697
+ height="24"
698
+ stroke="currentColor"
699
+ stroke-linecap="round"
700
+ stroke-linejoin="round"
701
+ stroke-width="2"
702
+ viewBox="0 0 24 24"
703
+ width="24"
704
+ xmlns="http://www.w3.org/2000/svg"
705
+ >
706
+ <polyline
707
+ points="9 18 15 12 9 6"
708
+ />
709
+ </svg>
710
+ </div>
711
+ <div
712
+ class="css-1yuhkwf"
713
+ >
714
+ <div
715
+ class="ucl-uikit-calendar__grid css-10gjhii"
716
+ data-testid="ucl-uikit-calendar__grid"
717
+ >
718
+ <div
719
+ class="ucl-uikit-calendar__column-heading css-76sg87"
720
+ data-testid="ucl-uikit-calendar__column-heading"
721
+ >
722
+ M
723
+ </div>
724
+ <div
725
+ class="ucl-uikit-calendar__column-heading css-76sg87"
726
+ data-testid="ucl-uikit-calendar__column-heading"
727
+ >
728
+ T
729
+ </div>
730
+ <div
731
+ class="ucl-uikit-calendar__column-heading css-76sg87"
732
+ data-testid="ucl-uikit-calendar__column-heading"
733
+ >
734
+ W
735
+ </div>
736
+ <div
737
+ class="ucl-uikit-calendar__column-heading css-76sg87"
738
+ data-testid="ucl-uikit-calendar__column-heading"
739
+ >
740
+ T
741
+ </div>
742
+ <div
743
+ class="ucl-uikit-calendar__column-heading css-76sg87"
744
+ data-testid="ucl-uikit-calendar__column-heading"
745
+ >
746
+ F
747
+ </div>
748
+ <div
749
+ class="ucl-uikit-calendar__column-heading css-ie1qp6"
750
+ data-testid="ucl-uikit-calendar__column-heading"
751
+ >
752
+ S
753
+ </div>
754
+ <div
755
+ class="ucl-uikit-calendar__column-heading css-ie1qp6"
756
+ data-testid="ucl-uikit-calendar__column-heading"
757
+ >
758
+ S
759
+ </div>
760
+ <div
761
+ class="ucl-uikit-calendar__day css-1wigzpm"
762
+ data-testid="ucl-uikit-calendar__day"
763
+ >
764
+ <div
765
+ class="css-6lpfgq"
766
+ >
767
+ 30
768
+ </div>
769
+ <div
770
+ class="css-1dq26wd"
771
+ />
772
+ </div>
773
+ <div
774
+ class="ucl-uikit-calendar__day css-1wigzpm"
775
+ data-testid="ucl-uikit-calendar__day"
776
+ >
777
+ <div
778
+ class="css-6lpfgq"
779
+ >
780
+ 31
781
+ </div>
782
+ <div
783
+ class="css-1dq26wd"
784
+ />
785
+ </div>
786
+ <div
787
+ class="ucl-uikit-calendar__day css-1wigzpm"
788
+ data-testid="ucl-uikit-calendar__day"
789
+ >
790
+ <div
791
+ class="css-1n0xgdm"
792
+ >
793
+ 1
794
+ </div>
795
+ <div
796
+ class="css-1dq26wd"
797
+ />
798
+ </div>
799
+ <div
800
+ class="ucl-uikit-calendar__day css-1wigzpm"
801
+ data-testid="ucl-uikit-calendar__day"
802
+ >
803
+ <div
804
+ class="css-1n0xgdm"
805
+ >
806
+ 2
807
+ </div>
808
+ <div
809
+ class="css-1dq26wd"
810
+ />
811
+ </div>
812
+ <div
813
+ class="ucl-uikit-calendar__day css-1wigzpm"
814
+ data-testid="ucl-uikit-calendar__day"
815
+ >
816
+ <div
817
+ class="css-1n0xgdm"
818
+ >
819
+ 3
820
+ </div>
821
+ <div
822
+ class="css-1dq26wd"
823
+ />
824
+ </div>
825
+ <div
826
+ class="ucl-uikit-calendar__day css-1wigzpm"
827
+ data-testid="ucl-uikit-calendar__day"
828
+ >
829
+ <div
830
+ class="css-1n0xgdm"
831
+ >
832
+ 4
833
+ </div>
834
+ <div
835
+ class="css-1dq26wd"
836
+ />
837
+ </div>
838
+ <div
839
+ class="ucl-uikit-calendar__day css-1wigzpm"
840
+ data-testid="ucl-uikit-calendar__day"
841
+ >
842
+ <div
843
+ class="css-1n0xgdm"
844
+ >
845
+ 5
846
+ </div>
847
+ <div
848
+ class="css-1dq26wd"
849
+ />
850
+ </div>
851
+ <div
852
+ class="ucl-uikit-calendar__day css-anq5s4"
853
+ data-testid="ucl-uikit-calendar__day"
854
+ >
855
+ <div
856
+ class="css-1n0xgdm"
857
+ >
858
+ 6
859
+ </div>
860
+ <div
861
+ class="css-1dq26wd"
862
+ />
863
+ </div>
864
+ <div
865
+ class="ucl-uikit-calendar__day css-1wigzpm"
866
+ data-testid="ucl-uikit-calendar__day"
867
+ >
868
+ <div
869
+ class="css-1n0xgdm"
870
+ >
871
+ 7
872
+ </div>
873
+ <div
874
+ class="css-1dq26wd"
875
+ />
876
+ </div>
877
+ <div
878
+ class="ucl-uikit-calendar__day css-1wigzpm"
879
+ data-testid="ucl-uikit-calendar__day"
880
+ >
881
+ <div
882
+ class="css-1n0xgdm"
883
+ >
884
+ 8
885
+ </div>
886
+ <div
887
+ class="css-1dq26wd"
888
+ />
889
+ </div>
890
+ <div
891
+ class="ucl-uikit-calendar__day css-1wigzpm"
892
+ data-testid="ucl-uikit-calendar__day"
893
+ >
894
+ <div
895
+ class="css-1n0xgdm"
896
+ >
897
+ 9
898
+ </div>
899
+ <div
900
+ class="css-1dq26wd"
901
+ />
902
+ </div>
903
+ <div
904
+ class="ucl-uikit-calendar__day css-1wigzpm"
905
+ data-testid="ucl-uikit-calendar__day"
906
+ >
907
+ <div
908
+ class="css-1n0xgdm"
909
+ >
910
+ 10
911
+ </div>
912
+ <div
913
+ class="css-1dq26wd"
914
+ />
915
+ </div>
916
+ <div
917
+ class="ucl-uikit-calendar__day css-1wigzpm"
918
+ data-testid="ucl-uikit-calendar__day"
919
+ >
920
+ <div
921
+ class="css-1n0xgdm"
922
+ >
923
+ 11
924
+ </div>
925
+ <div
926
+ class="css-1dq26wd"
927
+ />
928
+ </div>
929
+ <div
930
+ class="ucl-uikit-calendar__day css-1wigzpm"
931
+ data-testid="ucl-uikit-calendar__day"
932
+ >
933
+ <div
934
+ class="css-1n0xgdm"
935
+ >
936
+ 12
937
+ </div>
938
+ <div
939
+ class="css-1dq26wd"
940
+ />
941
+ </div>
942
+ <div
943
+ class="ucl-uikit-calendar__day css-1wigzpm"
944
+ data-testid="ucl-uikit-calendar__day"
945
+ >
946
+ <div
947
+ class="css-1n0xgdm"
948
+ >
949
+ 13
950
+ </div>
951
+ <div
952
+ class="css-1dq26wd"
953
+ />
954
+ </div>
955
+ <div
956
+ class="ucl-uikit-calendar__day css-1wigzpm"
957
+ data-testid="ucl-uikit-calendar__day"
958
+ >
959
+ <div
960
+ class="css-1n0xgdm"
961
+ >
962
+ 14
963
+ </div>
964
+ <div
965
+ class="css-1dq26wd"
966
+ />
967
+ </div>
968
+ <div
969
+ class="ucl-uikit-calendar__day css-1wigzpm"
970
+ data-testid="ucl-uikit-calendar__day"
971
+ >
972
+ <div
973
+ class="css-1n0xgdm"
974
+ >
975
+ 15
976
+ </div>
977
+ <div
978
+ class="css-1dq26wd"
979
+ />
980
+ </div>
981
+ <div
982
+ class="ucl-uikit-calendar__day css-1wigzpm"
983
+ data-testid="ucl-uikit-calendar__day"
984
+ >
985
+ <div
986
+ class="css-1n0xgdm"
987
+ >
988
+ 16
989
+ </div>
990
+ <div
991
+ class="css-1dq26wd"
992
+ />
993
+ </div>
994
+ <div
995
+ class="ucl-uikit-calendar__day css-1wigzpm"
996
+ data-testid="ucl-uikit-calendar__day"
997
+ >
998
+ <div
999
+ class="css-1n0xgdm"
1000
+ >
1001
+ 17
1002
+ </div>
1003
+ <div
1004
+ class="css-1dq26wd"
1005
+ />
1006
+ </div>
1007
+ <div
1008
+ class="ucl-uikit-calendar__day css-1wigzpm"
1009
+ data-testid="ucl-uikit-calendar__day"
1010
+ >
1011
+ <div
1012
+ class="css-1n0xgdm"
1013
+ >
1014
+ 18
1015
+ </div>
1016
+ <div
1017
+ class="css-1dq26wd"
1018
+ />
1019
+ </div>
1020
+ <div
1021
+ class="ucl-uikit-calendar__day css-1wigzpm"
1022
+ data-testid="ucl-uikit-calendar__day"
1023
+ >
1024
+ <div
1025
+ class="css-1n0xgdm"
1026
+ >
1027
+ 19
1028
+ </div>
1029
+ <div
1030
+ class="css-1dq26wd"
1031
+ />
1032
+ </div>
1033
+ <div
1034
+ class="ucl-uikit-calendar__day css-1wigzpm"
1035
+ data-testid="ucl-uikit-calendar__day"
1036
+ >
1037
+ <div
1038
+ class="css-1n0xgdm"
1039
+ >
1040
+ 20
1041
+ </div>
1042
+ <div
1043
+ class="css-1dq26wd"
1044
+ />
1045
+ </div>
1046
+ <div
1047
+ class="ucl-uikit-calendar__day css-1wigzpm"
1048
+ data-testid="ucl-uikit-calendar__day"
1049
+ >
1050
+ <div
1051
+ class="css-1n0xgdm"
1052
+ >
1053
+ 21
1054
+ </div>
1055
+ <div
1056
+ class="css-1dq26wd"
1057
+ />
1058
+ </div>
1059
+ <div
1060
+ class="ucl-uikit-calendar__day css-1wigzpm"
1061
+ data-testid="ucl-uikit-calendar__day"
1062
+ >
1063
+ <div
1064
+ class="css-1n0xgdm"
1065
+ >
1066
+ 22
1067
+ </div>
1068
+ <div
1069
+ class="css-1dq26wd"
1070
+ />
1071
+ </div>
1072
+ <div
1073
+ class="ucl-uikit-calendar__day css-1wigzpm"
1074
+ data-testid="ucl-uikit-calendar__day"
1075
+ >
1076
+ <div
1077
+ class="css-1n0xgdm"
1078
+ >
1079
+ 23
1080
+ </div>
1081
+ <div
1082
+ class="css-1dq26wd"
1083
+ />
1084
+ </div>
1085
+ <div
1086
+ class="ucl-uikit-calendar__day css-1wigzpm"
1087
+ data-testid="ucl-uikit-calendar__day"
1088
+ >
1089
+ <div
1090
+ class="css-1n0xgdm"
1091
+ >
1092
+ 24
1093
+ </div>
1094
+ <div
1095
+ class="css-1dq26wd"
1096
+ />
1097
+ </div>
1098
+ <div
1099
+ class="ucl-uikit-calendar__day css-1wigzpm"
1100
+ data-testid="ucl-uikit-calendar__day"
1101
+ >
1102
+ <div
1103
+ class="css-1n0xgdm"
1104
+ >
1105
+ 25
1106
+ </div>
1107
+ <div
1108
+ class="css-1dq26wd"
1109
+ />
1110
+ </div>
1111
+ <div
1112
+ class="ucl-uikit-calendar__day css-1wigzpm"
1113
+ data-testid="ucl-uikit-calendar__day"
1114
+ >
1115
+ <div
1116
+ class="css-1n0xgdm"
1117
+ >
1118
+ 26
1119
+ </div>
1120
+ <div
1121
+ class="css-1dq26wd"
1122
+ />
1123
+ </div>
1124
+ <div
1125
+ class="ucl-uikit-calendar__day css-1wigzpm"
1126
+ data-testid="ucl-uikit-calendar__day"
1127
+ >
1128
+ <div
1129
+ class="css-1n0xgdm"
1130
+ >
1131
+ 27
1132
+ </div>
1133
+ <div
1134
+ class="css-1dq26wd"
1135
+ />
1136
+ </div>
1137
+ <div
1138
+ class="ucl-uikit-calendar__day css-1wigzpm"
1139
+ data-testid="ucl-uikit-calendar__day"
1140
+ >
1141
+ <div
1142
+ class="css-1n0xgdm"
1143
+ >
1144
+ 28
1145
+ </div>
1146
+ <div
1147
+ class="css-1dq26wd"
1148
+ />
1149
+ </div>
1150
+ <div
1151
+ class="ucl-uikit-calendar__day css-1wigzpm"
1152
+ data-testid="ucl-uikit-calendar__day"
1153
+ >
1154
+ <div
1155
+ class="css-1n0xgdm"
1156
+ >
1157
+ 29
1158
+ </div>
1159
+ <div
1160
+ class="css-1dq26wd"
1161
+ />
1162
+ </div>
1163
+ <div
1164
+ class="ucl-uikit-calendar__day css-1wigzpm"
1165
+ data-testid="ucl-uikit-calendar__day"
1166
+ >
1167
+ <div
1168
+ class="css-1n0xgdm"
1169
+ >
1170
+ 30
1171
+ </div>
1172
+ <div
1173
+ class="css-1dq26wd"
1174
+ />
1175
+ </div>
1176
+ <div
1177
+ class="ucl-uikit-calendar__day css-1wigzpm"
1178
+ data-testid="ucl-uikit-calendar__day"
1179
+ >
1180
+ <div
1181
+ class="css-1n0xgdm"
1182
+ >
1183
+ 31
1184
+ </div>
1185
+ <div
1186
+ class="css-1dq26wd"
1187
+ />
1188
+ </div>
1189
+ <div
1190
+ class="ucl-uikit-calendar__day css-1wigzpm"
1191
+ data-testid="ucl-uikit-calendar__day"
1192
+ >
1193
+ <div
1194
+ class="css-6lpfgq"
1195
+ >
1196
+ 1
1197
+ </div>
1198
+ <div
1199
+ class="css-1dq26wd"
1200
+ />
1201
+ </div>
1202
+ <div
1203
+ class="ucl-uikit-calendar__day css-1wigzpm"
1204
+ data-testid="ucl-uikit-calendar__day"
1205
+ >
1206
+ <div
1207
+ class="css-6lpfgq"
1208
+ >
1209
+ 2
1210
+ </div>
1211
+ <div
1212
+ class="css-1dq26wd"
1213
+ />
1214
+ </div>
1215
+ </div>
1216
+ </div>
1217
+ </div>
1218
+ `;