@coreui/react-pro 4.1.4 → 4.2.0-rc.0

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