@coreui/react-pro 4.11.3 → 4.12.0-beta.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 (95) hide show
  1. package/README.md +1 -1
  2. package/dist/components/accordion/index.d.ts +1 -1
  3. package/dist/components/calendar/CCalendar.d.ts +4 -4
  4. package/dist/components/date-range-picker/CDateRangePicker copy.d.ts +114 -0
  5. package/dist/components/date-range-picker/CDateRangePicker.d.ts +49 -1
  6. package/dist/components/multi-select/CMultiSelect.d.ts +34 -3
  7. package/dist/components/multi-select/CMultiSelectNativeSelect.d.ts +4 -5
  8. package/dist/components/multi-select/CMultiSelectOptions.d.ts +4 -2
  9. package/dist/components/multi-select/CMultiSelectSelection.d.ts +1 -0
  10. package/dist/components/multi-select/types.d.ts +7 -3
  11. package/dist/components/multi-select/utils.d.ts +5 -5
  12. package/dist/components/multi-select-new/CMultiSelect.d.ts +133 -0
  13. package/dist/components/multi-select-new/CMultiSelectNativeSelect.d.ts +7 -0
  14. package/dist/components/multi-select-new/CMultiSelectNew.d.ts +121 -0
  15. package/dist/components/multi-select-new/CMultiSelectOptions.d.ts +16 -0
  16. package/dist/components/multi-select-new/CMultiSelectSelection.d.ts +11 -0
  17. package/dist/components/multi-select-new/index.d.ts +2 -0
  18. package/dist/components/multi-select-new/types.d.ts +15 -0
  19. package/dist/components/multi-select-new/utils.d.ts +11 -0
  20. package/dist/components/picker/CPicker copy.d.ts +82 -0
  21. package/dist/components/picker/CPicker.d.ts +14 -56
  22. package/dist/components/picker copy/CPicker.d.ts +82 -0
  23. package/dist/components/popover/CPopover.d.ts +1 -1
  24. package/dist/components/time-picker/CTimePicker.d.ts +41 -1
  25. package/dist/components/tooltip/CTooltip.d.ts +3 -3
  26. package/dist/hooks/index.d.ts +2 -1
  27. package/dist/hooks/useColorModes.d.ts +6 -0
  28. package/dist/index.d.ts +1 -0
  29. package/dist/index.es.js +2385 -2403
  30. package/dist/index.es.js.map +1 -1
  31. package/dist/index.js +2386 -2401
  32. package/dist/index.js.map +1 -1
  33. package/dist/props.d.ts +1 -1
  34. package/dist/utils/index.d.ts +2 -1
  35. package/dist/utils/isRTL.d.ts +2 -0
  36. package/package.json +15 -15
  37. package/src/components/accordion/index.ts +1 -7
  38. package/src/components/calendar/CCalendar.tsx +49 -64
  39. package/src/components/calendar/__tests__/__snapshots__/CCalendar.spec.tsx.snap +601 -555
  40. package/src/components/calendar/utils.ts +1 -1
  41. package/src/components/date-picker/__tests__/__snapshots__/CDatePicker.spec.tsx.snap +599 -561
  42. package/src/components/date-range-picker/CDateRangePicker.tsx +208 -107
  43. package/src/components/date-range-picker/__tests__/__snapshots__/CDateRangePicker.spec.tsx.snap +1197 -1121
  44. package/src/components/date-range-picker/utils.ts +2 -2
  45. package/src/components/dropdown/CDropdownMenu.tsx +5 -4
  46. package/src/components/dropdown/__tests__/__snapshots__/CDropdown.spec.tsx.snap +1 -1
  47. package/src/components/element-cover/CElementCover.tsx +1 -0
  48. package/src/components/form/CFormSelect.tsx +3 -1
  49. package/src/components/modal/CModal.tsx +2 -0
  50. package/src/components/multi-select/CMultiSelect.tsx +200 -79
  51. package/src/components/multi-select/CMultiSelectNativeSelect.tsx +34 -24
  52. package/src/components/multi-select/CMultiSelectOptions.tsx +25 -23
  53. package/src/components/multi-select/CMultiSelectSelection.tsx +36 -7
  54. package/src/components/multi-select/__tests__/CMultiSelect.spec.tsx +25 -14
  55. package/src/components/multi-select/__tests__/CMultiSelectNativeSelect.spec.tsx +1 -1
  56. package/src/components/multi-select/__tests__/CMultiSelectOptions.spec.tsx +4 -4
  57. package/src/components/multi-select/__tests__/CMultiSelectSelection.spec.tsx +0 -1
  58. package/src/components/multi-select/__tests__/__snapshots__/CMultiSelect.spec.tsx.snap +136 -30
  59. package/src/components/multi-select/__tests__/__snapshots__/CMultiSelectNativeSelect.spec.tsx.snap +2 -0
  60. package/src/components/multi-select/__tests__/__snapshots__/CMultiSelectOptions.spec.tsx.snap +3 -1
  61. package/src/components/multi-select/__tests__/__snapshots__/CMultiSelectSelection.spec.tsx.snap +2 -2
  62. package/src/components/multi-select/types.ts +9 -4
  63. package/src/components/multi-select/utils.ts +56 -39
  64. package/src/components/picker/CPicker.tsx +113 -138
  65. package/src/components/popover/CPopover.tsx +61 -26
  66. package/src/components/popover/__tests__/__snapshots__/CPopover.spec.tsx.snap +2 -1
  67. package/src/components/progress/CProgress.tsx +1 -0
  68. package/src/components/sidebar/CSidebar.tsx +2 -2
  69. package/src/components/smart-table/CSmartTable.tsx +22 -10
  70. package/src/components/smart-table/CSmartTableBody.tsx +3 -5
  71. package/src/components/smart-table/CSmartTableHead.tsx +5 -6
  72. package/src/components/smart-table/__tests__/CSmartTable.spec.tsx +1 -1
  73. package/src/components/smart-table/__tests__/__snapshots__/CSmartTable.spec.tsx.snap +580 -0
  74. package/src/components/spinner/CSpinner.tsx +4 -2
  75. package/src/components/spinner/__tests__/__snapshots__/CSpinner.spec.tsx.snap +2 -2
  76. package/src/components/table/CTable.tsx +2 -1
  77. package/src/components/time-picker/CTimePicker.tsx +182 -82
  78. package/src/components/time-picker/__tests__/__snapshots__/CTimePicker.spec.tsx.snap +1078 -0
  79. package/src/components/tooltip/CTooltip.tsx +65 -31
  80. package/src/components/tooltip/__tests__/CTooltip.spec.tsx +1 -1
  81. package/src/components/virtual-scroller/CVirtualScroller.tsx +0 -1
  82. package/src/hooks/index.ts +2 -1
  83. package/src/hooks/useColorModes.ts +55 -0
  84. package/src/hooks/useForkedRef.ts +1 -1
  85. package/src/index.ts +1 -0
  86. package/src/props.ts +4 -1
  87. package/src/utils/index.ts +2 -1
  88. package/src/utils/isRTL.ts +13 -0
  89. package/src/components/multi-select/__tests__/CMultiSelectCleaner.spec.tsx +0 -15
  90. package/src/components/multi-select/__tests__/CMultiSelectSearchInput.spec.tsx +0 -17
  91. package/src/components/multi-select/__tests__/CMultiSelectSelectAllButton.spec.tsx +0 -21
  92. package/src/components/multi-select/__tests__/__snapshots__/CMultiSelectCleaner.spec.tsx.snap +0 -19
  93. package/src/components/multi-select/__tests__/__snapshots__/CMultiSelectSearchInput.spec.tsx.snap +0 -20
  94. package/src/components/multi-select/__tests__/__snapshots__/CMultiSelectSelectAllButton.spec.tsx.snap +0 -24
  95. package/src/components/smart-table/CSmartTableCleaner.tsx +0 -37
package/src/components/time-picker/__tests__/__snapshots__/CTimePicker.spec.tsx.snap ADDED
@@ -0,0 +1,1078 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`loads and displays CTimePicker component 1`] = `
4
+ <div>
5
+ <div
6
+ class="dropdown picker time-picker"
7
+ >
8
+ <div
9
+ aria-expanded="false"
10
+ class="input-group picker-input-group"
11
+ >
12
+ <input
13
+ autocomplete="off"
14
+ class="form-control"
15
+ placeholder="Select time"
16
+ type="text"
17
+ />
18
+ <span
19
+ class="input-group-text"
20
+ >
21
+ <span
22
+ class="picker-input-group-indicator"
23
+ >
24
+ <span
25
+ class="picker-input-group-icon time-picker-input-icon"
26
+ />
27
+ </span>
28
+ </span>
29
+ </div>
30
+ <div
31
+ aria-hidden="true"
32
+ class="dropdown-menu"
33
+ role="menu"
34
+ >
35
+ <div
36
+ class="time-picker-body time-picker-roll"
37
+ >
38
+ <div
39
+ class="time-picker-roll-col"
40
+ >
41
+ <div
42
+ class="time-picker-roll-cell"
43
+ role="button"
44
+ tabindex="0"
45
+ >
46
+ 0
47
+ </div>
48
+ <div
49
+ class="time-picker-roll-cell"
50
+ role="button"
51
+ tabindex="0"
52
+ >
53
+ 1
54
+ </div>
55
+ <div
56
+ class="time-picker-roll-cell"
57
+ role="button"
58
+ tabindex="0"
59
+ >
60
+ 2
61
+ </div>
62
+ <div
63
+ class="time-picker-roll-cell"
64
+ role="button"
65
+ tabindex="0"
66
+ >
67
+ 3
68
+ </div>
69
+ <div
70
+ class="time-picker-roll-cell"
71
+ role="button"
72
+ tabindex="0"
73
+ >
74
+ 4
75
+ </div>
76
+ <div
77
+ class="time-picker-roll-cell"
78
+ role="button"
79
+ tabindex="0"
80
+ >
81
+ 5
82
+ </div>
83
+ <div
84
+ class="time-picker-roll-cell"
85
+ role="button"
86
+ tabindex="0"
87
+ >
88
+ 6
89
+ </div>
90
+ <div
91
+ class="time-picker-roll-cell"
92
+ role="button"
93
+ tabindex="0"
94
+ >
95
+ 7
96
+ </div>
97
+ <div
98
+ class="time-picker-roll-cell"
99
+ role="button"
100
+ tabindex="0"
101
+ >
102
+ 8
103
+ </div>
104
+ <div
105
+ class="time-picker-roll-cell"
106
+ role="button"
107
+ tabindex="0"
108
+ >
109
+ 9
110
+ </div>
111
+ <div
112
+ class="time-picker-roll-cell"
113
+ role="button"
114
+ tabindex="0"
115
+ >
116
+ 10
117
+ </div>
118
+ <div
119
+ class="time-picker-roll-cell"
120
+ role="button"
121
+ tabindex="0"
122
+ >
123
+ 11
124
+ </div>
125
+ <div
126
+ class="time-picker-roll-cell"
127
+ role="button"
128
+ tabindex="0"
129
+ >
130
+ 12
131
+ </div>
132
+ <div
133
+ class="time-picker-roll-cell"
134
+ role="button"
135
+ tabindex="0"
136
+ >
137
+ 13
138
+ </div>
139
+ <div
140
+ class="time-picker-roll-cell"
141
+ role="button"
142
+ tabindex="0"
143
+ >
144
+ 14
145
+ </div>
146
+ <div
147
+ class="time-picker-roll-cell"
148
+ role="button"
149
+ tabindex="0"
150
+ >
151
+ 15
152
+ </div>
153
+ <div
154
+ class="time-picker-roll-cell"
155
+ role="button"
156
+ tabindex="0"
157
+ >
158
+ 16
159
+ </div>
160
+ <div
161
+ class="time-picker-roll-cell"
162
+ role="button"
163
+ tabindex="0"
164
+ >
165
+ 17
166
+ </div>
167
+ <div
168
+ class="time-picker-roll-cell"
169
+ role="button"
170
+ tabindex="0"
171
+ >
172
+ 18
173
+ </div>
174
+ <div
175
+ class="time-picker-roll-cell"
176
+ role="button"
177
+ tabindex="0"
178
+ >
179
+ 19
180
+ </div>
181
+ <div
182
+ class="time-picker-roll-cell"
183
+ role="button"
184
+ tabindex="0"
185
+ >
186
+ 20
187
+ </div>
188
+ <div
189
+ class="time-picker-roll-cell"
190
+ role="button"
191
+ tabindex="0"
192
+ >
193
+ 21
194
+ </div>
195
+ <div
196
+ class="time-picker-roll-cell"
197
+ role="button"
198
+ tabindex="0"
199
+ >
200
+ 22
201
+ </div>
202
+ <div
203
+ class="time-picker-roll-cell"
204
+ role="button"
205
+ tabindex="0"
206
+ >
207
+ 23
208
+ </div>
209
+ </div>
210
+ <div
211
+ class="time-picker-roll-col"
212
+ >
213
+ <div
214
+ class="time-picker-roll-cell"
215
+ role="button"
216
+ tabindex="0"
217
+ >
218
+ 00
219
+ </div>
220
+ <div
221
+ class="time-picker-roll-cell"
222
+ role="button"
223
+ tabindex="0"
224
+ >
225
+ 01
226
+ </div>
227
+ <div
228
+ class="time-picker-roll-cell"
229
+ role="button"
230
+ tabindex="0"
231
+ >
232
+ 02
233
+ </div>
234
+ <div
235
+ class="time-picker-roll-cell"
236
+ role="button"
237
+ tabindex="0"
238
+ >
239
+ 03
240
+ </div>
241
+ <div
242
+ class="time-picker-roll-cell"
243
+ role="button"
244
+ tabindex="0"
245
+ >
246
+ 04
247
+ </div>
248
+ <div
249
+ class="time-picker-roll-cell"
250
+ role="button"
251
+ tabindex="0"
252
+ >
253
+ 05
254
+ </div>
255
+ <div
256
+ class="time-picker-roll-cell"
257
+ role="button"
258
+ tabindex="0"
259
+ >
260
+ 06
261
+ </div>
262
+ <div
263
+ class="time-picker-roll-cell"
264
+ role="button"
265
+ tabindex="0"
266
+ >
267
+ 07
268
+ </div>
269
+ <div
270
+ class="time-picker-roll-cell"
271
+ role="button"
272
+ tabindex="0"
273
+ >
274
+ 08
275
+ </div>
276
+ <div
277
+ class="time-picker-roll-cell"
278
+ role="button"
279
+ tabindex="0"
280
+ >
281
+ 09
282
+ </div>
283
+ <div
284
+ class="time-picker-roll-cell"
285
+ role="button"
286
+ tabindex="0"
287
+ >
288
+ 10
289
+ </div>
290
+ <div
291
+ class="time-picker-roll-cell"
292
+ role="button"
293
+ tabindex="0"
294
+ >
295
+ 11
296
+ </div>
297
+ <div
298
+ class="time-picker-roll-cell"
299
+ role="button"
300
+ tabindex="0"
301
+ >
302
+ 12
303
+ </div>
304
+ <div
305
+ class="time-picker-roll-cell"
306
+ role="button"
307
+ tabindex="0"
308
+ >
309
+ 13
310
+ </div>
311
+ <div
312
+ class="time-picker-roll-cell"
313
+ role="button"
314
+ tabindex="0"
315
+ >
316
+ 14
317
+ </div>
318
+ <div
319
+ class="time-picker-roll-cell"
320
+ role="button"
321
+ tabindex="0"
322
+ >
323
+ 15
324
+ </div>
325
+ <div
326
+ class="time-picker-roll-cell"
327
+ role="button"
328
+ tabindex="0"
329
+ >
330
+ 16
331
+ </div>
332
+ <div
333
+ class="time-picker-roll-cell"
334
+ role="button"
335
+ tabindex="0"
336
+ >
337
+ 17
338
+ </div>
339
+ <div
340
+ class="time-picker-roll-cell"
341
+ role="button"
342
+ tabindex="0"
343
+ >
344
+ 18
345
+ </div>
346
+ <div
347
+ class="time-picker-roll-cell"
348
+ role="button"
349
+ tabindex="0"
350
+ >
351
+ 19
352
+ </div>
353
+ <div
354
+ class="time-picker-roll-cell"
355
+ role="button"
356
+ tabindex="0"
357
+ >
358
+ 20
359
+ </div>
360
+ <div
361
+ class="time-picker-roll-cell"
362
+ role="button"
363
+ tabindex="0"
364
+ >
365
+ 21
366
+ </div>
367
+ <div
368
+ class="time-picker-roll-cell"
369
+ role="button"
370
+ tabindex="0"
371
+ >
372
+ 22
373
+ </div>
374
+ <div
375
+ class="time-picker-roll-cell"
376
+ role="button"
377
+ tabindex="0"
378
+ >
379
+ 23
380
+ </div>
381
+ <div
382
+ class="time-picker-roll-cell"
383
+ role="button"
384
+ tabindex="0"
385
+ >
386
+ 24
387
+ </div>
388
+ <div
389
+ class="time-picker-roll-cell"
390
+ role="button"
391
+ tabindex="0"
392
+ >
393
+ 25
394
+ </div>
395
+ <div
396
+ class="time-picker-roll-cell"
397
+ role="button"
398
+ tabindex="0"
399
+ >
400
+ 26
401
+ </div>
402
+ <div
403
+ class="time-picker-roll-cell"
404
+ role="button"
405
+ tabindex="0"
406
+ >
407
+ 27
408
+ </div>
409
+ <div
410
+ class="time-picker-roll-cell"
411
+ role="button"
412
+ tabindex="0"
413
+ >
414
+ 28
415
+ </div>
416
+ <div
417
+ class="time-picker-roll-cell"
418
+ role="button"
419
+ tabindex="0"
420
+ >
421
+ 29
422
+ </div>
423
+ <div
424
+ class="time-picker-roll-cell"
425
+ role="button"
426
+ tabindex="0"
427
+ >
428
+ 30
429
+ </div>
430
+ <div
431
+ class="time-picker-roll-cell"
432
+ role="button"
433
+ tabindex="0"
434
+ >
435
+ 31
436
+ </div>
437
+ <div
438
+ class="time-picker-roll-cell"
439
+ role="button"
440
+ tabindex="0"
441
+ >
442
+ 32
443
+ </div>
444
+ <div
445
+ class="time-picker-roll-cell"
446
+ role="button"
447
+ tabindex="0"
448
+ >
449
+ 33
450
+ </div>
451
+ <div
452
+ class="time-picker-roll-cell"
453
+ role="button"
454
+ tabindex="0"
455
+ >
456
+ 34
457
+ </div>
458
+ <div
459
+ class="time-picker-roll-cell"
460
+ role="button"
461
+ tabindex="0"
462
+ >
463
+ 35
464
+ </div>
465
+ <div
466
+ class="time-picker-roll-cell"
467
+ role="button"
468
+ tabindex="0"
469
+ >
470
+ 36
471
+ </div>
472
+ <div
473
+ class="time-picker-roll-cell"
474
+ role="button"
475
+ tabindex="0"
476
+ >
477
+ 37
478
+ </div>
479
+ <div
480
+ class="time-picker-roll-cell"
481
+ role="button"
482
+ tabindex="0"
483
+ >
484
+ 38
485
+ </div>
486
+ <div
487
+ class="time-picker-roll-cell"
488
+ role="button"
489
+ tabindex="0"
490
+ >
491
+ 39
492
+ </div>
493
+ <div
494
+ class="time-picker-roll-cell"
495
+ role="button"
496
+ tabindex="0"
497
+ >
498
+ 40
499
+ </div>
500
+ <div
501
+ class="time-picker-roll-cell"
502
+ role="button"
503
+ tabindex="0"
504
+ >
505
+ 41
506
+ </div>
507
+ <div
508
+ class="time-picker-roll-cell"
509
+ role="button"
510
+ tabindex="0"
511
+ >
512
+ 42
513
+ </div>
514
+ <div
515
+ class="time-picker-roll-cell"
516
+ role="button"
517
+ tabindex="0"
518
+ >
519
+ 43
520
+ </div>
521
+ <div
522
+ class="time-picker-roll-cell"
523
+ role="button"
524
+ tabindex="0"
525
+ >
526
+ 44
527
+ </div>
528
+ <div
529
+ class="time-picker-roll-cell"
530
+ role="button"
531
+ tabindex="0"
532
+ >
533
+ 45
534
+ </div>
535
+ <div
536
+ class="time-picker-roll-cell"
537
+ role="button"
538
+ tabindex="0"
539
+ >
540
+ 46
541
+ </div>
542
+ <div
543
+ class="time-picker-roll-cell"
544
+ role="button"
545
+ tabindex="0"
546
+ >
547
+ 47
548
+ </div>
549
+ <div
550
+ class="time-picker-roll-cell"
551
+ role="button"
552
+ tabindex="0"
553
+ >
554
+ 48
555
+ </div>
556
+ <div
557
+ class="time-picker-roll-cell"
558
+ role="button"
559
+ tabindex="0"
560
+ >
561
+ 49
562
+ </div>
563
+ <div
564
+ class="time-picker-roll-cell"
565
+ role="button"
566
+ tabindex="0"
567
+ >
568
+ 50
569
+ </div>
570
+ <div
571
+ class="time-picker-roll-cell"
572
+ role="button"
573
+ tabindex="0"
574
+ >
575
+ 51
576
+ </div>
577
+ <div
578
+ class="time-picker-roll-cell"
579
+ role="button"
580
+ tabindex="0"
581
+ >
582
+ 52
583
+ </div>
584
+ <div
585
+ class="time-picker-roll-cell"
586
+ role="button"
587
+ tabindex="0"
588
+ >
589
+ 53
590
+ </div>
591
+ <div
592
+ class="time-picker-roll-cell"
593
+ role="button"
594
+ tabindex="0"
595
+ >
596
+ 54
597
+ </div>
598
+ <div
599
+ class="time-picker-roll-cell"
600
+ role="button"
601
+ tabindex="0"
602
+ >
603
+ 55
604
+ </div>
605
+ <div
606
+ class="time-picker-roll-cell"
607
+ role="button"
608
+ tabindex="0"
609
+ >
610
+ 56
611
+ </div>
612
+ <div
613
+ class="time-picker-roll-cell"
614
+ role="button"
615
+ tabindex="0"
616
+ >
617
+ 57
618
+ </div>
619
+ <div
620
+ class="time-picker-roll-cell"
621
+ role="button"
622
+ tabindex="0"
623
+ >
624
+ 58
625
+ </div>
626
+ <div
627
+ class="time-picker-roll-cell"
628
+ role="button"
629
+ tabindex="0"
630
+ >
631
+ 59
632
+ </div>
633
+ </div>
634
+ <div
635
+ class="time-picker-roll-col"
636
+ >
637
+ <div
638
+ class="time-picker-roll-cell"
639
+ role="button"
640
+ tabindex="0"
641
+ >
642
+ 00
643
+ </div>
644
+ <div
645
+ class="time-picker-roll-cell"
646
+ role="button"
647
+ tabindex="0"
648
+ >
649
+ 01
650
+ </div>
651
+ <div
652
+ class="time-picker-roll-cell"
653
+ role="button"
654
+ tabindex="0"
655
+ >
656
+ 02
657
+ </div>
658
+ <div
659
+ class="time-picker-roll-cell"
660
+ role="button"
661
+ tabindex="0"
662
+ >
663
+ 03
664
+ </div>
665
+ <div
666
+ class="time-picker-roll-cell"
667
+ role="button"
668
+ tabindex="0"
669
+ >
670
+ 04
671
+ </div>
672
+ <div
673
+ class="time-picker-roll-cell"
674
+ role="button"
675
+ tabindex="0"
676
+ >
677
+ 05
678
+ </div>
679
+ <div
680
+ class="time-picker-roll-cell"
681
+ role="button"
682
+ tabindex="0"
683
+ >
684
+ 06
685
+ </div>
686
+ <div
687
+ class="time-picker-roll-cell"
688
+ role="button"
689
+ tabindex="0"
690
+ >
691
+ 07
692
+ </div>
693
+ <div
694
+ class="time-picker-roll-cell"
695
+ role="button"
696
+ tabindex="0"
697
+ >
698
+ 08
699
+ </div>
700
+ <div
701
+ class="time-picker-roll-cell"
702
+ role="button"
703
+ tabindex="0"
704
+ >
705
+ 09
706
+ </div>
707
+ <div
708
+ class="time-picker-roll-cell"
709
+ role="button"
710
+ tabindex="0"
711
+ >
712
+ 10
713
+ </div>
714
+ <div
715
+ class="time-picker-roll-cell"
716
+ role="button"
717
+ tabindex="0"
718
+ >
719
+ 11
720
+ </div>
721
+ <div
722
+ class="time-picker-roll-cell"
723
+ role="button"
724
+ tabindex="0"
725
+ >
726
+ 12
727
+ </div>
728
+ <div
729
+ class="time-picker-roll-cell"
730
+ role="button"
731
+ tabindex="0"
732
+ >
733
+ 13
734
+ </div>
735
+ <div
736
+ class="time-picker-roll-cell"
737
+ role="button"
738
+ tabindex="0"
739
+ >
740
+ 14
741
+ </div>
742
+ <div
743
+ class="time-picker-roll-cell"
744
+ role="button"
745
+ tabindex="0"
746
+ >
747
+ 15
748
+ </div>
749
+ <div
750
+ class="time-picker-roll-cell"
751
+ role="button"
752
+ tabindex="0"
753
+ >
754
+ 16
755
+ </div>
756
+ <div
757
+ class="time-picker-roll-cell"
758
+ role="button"
759
+ tabindex="0"
760
+ >
761
+ 17
762
+ </div>
763
+ <div
764
+ class="time-picker-roll-cell"
765
+ role="button"
766
+ tabindex="0"
767
+ >
768
+ 18
769
+ </div>
770
+ <div
771
+ class="time-picker-roll-cell"
772
+ role="button"
773
+ tabindex="0"
774
+ >
775
+ 19
776
+ </div>
777
+ <div
778
+ class="time-picker-roll-cell"
779
+ role="button"
780
+ tabindex="0"
781
+ >
782
+ 20
783
+ </div>
784
+ <div
785
+ class="time-picker-roll-cell"
786
+ role="button"
787
+ tabindex="0"
788
+ >
789
+ 21
790
+ </div>
791
+ <div
792
+ class="time-picker-roll-cell"
793
+ role="button"
794
+ tabindex="0"
795
+ >
796
+ 22
797
+ </div>
798
+ <div
799
+ class="time-picker-roll-cell"
800
+ role="button"
801
+ tabindex="0"
802
+ >
803
+ 23
804
+ </div>
805
+ <div
806
+ class="time-picker-roll-cell"
807
+ role="button"
808
+ tabindex="0"
809
+ >
810
+ 24
811
+ </div>
812
+ <div
813
+ class="time-picker-roll-cell"
814
+ role="button"
815
+ tabindex="0"
816
+ >
817
+ 25
818
+ </div>
819
+ <div
820
+ class="time-picker-roll-cell"
821
+ role="button"
822
+ tabindex="0"
823
+ >
824
+ 26
825
+ </div>
826
+ <div
827
+ class="time-picker-roll-cell"
828
+ role="button"
829
+ tabindex="0"
830
+ >
831
+ 27
832
+ </div>
833
+ <div
834
+ class="time-picker-roll-cell"
835
+ role="button"
836
+ tabindex="0"
837
+ >
838
+ 28
839
+ </div>
840
+ <div
841
+ class="time-picker-roll-cell"
842
+ role="button"
843
+ tabindex="0"
844
+ >
845
+ 29
846
+ </div>
847
+ <div
848
+ class="time-picker-roll-cell"
849
+ role="button"
850
+ tabindex="0"
851
+ >
852
+ 30
853
+ </div>
854
+ <div
855
+ class="time-picker-roll-cell"
856
+ role="button"
857
+ tabindex="0"
858
+ >
859
+ 31
860
+ </div>
861
+ <div
862
+ class="time-picker-roll-cell"
863
+ role="button"
864
+ tabindex="0"
865
+ >
866
+ 32
867
+ </div>
868
+ <div
869
+ class="time-picker-roll-cell"
870
+ role="button"
871
+ tabindex="0"
872
+ >
873
+ 33
874
+ </div>
875
+ <div
876
+ class="time-picker-roll-cell"
877
+ role="button"
878
+ tabindex="0"
879
+ >
880
+ 34
881
+ </div>
882
+ <div
883
+ class="time-picker-roll-cell"
884
+ role="button"
885
+ tabindex="0"
886
+ >
887
+ 35
888
+ </div>
889
+ <div
890
+ class="time-picker-roll-cell"
891
+ role="button"
892
+ tabindex="0"
893
+ >
894
+ 36
895
+ </div>
896
+ <div
897
+ class="time-picker-roll-cell"
898
+ role="button"
899
+ tabindex="0"
900
+ >
901
+ 37
902
+ </div>
903
+ <div
904
+ class="time-picker-roll-cell"
905
+ role="button"
906
+ tabindex="0"
907
+ >
908
+ 38
909
+ </div>
910
+ <div
911
+ class="time-picker-roll-cell"
912
+ role="button"
913
+ tabindex="0"
914
+ >
915
+ 39
916
+ </div>
917
+ <div
918
+ class="time-picker-roll-cell"
919
+ role="button"
920
+ tabindex="0"
921
+ >
922
+ 40
923
+ </div>
924
+ <div
925
+ class="time-picker-roll-cell"
926
+ role="button"
927
+ tabindex="0"
928
+ >
929
+ 41
930
+ </div>
931
+ <div
932
+ class="time-picker-roll-cell"
933
+ role="button"
934
+ tabindex="0"
935
+ >
936
+ 42
937
+ </div>
938
+ <div
939
+ class="time-picker-roll-cell"
940
+ role="button"
941
+ tabindex="0"
942
+ >
943
+ 43
944
+ </div>
945
+ <div
946
+ class="time-picker-roll-cell"
947
+ role="button"
948
+ tabindex="0"
949
+ >
950
+ 44
951
+ </div>
952
+ <div
953
+ class="time-picker-roll-cell"
954
+ role="button"
955
+ tabindex="0"
956
+ >
957
+ 45
958
+ </div>
959
+ <div
960
+ class="time-picker-roll-cell"
961
+ role="button"
962
+ tabindex="0"
963
+ >
964
+ 46
965
+ </div>
966
+ <div
967
+ class="time-picker-roll-cell"
968
+ role="button"
969
+ tabindex="0"
970
+ >
971
+ 47
972
+ </div>
973
+ <div
974
+ class="time-picker-roll-cell"
975
+ role="button"
976
+ tabindex="0"
977
+ >
978
+ 48
979
+ </div>
980
+ <div
981
+ class="time-picker-roll-cell"
982
+ role="button"
983
+ tabindex="0"
984
+ >
985
+ 49
986
+ </div>
987
+ <div
988
+ class="time-picker-roll-cell"
989
+ role="button"
990
+ tabindex="0"
991
+ >
992
+ 50
993
+ </div>
994
+ <div
995
+ class="time-picker-roll-cell"
996
+ role="button"
997
+ tabindex="0"
998
+ >
999
+ 51
1000
+ </div>
1001
+ <div
1002
+ class="time-picker-roll-cell"
1003
+ role="button"
1004
+ tabindex="0"
1005
+ >
1006
+ 52
1007
+ </div>
1008
+ <div
1009
+ class="time-picker-roll-cell"
1010
+ role="button"
1011
+ tabindex="0"
1012
+ >
1013
+ 53
1014
+ </div>
1015
+ <div
1016
+ class="time-picker-roll-cell"
1017
+ role="button"
1018
+ tabindex="0"
1019
+ >
1020
+ 54
1021
+ </div>
1022
+ <div
1023
+ class="time-picker-roll-cell"
1024
+ role="button"
1025
+ tabindex="0"
1026
+ >
1027
+ 55
1028
+ </div>
1029
+ <div
1030
+ class="time-picker-roll-cell"
1031
+ role="button"
1032
+ tabindex="0"
1033
+ >
1034
+ 56
1035
+ </div>
1036
+ <div
1037
+ class="time-picker-roll-cell"
1038
+ role="button"
1039
+ tabindex="0"
1040
+ >
1041
+ 57
1042
+ </div>
1043
+ <div
1044
+ class="time-picker-roll-cell"
1045
+ role="button"
1046
+ tabindex="0"
1047
+ >
1048
+ 58
1049
+ </div>
1050
+ <div
1051
+ class="time-picker-roll-cell"
1052
+ role="button"
1053
+ tabindex="0"
1054
+ >
1055
+ 59
1056
+ </div>
1057
+ </div>
1058
+ </div>
1059
+ <div
1060
+ class="picker-footer"
1061
+ >
1062
+ <button
1063
+ class="btn btn-ghost-primary btn-sm"
1064
+ type="button"
1065
+ >
1066
+ Cancel
1067
+ </button>
1068
+ <button
1069
+ class="btn btn-primary btn-sm"
1070
+ type="button"
1071
+ >
1072
+ OK
1073
+ </button>
1074
+ </div>
1075
+ </div>
1076
+ </div>
1077
+ </div>
1078
+ `;