@coreui/react-pro 4.2.0-beta.0 → 4.2.0-beta.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 (35) hide show
  1. package/README.md +1 -1
  2. package/dist/components/calendar/CCalendar.d.ts +27 -10
  3. package/dist/components/calendar/CCalendar.utils.d.ts +2 -1
  4. package/dist/components/daterangepicker/CDateRangePicker.d.ts +26 -11
  5. package/dist/components/picker/CPicker.d.ts +50 -9
  6. package/dist/components/timepicker/CTimePicker.d.ts +9 -13
  7. package/dist/components/timepicker/CTimePicker.utils.d.ts +13 -0
  8. package/dist/index.es.js +243 -206
  9. package/dist/index.es.js.map +1 -1
  10. package/dist/index.js +243 -206
  11. package/dist/index.js.map +1 -1
  12. package/dist/utils/calendar.d.ts +21 -0
  13. package/dist/utils/time.d.ts +17 -0
  14. package/package.json +3 -2
  15. package/src/components/accordion/__tests__/__snapshots__/CAccordionButton.spec.tsx.snap +2 -0
  16. package/src/components/accordion/__tests__/__snapshots__/CAccordionHeader.spec.tsx.snap +2 -0
  17. package/src/components/calendar/CCalendar.tsx +104 -58
  18. package/src/components/calendar/__tests__/CCalendar.spec.tsx +9 -0
  19. package/src/components/calendar/__tests__/__snapshots__/CCalendar.spec.tsx.snap +573 -0
  20. package/src/components/datepicker/CDatePicker.tsx +1 -0
  21. package/src/components/datepicker/__tests__/CDatePicker.spec.tsx +9 -0
  22. package/src/components/datepicker/__tests__/__snapshots__/CDatePicker.spec.tsx.snap +617 -0
  23. package/src/components/daterangepicker/CDateRangePicker.tsx +152 -91
  24. package/src/components/daterangepicker/__tests__/CDateRangePicker.spec.tsx +9 -0
  25. package/src/components/daterangepicker/__tests__/__snapshots__/CDateRangePicker.spec.tsx.snap +1201 -0
  26. package/src/components/dropdown/CDropdownMenu.tsx +5 -3
  27. package/src/components/picker/CPicker.tsx +99 -34
  28. package/src/components/picker/__tests__/CPicker.spec.tsx +9 -0
  29. package/src/components/picker/__tests__/__snapshots__/CPicker.spec.tsx.snap +23 -0
  30. package/src/components/timepicker/CTimePicker.tsx +66 -87
  31. package/src/components/timepicker/CTimePickerRollCol.tsx +7 -1
  32. package/src/components/timepicker/__tests__/CTimePicker.spec.tsx +9 -0
  33. package/src/{components/calendar/CCalendar.utils.ts → utils/calendar.ts} +11 -1
  34. package/src/utils/time.ts +58 -0
  35. package/src/components/timepicker/CTimePicker.utils.ts +0 -27
@@ -0,0 +1,617 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`loads and displays CDatePicker 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="Select date"
15
+ type="text"
16
+ />
17
+ <span
18
+ class="input-group-text"
19
+ >
20
+ <span
21
+ class="picker-input-group-indicator"
22
+ >
23
+ <span
24
+ class="picker-input-group-icon date-picker-input-icon"
25
+ />
26
+ </span>
27
+ </span>
28
+ </div>
29
+ <div
30
+ aria-hidden="true"
31
+ class="dropdown-menu"
32
+ role="menu"
33
+ >
34
+ <div
35
+ class="date-picker-body"
36
+ >
37
+ <div
38
+ class="date-picker-calendars"
39
+ >
40
+ <div
41
+ class="date-picker-calendar"
42
+ >
43
+ <div
44
+ class="calendar"
45
+ >
46
+ <div
47
+ class="calendar-nav"
48
+ >
49
+ <div
50
+ class="calendar-nav-prev"
51
+ >
52
+ <button
53
+ class="btn btn-transparent btn-sm"
54
+ type="button"
55
+ >
56
+ <span
57
+ class="calendar-nav-icon calendar-nav-icon-double-prev"
58
+ />
59
+ </button>
60
+ <button
61
+ class="btn btn-transparent btn-sm"
62
+ type="button"
63
+ >
64
+ <span
65
+ class="calendar-nav-icon calendar-nav-icon-prev"
66
+ />
67
+ </button>
68
+ </div>
69
+ <div
70
+ class="calendar-nav-date"
71
+ >
72
+ <button
73
+ class="btn btn-transparent btn-sm"
74
+ type="button"
75
+ >
76
+ March
77
+ </button>
78
+ <button
79
+ class="btn btn-transparent btn-sm"
80
+ type="button"
81
+ >
82
+ 2022
83
+ </button>
84
+ </div>
85
+ <div
86
+ class="calendar-nav-next"
87
+ >
88
+ <button
89
+ class="btn btn-transparent btn-sm"
90
+ type="button"
91
+ >
92
+ <span
93
+ class="calendar-nav-icon calendar-nav-icon-next"
94
+ />
95
+ </button>
96
+ <button
97
+ class="btn btn-transparent btn-sm"
98
+ type="button"
99
+ >
100
+ <span
101
+ class="calendar-nav-icon calendar-nav-icon-double-next"
102
+ />
103
+ </button>
104
+ </div>
105
+ </div>
106
+ <table>
107
+ <thead>
108
+ <tr>
109
+ <th
110
+ class="calendar-cell"
111
+ >
112
+ <div
113
+ class="calendar-header-cell-inner"
114
+ >
115
+ Mo
116
+ </div>
117
+ </th>
118
+ <th
119
+ class="calendar-cell"
120
+ >
121
+ <div
122
+ class="calendar-header-cell-inner"
123
+ >
124
+ Tu
125
+ </div>
126
+ </th>
127
+ <th
128
+ class="calendar-cell"
129
+ >
130
+ <div
131
+ class="calendar-header-cell-inner"
132
+ >
133
+ We
134
+ </div>
135
+ </th>
136
+ <th
137
+ class="calendar-cell"
138
+ >
139
+ <div
140
+ class="calendar-header-cell-inner"
141
+ >
142
+ Th
143
+ </div>
144
+ </th>
145
+ <th
146
+ class="calendar-cell"
147
+ >
148
+ <div
149
+ class="calendar-header-cell-inner"
150
+ >
151
+ Fr
152
+ </div>
153
+ </th>
154
+ <th
155
+ class="calendar-cell"
156
+ >
157
+ <div
158
+ class="calendar-header-cell-inner"
159
+ >
160
+ Sa
161
+ </div>
162
+ </th>
163
+ <th
164
+ class="calendar-cell"
165
+ >
166
+ <div
167
+ class="calendar-header-cell-inner"
168
+ >
169
+ Su
170
+ </div>
171
+ </th>
172
+ </tr>
173
+ </thead>
174
+ <tbody>
175
+ <tr>
176
+ <td
177
+ class="calendar-cell previous last"
178
+ title="2/28/2022"
179
+ >
180
+ <div
181
+ class="calendar-cell-inner"
182
+ >
183
+ 28
184
+ </div>
185
+ </td>
186
+ <td
187
+ class="calendar-cell"
188
+ title="3/1/2022"
189
+ >
190
+ <div
191
+ class="calendar-cell-inner"
192
+ >
193
+ 1
194
+ </div>
195
+ </td>
196
+ <td
197
+ class="calendar-cell"
198
+ title="3/2/2022"
199
+ >
200
+ <div
201
+ class="calendar-cell-inner"
202
+ >
203
+ 2
204
+ </div>
205
+ </td>
206
+ <td
207
+ class="calendar-cell"
208
+ title="3/3/2022"
209
+ >
210
+ <div
211
+ class="calendar-cell-inner"
212
+ >
213
+ 3
214
+ </div>
215
+ </td>
216
+ <td
217
+ class="calendar-cell"
218
+ title="3/4/2022"
219
+ >
220
+ <div
221
+ class="calendar-cell-inner"
222
+ >
223
+ 4
224
+ </div>
225
+ </td>
226
+ <td
227
+ class="calendar-cell"
228
+ title="3/5/2022"
229
+ >
230
+ <div
231
+ class="calendar-cell-inner"
232
+ >
233
+ 5
234
+ </div>
235
+ </td>
236
+ <td
237
+ class="calendar-cell"
238
+ title="3/6/2022"
239
+ >
240
+ <div
241
+ class="calendar-cell-inner"
242
+ >
243
+ 6
244
+ </div>
245
+ </td>
246
+ </tr>
247
+ <tr>
248
+ <td
249
+ class="calendar-cell"
250
+ title="3/7/2022"
251
+ >
252
+ <div
253
+ class="calendar-cell-inner"
254
+ >
255
+ 7
256
+ </div>
257
+ </td>
258
+ <td
259
+ class="calendar-cell"
260
+ title="3/8/2022"
261
+ >
262
+ <div
263
+ class="calendar-cell-inner"
264
+ >
265
+ 8
266
+ </div>
267
+ </td>
268
+ <td
269
+ class="calendar-cell"
270
+ title="3/9/2022"
271
+ >
272
+ <div
273
+ class="calendar-cell-inner"
274
+ >
275
+ 9
276
+ </div>
277
+ </td>
278
+ <td
279
+ class="calendar-cell"
280
+ title="3/10/2022"
281
+ >
282
+ <div
283
+ class="calendar-cell-inner"
284
+ >
285
+ 10
286
+ </div>
287
+ </td>
288
+ <td
289
+ class="calendar-cell"
290
+ title="3/11/2022"
291
+ >
292
+ <div
293
+ class="calendar-cell-inner"
294
+ >
295
+ 11
296
+ </div>
297
+ </td>
298
+ <td
299
+ class="calendar-cell"
300
+ title="3/12/2022"
301
+ >
302
+ <div
303
+ class="calendar-cell-inner"
304
+ >
305
+ 12
306
+ </div>
307
+ </td>
308
+ <td
309
+ class="calendar-cell"
310
+ title="3/13/2022"
311
+ >
312
+ <div
313
+ class="calendar-cell-inner"
314
+ >
315
+ 13
316
+ </div>
317
+ </td>
318
+ </tr>
319
+ <tr>
320
+ <td
321
+ class="calendar-cell"
322
+ title="3/14/2022"
323
+ >
324
+ <div
325
+ class="calendar-cell-inner"
326
+ >
327
+ 14
328
+ </div>
329
+ </td>
330
+ <td
331
+ class="calendar-cell"
332
+ title="3/15/2022"
333
+ >
334
+ <div
335
+ class="calendar-cell-inner"
336
+ >
337
+ 15
338
+ </div>
339
+ </td>
340
+ <td
341
+ class="calendar-cell"
342
+ title="3/16/2022"
343
+ >
344
+ <div
345
+ class="calendar-cell-inner"
346
+ >
347
+ 16
348
+ </div>
349
+ </td>
350
+ <td
351
+ class="calendar-cell"
352
+ title="3/17/2022"
353
+ >
354
+ <div
355
+ class="calendar-cell-inner"
356
+ >
357
+ 17
358
+ </div>
359
+ </td>
360
+ <td
361
+ class="calendar-cell"
362
+ title="3/18/2022"
363
+ >
364
+ <div
365
+ class="calendar-cell-inner"
366
+ >
367
+ 18
368
+ </div>
369
+ </td>
370
+ <td
371
+ class="calendar-cell"
372
+ title="3/19/2022"
373
+ >
374
+ <div
375
+ class="calendar-cell-inner"
376
+ >
377
+ 19
378
+ </div>
379
+ </td>
380
+ <td
381
+ class="calendar-cell"
382
+ title="3/20/2022"
383
+ >
384
+ <div
385
+ class="calendar-cell-inner"
386
+ >
387
+ 20
388
+ </div>
389
+ </td>
390
+ </tr>
391
+ <tr>
392
+ <td
393
+ class="calendar-cell"
394
+ title="3/21/2022"
395
+ >
396
+ <div
397
+ class="calendar-cell-inner"
398
+ >
399
+ 21
400
+ </div>
401
+ </td>
402
+ <td
403
+ class="calendar-cell"
404
+ title="3/22/2022"
405
+ >
406
+ <div
407
+ class="calendar-cell-inner"
408
+ >
409
+ 22
410
+ </div>
411
+ </td>
412
+ <td
413
+ class="calendar-cell today"
414
+ title="3/23/2022"
415
+ >
416
+ <div
417
+ class="calendar-cell-inner"
418
+ >
419
+ 23
420
+ </div>
421
+ </td>
422
+ <td
423
+ class="calendar-cell"
424
+ title="3/24/2022"
425
+ >
426
+ <div
427
+ class="calendar-cell-inner"
428
+ >
429
+ 24
430
+ </div>
431
+ </td>
432
+ <td
433
+ class="calendar-cell"
434
+ title="3/25/2022"
435
+ >
436
+ <div
437
+ class="calendar-cell-inner"
438
+ >
439
+ 25
440
+ </div>
441
+ </td>
442
+ <td
443
+ class="calendar-cell"
444
+ title="3/26/2022"
445
+ >
446
+ <div
447
+ class="calendar-cell-inner"
448
+ >
449
+ 26
450
+ </div>
451
+ </td>
452
+ <td
453
+ class="calendar-cell"
454
+ title="3/27/2022"
455
+ >
456
+ <div
457
+ class="calendar-cell-inner"
458
+ >
459
+ 27
460
+ </div>
461
+ </td>
462
+ </tr>
463
+ <tr>
464
+ <td
465
+ class="calendar-cell"
466
+ title="3/28/2022"
467
+ >
468
+ <div
469
+ class="calendar-cell-inner"
470
+ >
471
+ 28
472
+ </div>
473
+ </td>
474
+ <td
475
+ class="calendar-cell"
476
+ title="3/29/2022"
477
+ >
478
+ <div
479
+ class="calendar-cell-inner"
480
+ >
481
+ 29
482
+ </div>
483
+ </td>
484
+ <td
485
+ class="calendar-cell"
486
+ title="3/30/2022"
487
+ >
488
+ <div
489
+ class="calendar-cell-inner"
490
+ >
491
+ 30
492
+ </div>
493
+ </td>
494
+ <td
495
+ class="calendar-cell last"
496
+ title="3/31/2022"
497
+ >
498
+ <div
499
+ class="calendar-cell-inner"
500
+ >
501
+ 31
502
+ </div>
503
+ </td>
504
+ <td
505
+ class="calendar-cell next"
506
+ title="4/1/2022"
507
+ >
508
+ <div
509
+ class="calendar-cell-inner"
510
+ >
511
+ 1
512
+ </div>
513
+ </td>
514
+ <td
515
+ class="calendar-cell next"
516
+ title="4/2/2022"
517
+ >
518
+ <div
519
+ class="calendar-cell-inner"
520
+ >
521
+ 2
522
+ </div>
523
+ </td>
524
+ <td
525
+ class="calendar-cell next"
526
+ title="4/3/2022"
527
+ >
528
+ <div
529
+ class="calendar-cell-inner"
530
+ >
531
+ 3
532
+ </div>
533
+ </td>
534
+ </tr>
535
+ <tr>
536
+ <td
537
+ class="calendar-cell next"
538
+ title="4/4/2022"
539
+ >
540
+ <div
541
+ class="calendar-cell-inner"
542
+ >
543
+ 4
544
+ </div>
545
+ </td>
546
+ <td
547
+ class="calendar-cell next"
548
+ title="4/5/2022"
549
+ >
550
+ <div
551
+ class="calendar-cell-inner"
552
+ >
553
+ 5
554
+ </div>
555
+ </td>
556
+ <td
557
+ class="calendar-cell next"
558
+ title="4/6/2022"
559
+ >
560
+ <div
561
+ class="calendar-cell-inner"
562
+ >
563
+ 6
564
+ </div>
565
+ </td>
566
+ <td
567
+ class="calendar-cell next"
568
+ title="4/7/2022"
569
+ >
570
+ <div
571
+ class="calendar-cell-inner"
572
+ >
573
+ 7
574
+ </div>
575
+ </td>
576
+ <td
577
+ class="calendar-cell next"
578
+ title="4/8/2022"
579
+ >
580
+ <div
581
+ class="calendar-cell-inner"
582
+ >
583
+ 8
584
+ </div>
585
+ </td>
586
+ <td
587
+ class="calendar-cell next"
588
+ title="4/9/2022"
589
+ >
590
+ <div
591
+ class="calendar-cell-inner"
592
+ >
593
+ 9
594
+ </div>
595
+ </td>
596
+ <td
597
+ class="calendar-cell next"
598
+ title="4/10/2022"
599
+ >
600
+ <div
601
+ class="calendar-cell-inner"
602
+ >
603
+ 10
604
+ </div>
605
+ </td>
606
+ </tr>
607
+ </tbody>
608
+ </table>
609
+ </div>
610
+
611
+ </div>
612
+ </div>
613
+ </div>
614
+ </div>
615
+ </div>
616
+ </div>
617
+ `;