@innovaccer/design-system 2.5.0-2 → 2.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (123) hide show
  1. package/.all-contributorsrc +170 -0
  2. package/.github/workflows/jira.yml +1 -2
  3. package/.github/workflows/main.yml +1 -6
  4. package/.github/workflows/test.yml +22 -0
  5. package/CHANGELOG.md +21 -54
  6. package/CONTRIBUTING.md +23 -0
  7. package/README.md +124 -75
  8. package/core/components/atoms/button/Button.tsx +56 -55
  9. package/core/components/atoms/button/__tests__/Button.test.tsx +3 -12
  10. package/core/components/atoms/checkbox/Checkbox.tsx +3 -6
  11. package/core/components/atoms/collapsible/__stories__/index.story.tsx +2 -2
  12. package/core/components/atoms/dropdown/DropdownList.tsx +1 -1
  13. package/core/components/atoms/dropdown/__stories__/Options.tsx +15 -0
  14. package/core/components/atoms/dropdown/__tests__/Dropdown.test.tsx +202 -1
  15. package/core/components/atoms/dropdown/__tests__/Option.test.tsx +3 -0
  16. package/core/components/atoms/message/__stories__/CustomDescription.tsx +25 -0
  17. package/core/components/atoms/metaList/Meta.tsx +3 -1
  18. package/core/components/atoms/metaList/__tests__/MetaList.test.tsx +30 -36
  19. package/core/components/atoms/metricInput/MetricInput.tsx +2 -2
  20. package/core/components/atoms/outsideClick/__stories__/index.story.tsx +1 -1
  21. package/core/components/atoms/radio/Radio.tsx +7 -10
  22. package/core/components/atoms/radio/__tests__/Radio.test.tsx +13 -7
  23. package/core/components/css-utilities/Align/Align.story.tsx +1 -1
  24. package/core/components/css-utilities/Background/Background.story.tsx +1 -1
  25. package/core/components/css-utilities/Border/Border.story.tsx +128 -0
  26. package/core/components/css-utilities/Display/Display.story.tsx +1 -1
  27. package/core/components/css-utilities/Flex/Flex.story.tsx +1 -1
  28. package/core/components/css-utilities/Miscellaneous/Miscellaneous.story.tsx +1 -1
  29. package/core/components/css-utilities/Overflow/Overflow.story.tsx +1 -1
  30. package/core/components/css-utilities/Position/Position.story.tsx +1 -1
  31. package/core/components/css-utilities/Sizing/Sizing.story.tsx +1 -1
  32. package/core/components/css-utilities/Spacing/Spacing.story.tsx +1 -1
  33. package/core/components/molecules/chatMessage/__tests__/ChatMessage.test.tsx +20 -46
  34. package/core/components/molecules/dropzone/__tests__/Dropzone.test.tsx +47 -111
  35. package/core/components/molecules/dropzone/__tests__/Utilities.test.tsx +13 -13
  36. package/core/components/molecules/editableChipInput/EditableChipInput.tsx +3 -1
  37. package/core/components/molecules/editableInput/EditableInput.tsx +5 -3
  38. package/core/components/molecules/editableInput/__stories__/variants/Uncontrolled.story.tsx +1 -1
  39. package/core/components/molecules/editableInput/__tests__/EditableInput.test.tsx +1 -3
  40. package/core/components/molecules/emptyState/_tests_/EmptyState.test.tsx +3 -7
  41. package/core/components/molecules/fileUploader/FileUploaderItem.tsx +13 -2
  42. package/core/components/molecules/fileUploader/__stories__/index.story.tsx +156 -21
  43. package/core/components/molecules/fileUploader/__tests__/FileUploader.test.tsx +21 -80
  44. package/core/components/molecules/fileUploader/__tests__/FileUploaderList.test.tsx +9 -40
  45. package/core/components/molecules/fullscreenModal/FullscreenModal.tsx +7 -13
  46. package/core/components/molecules/fullscreenModal/__stories__/Layering.story.tsx +2 -2
  47. package/core/components/molecules/modal/Modal.tsx +18 -17
  48. package/core/components/molecules/modal/ModalBody.tsx +1 -1
  49. package/core/components/molecules/modal/__stories__/Layering.story.tsx +1 -1
  50. package/core/components/molecules/modal/__stories__/NoFooter.story.tsx +0 -1
  51. package/core/components/molecules/modal/__stories__/Scrolling.story.tsx +20 -38
  52. package/core/components/molecules/modal/__tests__/Modal.test.tsx +1 -1
  53. package/core/components/molecules/sidesheet/Sidesheet.tsx +16 -17
  54. package/core/components/organisms/choiceList/ChoiceList.tsx +212 -0
  55. package/core/components/organisms/choiceList/__stories__/Alignment.story.tsx +32 -0
  56. package/core/components/organisms/choiceList/__stories__/AllowMultiple.story.tsx +23 -0
  57. package/core/components/organisms/choiceList/__stories__/Controlled.story.tsx +34 -0
  58. package/core/components/organisms/choiceList/__stories__/index.story.tsx +18 -0
  59. package/core/components/organisms/choiceList/__tests__/ChoiceList.test.tsx +155 -0
  60. package/core/components/organisms/choiceList/__tests__/__snapshots__/ChoiceList.test.tsx.snap +3393 -0
  61. package/core/components/organisms/choiceList/index.tsx +2 -0
  62. package/core/components/organisms/datePicker/__tests__/DatePicker.test.tsx +136 -46
  63. package/core/components/organisms/datePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +2594 -102
  64. package/core/components/organisms/dateRangePicker/DateRangePicker.tsx +5 -0
  65. package/core/components/organisms/dateRangePicker/__tests__/DateRangePicker.test.tsx +49 -410
  66. package/core/components/organisms/dateRangePicker/__tests__/Utilities.test.tsx +39 -0
  67. package/core/components/organisms/dateRangePicker/__tests__/__snapshots__/DateRangePicker.test.tsx.snap +45390 -2679
  68. package/core/components/organisms/dateRangePicker/utilities.tsx +2 -5
  69. package/core/components/organisms/grid/Cell.tsx +5 -4
  70. package/core/components/organisms/grid/Grid.tsx +1 -1
  71. package/core/components/organisms/grid/GridCell.tsx +18 -7
  72. package/core/components/organisms/grid/GridHead.tsx +1 -1
  73. package/core/components/organisms/grid/GridRow.tsx +5 -12
  74. package/core/components/organisms/grid/__tests__/Grid.test.tsx +179 -1
  75. package/core/components/organisms/grid/__tests__/GridCell.test.tsx +218 -0
  76. package/core/components/organisms/grid/__tests__/__snapshots__/Grid.test.tsx.snap +1024 -0
  77. package/core/components/organisms/grid/__tests__/rowUtility.test.tsx +62 -0
  78. package/core/components/organisms/inlineMessage/InlineMessage.tsx +10 -14
  79. package/core/components/organisms/inlineMessage/__stories__/InlineMessageWithinTable.story.tsx +9 -12
  80. package/core/components/organisms/inlineMessage/__stories__/variants/Default.story.tsx +2 -4
  81. package/core/components/organisms/inlineMessage/__stories__/variants/Error.story.tsx +2 -5
  82. package/core/components/organisms/inlineMessage/__stories__/variants/Info.story.tsx +2 -5
  83. package/core/components/organisms/inlineMessage/__stories__/variants/Success.story.tsx +2 -5
  84. package/core/components/organisms/inlineMessage/__stories__/variants/Warning.story.tsx +2 -5
  85. package/core/components/organisms/inlineMessage/__tests__/InlineMessage.test.tsx +4 -20
  86. package/core/components/organisms/navigation/VerticalNavigation.tsx +14 -3
  87. package/core/components/organisms/navigation/__tests__/Navigation.test.tsx +179 -0
  88. package/core/components/organisms/navigation/__tests__/__snapshots__/Navigation.test.tsx.snap +530 -0
  89. package/core/components/organisms/table/DraggableDropdown.tsx +1 -0
  90. package/core/components/organisms/table/Header.tsx +11 -2
  91. package/core/components/organisms/table/Table.tsx +2 -2
  92. package/core/components/organisms/table/__stories__/NestedTableWithNestedCard.story.tsx +4 -1
  93. package/core/components/organisms/table/__stories__/variants/nestedRows.story.tsx +5 -2
  94. package/core/components/organisms/table/__tests__/Table.test.tsx +292 -0
  95. package/core/components/organisms/table/__tests__/__snapshots__/Table.test.tsx.snap +349041 -0
  96. package/core/components/organisms/timePicker/__tests__/TimePicker.test.tsx +15 -66
  97. package/core/components/patterns/dateRangePicker/withCustomPopover.story.tsx +47 -36
  98. package/core/index.tsx +1 -1
  99. package/core/index.type.tsx +1 -0
  100. package/core/utils/OverlayManager.tsx +1 -3
  101. package/core/utils/__tests__/__snapshots__/TS.test.tsx.snap +4 -0
  102. package/core/utils/types.tsx +3 -4
  103. package/css/dist/index.css +78 -8
  104. package/css/dist/index.css.map +1 -1
  105. package/css/src/components/button.css +8 -4
  106. package/css/src/components/choiceList.css +25 -0
  107. package/css/src/components/modal.css +1 -2
  108. package/css/src/utils/border.css +39 -0
  109. package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts +50 -49
  110. package/dist/core/components/css-utilities/Border/Border.story.d.ts +13 -0
  111. package/dist/core/components/organisms/choiceList/ChoiceList.d.ts +33 -0
  112. package/dist/core/components/organisms/choiceList/index.d.ts +2 -0
  113. package/dist/core/components/organisms/dateRangePicker/utilities.d.ts +2 -2
  114. package/dist/core/index.d.ts +1 -0
  115. package/dist/core/index.type.d.ts +1 -0
  116. package/dist/index.esm.js +207 -58
  117. package/dist/index.js +209 -57
  118. package/dist/index.js.map +1 -1
  119. package/dist/index.umd.js +1 -1
  120. package/dist/index.umd.js.br +0 -0
  121. package/dist/index.umd.js.gz +0 -0
  122. package/jest.config.js +2 -1
  123. package/package.json +6 -4
package/core/components/organisms/datePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap CHANGED
@@ -1,60 +1,2612 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`DatePicker component
4
- open: false
3
+ exports[`DatePicker component snapshots renders snapshot for prop:disabledAfter
4
+ disabledAfter: "10/10/2021"
5
5
  1`] = `
6
6
  <body>
7
7
  <div>
8
- <div
9
- class="OutsideClick PopperWrapper-trigger w-100"
10
- >
8
+ <div>
11
9
  <div
12
- class="d-flex flex-column flex-grow-1"
13
- data-test="DesignSystem-InputMask--Wrapper"
10
+ class="Calendar-wrapper"
11
+ data-test="DesignSystem-Calendar-Wrapper"
14
12
  >
15
13
  <div
16
- class="Input Input--regular"
17
- data-test="DesignSystem-InputWrapper"
18
- style="min-width: 256px;"
14
+ class="Calendar Calendar--date--large Calendar--large"
15
+ data-test="DesignSystem-Calendar"
19
16
  >
20
17
  <div
21
- class="Input-icon Input-icon--left"
18
+ class="Calendar-header--large"
22
19
  >
23
- <i
24
- class="material-icons material-icons-round Icon"
25
- style="font-size: 16px; width: 16px;"
20
+ <button
21
+ class="Button Button--regular Button--regularSquare Button--basic Calendar-headerIcon Calendar-headerIcon--prev"
22
+ data-test="DesignSystem-Button"
23
+ tabindex="0"
24
+ type="button"
26
25
  >
27
- events_round
28
- </i>
26
+ <div
27
+ class="Button-icon"
28
+ >
29
+ <i
30
+ class="material-icons material-icons-round Icon Icon--default"
31
+ data-test="DesignSystem-Button--Icon"
32
+ style="font-size: 16px; width: 16px;"
33
+ >
34
+ arrow_back_round
35
+ </i>
36
+ </div>
37
+ </button>
38
+ <div
39
+ class="Calendar-headerContent Calendar-headerContent--noIcon-left Calendar-headerContent--noIcon-right"
40
+ >
41
+ <div
42
+ class="d-flex justify-content-center align-items-center"
43
+ >
44
+ <h5
45
+ class="Heading Heading--s Heading--default"
46
+ data-test="DesignSystem-Heading"
47
+ >
48
+ Mar
49
+ </h5>
50
+ <i
51
+ class="material-icons material-icons-round Icon Icon--inverse pl-3"
52
+ style="font-size: 16px; width: 16px;"
53
+ >
54
+ keyboard_arrow_down_round
55
+ </i>
56
+ </div>
57
+ <div
58
+ class="ml-4 d-flex justify-content-center align-items-center"
59
+ >
60
+ <h5
61
+ class="Heading Heading--s Heading--default"
62
+ data-test="DesignSystem-Heading"
63
+ >
64
+ 2020
65
+ </h5>
66
+ <i
67
+ class="material-icons material-icons-round Icon Icon--inverse pl-3"
68
+ style="font-size: 16px; width: 16px;"
69
+ >
70
+ keyboard_arrow_down_round
71
+ </i>
72
+ </div>
73
+ </div>
74
+ <button
75
+ class="Button Button--regular Button--regularSquare Button--basic Calendar-headerIcon Calendar-headerIcon--next"
76
+ data-test="DesignSystem-Button"
77
+ tabindex="0"
78
+ type="button"
79
+ >
80
+ <div
81
+ class="Button-icon"
82
+ >
83
+ <i
84
+ class="material-icons material-icons-round Icon Icon--default"
85
+ data-test="DesignSystem-Button--Icon"
86
+ style="font-size: 16px; width: 16px;"
87
+ >
88
+ arrow_forward_round
89
+ </i>
90
+ </div>
91
+ </button>
29
92
  </div>
30
- <input
31
- autocomplete="off"
32
- class="Input-input Input-input--regular"
33
- data-test="DesignSystem-Input"
34
- placeholder="mm/dd/yyyy"
35
- type="text"
36
- value="03/01/2020"
37
- />
38
93
  <div
39
- class="Input-icon Input-icon--right"
40
- data-test="DesignSystem-Input--closeIcon"
94
+ class="Calendar-body"
41
95
  >
42
- <i
43
- class="material-icons material-icons-round Icon"
44
- style="font-size: 16px; width: 16px;"
96
+ <div
97
+ class="Calendar-dayValues"
45
98
  >
46
- close_round
47
- </i>
99
+ <span
100
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
101
+ data-test="DesignSystem-Text"
102
+ >
103
+ Su
104
+ </span>
105
+ <span
106
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
107
+ data-test="DesignSystem-Text"
108
+ >
109
+ Mo
110
+ </span>
111
+ <span
112
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
113
+ data-test="DesignSystem-Text"
114
+ >
115
+ Tu
116
+ </span>
117
+ <span
118
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
119
+ data-test="DesignSystem-Text"
120
+ >
121
+ We
122
+ </span>
123
+ <span
124
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
125
+ data-test="DesignSystem-Text"
126
+ >
127
+ Th
128
+ </span>
129
+ <span
130
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
131
+ data-test="DesignSystem-Text"
132
+ >
133
+ Fr
134
+ </span>
135
+ <span
136
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
137
+ data-test="DesignSystem-Text"
138
+ >
139
+ Sa
140
+ </span>
141
+ </div>
142
+ <div
143
+ class="Calendar-dateValues"
144
+ >
145
+ <div
146
+ class="Calendar-valueRow"
147
+ >
148
+ <div
149
+ class="Calendar-valueWrapper"
150
+ data-test="designSystem-Calendar-WrapperClass"
151
+ >
152
+ <span
153
+ class="Text Text--white Text--regular Calendar-value Calendar-value--active Calendar-dateValue Calendar-dateValue--large"
154
+ data-test="DesignSystem-Calendar--dateValue"
155
+ >
156
+ 1
157
+ </span>
158
+ </div>
159
+ <div
160
+ class="Calendar-valueWrapper"
161
+ data-test="designSystem-Calendar-WrapperClass"
162
+ >
163
+ <span
164
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
165
+ data-test="DesignSystem-Calendar--dateValue"
166
+ >
167
+ 2
168
+ </span>
169
+ </div>
170
+ <div
171
+ class="Calendar-valueWrapper"
172
+ data-test="designSystem-Calendar-WrapperClass"
173
+ >
174
+ <span
175
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
176
+ data-test="DesignSystem-Calendar--dateValue"
177
+ >
178
+ 3
179
+ </span>
180
+ </div>
181
+ <div
182
+ class="Calendar-valueWrapper"
183
+ data-test="designSystem-Calendar-WrapperClass"
184
+ >
185
+ <span
186
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
187
+ data-test="DesignSystem-Calendar--dateValue"
188
+ >
189
+ 4
190
+ </span>
191
+ </div>
192
+ <div
193
+ class="Calendar-valueWrapper"
194
+ data-test="designSystem-Calendar-WrapperClass"
195
+ >
196
+ <span
197
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
198
+ data-test="DesignSystem-Calendar--dateValue"
199
+ >
200
+ 5
201
+ </span>
202
+ </div>
203
+ <div
204
+ class="Calendar-valueWrapper"
205
+ data-test="designSystem-Calendar-WrapperClass"
206
+ >
207
+ <span
208
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
209
+ data-test="DesignSystem-Calendar--dateValue"
210
+ >
211
+ 6
212
+ </span>
213
+ </div>
214
+ <div
215
+ class="Calendar-valueWrapper"
216
+ data-test="designSystem-Calendar-WrapperClass"
217
+ >
218
+ <span
219
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
220
+ data-test="DesignSystem-Calendar--dateValue"
221
+ >
222
+ 7
223
+ </span>
224
+ </div>
225
+ </div>
226
+ <div
227
+ class="Calendar-valueRow"
228
+ >
229
+ <div
230
+ class="Calendar-valueWrapper"
231
+ data-test="designSystem-Calendar-WrapperClass"
232
+ >
233
+ <span
234
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
235
+ data-test="DesignSystem-Calendar--dateValue"
236
+ >
237
+ 8
238
+ </span>
239
+ </div>
240
+ <div
241
+ class="Calendar-valueWrapper"
242
+ data-test="designSystem-Calendar-WrapperClass"
243
+ >
244
+ <span
245
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
246
+ data-test="DesignSystem-Calendar--dateValue"
247
+ >
248
+ 9
249
+ </span>
250
+ </div>
251
+ <div
252
+ class="Calendar-valueWrapper"
253
+ data-test="designSystem-Calendar-WrapperClass"
254
+ >
255
+ <span
256
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
257
+ data-test="DesignSystem-Calendar--dateValue"
258
+ >
259
+ 10
260
+ </span>
261
+ </div>
262
+ <div
263
+ class="Calendar-valueWrapper"
264
+ data-test="designSystem-Calendar-WrapperClass"
265
+ >
266
+ <span
267
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
268
+ data-test="DesignSystem-Calendar--dateValue"
269
+ >
270
+ 11
271
+ </span>
272
+ </div>
273
+ <div
274
+ class="Calendar-valueWrapper"
275
+ data-test="designSystem-Calendar-WrapperClass"
276
+ >
277
+ <span
278
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
279
+ data-test="DesignSystem-Calendar--dateValue"
280
+ >
281
+ 12
282
+ </span>
283
+ </div>
284
+ <div
285
+ class="Calendar-valueWrapper"
286
+ data-test="designSystem-Calendar-WrapperClass"
287
+ >
288
+ <span
289
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
290
+ data-test="DesignSystem-Calendar--dateValue"
291
+ >
292
+ 13
293
+ </span>
294
+ </div>
295
+ <div
296
+ class="Calendar-valueWrapper"
297
+ data-test="designSystem-Calendar-WrapperClass"
298
+ >
299
+ <span
300
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
301
+ data-test="DesignSystem-Calendar--dateValue"
302
+ >
303
+ 14
304
+ </span>
305
+ </div>
306
+ </div>
307
+ <div
308
+ class="Calendar-valueRow"
309
+ >
310
+ <div
311
+ class="Calendar-valueWrapper"
312
+ data-test="designSystem-Calendar-WrapperClass"
313
+ >
314
+ <span
315
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
316
+ data-test="DesignSystem-Calendar--dateValue"
317
+ >
318
+ 15
319
+ </span>
320
+ </div>
321
+ <div
322
+ class="Calendar-valueWrapper"
323
+ data-test="designSystem-Calendar-WrapperClass"
324
+ >
325
+ <span
326
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
327
+ data-test="DesignSystem-Calendar--dateValue"
328
+ >
329
+ 16
330
+ </span>
331
+ </div>
332
+ <div
333
+ class="Calendar-valueWrapper"
334
+ data-test="designSystem-Calendar-WrapperClass"
335
+ >
336
+ <span
337
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
338
+ data-test="DesignSystem-Calendar--dateValue"
339
+ >
340
+ 17
341
+ </span>
342
+ </div>
343
+ <div
344
+ class="Calendar-valueWrapper"
345
+ data-test="designSystem-Calendar-WrapperClass"
346
+ >
347
+ <span
348
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
349
+ data-test="DesignSystem-Calendar--dateValue"
350
+ >
351
+ 18
352
+ </span>
353
+ </div>
354
+ <div
355
+ class="Calendar-valueWrapper"
356
+ data-test="designSystem-Calendar-WrapperClass"
357
+ >
358
+ <span
359
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
360
+ data-test="DesignSystem-Calendar--dateValue"
361
+ >
362
+ 19
363
+ </span>
364
+ </div>
365
+ <div
366
+ class="Calendar-valueWrapper"
367
+ data-test="designSystem-Calendar-WrapperClass"
368
+ >
369
+ <span
370
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
371
+ data-test="DesignSystem-Calendar--dateValue"
372
+ >
373
+ 20
374
+ </span>
375
+ </div>
376
+ <div
377
+ class="Calendar-valueWrapper"
378
+ data-test="designSystem-Calendar-WrapperClass"
379
+ >
380
+ <span
381
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
382
+ data-test="DesignSystem-Calendar--dateValue"
383
+ >
384
+ 21
385
+ </span>
386
+ </div>
387
+ </div>
388
+ <div
389
+ class="Calendar-valueRow"
390
+ >
391
+ <div
392
+ class="Calendar-valueWrapper"
393
+ data-test="designSystem-Calendar-WrapperClass"
394
+ >
395
+ <span
396
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
397
+ data-test="DesignSystem-Calendar--dateValue"
398
+ >
399
+ 22
400
+ </span>
401
+ </div>
402
+ <div
403
+ class="Calendar-valueWrapper"
404
+ data-test="designSystem-Calendar-WrapperClass"
405
+ >
406
+ <span
407
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
408
+ data-test="DesignSystem-Calendar--dateValue"
409
+ >
410
+ 23
411
+ </span>
412
+ </div>
413
+ <div
414
+ class="Calendar-valueWrapper"
415
+ data-test="designSystem-Calendar-WrapperClass"
416
+ >
417
+ <span
418
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
419
+ data-test="DesignSystem-Calendar--dateValue"
420
+ >
421
+ 24
422
+ </span>
423
+ </div>
424
+ <div
425
+ class="Calendar-valueWrapper"
426
+ data-test="designSystem-Calendar-WrapperClass"
427
+ >
428
+ <span
429
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
430
+ data-test="DesignSystem-Calendar--dateValue"
431
+ >
432
+ 25
433
+ </span>
434
+ </div>
435
+ <div
436
+ class="Calendar-valueWrapper"
437
+ data-test="designSystem-Calendar-WrapperClass"
438
+ >
439
+ <span
440
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
441
+ data-test="DesignSystem-Calendar--dateValue"
442
+ >
443
+ 26
444
+ </span>
445
+ </div>
446
+ <div
447
+ class="Calendar-valueWrapper"
448
+ data-test="designSystem-Calendar-WrapperClass"
449
+ >
450
+ <span
451
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
452
+ data-test="DesignSystem-Calendar--dateValue"
453
+ >
454
+ 27
455
+ </span>
456
+ </div>
457
+ <div
458
+ class="Calendar-valueWrapper"
459
+ data-test="designSystem-Calendar-WrapperClass"
460
+ >
461
+ <span
462
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
463
+ data-test="DesignSystem-Calendar--dateValue"
464
+ >
465
+ 28
466
+ </span>
467
+ </div>
468
+ </div>
469
+ <div
470
+ class="Calendar-valueRow"
471
+ >
472
+ <div
473
+ class="Calendar-valueWrapper"
474
+ data-test="designSystem-Calendar-WrapperClass"
475
+ >
476
+ <span
477
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
478
+ data-test="DesignSystem-Calendar--dateValue"
479
+ >
480
+ 29
481
+ </span>
482
+ </div>
483
+ <div
484
+ class="Calendar-valueWrapper"
485
+ data-test="designSystem-Calendar-WrapperClass"
486
+ >
487
+ <span
488
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
489
+ data-test="DesignSystem-Calendar--dateValue"
490
+ >
491
+ 30
492
+ </span>
493
+ </div>
494
+ <div
495
+ class="Calendar-valueWrapper"
496
+ data-test="designSystem-Calendar-WrapperClass"
497
+ >
498
+ <span
499
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
500
+ data-test="DesignSystem-Calendar--dateValue"
501
+ >
502
+ 31
503
+ </span>
504
+ </div>
505
+ <div
506
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
507
+ data-test="designSystem-Calendar-WrapperClass"
508
+ >
509
+ <span
510
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
511
+ data-test="DesignSystem-Calendar--dateValue"
512
+ >
513
+ 1
514
+ </span>
515
+ </div>
516
+ <div
517
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
518
+ data-test="designSystem-Calendar-WrapperClass"
519
+ >
520
+ <span
521
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
522
+ data-test="DesignSystem-Calendar--dateValue"
523
+ >
524
+ 2
525
+ </span>
526
+ </div>
527
+ <div
528
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
529
+ data-test="designSystem-Calendar-WrapperClass"
530
+ >
531
+ <span
532
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
533
+ data-test="DesignSystem-Calendar--dateValue"
534
+ >
535
+ 3
536
+ </span>
537
+ </div>
538
+ <div
539
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
540
+ data-test="designSystem-Calendar-WrapperClass"
541
+ >
542
+ <span
543
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
544
+ data-test="DesignSystem-Calendar--dateValue"
545
+ >
546
+ 4
547
+ </span>
548
+ </div>
549
+ </div>
550
+ <div
551
+ class="Calendar-valueRow"
552
+ >
553
+ <div
554
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
555
+ data-test="designSystem-Calendar-WrapperClass"
556
+ >
557
+ <span
558
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
559
+ data-test="DesignSystem-Calendar--dateValue"
560
+ >
561
+ 5
562
+ </span>
563
+ </div>
564
+ <div
565
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
566
+ data-test="designSystem-Calendar-WrapperClass"
567
+ >
568
+ <span
569
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
570
+ data-test="DesignSystem-Calendar--dateValue"
571
+ >
572
+ 6
573
+ </span>
574
+ </div>
575
+ <div
576
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
577
+ data-test="designSystem-Calendar-WrapperClass"
578
+ >
579
+ <span
580
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
581
+ data-test="DesignSystem-Calendar--dateValue"
582
+ >
583
+ 7
584
+ </span>
585
+ </div>
586
+ <div
587
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
588
+ data-test="designSystem-Calendar-WrapperClass"
589
+ >
590
+ <span
591
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
592
+ data-test="DesignSystem-Calendar--dateValue"
593
+ >
594
+ 8
595
+ </span>
596
+ </div>
597
+ <div
598
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
599
+ data-test="designSystem-Calendar-WrapperClass"
600
+ >
601
+ <span
602
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
603
+ data-test="DesignSystem-Calendar--dateValue"
604
+ >
605
+ 9
606
+ </span>
607
+ </div>
608
+ <div
609
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
610
+ data-test="designSystem-Calendar-WrapperClass"
611
+ >
612
+ <span
613
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
614
+ data-test="DesignSystem-Calendar--dateValue"
615
+ >
616
+ 10
617
+ </span>
618
+ </div>
619
+ <div
620
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
621
+ data-test="designSystem-Calendar-WrapperClass"
622
+ >
623
+ <span
624
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
625
+ data-test="DesignSystem-Calendar--dateValue"
626
+ >
627
+ 11
628
+ </span>
629
+ </div>
630
+ </div>
631
+ </div>
632
+ </div>
633
+ </div>
634
+ </div>
635
+ <div
636
+ class="d-flex justify-content-center pb-6"
637
+ data-test="DesignSystem-Select--TodaysDate-wrapper"
638
+ >
639
+ <div
640
+ class="Chip-wrapper Chip Chip-action--disabled"
641
+ data-test="DesignSystem-Chip--GenericChip"
642
+ >
643
+ <span
644
+ class="Text Text--disabled Text--regular"
645
+ data-test="DesignSystem-GenericChip--Text"
646
+ >
647
+ Today, Sep 22
648
+ </span>
649
+ </div>
650
+ </div>
651
+ </div>
652
+ </div>
653
+ </body>
654
+ `;
655
+
656
+ exports[`DatePicker component snapshots renders snapshot for prop:disabledBefore
657
+ disabledBefore: "10/10/2020"
658
+ 1`] = `
659
+ <body>
660
+ <div>
661
+ <div>
662
+ <div
663
+ class="Calendar-wrapper"
664
+ data-test="DesignSystem-Calendar-Wrapper"
665
+ >
666
+ <div
667
+ class="Calendar Calendar--date--large Calendar--large"
668
+ data-test="DesignSystem-Calendar"
669
+ >
670
+ <div
671
+ class="Calendar-header--large"
672
+ >
673
+ <button
674
+ class="Button Button--regular Button--regularSquare Button--basic Calendar-headerIcon Calendar-headerIcon--prev"
675
+ data-test="DesignSystem-Button"
676
+ disabled=""
677
+ tabindex="0"
678
+ type="button"
679
+ >
680
+ <div
681
+ class="Button-icon"
682
+ >
683
+ <i
684
+ class="material-icons material-icons-round Icon Icon--disabled"
685
+ data-test="DesignSystem-Button--Icon"
686
+ style="font-size: 16px; width: 16px;"
687
+ >
688
+ arrow_back_round
689
+ </i>
690
+ </div>
691
+ </button>
692
+ <div
693
+ class="Calendar-headerContent Calendar-headerContent--noIcon-left Calendar-headerContent--noIcon-right"
694
+ >
695
+ <div
696
+ class="d-flex justify-content-center align-items-center"
697
+ >
698
+ <h5
699
+ class="Heading Heading--s Heading--default"
700
+ data-test="DesignSystem-Heading"
701
+ >
702
+ Mar
703
+ </h5>
704
+ <i
705
+ class="material-icons material-icons-round Icon Icon--inverse pl-3"
706
+ style="font-size: 16px; width: 16px;"
707
+ >
708
+ keyboard_arrow_down_round
709
+ </i>
710
+ </div>
711
+ <div
712
+ class="ml-4 d-flex justify-content-center align-items-center"
713
+ >
714
+ <h5
715
+ class="Heading Heading--s Heading--default"
716
+ data-test="DesignSystem-Heading"
717
+ >
718
+ 2020
719
+ </h5>
720
+ <i
721
+ class="material-icons material-icons-round Icon Icon--inverse pl-3"
722
+ style="font-size: 16px; width: 16px;"
723
+ >
724
+ keyboard_arrow_down_round
725
+ </i>
726
+ </div>
727
+ </div>
728
+ <button
729
+ class="Button Button--regular Button--regularSquare Button--basic Calendar-headerIcon Calendar-headerIcon--next"
730
+ data-test="DesignSystem-Button"
731
+ tabindex="0"
732
+ type="button"
733
+ >
734
+ <div
735
+ class="Button-icon"
736
+ >
737
+ <i
738
+ class="material-icons material-icons-round Icon Icon--default"
739
+ data-test="DesignSystem-Button--Icon"
740
+ style="font-size: 16px; width: 16px;"
741
+ >
742
+ arrow_forward_round
743
+ </i>
744
+ </div>
745
+ </button>
746
+ </div>
747
+ <div
748
+ class="Calendar-body"
749
+ >
750
+ <div
751
+ class="Calendar-dayValues"
752
+ >
753
+ <span
754
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
755
+ data-test="DesignSystem-Text"
756
+ >
757
+ Su
758
+ </span>
759
+ <span
760
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
761
+ data-test="DesignSystem-Text"
762
+ >
763
+ Mo
764
+ </span>
765
+ <span
766
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
767
+ data-test="DesignSystem-Text"
768
+ >
769
+ Tu
770
+ </span>
771
+ <span
772
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
773
+ data-test="DesignSystem-Text"
774
+ >
775
+ We
776
+ </span>
777
+ <span
778
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
779
+ data-test="DesignSystem-Text"
780
+ >
781
+ Th
782
+ </span>
783
+ <span
784
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
785
+ data-test="DesignSystem-Text"
786
+ >
787
+ Fr
788
+ </span>
789
+ <span
790
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
791
+ data-test="DesignSystem-Text"
792
+ >
793
+ Sa
794
+ </span>
795
+ </div>
796
+ <div
797
+ class="Calendar-dateValues"
798
+ >
799
+ <div
800
+ class="Calendar-valueRow"
801
+ >
802
+ <div
803
+ class="Calendar-valueWrapper"
804
+ data-test="designSystem-Calendar-WrapperClass"
805
+ >
806
+ <span
807
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
808
+ data-test="DesignSystem-Calendar--dateValue"
809
+ >
810
+ 1
811
+ </span>
812
+ </div>
813
+ <div
814
+ class="Calendar-valueWrapper"
815
+ data-test="designSystem-Calendar-WrapperClass"
816
+ >
817
+ <span
818
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
819
+ data-test="DesignSystem-Calendar--dateValue"
820
+ >
821
+ 2
822
+ </span>
823
+ </div>
824
+ <div
825
+ class="Calendar-valueWrapper"
826
+ data-test="designSystem-Calendar-WrapperClass"
827
+ >
828
+ <span
829
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
830
+ data-test="DesignSystem-Calendar--dateValue"
831
+ >
832
+ 3
833
+ </span>
834
+ </div>
835
+ <div
836
+ class="Calendar-valueWrapper"
837
+ data-test="designSystem-Calendar-WrapperClass"
838
+ >
839
+ <span
840
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
841
+ data-test="DesignSystem-Calendar--dateValue"
842
+ >
843
+ 4
844
+ </span>
845
+ </div>
846
+ <div
847
+ class="Calendar-valueWrapper"
848
+ data-test="designSystem-Calendar-WrapperClass"
849
+ >
850
+ <span
851
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
852
+ data-test="DesignSystem-Calendar--dateValue"
853
+ >
854
+ 5
855
+ </span>
856
+ </div>
857
+ <div
858
+ class="Calendar-valueWrapper"
859
+ data-test="designSystem-Calendar-WrapperClass"
860
+ >
861
+ <span
862
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
863
+ data-test="DesignSystem-Calendar--dateValue"
864
+ >
865
+ 6
866
+ </span>
867
+ </div>
868
+ <div
869
+ class="Calendar-valueWrapper"
870
+ data-test="designSystem-Calendar-WrapperClass"
871
+ >
872
+ <span
873
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
874
+ data-test="DesignSystem-Calendar--dateValue"
875
+ >
876
+ 7
877
+ </span>
878
+ </div>
879
+ </div>
880
+ <div
881
+ class="Calendar-valueRow"
882
+ >
883
+ <div
884
+ class="Calendar-valueWrapper"
885
+ data-test="designSystem-Calendar-WrapperClass"
886
+ >
887
+ <span
888
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
889
+ data-test="DesignSystem-Calendar--dateValue"
890
+ >
891
+ 8
892
+ </span>
893
+ </div>
894
+ <div
895
+ class="Calendar-valueWrapper"
896
+ data-test="designSystem-Calendar-WrapperClass"
897
+ >
898
+ <span
899
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
900
+ data-test="DesignSystem-Calendar--dateValue"
901
+ >
902
+ 9
903
+ </span>
904
+ </div>
905
+ <div
906
+ class="Calendar-valueWrapper"
907
+ data-test="designSystem-Calendar-WrapperClass"
908
+ >
909
+ <span
910
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
911
+ data-test="DesignSystem-Calendar--dateValue"
912
+ >
913
+ 10
914
+ </span>
915
+ </div>
916
+ <div
917
+ class="Calendar-valueWrapper"
918
+ data-test="designSystem-Calendar-WrapperClass"
919
+ >
920
+ <span
921
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
922
+ data-test="DesignSystem-Calendar--dateValue"
923
+ >
924
+ 11
925
+ </span>
926
+ </div>
927
+ <div
928
+ class="Calendar-valueWrapper"
929
+ data-test="designSystem-Calendar-WrapperClass"
930
+ >
931
+ <span
932
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
933
+ data-test="DesignSystem-Calendar--dateValue"
934
+ >
935
+ 12
936
+ </span>
937
+ </div>
938
+ <div
939
+ class="Calendar-valueWrapper"
940
+ data-test="designSystem-Calendar-WrapperClass"
941
+ >
942
+ <span
943
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
944
+ data-test="DesignSystem-Calendar--dateValue"
945
+ >
946
+ 13
947
+ </span>
948
+ </div>
949
+ <div
950
+ class="Calendar-valueWrapper"
951
+ data-test="designSystem-Calendar-WrapperClass"
952
+ >
953
+ <span
954
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
955
+ data-test="DesignSystem-Calendar--dateValue"
956
+ >
957
+ 14
958
+ </span>
959
+ </div>
960
+ </div>
961
+ <div
962
+ class="Calendar-valueRow"
963
+ >
964
+ <div
965
+ class="Calendar-valueWrapper"
966
+ data-test="designSystem-Calendar-WrapperClass"
967
+ >
968
+ <span
969
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
970
+ data-test="DesignSystem-Calendar--dateValue"
971
+ >
972
+ 15
973
+ </span>
974
+ </div>
975
+ <div
976
+ class="Calendar-valueWrapper"
977
+ data-test="designSystem-Calendar-WrapperClass"
978
+ >
979
+ <span
980
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
981
+ data-test="DesignSystem-Calendar--dateValue"
982
+ >
983
+ 16
984
+ </span>
985
+ </div>
986
+ <div
987
+ class="Calendar-valueWrapper"
988
+ data-test="designSystem-Calendar-WrapperClass"
989
+ >
990
+ <span
991
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
992
+ data-test="DesignSystem-Calendar--dateValue"
993
+ >
994
+ 17
995
+ </span>
996
+ </div>
997
+ <div
998
+ class="Calendar-valueWrapper"
999
+ data-test="designSystem-Calendar-WrapperClass"
1000
+ >
1001
+ <span
1002
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1003
+ data-test="DesignSystem-Calendar--dateValue"
1004
+ >
1005
+ 18
1006
+ </span>
1007
+ </div>
1008
+ <div
1009
+ class="Calendar-valueWrapper"
1010
+ data-test="designSystem-Calendar-WrapperClass"
1011
+ >
1012
+ <span
1013
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1014
+ data-test="DesignSystem-Calendar--dateValue"
1015
+ >
1016
+ 19
1017
+ </span>
1018
+ </div>
1019
+ <div
1020
+ class="Calendar-valueWrapper"
1021
+ data-test="designSystem-Calendar-WrapperClass"
1022
+ >
1023
+ <span
1024
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1025
+ data-test="DesignSystem-Calendar--dateValue"
1026
+ >
1027
+ 20
1028
+ </span>
1029
+ </div>
1030
+ <div
1031
+ class="Calendar-valueWrapper"
1032
+ data-test="designSystem-Calendar-WrapperClass"
1033
+ >
1034
+ <span
1035
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1036
+ data-test="DesignSystem-Calendar--dateValue"
1037
+ >
1038
+ 21
1039
+ </span>
1040
+ </div>
1041
+ </div>
1042
+ <div
1043
+ class="Calendar-valueRow"
1044
+ >
1045
+ <div
1046
+ class="Calendar-valueWrapper"
1047
+ data-test="designSystem-Calendar-WrapperClass"
1048
+ >
1049
+ <span
1050
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1051
+ data-test="DesignSystem-Calendar--dateValue"
1052
+ >
1053
+ 22
1054
+ </span>
1055
+ </div>
1056
+ <div
1057
+ class="Calendar-valueWrapper"
1058
+ data-test="designSystem-Calendar-WrapperClass"
1059
+ >
1060
+ <span
1061
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1062
+ data-test="DesignSystem-Calendar--dateValue"
1063
+ >
1064
+ 23
1065
+ </span>
1066
+ </div>
1067
+ <div
1068
+ class="Calendar-valueWrapper"
1069
+ data-test="designSystem-Calendar-WrapperClass"
1070
+ >
1071
+ <span
1072
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1073
+ data-test="DesignSystem-Calendar--dateValue"
1074
+ >
1075
+ 24
1076
+ </span>
1077
+ </div>
1078
+ <div
1079
+ class="Calendar-valueWrapper"
1080
+ data-test="designSystem-Calendar-WrapperClass"
1081
+ >
1082
+ <span
1083
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1084
+ data-test="DesignSystem-Calendar--dateValue"
1085
+ >
1086
+ 25
1087
+ </span>
1088
+ </div>
1089
+ <div
1090
+ class="Calendar-valueWrapper"
1091
+ data-test="designSystem-Calendar-WrapperClass"
1092
+ >
1093
+ <span
1094
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1095
+ data-test="DesignSystem-Calendar--dateValue"
1096
+ >
1097
+ 26
1098
+ </span>
1099
+ </div>
1100
+ <div
1101
+ class="Calendar-valueWrapper"
1102
+ data-test="designSystem-Calendar-WrapperClass"
1103
+ >
1104
+ <span
1105
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1106
+ data-test="DesignSystem-Calendar--dateValue"
1107
+ >
1108
+ 27
1109
+ </span>
1110
+ </div>
1111
+ <div
1112
+ class="Calendar-valueWrapper"
1113
+ data-test="designSystem-Calendar-WrapperClass"
1114
+ >
1115
+ <span
1116
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1117
+ data-test="DesignSystem-Calendar--dateValue"
1118
+ >
1119
+ 28
1120
+ </span>
1121
+ </div>
1122
+ </div>
1123
+ <div
1124
+ class="Calendar-valueRow"
1125
+ >
1126
+ <div
1127
+ class="Calendar-valueWrapper"
1128
+ data-test="designSystem-Calendar-WrapperClass"
1129
+ >
1130
+ <span
1131
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1132
+ data-test="DesignSystem-Calendar--dateValue"
1133
+ >
1134
+ 29
1135
+ </span>
1136
+ </div>
1137
+ <div
1138
+ class="Calendar-valueWrapper"
1139
+ data-test="designSystem-Calendar-WrapperClass"
1140
+ >
1141
+ <span
1142
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1143
+ data-test="DesignSystem-Calendar--dateValue"
1144
+ >
1145
+ 30
1146
+ </span>
1147
+ </div>
1148
+ <div
1149
+ class="Calendar-valueWrapper"
1150
+ data-test="designSystem-Calendar-WrapperClass"
1151
+ >
1152
+ <span
1153
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1154
+ data-test="DesignSystem-Calendar--dateValue"
1155
+ >
1156
+ 31
1157
+ </span>
1158
+ </div>
1159
+ <div
1160
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
1161
+ data-test="designSystem-Calendar-WrapperClass"
1162
+ >
1163
+ <span
1164
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1165
+ data-test="DesignSystem-Calendar--dateValue"
1166
+ >
1167
+ 1
1168
+ </span>
1169
+ </div>
1170
+ <div
1171
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
1172
+ data-test="designSystem-Calendar-WrapperClass"
1173
+ >
1174
+ <span
1175
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1176
+ data-test="DesignSystem-Calendar--dateValue"
1177
+ >
1178
+ 2
1179
+ </span>
1180
+ </div>
1181
+ <div
1182
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
1183
+ data-test="designSystem-Calendar-WrapperClass"
1184
+ >
1185
+ <span
1186
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1187
+ data-test="DesignSystem-Calendar--dateValue"
1188
+ >
1189
+ 3
1190
+ </span>
1191
+ </div>
1192
+ <div
1193
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
1194
+ data-test="designSystem-Calendar-WrapperClass"
1195
+ >
1196
+ <span
1197
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1198
+ data-test="DesignSystem-Calendar--dateValue"
1199
+ >
1200
+ 4
1201
+ </span>
1202
+ </div>
1203
+ </div>
1204
+ <div
1205
+ class="Calendar-valueRow"
1206
+ >
1207
+ <div
1208
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
1209
+ data-test="designSystem-Calendar-WrapperClass"
1210
+ >
1211
+ <span
1212
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1213
+ data-test="DesignSystem-Calendar--dateValue"
1214
+ >
1215
+ 5
1216
+ </span>
1217
+ </div>
1218
+ <div
1219
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
1220
+ data-test="designSystem-Calendar-WrapperClass"
1221
+ >
1222
+ <span
1223
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1224
+ data-test="DesignSystem-Calendar--dateValue"
1225
+ >
1226
+ 6
1227
+ </span>
1228
+ </div>
1229
+ <div
1230
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
1231
+ data-test="designSystem-Calendar-WrapperClass"
1232
+ >
1233
+ <span
1234
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1235
+ data-test="DesignSystem-Calendar--dateValue"
1236
+ >
1237
+ 7
1238
+ </span>
1239
+ </div>
1240
+ <div
1241
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
1242
+ data-test="designSystem-Calendar-WrapperClass"
1243
+ >
1244
+ <span
1245
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1246
+ data-test="DesignSystem-Calendar--dateValue"
1247
+ >
1248
+ 8
1249
+ </span>
1250
+ </div>
1251
+ <div
1252
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
1253
+ data-test="designSystem-Calendar-WrapperClass"
1254
+ >
1255
+ <span
1256
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1257
+ data-test="DesignSystem-Calendar--dateValue"
1258
+ >
1259
+ 9
1260
+ </span>
1261
+ </div>
1262
+ <div
1263
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
1264
+ data-test="designSystem-Calendar-WrapperClass"
1265
+ >
1266
+ <span
1267
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1268
+ data-test="DesignSystem-Calendar--dateValue"
1269
+ >
1270
+ 10
1271
+ </span>
1272
+ </div>
1273
+ <div
1274
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
1275
+ data-test="designSystem-Calendar-WrapperClass"
1276
+ >
1277
+ <span
1278
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1279
+ data-test="DesignSystem-Calendar--dateValue"
1280
+ >
1281
+ 11
1282
+ </span>
1283
+ </div>
1284
+ </div>
1285
+ </div>
1286
+ </div>
1287
+ </div>
1288
+ </div>
1289
+ <div
1290
+ class="d-flex justify-content-center pb-6"
1291
+ data-test="DesignSystem-Select--TodaysDate-wrapper"
1292
+ >
1293
+ <div
1294
+ class="Chip-wrapper Chip Chip--action"
1295
+ data-test="DesignSystem-Chip--GenericChip"
1296
+ >
1297
+ <span
1298
+ class="Text Text--default Text--regular"
1299
+ data-test="DesignSystem-GenericChip--Text"
1300
+ >
1301
+ Today, Sep 22
1302
+ </span>
1303
+ </div>
1304
+ </div>
1305
+ </div>
1306
+ </div>
1307
+ </body>
1308
+ `;
1309
+
1310
+ exports[`DatePicker component snapshots renders snapshot for prop:disabledBefore, prop:disabledAfter
1311
+ disabledBefore: "10/10/2020", disabledAfter: "10/10/2021"
1312
+ 1`] = `
1313
+ <body>
1314
+ <div>
1315
+ <div>
1316
+ <div
1317
+ class="Calendar-wrapper"
1318
+ data-test="DesignSystem-Calendar-Wrapper"
1319
+ >
1320
+ <div
1321
+ class="Calendar Calendar--date--large Calendar--large"
1322
+ data-test="DesignSystem-Calendar"
1323
+ >
1324
+ <div
1325
+ class="Calendar-header--large"
1326
+ >
1327
+ <button
1328
+ class="Button Button--regular Button--regularSquare Button--basic Calendar-headerIcon Calendar-headerIcon--prev"
1329
+ data-test="DesignSystem-Button"
1330
+ disabled=""
1331
+ tabindex="0"
1332
+ type="button"
1333
+ >
1334
+ <div
1335
+ class="Button-icon"
1336
+ >
1337
+ <i
1338
+ class="material-icons material-icons-round Icon Icon--disabled"
1339
+ data-test="DesignSystem-Button--Icon"
1340
+ style="font-size: 16px; width: 16px;"
1341
+ >
1342
+ arrow_back_round
1343
+ </i>
1344
+ </div>
1345
+ </button>
1346
+ <div
1347
+ class="Calendar-headerContent Calendar-headerContent--noIcon-left Calendar-headerContent--noIcon-right"
1348
+ >
1349
+ <div
1350
+ class="d-flex justify-content-center align-items-center"
1351
+ >
1352
+ <h5
1353
+ class="Heading Heading--s Heading--default"
1354
+ data-test="DesignSystem-Heading"
1355
+ >
1356
+ Mar
1357
+ </h5>
1358
+ <i
1359
+ class="material-icons material-icons-round Icon Icon--inverse pl-3"
1360
+ style="font-size: 16px; width: 16px;"
1361
+ >
1362
+ keyboard_arrow_down_round
1363
+ </i>
1364
+ </div>
1365
+ <div
1366
+ class="ml-4 d-flex justify-content-center align-items-center"
1367
+ >
1368
+ <h5
1369
+ class="Heading Heading--s Heading--default"
1370
+ data-test="DesignSystem-Heading"
1371
+ >
1372
+ 2020
1373
+ </h5>
1374
+ <i
1375
+ class="material-icons material-icons-round Icon Icon--inverse pl-3"
1376
+ style="font-size: 16px; width: 16px;"
1377
+ >
1378
+ keyboard_arrow_down_round
1379
+ </i>
1380
+ </div>
1381
+ </div>
1382
+ <button
1383
+ class="Button Button--regular Button--regularSquare Button--basic Calendar-headerIcon Calendar-headerIcon--next"
1384
+ data-test="DesignSystem-Button"
1385
+ tabindex="0"
1386
+ type="button"
1387
+ >
1388
+ <div
1389
+ class="Button-icon"
1390
+ >
1391
+ <i
1392
+ class="material-icons material-icons-round Icon Icon--default"
1393
+ data-test="DesignSystem-Button--Icon"
1394
+ style="font-size: 16px; width: 16px;"
1395
+ >
1396
+ arrow_forward_round
1397
+ </i>
1398
+ </div>
1399
+ </button>
1400
+ </div>
1401
+ <div
1402
+ class="Calendar-body"
1403
+ >
1404
+ <div
1405
+ class="Calendar-dayValues"
1406
+ >
1407
+ <span
1408
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
1409
+ data-test="DesignSystem-Text"
1410
+ >
1411
+ Su
1412
+ </span>
1413
+ <span
1414
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
1415
+ data-test="DesignSystem-Text"
1416
+ >
1417
+ Mo
1418
+ </span>
1419
+ <span
1420
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
1421
+ data-test="DesignSystem-Text"
1422
+ >
1423
+ Tu
1424
+ </span>
1425
+ <span
1426
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
1427
+ data-test="DesignSystem-Text"
1428
+ >
1429
+ We
1430
+ </span>
1431
+ <span
1432
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
1433
+ data-test="DesignSystem-Text"
1434
+ >
1435
+ Th
1436
+ </span>
1437
+ <span
1438
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
1439
+ data-test="DesignSystem-Text"
1440
+ >
1441
+ Fr
1442
+ </span>
1443
+ <span
1444
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
1445
+ data-test="DesignSystem-Text"
1446
+ >
1447
+ Sa
1448
+ </span>
1449
+ </div>
1450
+ <div
1451
+ class="Calendar-dateValues"
1452
+ >
1453
+ <div
1454
+ class="Calendar-valueRow"
1455
+ >
1456
+ <div
1457
+ class="Calendar-valueWrapper"
1458
+ data-test="designSystem-Calendar-WrapperClass"
1459
+ >
1460
+ <span
1461
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1462
+ data-test="DesignSystem-Calendar--dateValue"
1463
+ >
1464
+ 1
1465
+ </span>
1466
+ </div>
1467
+ <div
1468
+ class="Calendar-valueWrapper"
1469
+ data-test="designSystem-Calendar-WrapperClass"
1470
+ >
1471
+ <span
1472
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1473
+ data-test="DesignSystem-Calendar--dateValue"
1474
+ >
1475
+ 2
1476
+ </span>
1477
+ </div>
1478
+ <div
1479
+ class="Calendar-valueWrapper"
1480
+ data-test="designSystem-Calendar-WrapperClass"
1481
+ >
1482
+ <span
1483
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1484
+ data-test="DesignSystem-Calendar--dateValue"
1485
+ >
1486
+ 3
1487
+ </span>
1488
+ </div>
1489
+ <div
1490
+ class="Calendar-valueWrapper"
1491
+ data-test="designSystem-Calendar-WrapperClass"
1492
+ >
1493
+ <span
1494
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1495
+ data-test="DesignSystem-Calendar--dateValue"
1496
+ >
1497
+ 4
1498
+ </span>
1499
+ </div>
1500
+ <div
1501
+ class="Calendar-valueWrapper"
1502
+ data-test="designSystem-Calendar-WrapperClass"
1503
+ >
1504
+ <span
1505
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1506
+ data-test="DesignSystem-Calendar--dateValue"
1507
+ >
1508
+ 5
1509
+ </span>
1510
+ </div>
1511
+ <div
1512
+ class="Calendar-valueWrapper"
1513
+ data-test="designSystem-Calendar-WrapperClass"
1514
+ >
1515
+ <span
1516
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1517
+ data-test="DesignSystem-Calendar--dateValue"
1518
+ >
1519
+ 6
1520
+ </span>
1521
+ </div>
1522
+ <div
1523
+ class="Calendar-valueWrapper"
1524
+ data-test="designSystem-Calendar-WrapperClass"
1525
+ >
1526
+ <span
1527
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1528
+ data-test="DesignSystem-Calendar--dateValue"
1529
+ >
1530
+ 7
1531
+ </span>
1532
+ </div>
1533
+ </div>
1534
+ <div
1535
+ class="Calendar-valueRow"
1536
+ >
1537
+ <div
1538
+ class="Calendar-valueWrapper"
1539
+ data-test="designSystem-Calendar-WrapperClass"
1540
+ >
1541
+ <span
1542
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1543
+ data-test="DesignSystem-Calendar--dateValue"
1544
+ >
1545
+ 8
1546
+ </span>
1547
+ </div>
1548
+ <div
1549
+ class="Calendar-valueWrapper"
1550
+ data-test="designSystem-Calendar-WrapperClass"
1551
+ >
1552
+ <span
1553
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1554
+ data-test="DesignSystem-Calendar--dateValue"
1555
+ >
1556
+ 9
1557
+ </span>
1558
+ </div>
1559
+ <div
1560
+ class="Calendar-valueWrapper"
1561
+ data-test="designSystem-Calendar-WrapperClass"
1562
+ >
1563
+ <span
1564
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1565
+ data-test="DesignSystem-Calendar--dateValue"
1566
+ >
1567
+ 10
1568
+ </span>
1569
+ </div>
1570
+ <div
1571
+ class="Calendar-valueWrapper"
1572
+ data-test="designSystem-Calendar-WrapperClass"
1573
+ >
1574
+ <span
1575
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1576
+ data-test="DesignSystem-Calendar--dateValue"
1577
+ >
1578
+ 11
1579
+ </span>
1580
+ </div>
1581
+ <div
1582
+ class="Calendar-valueWrapper"
1583
+ data-test="designSystem-Calendar-WrapperClass"
1584
+ >
1585
+ <span
1586
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1587
+ data-test="DesignSystem-Calendar--dateValue"
1588
+ >
1589
+ 12
1590
+ </span>
1591
+ </div>
1592
+ <div
1593
+ class="Calendar-valueWrapper"
1594
+ data-test="designSystem-Calendar-WrapperClass"
1595
+ >
1596
+ <span
1597
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1598
+ data-test="DesignSystem-Calendar--dateValue"
1599
+ >
1600
+ 13
1601
+ </span>
1602
+ </div>
1603
+ <div
1604
+ class="Calendar-valueWrapper"
1605
+ data-test="designSystem-Calendar-WrapperClass"
1606
+ >
1607
+ <span
1608
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1609
+ data-test="DesignSystem-Calendar--dateValue"
1610
+ >
1611
+ 14
1612
+ </span>
1613
+ </div>
1614
+ </div>
1615
+ <div
1616
+ class="Calendar-valueRow"
1617
+ >
1618
+ <div
1619
+ class="Calendar-valueWrapper"
1620
+ data-test="designSystem-Calendar-WrapperClass"
1621
+ >
1622
+ <span
1623
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1624
+ data-test="DesignSystem-Calendar--dateValue"
1625
+ >
1626
+ 15
1627
+ </span>
1628
+ </div>
1629
+ <div
1630
+ class="Calendar-valueWrapper"
1631
+ data-test="designSystem-Calendar-WrapperClass"
1632
+ >
1633
+ <span
1634
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1635
+ data-test="DesignSystem-Calendar--dateValue"
1636
+ >
1637
+ 16
1638
+ </span>
1639
+ </div>
1640
+ <div
1641
+ class="Calendar-valueWrapper"
1642
+ data-test="designSystem-Calendar-WrapperClass"
1643
+ >
1644
+ <span
1645
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1646
+ data-test="DesignSystem-Calendar--dateValue"
1647
+ >
1648
+ 17
1649
+ </span>
1650
+ </div>
1651
+ <div
1652
+ class="Calendar-valueWrapper"
1653
+ data-test="designSystem-Calendar-WrapperClass"
1654
+ >
1655
+ <span
1656
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1657
+ data-test="DesignSystem-Calendar--dateValue"
1658
+ >
1659
+ 18
1660
+ </span>
1661
+ </div>
1662
+ <div
1663
+ class="Calendar-valueWrapper"
1664
+ data-test="designSystem-Calendar-WrapperClass"
1665
+ >
1666
+ <span
1667
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1668
+ data-test="DesignSystem-Calendar--dateValue"
1669
+ >
1670
+ 19
1671
+ </span>
1672
+ </div>
1673
+ <div
1674
+ class="Calendar-valueWrapper"
1675
+ data-test="designSystem-Calendar-WrapperClass"
1676
+ >
1677
+ <span
1678
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1679
+ data-test="DesignSystem-Calendar--dateValue"
1680
+ >
1681
+ 20
1682
+ </span>
1683
+ </div>
1684
+ <div
1685
+ class="Calendar-valueWrapper"
1686
+ data-test="designSystem-Calendar-WrapperClass"
1687
+ >
1688
+ <span
1689
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1690
+ data-test="DesignSystem-Calendar--dateValue"
1691
+ >
1692
+ 21
1693
+ </span>
1694
+ </div>
1695
+ </div>
1696
+ <div
1697
+ class="Calendar-valueRow"
1698
+ >
1699
+ <div
1700
+ class="Calendar-valueWrapper"
1701
+ data-test="designSystem-Calendar-WrapperClass"
1702
+ >
1703
+ <span
1704
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1705
+ data-test="DesignSystem-Calendar--dateValue"
1706
+ >
1707
+ 22
1708
+ </span>
1709
+ </div>
1710
+ <div
1711
+ class="Calendar-valueWrapper"
1712
+ data-test="designSystem-Calendar-WrapperClass"
1713
+ >
1714
+ <span
1715
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1716
+ data-test="DesignSystem-Calendar--dateValue"
1717
+ >
1718
+ 23
1719
+ </span>
1720
+ </div>
1721
+ <div
1722
+ class="Calendar-valueWrapper"
1723
+ data-test="designSystem-Calendar-WrapperClass"
1724
+ >
1725
+ <span
1726
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1727
+ data-test="DesignSystem-Calendar--dateValue"
1728
+ >
1729
+ 24
1730
+ </span>
1731
+ </div>
1732
+ <div
1733
+ class="Calendar-valueWrapper"
1734
+ data-test="designSystem-Calendar-WrapperClass"
1735
+ >
1736
+ <span
1737
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1738
+ data-test="DesignSystem-Calendar--dateValue"
1739
+ >
1740
+ 25
1741
+ </span>
1742
+ </div>
1743
+ <div
1744
+ class="Calendar-valueWrapper"
1745
+ data-test="designSystem-Calendar-WrapperClass"
1746
+ >
1747
+ <span
1748
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1749
+ data-test="DesignSystem-Calendar--dateValue"
1750
+ >
1751
+ 26
1752
+ </span>
1753
+ </div>
1754
+ <div
1755
+ class="Calendar-valueWrapper"
1756
+ data-test="designSystem-Calendar-WrapperClass"
1757
+ >
1758
+ <span
1759
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1760
+ data-test="DesignSystem-Calendar--dateValue"
1761
+ >
1762
+ 27
1763
+ </span>
1764
+ </div>
1765
+ <div
1766
+ class="Calendar-valueWrapper"
1767
+ data-test="designSystem-Calendar-WrapperClass"
1768
+ >
1769
+ <span
1770
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1771
+ data-test="DesignSystem-Calendar--dateValue"
1772
+ >
1773
+ 28
1774
+ </span>
1775
+ </div>
1776
+ </div>
1777
+ <div
1778
+ class="Calendar-valueRow"
1779
+ >
1780
+ <div
1781
+ class="Calendar-valueWrapper"
1782
+ data-test="designSystem-Calendar-WrapperClass"
1783
+ >
1784
+ <span
1785
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1786
+ data-test="DesignSystem-Calendar--dateValue"
1787
+ >
1788
+ 29
1789
+ </span>
1790
+ </div>
1791
+ <div
1792
+ class="Calendar-valueWrapper"
1793
+ data-test="designSystem-Calendar-WrapperClass"
1794
+ >
1795
+ <span
1796
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1797
+ data-test="DesignSystem-Calendar--dateValue"
1798
+ >
1799
+ 30
1800
+ </span>
1801
+ </div>
1802
+ <div
1803
+ class="Calendar-valueWrapper"
1804
+ data-test="designSystem-Calendar-WrapperClass"
1805
+ >
1806
+ <span
1807
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1808
+ data-test="DesignSystem-Calendar--dateValue"
1809
+ >
1810
+ 31
1811
+ </span>
1812
+ </div>
1813
+ <div
1814
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
1815
+ data-test="designSystem-Calendar-WrapperClass"
1816
+ >
1817
+ <span
1818
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1819
+ data-test="DesignSystem-Calendar--dateValue"
1820
+ >
1821
+ 1
1822
+ </span>
1823
+ </div>
1824
+ <div
1825
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
1826
+ data-test="designSystem-Calendar-WrapperClass"
1827
+ >
1828
+ <span
1829
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1830
+ data-test="DesignSystem-Calendar--dateValue"
1831
+ >
1832
+ 2
1833
+ </span>
1834
+ </div>
1835
+ <div
1836
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
1837
+ data-test="designSystem-Calendar-WrapperClass"
1838
+ >
1839
+ <span
1840
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1841
+ data-test="DesignSystem-Calendar--dateValue"
1842
+ >
1843
+ 3
1844
+ </span>
1845
+ </div>
1846
+ <div
1847
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
1848
+ data-test="designSystem-Calendar-WrapperClass"
1849
+ >
1850
+ <span
1851
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1852
+ data-test="DesignSystem-Calendar--dateValue"
1853
+ >
1854
+ 4
1855
+ </span>
1856
+ </div>
1857
+ </div>
1858
+ <div
1859
+ class="Calendar-valueRow"
1860
+ >
1861
+ <div
1862
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
1863
+ data-test="designSystem-Calendar-WrapperClass"
1864
+ >
1865
+ <span
1866
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1867
+ data-test="DesignSystem-Calendar--dateValue"
1868
+ >
1869
+ 5
1870
+ </span>
1871
+ </div>
1872
+ <div
1873
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
1874
+ data-test="designSystem-Calendar-WrapperClass"
1875
+ >
1876
+ <span
1877
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1878
+ data-test="DesignSystem-Calendar--dateValue"
1879
+ >
1880
+ 6
1881
+ </span>
1882
+ </div>
1883
+ <div
1884
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
1885
+ data-test="designSystem-Calendar-WrapperClass"
1886
+ >
1887
+ <span
1888
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1889
+ data-test="DesignSystem-Calendar--dateValue"
1890
+ >
1891
+ 7
1892
+ </span>
1893
+ </div>
1894
+ <div
1895
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
1896
+ data-test="designSystem-Calendar-WrapperClass"
1897
+ >
1898
+ <span
1899
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1900
+ data-test="DesignSystem-Calendar--dateValue"
1901
+ >
1902
+ 8
1903
+ </span>
1904
+ </div>
1905
+ <div
1906
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
1907
+ data-test="designSystem-Calendar-WrapperClass"
1908
+ >
1909
+ <span
1910
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1911
+ data-test="DesignSystem-Calendar--dateValue"
1912
+ >
1913
+ 9
1914
+ </span>
1915
+ </div>
1916
+ <div
1917
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
1918
+ data-test="designSystem-Calendar-WrapperClass"
1919
+ >
1920
+ <span
1921
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1922
+ data-test="DesignSystem-Calendar--dateValue"
1923
+ >
1924
+ 10
1925
+ </span>
1926
+ </div>
1927
+ <div
1928
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
1929
+ data-test="designSystem-Calendar-WrapperClass"
1930
+ >
1931
+ <span
1932
+ class="Text Text--disabled Text--regular Calendar-value Calendar-value--disabled Calendar-dateValue Calendar-dateValue--large"
1933
+ data-test="DesignSystem-Calendar--dateValue"
1934
+ >
1935
+ 11
1936
+ </span>
1937
+ </div>
1938
+ </div>
1939
+ </div>
1940
+ </div>
1941
+ </div>
1942
+ </div>
1943
+ <div
1944
+ class="d-flex justify-content-center pb-6"
1945
+ data-test="DesignSystem-Select--TodaysDate-wrapper"
1946
+ >
1947
+ <div
1948
+ class="Chip-wrapper Chip Chip-action--disabled"
1949
+ data-test="DesignSystem-Chip--GenericChip"
1950
+ >
1951
+ <span
1952
+ class="Text Text--disabled Text--regular"
1953
+ data-test="DesignSystem-GenericChip--Text"
1954
+ >
1955
+ Today, Sep 22
1956
+ </span>
1957
+ </div>
1958
+ </div>
1959
+ </div>
1960
+ </div>
1961
+ </body>
1962
+ `;
1963
+
1964
+ exports[`DatePicker component snapshots renders snapshot for prop:open
1965
+ open: false
1966
+ 1`] = `
1967
+ <body>
1968
+ <div>
1969
+ <div>
1970
+ <div
1971
+ class="Calendar-wrapper"
1972
+ data-test="DesignSystem-Calendar-Wrapper"
1973
+ >
1974
+ <div
1975
+ class="Calendar Calendar--date--large Calendar--large"
1976
+ data-test="DesignSystem-Calendar"
1977
+ >
1978
+ <div
1979
+ class="Calendar-header--large"
1980
+ >
1981
+ <button
1982
+ class="Button Button--regular Button--regularSquare Button--basic Calendar-headerIcon Calendar-headerIcon--prev"
1983
+ data-test="DesignSystem-Button"
1984
+ tabindex="0"
1985
+ type="button"
1986
+ >
1987
+ <div
1988
+ class="Button-icon"
1989
+ >
1990
+ <i
1991
+ class="material-icons material-icons-round Icon Icon--default"
1992
+ data-test="DesignSystem-Button--Icon"
1993
+ style="font-size: 16px; width: 16px;"
1994
+ >
1995
+ arrow_back_round
1996
+ </i>
1997
+ </div>
1998
+ </button>
1999
+ <div
2000
+ class="Calendar-headerContent Calendar-headerContent--noIcon-left Calendar-headerContent--noIcon-right"
2001
+ >
2002
+ <div
2003
+ class="d-flex justify-content-center align-items-center"
2004
+ >
2005
+ <h5
2006
+ class="Heading Heading--s Heading--default"
2007
+ data-test="DesignSystem-Heading"
2008
+ >
2009
+ Mar
2010
+ </h5>
2011
+ <i
2012
+ class="material-icons material-icons-round Icon Icon--inverse pl-3"
2013
+ style="font-size: 16px; width: 16px;"
2014
+ >
2015
+ keyboard_arrow_down_round
2016
+ </i>
2017
+ </div>
2018
+ <div
2019
+ class="ml-4 d-flex justify-content-center align-items-center"
2020
+ >
2021
+ <h5
2022
+ class="Heading Heading--s Heading--default"
2023
+ data-test="DesignSystem-Heading"
2024
+ >
2025
+ 2020
2026
+ </h5>
2027
+ <i
2028
+ class="material-icons material-icons-round Icon Icon--inverse pl-3"
2029
+ style="font-size: 16px; width: 16px;"
2030
+ >
2031
+ keyboard_arrow_down_round
2032
+ </i>
2033
+ </div>
2034
+ </div>
2035
+ <button
2036
+ class="Button Button--regular Button--regularSquare Button--basic Calendar-headerIcon Calendar-headerIcon--next"
2037
+ data-test="DesignSystem-Button"
2038
+ tabindex="0"
2039
+ type="button"
2040
+ >
2041
+ <div
2042
+ class="Button-icon"
2043
+ >
2044
+ <i
2045
+ class="material-icons material-icons-round Icon Icon--default"
2046
+ data-test="DesignSystem-Button--Icon"
2047
+ style="font-size: 16px; width: 16px;"
2048
+ >
2049
+ arrow_forward_round
2050
+ </i>
2051
+ </div>
2052
+ </button>
2053
+ </div>
2054
+ <div
2055
+ class="Calendar-body"
2056
+ >
2057
+ <div
2058
+ class="Calendar-dayValues"
2059
+ >
2060
+ <span
2061
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
2062
+ data-test="DesignSystem-Text"
2063
+ >
2064
+ Su
2065
+ </span>
2066
+ <span
2067
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
2068
+ data-test="DesignSystem-Text"
2069
+ >
2070
+ Mo
2071
+ </span>
2072
+ <span
2073
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
2074
+ data-test="DesignSystem-Text"
2075
+ >
2076
+ Tu
2077
+ </span>
2078
+ <span
2079
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
2080
+ data-test="DesignSystem-Text"
2081
+ >
2082
+ We
2083
+ </span>
2084
+ <span
2085
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
2086
+ data-test="DesignSystem-Text"
2087
+ >
2088
+ Th
2089
+ </span>
2090
+ <span
2091
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
2092
+ data-test="DesignSystem-Text"
2093
+ >
2094
+ Fr
2095
+ </span>
2096
+ <span
2097
+ class="Text Text--default Text--strong Text--regular Calendar-valueWrapper"
2098
+ data-test="DesignSystem-Text"
2099
+ >
2100
+ Sa
2101
+ </span>
2102
+ </div>
2103
+ <div
2104
+ class="Calendar-dateValues"
2105
+ >
2106
+ <div
2107
+ class="Calendar-valueRow"
2108
+ >
2109
+ <div
2110
+ class="Calendar-valueWrapper"
2111
+ data-test="designSystem-Calendar-WrapperClass"
2112
+ >
2113
+ <span
2114
+ class="Text Text--white Text--regular Calendar-value Calendar-value--active Calendar-dateValue Calendar-dateValue--large"
2115
+ data-test="DesignSystem-Calendar--dateValue"
2116
+ >
2117
+ 1
2118
+ </span>
2119
+ </div>
2120
+ <div
2121
+ class="Calendar-valueWrapper"
2122
+ data-test="designSystem-Calendar-WrapperClass"
2123
+ >
2124
+ <span
2125
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2126
+ data-test="DesignSystem-Calendar--dateValue"
2127
+ >
2128
+ 2
2129
+ </span>
2130
+ </div>
2131
+ <div
2132
+ class="Calendar-valueWrapper"
2133
+ data-test="designSystem-Calendar-WrapperClass"
2134
+ >
2135
+ <span
2136
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2137
+ data-test="DesignSystem-Calendar--dateValue"
2138
+ >
2139
+ 3
2140
+ </span>
2141
+ </div>
2142
+ <div
2143
+ class="Calendar-valueWrapper"
2144
+ data-test="designSystem-Calendar-WrapperClass"
2145
+ >
2146
+ <span
2147
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2148
+ data-test="DesignSystem-Calendar--dateValue"
2149
+ >
2150
+ 4
2151
+ </span>
2152
+ </div>
2153
+ <div
2154
+ class="Calendar-valueWrapper"
2155
+ data-test="designSystem-Calendar-WrapperClass"
2156
+ >
2157
+ <span
2158
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2159
+ data-test="DesignSystem-Calendar--dateValue"
2160
+ >
2161
+ 5
2162
+ </span>
2163
+ </div>
2164
+ <div
2165
+ class="Calendar-valueWrapper"
2166
+ data-test="designSystem-Calendar-WrapperClass"
2167
+ >
2168
+ <span
2169
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2170
+ data-test="DesignSystem-Calendar--dateValue"
2171
+ >
2172
+ 6
2173
+ </span>
2174
+ </div>
2175
+ <div
2176
+ class="Calendar-valueWrapper"
2177
+ data-test="designSystem-Calendar-WrapperClass"
2178
+ >
2179
+ <span
2180
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2181
+ data-test="DesignSystem-Calendar--dateValue"
2182
+ >
2183
+ 7
2184
+ </span>
2185
+ </div>
2186
+ </div>
2187
+ <div
2188
+ class="Calendar-valueRow"
2189
+ >
2190
+ <div
2191
+ class="Calendar-valueWrapper"
2192
+ data-test="designSystem-Calendar-WrapperClass"
2193
+ >
2194
+ <span
2195
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2196
+ data-test="DesignSystem-Calendar--dateValue"
2197
+ >
2198
+ 8
2199
+ </span>
2200
+ </div>
2201
+ <div
2202
+ class="Calendar-valueWrapper"
2203
+ data-test="designSystem-Calendar-WrapperClass"
2204
+ >
2205
+ <span
2206
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2207
+ data-test="DesignSystem-Calendar--dateValue"
2208
+ >
2209
+ 9
2210
+ </span>
2211
+ </div>
2212
+ <div
2213
+ class="Calendar-valueWrapper"
2214
+ data-test="designSystem-Calendar-WrapperClass"
2215
+ >
2216
+ <span
2217
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2218
+ data-test="DesignSystem-Calendar--dateValue"
2219
+ >
2220
+ 10
2221
+ </span>
2222
+ </div>
2223
+ <div
2224
+ class="Calendar-valueWrapper"
2225
+ data-test="designSystem-Calendar-WrapperClass"
2226
+ >
2227
+ <span
2228
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2229
+ data-test="DesignSystem-Calendar--dateValue"
2230
+ >
2231
+ 11
2232
+ </span>
2233
+ </div>
2234
+ <div
2235
+ class="Calendar-valueWrapper"
2236
+ data-test="designSystem-Calendar-WrapperClass"
2237
+ >
2238
+ <span
2239
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2240
+ data-test="DesignSystem-Calendar--dateValue"
2241
+ >
2242
+ 12
2243
+ </span>
2244
+ </div>
2245
+ <div
2246
+ class="Calendar-valueWrapper"
2247
+ data-test="designSystem-Calendar-WrapperClass"
2248
+ >
2249
+ <span
2250
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2251
+ data-test="DesignSystem-Calendar--dateValue"
2252
+ >
2253
+ 13
2254
+ </span>
2255
+ </div>
2256
+ <div
2257
+ class="Calendar-valueWrapper"
2258
+ data-test="designSystem-Calendar-WrapperClass"
2259
+ >
2260
+ <span
2261
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2262
+ data-test="DesignSystem-Calendar--dateValue"
2263
+ >
2264
+ 14
2265
+ </span>
2266
+ </div>
2267
+ </div>
2268
+ <div
2269
+ class="Calendar-valueRow"
2270
+ >
2271
+ <div
2272
+ class="Calendar-valueWrapper"
2273
+ data-test="designSystem-Calendar-WrapperClass"
2274
+ >
2275
+ <span
2276
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2277
+ data-test="DesignSystem-Calendar--dateValue"
2278
+ >
2279
+ 15
2280
+ </span>
2281
+ </div>
2282
+ <div
2283
+ class="Calendar-valueWrapper"
2284
+ data-test="designSystem-Calendar-WrapperClass"
2285
+ >
2286
+ <span
2287
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2288
+ data-test="DesignSystem-Calendar--dateValue"
2289
+ >
2290
+ 16
2291
+ </span>
2292
+ </div>
2293
+ <div
2294
+ class="Calendar-valueWrapper"
2295
+ data-test="designSystem-Calendar-WrapperClass"
2296
+ >
2297
+ <span
2298
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2299
+ data-test="DesignSystem-Calendar--dateValue"
2300
+ >
2301
+ 17
2302
+ </span>
2303
+ </div>
2304
+ <div
2305
+ class="Calendar-valueWrapper"
2306
+ data-test="designSystem-Calendar-WrapperClass"
2307
+ >
2308
+ <span
2309
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2310
+ data-test="DesignSystem-Calendar--dateValue"
2311
+ >
2312
+ 18
2313
+ </span>
2314
+ </div>
2315
+ <div
2316
+ class="Calendar-valueWrapper"
2317
+ data-test="designSystem-Calendar-WrapperClass"
2318
+ >
2319
+ <span
2320
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2321
+ data-test="DesignSystem-Calendar--dateValue"
2322
+ >
2323
+ 19
2324
+ </span>
2325
+ </div>
2326
+ <div
2327
+ class="Calendar-valueWrapper"
2328
+ data-test="designSystem-Calendar-WrapperClass"
2329
+ >
2330
+ <span
2331
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2332
+ data-test="DesignSystem-Calendar--dateValue"
2333
+ >
2334
+ 20
2335
+ </span>
2336
+ </div>
2337
+ <div
2338
+ class="Calendar-valueWrapper"
2339
+ data-test="designSystem-Calendar-WrapperClass"
2340
+ >
2341
+ <span
2342
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2343
+ data-test="DesignSystem-Calendar--dateValue"
2344
+ >
2345
+ 21
2346
+ </span>
2347
+ </div>
2348
+ </div>
2349
+ <div
2350
+ class="Calendar-valueRow"
2351
+ >
2352
+ <div
2353
+ class="Calendar-valueWrapper"
2354
+ data-test="designSystem-Calendar-WrapperClass"
2355
+ >
2356
+ <span
2357
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2358
+ data-test="DesignSystem-Calendar--dateValue"
2359
+ >
2360
+ 22
2361
+ </span>
2362
+ </div>
2363
+ <div
2364
+ class="Calendar-valueWrapper"
2365
+ data-test="designSystem-Calendar-WrapperClass"
2366
+ >
2367
+ <span
2368
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2369
+ data-test="DesignSystem-Calendar--dateValue"
2370
+ >
2371
+ 23
2372
+ </span>
2373
+ </div>
2374
+ <div
2375
+ class="Calendar-valueWrapper"
2376
+ data-test="designSystem-Calendar-WrapperClass"
2377
+ >
2378
+ <span
2379
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2380
+ data-test="DesignSystem-Calendar--dateValue"
2381
+ >
2382
+ 24
2383
+ </span>
2384
+ </div>
2385
+ <div
2386
+ class="Calendar-valueWrapper"
2387
+ data-test="designSystem-Calendar-WrapperClass"
2388
+ >
2389
+ <span
2390
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2391
+ data-test="DesignSystem-Calendar--dateValue"
2392
+ >
2393
+ 25
2394
+ </span>
2395
+ </div>
2396
+ <div
2397
+ class="Calendar-valueWrapper"
2398
+ data-test="designSystem-Calendar-WrapperClass"
2399
+ >
2400
+ <span
2401
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2402
+ data-test="DesignSystem-Calendar--dateValue"
2403
+ >
2404
+ 26
2405
+ </span>
2406
+ </div>
2407
+ <div
2408
+ class="Calendar-valueWrapper"
2409
+ data-test="designSystem-Calendar-WrapperClass"
2410
+ >
2411
+ <span
2412
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2413
+ data-test="DesignSystem-Calendar--dateValue"
2414
+ >
2415
+ 27
2416
+ </span>
2417
+ </div>
2418
+ <div
2419
+ class="Calendar-valueWrapper"
2420
+ data-test="designSystem-Calendar-WrapperClass"
2421
+ >
2422
+ <span
2423
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2424
+ data-test="DesignSystem-Calendar--dateValue"
2425
+ >
2426
+ 28
2427
+ </span>
2428
+ </div>
2429
+ </div>
2430
+ <div
2431
+ class="Calendar-valueRow"
2432
+ >
2433
+ <div
2434
+ class="Calendar-valueWrapper"
2435
+ data-test="designSystem-Calendar-WrapperClass"
2436
+ >
2437
+ <span
2438
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2439
+ data-test="DesignSystem-Calendar--dateValue"
2440
+ >
2441
+ 29
2442
+ </span>
2443
+ </div>
2444
+ <div
2445
+ class="Calendar-valueWrapper"
2446
+ data-test="designSystem-Calendar-WrapperClass"
2447
+ >
2448
+ <span
2449
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2450
+ data-test="DesignSystem-Calendar--dateValue"
2451
+ >
2452
+ 30
2453
+ </span>
2454
+ </div>
2455
+ <div
2456
+ class="Calendar-valueWrapper"
2457
+ data-test="designSystem-Calendar-WrapperClass"
2458
+ >
2459
+ <span
2460
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2461
+ data-test="DesignSystem-Calendar--dateValue"
2462
+ >
2463
+ 31
2464
+ </span>
2465
+ </div>
2466
+ <div
2467
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
2468
+ data-test="designSystem-Calendar-WrapperClass"
2469
+ >
2470
+ <span
2471
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2472
+ data-test="DesignSystem-Calendar--dateValue"
2473
+ >
2474
+ 1
2475
+ </span>
2476
+ </div>
2477
+ <div
2478
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
2479
+ data-test="designSystem-Calendar-WrapperClass"
2480
+ >
2481
+ <span
2482
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2483
+ data-test="DesignSystem-Calendar--dateValue"
2484
+ >
2485
+ 2
2486
+ </span>
2487
+ </div>
2488
+ <div
2489
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
2490
+ data-test="designSystem-Calendar-WrapperClass"
2491
+ >
2492
+ <span
2493
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2494
+ data-test="DesignSystem-Calendar--dateValue"
2495
+ >
2496
+ 3
2497
+ </span>
2498
+ </div>
2499
+ <div
2500
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
2501
+ data-test="designSystem-Calendar-WrapperClass"
2502
+ >
2503
+ <span
2504
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2505
+ data-test="DesignSystem-Calendar--dateValue"
2506
+ >
2507
+ 4
2508
+ </span>
2509
+ </div>
2510
+ </div>
2511
+ <div
2512
+ class="Calendar-valueRow"
2513
+ >
2514
+ <div
2515
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
2516
+ data-test="designSystem-Calendar-WrapperClass"
2517
+ >
2518
+ <span
2519
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2520
+ data-test="DesignSystem-Calendar--dateValue"
2521
+ >
2522
+ 5
2523
+ </span>
2524
+ </div>
2525
+ <div
2526
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
2527
+ data-test="designSystem-Calendar-WrapperClass"
2528
+ >
2529
+ <span
2530
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2531
+ data-test="DesignSystem-Calendar--dateValue"
2532
+ >
2533
+ 6
2534
+ </span>
2535
+ </div>
2536
+ <div
2537
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
2538
+ data-test="designSystem-Calendar-WrapperClass"
2539
+ >
2540
+ <span
2541
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2542
+ data-test="DesignSystem-Calendar--dateValue"
2543
+ >
2544
+ 7
2545
+ </span>
2546
+ </div>
2547
+ <div
2548
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
2549
+ data-test="designSystem-Calendar-WrapperClass"
2550
+ >
2551
+ <span
2552
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2553
+ data-test="DesignSystem-Calendar--dateValue"
2554
+ >
2555
+ 8
2556
+ </span>
2557
+ </div>
2558
+ <div
2559
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
2560
+ data-test="designSystem-Calendar-WrapperClass"
2561
+ >
2562
+ <span
2563
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2564
+ data-test="DesignSystem-Calendar--dateValue"
2565
+ >
2566
+ 9
2567
+ </span>
2568
+ </div>
2569
+ <div
2570
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
2571
+ data-test="designSystem-Calendar-WrapperClass"
2572
+ >
2573
+ <span
2574
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2575
+ data-test="DesignSystem-Calendar--dateValue"
2576
+ >
2577
+ 10
2578
+ </span>
2579
+ </div>
2580
+ <div
2581
+ class="Calendar-valueWrapper Calendar-valueWrapper--dummy"
2582
+ data-test="designSystem-Calendar-WrapperClass"
2583
+ >
2584
+ <span
2585
+ class="Text Text--default Text--regular Calendar-value Calendar-dateValue Calendar-dateValue--large"
2586
+ data-test="DesignSystem-Calendar--dateValue"
2587
+ >
2588
+ 11
2589
+ </span>
2590
+ </div>
2591
+ </div>
2592
+ </div>
48
2593
  </div>
49
2594
  </div>
2595
+ </div>
2596
+ <div
2597
+ class="d-flex justify-content-center pb-6"
2598
+ data-test="DesignSystem-Select--TodaysDate-wrapper"
2599
+ >
50
2600
  <div
51
- class="Caption Caption--hidden Caption--withInput"
52
- data-test="DesignSystem-Caption"
2601
+ class="Chip-wrapper Chip Chip--action"
2602
+ data-test="DesignSystem-Chip--GenericChip"
53
2603
  >
54
2604
  <span
55
- class="Text Text--subtle Text--medium Text--small"
56
- data-test="DesignSystem-Text"
57
- />
2605
+ class="Text Text--default Text--regular"
2606
+ data-test="DesignSystem-GenericChip--Text"
2607
+ >
2608
+ Today, Sep 22
2609
+ </span>
58
2610
  </div>
59
2611
  </div>
60
2612
  </div>
@@ -62,71 +2614,11 @@ exports[`DatePicker component
62
2614
  </body>
63
2615
  `;
64
2616
 
65
- exports[`DatePicker component
2617
+ exports[`DatePicker component snapshots renders snapshot for prop:open
66
2618
  open: true
67
2619
  1`] = `
68
2620
  <body>
69
2621
  <div>
70
- <div
71
- class="OutsideClick PopperWrapper-trigger w-100"
72
- >
73
- <div
74
- class="d-flex flex-column flex-grow-1"
75
- data-test="DesignSystem-InputMask--Wrapper"
76
- >
77
- <div
78
- class="Input Input--regular"
79
- data-test="DesignSystem-InputWrapper"
80
- style="min-width: 256px;"
81
- >
82
- <div
83
- class="Input-icon Input-icon--left"
84
- >
85
- <i
86
- class="material-icons material-icons-round Icon"
87
- style="font-size: 16px; width: 16px;"
88
- >
89
- events_round
90
- </i>
91
- </div>
92
- <input
93
- autocomplete="off"
94
- class="Input-input Input-input--regular"
95
- data-test="DesignSystem-Input"
96
- placeholder="mm/dd/yyyy"
97
- type="text"
98
- value="03/01/2020"
99
- />
100
- <div
101
- class="Input-icon Input-icon--right"
102
- data-test="DesignSystem-Input--closeIcon"
103
- >
104
- <i
105
- class="material-icons material-icons-round Icon"
106
- style="font-size: 16px; width: 16px;"
107
- >
108
- close_round
109
- </i>
110
- </div>
111
- </div>
112
- <div
113
- class="Caption Caption--hidden Caption--withInput"
114
- data-test="DesignSystem-Caption"
115
- >
116
- <span
117
- class="Text Text--subtle Text--medium Text--small"
118
- data-test="DesignSystem-Text"
119
- />
120
- </div>
121
- </div>
122
- </div>
123
- </div>
124
- <div
125
- class="Popover"
126
- data-layer="true"
127
- data-test="DesignSystem-Popover"
128
- style="position: absolute; top: 0px; left: 0px; opacity: 0; pointer-events: none;"
129
- >
130
2622
  <div>
131
2623
  <div
132
2624
  class="Calendar-wrapper"
@@ -775,7 +3267,7 @@ exports[`DatePicker component
775
3267
  </body>
776
3268
  `;
777
3269
 
778
- exports[`DatePicker component
3270
+ exports[`DatePicker component snapshots renders snapshot for prop:view
779
3271
  view: "date"
780
3272
  1`] = `
781
3273
  <body>
@@ -1428,7 +3920,7 @@ exports[`DatePicker component
1428
3920
  </body>
1429
3921
  `;
1430
3922
 
1431
- exports[`DatePicker component
3923
+ exports[`DatePicker component snapshots renders snapshot for prop:view
1432
3924
  view: "month"
1433
3925
  1`] = `
1434
3926
  <body>
@@ -1677,7 +4169,7 @@ exports[`DatePicker component
1677
4169
  </body>
1678
4170
  `;
1679
4171
 
1680
- exports[`DatePicker component
4172
+ exports[`DatePicker component snapshots renders snapshot for prop:view
1681
4173
  view: "year"
1682
4174
  1`] = `
1683
4175
  <body>
@@ -1920,7 +4412,7 @@ exports[`DatePicker component
1920
4412
  </body>
1921
4413
  `;
1922
4414
 
1923
- exports[`DatePicker component
4415
+ exports[`DatePicker component snapshots renders snapshot for prop:withInput
1924
4416
  withInput: false
1925
4417
  1`] = `
1926
4418
  <body>
@@ -2573,7 +5065,7 @@ exports[`DatePicker component
2573
5065
  </body>
2574
5066
  `;
2575
5067
 
2576
- exports[`DatePicker component
5068
+ exports[`DatePicker component snapshots renders snapshot for prop:withInput
2577
5069
  withInput: true
2578
5070
  1`] = `
2579
5071
  <body>