@rio-cloud/uikit-mcp 1.1.2 → 1.1.4

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 (191) hide show
  1. package/dist/doc-metadata.json +117 -127
  2. package/dist/docs/components/accentBar.md +2 -34
  3. package/dist/docs/components/activity.md +2 -13
  4. package/dist/docs/components/animatedNumber.md +4 -17
  5. package/dist/docs/components/animatedTextReveal.md +7 -54
  6. package/dist/docs/components/animations.md +42 -34
  7. package/dist/docs/components/appHeader.md +2 -73
  8. package/dist/docs/components/appLayout.md +36 -496
  9. package/dist/docs/components/appNavigationBar.md +2 -54
  10. package/dist/docs/components/areaCharts.md +37 -37
  11. package/dist/docs/components/aspectRatioPlaceholder.md +2 -11
  12. package/dist/docs/components/assetTree.md +435 -901
  13. package/dist/docs/components/autosuggests.md +4 -4
  14. package/dist/docs/components/avatar.md +2 -24
  15. package/dist/docs/components/banner.md +2 -2
  16. package/dist/docs/components/barCharts.md +186 -186
  17. package/dist/docs/components/barList.md +12 -46
  18. package/dist/docs/components/basicMap.md +7 -7
  19. package/dist/docs/components/bottomSheet.md +3 -100
  20. package/dist/docs/components/button.md +16 -71
  21. package/dist/docs/components/buttonToolbar.md +2 -9
  22. package/dist/docs/components/calendarStripe.md +95 -121
  23. package/dist/docs/components/card.md +2 -10
  24. package/dist/docs/components/carousel.md +1 -1
  25. package/dist/docs/components/chartColors.md +1 -1
  26. package/dist/docs/components/chartsGettingStarted.md +1 -1
  27. package/dist/docs/components/chat.md +4 -1
  28. package/dist/docs/components/checkbox.md +11 -111
  29. package/dist/docs/components/clearableInput.md +7 -111
  30. package/dist/docs/components/collapse.md +3 -29
  31. package/dist/docs/components/composedCharts.md +31 -31
  32. package/dist/docs/components/contentLoader.md +104 -122
  33. package/dist/docs/components/dataTabs.md +24 -194
  34. package/dist/docs/components/datepickers.md +727 -769
  35. package/dist/docs/components/dialogs.md +15 -262
  36. package/dist/docs/components/divider.md +2 -14
  37. package/dist/docs/components/dropdowns.md +4387 -4550
  38. package/dist/docs/components/editableContent.md +2 -186
  39. package/dist/docs/components/expander.md +23 -70
  40. package/dist/docs/components/fade.md +6 -41
  41. package/dist/docs/components/fadeExpander.md +2 -11
  42. package/dist/docs/components/fadeUp.md +3 -23
  43. package/dist/docs/components/feedback.md +2 -42
  44. package/dist/docs/components/filePickers.md +2 -44
  45. package/dist/docs/components/formLabel.md +2 -18
  46. package/dist/docs/components/groupedItemList.md +2 -53
  47. package/dist/docs/components/iconList.md +3 -3
  48. package/dist/docs/components/imagePreloader.md +2 -6
  49. package/dist/docs/components/labeledElement.md +2 -11
  50. package/dist/docs/components/licensePlate.md +2 -10
  51. package/dist/docs/components/lineCharts.md +60 -60
  52. package/dist/docs/components/listMenu.md +2 -50
  53. package/dist/docs/components/loadMore.md +2 -28
  54. package/dist/docs/components/mainNavigation.md +1 -1
  55. package/dist/docs/components/mapCircle.md +3 -3
  56. package/dist/docs/components/mapCluster.md +5 -5
  57. package/dist/docs/components/mapContext.md +3 -3
  58. package/dist/docs/components/mapDraggableMarker.md +3 -3
  59. package/dist/docs/components/mapGettingStarted.md +1 -1
  60. package/dist/docs/components/mapInfoBubble.md +3 -3
  61. package/dist/docs/components/mapLayerGroup.md +3 -3
  62. package/dist/docs/components/mapMarker.md +341 -347
  63. package/dist/docs/components/mapPolygon.md +20 -24
  64. package/dist/docs/components/mapRoute.md +26 -32
  65. package/dist/docs/components/mapRouteGenerator.md +1 -1
  66. package/dist/docs/components/mapSettings.md +273 -284
  67. package/dist/docs/components/mapUtils.md +3 -5
  68. package/dist/docs/components/multiselects.md +1 -1
  69. package/dist/docs/components/noData.md +2 -22
  70. package/dist/docs/components/notifications.md +1 -1
  71. package/dist/docs/components/numbercontrol.md +2 -48
  72. package/dist/docs/components/onboarding.md +2 -46
  73. package/dist/docs/components/page.md +2 -32
  74. package/dist/docs/components/pager.md +2 -14
  75. package/dist/docs/components/pieCharts.md +125 -157
  76. package/dist/docs/components/popover.md +2 -56
  77. package/dist/docs/components/position.md +2 -10
  78. package/dist/docs/components/radialBarCharts.md +506 -506
  79. package/dist/docs/components/radiobutton.md +81 -191
  80. package/dist/docs/components/releaseNotes.md +1 -12
  81. package/dist/docs/components/resizer.md +2 -14
  82. package/dist/docs/components/responsiveColumnStripe.md +2 -19
  83. package/dist/docs/components/responsiveVideo.md +2 -11
  84. package/dist/docs/components/rioglyph.md +2 -12
  85. package/dist/docs/components/rules.md +69 -133
  86. package/dist/docs/components/saveableInput.md +279 -393
  87. package/dist/docs/components/selects.md +9996 -15
  88. package/dist/docs/components/sidebar.md +2 -39
  89. package/dist/docs/components/sliders.md +2 -37
  90. package/dist/docs/components/smoothScrollbars.md +2 -56
  91. package/dist/docs/components/spinners.md +5 -51
  92. package/dist/docs/components/states.md +21 -245
  93. package/dist/docs/components/statsWidgets.md +2 -113
  94. package/dist/docs/components/statusBar.md +2 -28
  95. package/dist/docs/components/stepButton.md +2 -8
  96. package/dist/docs/components/steppedProgressBars.md +2 -66
  97. package/dist/docs/components/subNavigation.md +1 -8
  98. package/dist/docs/components/supportMarker.md +1 -1
  99. package/dist/docs/components/svgImage.md +2 -12
  100. package/dist/docs/components/switch.md +2 -11
  101. package/dist/docs/components/tables.md +1 -1
  102. package/dist/docs/components/tagManager.md +4 -58
  103. package/dist/docs/components/tags.md +2 -31
  104. package/dist/docs/components/teaser.md +2 -30
  105. package/dist/docs/components/timeline.md +1 -1
  106. package/dist/docs/components/timepicker.md +2 -26
  107. package/dist/docs/components/toggleButton.md +7 -29
  108. package/dist/docs/components/tooltip.md +9 -40
  109. package/dist/docs/components/virtualList.md +73 -99
  110. package/dist/docs/foundations.md +167 -167
  111. package/dist/docs/start/changelog.md +23 -1
  112. package/dist/docs/start/goodtoknow.md +1 -1
  113. package/dist/docs/start/guidelines/color-combinations.md +1 -1
  114. package/dist/docs/start/guidelines/custom-css.md +1 -1
  115. package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
  116. package/dist/docs/start/guidelines/formatting.md +1 -1
  117. package/dist/docs/start/guidelines/iframe.md +80 -27
  118. package/dist/docs/start/guidelines/obfuscate-data.md +1 -1
  119. package/dist/docs/start/guidelines/print-css.md +1 -1
  120. package/dist/docs/start/guidelines/spinner.md +81 -81
  121. package/dist/docs/start/guidelines/supported-browsers.md +1 -1
  122. package/dist/docs/start/guidelines/writing.md +1 -1
  123. package/dist/docs/start/howto.md +9 -9
  124. package/dist/docs/start/intro.md +1 -1
  125. package/dist/docs/start/responsiveness.md +1 -1
  126. package/dist/docs/templates/common-table.md +11 -11
  127. package/dist/docs/templates/detail-views.md +2 -2
  128. package/dist/docs/templates/expandable-details.md +1 -1
  129. package/dist/docs/templates/feature-cards.md +55 -55
  130. package/dist/docs/templates/form-summary.md +22 -22
  131. package/dist/docs/templates/form-toggle.md +1 -1
  132. package/dist/docs/templates/list-blocks.md +200 -200
  133. package/dist/docs/templates/loading-progress.md +3 -3
  134. package/dist/docs/templates/options-panel.md +1 -1
  135. package/dist/docs/templates/panel-variants.md +1 -1
  136. package/dist/docs/templates/progress-cards.md +1 -1
  137. package/dist/docs/templates/progress-success.md +1 -1
  138. package/dist/docs/templates/settings-form.md +23 -23
  139. package/dist/docs/templates/stats-blocks.md +41 -41
  140. package/dist/docs/templates/table-panel.md +1 -1
  141. package/dist/docs/templates/table-row-animation.md +1 -1
  142. package/dist/docs/templates/usage-cards.md +1 -1
  143. package/dist/docs/utilities/deviceUtils.md +6 -3
  144. package/dist/docs/utilities/featureToggles.md +1 -1
  145. package/dist/docs/utilities/fuelTypeUtils.md +1 -1
  146. package/dist/docs/utilities/routeUtils.md +59 -23
  147. package/dist/docs/utilities/useAfterMount.md +1 -1
  148. package/dist/docs/utilities/useAutoAnimate.md +1 -1
  149. package/dist/docs/utilities/useAverage.md +1 -1
  150. package/dist/docs/utilities/useClickOutside.md +1 -1
  151. package/dist/docs/utilities/useClipboard.md +2 -2
  152. package/dist/docs/utilities/useCount.md +1 -1
  153. package/dist/docs/utilities/useDarkMode.md +1 -1
  154. package/dist/docs/utilities/useDebugInfo.md +4 -4
  155. package/dist/docs/utilities/useEffectOnce.md +1 -1
  156. package/dist/docs/utilities/useElapsedTime.md +1 -1
  157. package/dist/docs/utilities/useElementSize.md +1 -1
  158. package/dist/docs/utilities/useEsc.md +1 -1
  159. package/dist/docs/utilities/useEvent.md +1 -1
  160. package/dist/docs/utilities/useFocusTrap.md +1 -1
  161. package/dist/docs/utilities/useFullscreen.md +1 -1
  162. package/dist/docs/utilities/useHover.md +1 -1
  163. package/dist/docs/utilities/useIncomingPostMessages.md +1 -1
  164. package/dist/docs/utilities/useInterval.md +1 -1
  165. package/dist/docs/utilities/useIsFocusWithin.md +1 -1
  166. package/dist/docs/utilities/useKey.md +7 -5
  167. package/dist/docs/utilities/useLocalStorage.md +1 -1
  168. package/dist/docs/utilities/useLocationSuggestions.md +1 -1
  169. package/dist/docs/utilities/useMax.md +1 -1
  170. package/dist/docs/utilities/useMin.md +1 -1
  171. package/dist/docs/utilities/useMutationObserver.md +1 -1
  172. package/dist/docs/utilities/useOnScreen.md +1 -1
  173. package/dist/docs/utilities/useOnlineStatus.md +1 -1
  174. package/dist/docs/utilities/usePostMessage.md +2 -2
  175. package/dist/docs/utilities/usePostMessageSender.md +1 -1
  176. package/dist/docs/utilities/usePrevious.md +1 -1
  177. package/dist/docs/utilities/useResizeObserver.md +1 -1
  178. package/dist/docs/utilities/useScrollPosition.md +1 -1
  179. package/dist/docs/utilities/useSearch.md +1 -1
  180. package/dist/docs/utilities/useSorting.md +1 -1
  181. package/dist/docs/utilities/useStateWithValidation.md +1 -1
  182. package/dist/docs/utilities/useSum.md +1 -1
  183. package/dist/docs/utilities/useTableExport.md +54 -54
  184. package/dist/docs/utilities/useTableSelection.md +93 -93
  185. package/dist/docs/utilities/useTimeout.md +1 -1
  186. package/dist/docs/utilities/useToggle.md +1 -1
  187. package/dist/docs/utilities/useWindowResize.md +1 -1
  188. package/dist/index.mjs +8 -2
  189. package/dist/version.json +2 -2
  190. package/package.json +8 -8
  191. package/dist/docs/components/fullscreenMap.md +0 -10
package/dist/docs/components/saveableInput.md CHANGED
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Interaction
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/saveableInput
6
- *Captured:* 2025-12-15T15:02:18.298Z
6
+ *Captured:* 2026-01-14T09:07:07.787Z
7
7
 
8
8
  ## SaveableInput
9
9
 
@@ -261,29 +261,6 @@ export default () => (
261
261
  </div>
262
262
  ```
263
263
 
264
- #### Props
265
-
266
- | Name | Type | Default | Description |
267
- | --- | --- | --- | --- |
268
- | placeholder | String | — | The input placeholder. |
269
- | value | String | — | The actual input value. |
270
- | previousValue | string | — | The previous or old value shown above the input value. This value changes when a new input value is accepted. |
271
- | isValid | string | — | Used to control the save button from the outside to disable it in case the entered value is not valid. |
272
- | errorMessage | string \| ReactNode | — | Uses the built-in error handling. This is the error message that is shown below the input. It will be shown when the "isValid" prop is set to false. |
273
- | hideErrorIcon | boolean | false | Defines wether the error icon is shown or not. If enabled, it will be shown when the "isValid" prop is set to false. |
274
- | fixedPreviousValue | string | — | The previous or old value shown above the input value. This value will not be changed for new input values. |
275
- | buttonStyle | string | primary | Defines the button style: default or primary. |
276
- | inputProps | Attributes | — | Additional HTML attributes to be set on the input element. |
277
- | icon | string | — | Icon class name that shall be used. If defined, the input element is wrapped in an input-group and the icon will be set in an input-addon. Example: `rioglyph-search`. |
278
- | unit | String \| ReactNode | — | Adds a given unit to the input. |
279
- | disabled | boolean | false | Disables the component so the user cannot enter the edit mode. |
280
- | onValueChanged | (value: string, previousValue: string) | — | Callback function triggered when the value changes. |
281
- | onInputChange | (keyValue: string, inputValue: string) => void | — | Callback function that gets triggered on every input change. Use this to control the component or when implementing key validation. |
282
- | onEsc | VoidFunction | — | Callback function that gets triggered when the user aborts the edit mode. Use this to control the component and handle the resetting of previous value on the outside. |
283
- | onEnterEdit | VoidFunction | — | Callback function that gets triggered when the input is in edit mode. Use this to control the component dna to handle the previous value on the outside. |
284
- | inputClassName | String | — | Additional classes to be set on the input itself. |
285
- | className | String | — | Additional classes to be set on the wrapper element. |
286
-
287
264
  ### Example: Example 2
288
265
 
289
266
  With error feedback and disabled save button
@@ -311,7 +288,7 @@ export default () => {
311
288
  };
312
289
 
313
290
  // Used to do some custom validation here...
314
- const handleInputChange = (keyValue: string, inputValue: string) => {
291
+ const handleInputChange = (_keyValue: string, inputValue: string) => {
315
292
  setValue(inputValue);
316
293
  };
317
294
 
@@ -378,29 +355,6 @@ export default () => {
378
355
  </div>
379
356
  ```
380
357
 
381
- #### Props
382
-
383
- | Name | Type | Default | Description |
384
- | --- | --- | --- | --- |
385
- | placeholder | String | — | The input placeholder. |
386
- | value | String | — | The actual input value. |
387
- | previousValue | string | — | The previous or old value shown above the input value. This value changes when a new input value is accepted. |
388
- | isValid | string | — | Used to control the save button from the outside to disable it in case the entered value is not valid. |
389
- | errorMessage | string \| ReactNode | — | Uses the built-in error handling. This is the error message that is shown below the input. It will be shown when the "isValid" prop is set to false. |
390
- | hideErrorIcon | boolean | false | Defines wether the error icon is shown or not. If enabled, it will be shown when the "isValid" prop is set to false. |
391
- | fixedPreviousValue | string | — | The previous or old value shown above the input value. This value will not be changed for new input values. |
392
- | buttonStyle | string | primary | Defines the button style: default or primary. |
393
- | inputProps | Attributes | — | Additional HTML attributes to be set on the input element. |
394
- | icon | string | — | Icon class name that shall be used. If defined, the input element is wrapped in an input-group and the icon will be set in an input-addon. Example: `rioglyph-search`. |
395
- | unit | String \| ReactNode | — | Adds a given unit to the input. |
396
- | disabled | boolean | false | Disables the component so the user cannot enter the edit mode. |
397
- | onValueChanged | (value: string, previousValue: string) | — | Callback function triggered when the value changes. |
398
- | onInputChange | (keyValue: string, inputValue: string) => void | — | Callback function that gets triggered on every input change. Use this to control the component or when implementing key validation. |
399
- | onEsc | VoidFunction | — | Callback function that gets triggered when the user aborts the edit mode. Use this to control the component and handle the resetting of previous value on the outside. |
400
- | onEnterEdit | VoidFunction | — | Callback function that gets triggered when the input is in edit mode. Use this to control the component dna to handle the previous value on the outside. |
401
- | inputClassName | String | — | Additional classes to be set on the input itself. |
402
- | className | String | — | Additional classes to be set on the wrapper element. |
403
-
404
358
  ### Example: Controlled SaveableInput
405
359
 
406
360
  Controlled SaveableInput
@@ -519,29 +473,6 @@ export default () => {
519
473
  </div>
520
474
  ```
521
475
 
522
- #### Props
523
-
524
- | Name | Type | Default | Description |
525
- | --- | --- | --- | --- |
526
- | placeholder | String | — | The input placeholder. |
527
- | value | String | — | The actual input value. |
528
- | previousValue | string | — | The previous or old value shown above the input value. This value changes when a new input value is accepted. |
529
- | isValid | string | — | Used to control the save button from the outside to disable it in case the entered value is not valid. |
530
- | errorMessage | string \| ReactNode | — | Uses the built-in error handling. This is the error message that is shown below the input. It will be shown when the "isValid" prop is set to false. |
531
- | hideErrorIcon | boolean | false | Defines wether the error icon is shown or not. If enabled, it will be shown when the "isValid" prop is set to false. |
532
- | fixedPreviousValue | string | — | The previous or old value shown above the input value. This value will not be changed for new input values. |
533
- | buttonStyle | string | primary | Defines the button style: default or primary. |
534
- | inputProps | Attributes | — | Additional HTML attributes to be set on the input element. |
535
- | icon | string | — | Icon class name that shall be used. If defined, the input element is wrapped in an input-group and the icon will be set in an input-addon. Example: `rioglyph-search`. |
536
- | unit | String \| ReactNode | — | Adds a given unit to the input. |
537
- | disabled | boolean | false | Disables the component so the user cannot enter the edit mode. |
538
- | onValueChanged | (value: string, previousValue: string) | — | Callback function triggered when the value changes. |
539
- | onInputChange | (keyValue: string, inputValue: string) => void | — | Callback function that gets triggered on every input change. Use this to control the component or when implementing key validation. |
540
- | onEsc | VoidFunction | — | Callback function that gets triggered when the user aborts the edit mode. Use this to control the component and handle the resetting of previous value on the outside. |
541
- | onEnterEdit | VoidFunction | — | Callback function that gets triggered when the input is in edit mode. Use this to control the component dna to handle the previous value on the outside. |
542
- | inputClassName | String | — | Additional classes to be set on the input itself. |
543
- | className | String | — | Additional classes to be set on the wrapper element. |
544
-
545
476
  ### Example: Controlled SaveableInput with key validation
546
477
 
547
478
  Controlled SaveableInput with key validation
@@ -666,72 +597,49 @@ export default () => {
666
597
  </div>
667
598
  ```
668
599
 
669
- #### Props
670
-
671
- | Name | Type | Default | Description |
672
- | --- | --- | --- | --- |
673
- | placeholder | String | — | The input placeholder. |
674
- | value | String | — | The actual input value. |
675
- | previousValue | string | — | The previous or old value shown above the input value. This value changes when a new input value is accepted. |
676
- | isValid | string | — | Used to control the save button from the outside to disable it in case the entered value is not valid. |
677
- | errorMessage | string \| ReactNode | — | Uses the built-in error handling. This is the error message that is shown below the input. It will be shown when the "isValid" prop is set to false. |
678
- | hideErrorIcon | boolean | false | Defines wether the error icon is shown or not. If enabled, it will be shown when the "isValid" prop is set to false. |
679
- | fixedPreviousValue | string | — | The previous or old value shown above the input value. This value will not be changed for new input values. |
680
- | buttonStyle | string | primary | Defines the button style: default or primary. |
681
- | inputProps | Attributes | — | Additional HTML attributes to be set on the input element. |
682
- | icon | string | — | Icon class name that shall be used. If defined, the input element is wrapped in an input-group and the icon will be set in an input-addon. Example: `rioglyph-search`. |
683
- | unit | String \| ReactNode | — | Adds a given unit to the input. |
684
- | disabled | boolean | false | Disables the component so the user cannot enter the edit mode. |
685
- | onValueChanged | (value: string, previousValue: string) | — | Callback function triggered when the value changes. |
686
- | onInputChange | (keyValue: string, inputValue: string) => void | — | Callback function that gets triggered on every input change. Use this to control the component or when implementing key validation. |
687
- | onEsc | VoidFunction | — | Callback function that gets triggered when the user aborts the edit mode. Use this to control the component and handle the resetting of previous value on the outside. |
688
- | onEnterEdit | VoidFunction | — | Callback function that gets triggered when the input is in edit mode. Use this to control the component dna to handle the previous value on the outside. |
689
- | inputClassName | String | — | Additional classes to be set on the input itself. |
690
- | className | String | — | Additional classes to be set on the wrapper element. |
691
-
692
600
  ## SaveableDateInput
693
601
 
694
602
  ### Example: SaveableDateInput (uncontrolled)
695
603
 
696
604
  SaveableDateInput (uncontrolled)
697
605
 
698
- ‹December 2025›
606
+ ‹January 2026›
699
607
  SuMoTuWeThFrSa
700
608
 
701
- 30123456
702
- 78910111213
703
- 14151617181920
704
- 21222324252627
705
609
  28293031123
706
610
  45678910
611
+ 11121314151617
612
+ 18192021222324
613
+ 25262728293031
614
+ 1234567
707
615
 
708
616
  Controlled - Stay open on invalid (default)
709
617
 
710
- ‹December 2025›
618
+ ‹January 2026›
711
619
  SuMoTuWeThFrSa
712
620
 
713
- 30123456
714
- 78910111213
715
- 14151617181920
716
- 21222324252627
717
621
  28293031123
718
622
  45678910
623
+ 11121314151617
624
+ 18192021222324
625
+ 25262728293031
626
+ 1234567
719
627
 
720
- 04:02
628
+ 10:07
721
629
 
722
630
  Saved value:
723
631
 
724
632
  Controlled - With error
725
633
 
726
- ‹December 2025›
634
+ ‹January 2026›
727
635
  SuMoTuWeThFrSa
728
636
 
729
- 30123456
730
- 78910111213
731
- 14151617181920
732
- 21222324252627
733
637
  28293031123
734
638
  45678910
639
+ 11121314151617
640
+ 18192021222324
641
+ 25262728293031
642
+ 1234567
735
643
 
736
644
  12:00
737
645
 
@@ -741,21 +649,21 @@ Saved value:
741
649
 
742
650
  Controlled - Reset and close on invalid
743
651
 
744
- ‹December 2025›
652
+ ‹January 2026›
745
653
  SuMoTuWeThFrSa
746
654
 
747
- 30123456
748
- 78910111213
749
- 14151617181920
750
- 21222324252627
751
655
  28293031123
752
656
  45678910
657
+ 11121314151617
658
+ 18192021222324
659
+ 25262728293031
660
+ 1234567
753
661
 
754
662
  Saved value:
755
663
 
756
664
  SaveableDateInput (only month)
757
665
 
758
- ‹2025›
666
+ ‹2026›
759
667
 
760
668
  JanFebMarApr
761
669
  MayJunJulAug
@@ -763,59 +671,59 @@ SepOctNovDec
763
671
 
764
672
  SaveableDateInput (disabled)
765
673
 
766
- ‹December 2025›
674
+ ‹January 2026›
767
675
  SuMoTuWeThFrSa
768
676
 
769
- 30123456
770
- 78910111213
771
- 14151617181920
772
- 21222324252627
773
677
  28293031123
774
678
  45678910
679
+ 11121314151617
680
+ 18192021222324
681
+ 25262728293031
682
+ 1234567
775
683
 
776
- 4:02 PM
684
+ 10:07 AM
777
685
 
778
686
  #### Summary
779
687
 
780
688
  SaveableDateInput (uncontrolled)
781
689
 
782
- ‹December 2025›
690
+ ‹January 2026›
783
691
  SuMoTuWeThFrSa
784
692
 
785
- 30123456
786
- 78910111213
787
- 14151617181920
788
- 21222324252627
789
693
  28293031123
790
694
  45678910
695
+ 11121314151617
696
+ 18192021222324
697
+ 25262728293031
698
+ 1234567
791
699
 
792
700
  Controlled - Stay open on invalid (default)
793
701
 
794
- ‹December 2025›
702
+ ‹January 2026›
795
703
  SuMoTuWeThFrSa
796
704
 
797
- 30123456
798
- 78910111213
799
- 14151617181920
800
- 21222324252627
801
705
  28293031123
802
706
  45678910
707
+ 11121314151617
708
+ 18192021222324
709
+ 25262728293031
710
+ 1234567
803
711
 
804
- 04:02
712
+ 10:07
805
713
 
806
714
  Saved value:
807
715
 
808
716
  Controlled - With error
809
717
 
810
- ‹December 2025›
718
+ ‹January 2026›
811
719
  SuMoTuWeThFrSa
812
720
 
813
- 30123456
814
- 78910111213
815
- 14151617181920
816
- 21222324252627
817
721
  28293031123
818
722
  45678910
723
+ 11121314151617
724
+ 18192021222324
725
+ 25262728293031
726
+ 1234567
819
727
 
820
728
  12:00
821
729
 
@@ -825,21 +733,21 @@ Saved value:
825
733
 
826
734
  Controlled - Reset and close on invalid
827
735
 
828
- ‹December 2025›
736
+ ‹January 2026›
829
737
  SuMoTuWeThFrSa
830
738
 
831
- 30123456
832
- 78910111213
833
- 14151617181920
834
- 21222324252627
835
739
  28293031123
836
740
  45678910
741
+ 11121314151617
742
+ 18192021222324
743
+ 25262728293031
744
+ 1234567
837
745
 
838
746
  Saved value:
839
747
 
840
748
  SaveableDateInput (only month)
841
749
 
842
- ‹2025›
750
+ ‹2026›
843
751
 
844
752
  JanFebMarApr
845
753
  MayJunJulAug
@@ -847,17 +755,17 @@ SepOctNovDec
847
755
 
848
756
  SaveableDateInput (disabled)
849
757
 
850
- ‹December 2025›
758
+ ‹January 2026›
851
759
  SuMoTuWeThFrSa
852
760
 
853
- 30123456
854
- 78910111213
855
- 14151617181920
856
- 21222324252627
857
761
  28293031123
858
762
  45678910
763
+ 11121314151617
764
+ 18192021222324
765
+ 25262728293031
766
+ 1234567
859
767
 
860
- 4:02 PM
768
+ 10:07 AM
861
769
 
862
770
  #### React (tsx)
863
771
 
@@ -1091,7 +999,7 @@ export default () => {
1091
999
  <th class="rdtPrev">
1092
1000
  <span>‹</span>
1093
1001
  </th>
1094
- <th class="rdtSwitch" colspan="5" data-value="11">December 2025</th>
1002
+ <th class="rdtSwitch" colspan="5" data-value="0">January 2026</th>
1095
1003
  <th class="rdtNext">
1096
1004
  <span>›</span>
1097
1005
  </th>
@@ -1108,58 +1016,58 @@ export default () => {
1108
1016
  </thead>
1109
1017
  <tbody>
1110
1018
  <tr>
1111
- <td data-value="30" data-month="10" data-year="2025" class="rdtDay rdtOld">30</td>
1112
- <td data-value="1" data-month="11" data-year="2025" class="rdtDay">1</td>
1113
- <td data-value="2" data-month="11" data-year="2025" class="rdtDay">2</td>
1114
- <td data-value="3" data-month="11" data-year="2025" class="rdtDay">3</td>
1115
- <td data-value="4" data-month="11" data-year="2025" class="rdtDay">4</td>
1116
- <td data-value="5" data-month="11" data-year="2025" class="rdtDay">5</td>
1117
- <td data-value="6" data-month="11" data-year="2025" class="rdtDay">6</td>
1019
+ <td data-value="28" data-month="11" data-year="2025" class="rdtDay rdtOld">28</td>
1020
+ <td data-value="29" data-month="11" data-year="2025" class="rdtDay rdtOld">29</td>
1021
+ <td data-value="30" data-month="11" data-year="2025" class="rdtDay rdtOld">30</td>
1022
+ <td data-value="31" data-month="11" data-year="2025" class="rdtDay rdtOld">31</td>
1023
+ <td data-value="1" data-month="0" data-year="2026" class="rdtDay">1</td>
1024
+ <td data-value="2" data-month="0" data-year="2026" class="rdtDay">2</td>
1025
+ <td data-value="3" data-month="0" data-year="2026" class="rdtDay">3</td>
1118
1026
  </tr>
1119
1027
  <tr>
1120
- <td data-value="7" data-month="11" data-year="2025" class="rdtDay">7</td>
1121
- <td data-value="8" data-month="11" data-year="2025" class="rdtDay">8</td>
1122
- <td data-value="9" data-month="11" data-year="2025" class="rdtDay">9</td>
1123
- <td data-value="10" data-month="11" data-year="2025" class="rdtDay">10</td>
1124
- <td data-value="11" data-month="11" data-year="2025" class="rdtDay">11</td>
1125
- <td data-value="12" data-month="11" data-year="2025" class="rdtDay">12</td>
1126
- <td data-value="13" data-month="11" data-year="2025" class="rdtDay">13</td>
1028
+ <td data-value="4" data-month="0" data-year="2026" class="rdtDay">4</td>
1029
+ <td data-value="5" data-month="0" data-year="2026" class="rdtDay">5</td>
1030
+ <td data-value="6" data-month="0" data-year="2026" class="rdtDay">6</td>
1031
+ <td data-value="7" data-month="0" data-year="2026" class="rdtDay">7</td>
1032
+ <td data-value="8" data-month="0" data-year="2026" class="rdtDay">8</td>
1033
+ <td data-value="9" data-month="0" data-year="2026" class="rdtDay">9</td>
1034
+ <td data-value="10" data-month="0" data-year="2026" class="rdtDay">10</td>
1127
1035
  </tr>
1128
1036
  <tr>
1129
- <td data-value="14" data-month="11" data-year="2025" class="rdtDay">14</td>
1130
- <td data-value="15" data-month="11" data-year="2025" class="rdtDay rdtToday">15</td>
1131
- <td data-value="16" data-month="11" data-year="2025" class="rdtDay">16</td>
1132
- <td data-value="17" data-month="11" data-year="2025" class="rdtDay">17</td>
1133
- <td data-value="18" data-month="11" data-year="2025" class="rdtDay">18</td>
1134
- <td data-value="19" data-month="11" data-year="2025" class="rdtDay">19</td>
1135
- <td data-value="20" data-month="11" data-year="2025" class="rdtDay">20</td>
1037
+ <td data-value="11" data-month="0" data-year="2026" class="rdtDay">11</td>
1038
+ <td data-value="12" data-month="0" data-year="2026" class="rdtDay">12</td>
1039
+ <td data-value="13" data-month="0" data-year="2026" class="rdtDay">13</td>
1040
+ <td data-value="14" data-month="0" data-year="2026" class="rdtDay rdtToday">14</td>
1041
+ <td data-value="15" data-month="0" data-year="2026" class="rdtDay">15</td>
1042
+ <td data-value="16" data-month="0" data-year="2026" class="rdtDay">16</td>
1043
+ <td data-value="17" data-month="0" data-year="2026" class="rdtDay">17</td>
1136
1044
  </tr>
1137
1045
  <tr>
1138
- <td data-value="21" data-month="11" data-year="2025" class="rdtDay">21</td>
1139
- <td data-value="22" data-month="11" data-year="2025" class="rdtDay">22</td>
1140
- <td data-value="23" data-month="11" data-year="2025" class="rdtDay">23</td>
1141
- <td data-value="24" data-month="11" data-year="2025" class="rdtDay">24</td>
1142
- <td data-value="25" data-month="11" data-year="2025" class="rdtDay">25</td>
1143
- <td data-value="26" data-month="11" data-year="2025" class="rdtDay">26</td>
1144
- <td data-value="27" data-month="11" data-year="2025" class="rdtDay">27</td>
1046
+ <td data-value="18" data-month="0" data-year="2026" class="rdtDay">18</td>
1047
+ <td data-value="19" data-month="0" data-year="2026" class="rdtDay">19</td>
1048
+ <td data-value="20" data-month="0" data-year="2026" class="rdtDay">20</td>
1049
+ <td data-value="21" data-month="0" data-year="2026" class="rdtDay">21</td>
1050
+ <td data-value="22" data-month="0" data-year="2026" class="rdtDay">22</td>
1051
+ <td data-value="23" data-month="0" data-year="2026" class="rdtDay">23</td>
1052
+ <td data-value="24" data-month="0" data-year="2026" class="rdtDay">24</td>
1145
1053
  </tr>
1146
1054
  <tr>
1147
- <td data-value="28" data-month="11" data-year="2025" class="rdtDay">28</td>
1148
- <td data-value="29" data-month="11" data-year="2025" class="rdtDay">29</td>
1149
- <td data-value="30" data-month="11" data-year="2025" class="rdtDay">30</td>
1150
- <td data-value="31" data-month="11" data-year="2025" class="rdtDay">31</td>
1151
- <td data-value="1" data-month="0" data-year="2026" class="rdtDay rdtNew">1</td>
1152
- <td data-value="2" data-month="0" data-year="2026" class="rdtDay rdtNew">2</td>
1153
- <td data-value="3" data-month="0" data-year="2026" class="rdtDay rdtNew">3</td>
1055
+ <td data-value="25" data-month="0" data-year="2026" class="rdtDay">25</td>
1056
+ <td data-value="26" data-month="0" data-year="2026" class="rdtDay">26</td>
1057
+ <td data-value="27" data-month="0" data-year="2026" class="rdtDay">27</td>
1058
+ <td data-value="28" data-month="0" data-year="2026" class="rdtDay">28</td>
1059
+ <td data-value="29" data-month="0" data-year="2026" class="rdtDay">29</td>
1060
+ <td data-value="30" data-month="0" data-year="2026" class="rdtDay">30</td>
1061
+ <td data-value="31" data-month="0" data-year="2026" class="rdtDay">31</td>
1154
1062
  </tr>
1155
1063
  <tr>
1156
- <td data-value="4" data-month="0" data-year="2026" class="rdtDay rdtNew">4</td>
1157
- <td data-value="5" data-month="0" data-year="2026" class="rdtDay rdtNew">5</td>
1158
- <td data-value="6" data-month="0" data-year="2026" class="rdtDay rdtNew">6</td>
1159
- <td data-value="7" data-month="0" data-year="2026" class="rdtDay rdtNew">7</td>
1160
- <td data-value="8" data-month="0" data-year="2026" class="rdtDay rdtNew">8</td>
1161
- <td data-value="9" data-month="0" data-year="2026" class="rdtDay rdtNew">9</td>
1162
- <td data-value="10" data-month="0" data-year="2026" class="rdtDay rdtNew">10</td>
1064
+ <td data-value="1" data-month="1" data-year="2026" class="rdtDay rdtNew">1</td>
1065
+ <td data-value="2" data-month="1" data-year="2026" class="rdtDay rdtNew">2</td>
1066
+ <td data-value="3" data-month="1" data-year="2026" class="rdtDay rdtNew">3</td>
1067
+ <td data-value="4" data-month="1" data-year="2026" class="rdtDay rdtNew">4</td>
1068
+ <td data-value="5" data-month="1" data-year="2026" class="rdtDay rdtNew">5</td>
1069
+ <td data-value="6" data-month="1" data-year="2026" class="rdtDay rdtNew">6</td>
1070
+ <td data-value="7" data-month="1" data-year="2026" class="rdtDay rdtNew">7</td>
1163
1071
  </tr>
1164
1072
  </tbody>
1165
1073
  </table>
@@ -1187,7 +1095,7 @@ export default () => {
1187
1095
  </span>
1188
1096
  </span>
1189
1097
  <div class="ClearableInput input-group">
1190
- <input type="text" class="form-control" placeholder="Enter valid date" disabled="" value="2025-12-15 04:02" style="border-top-right-radius: 0px; border-bottom-right-radius: 0px;">
1098
+ <input type="text" class="form-control" placeholder="Enter valid date" disabled="" value="2026-01-14 10:07" style="border-top-right-radius: 0px; border-bottom-right-radius: 0px;">
1191
1099
  </div>
1192
1100
  </div>
1193
1101
  <div class="rdtPicker">
@@ -1198,7 +1106,7 @@ export default () => {
1198
1106
  <th class="rdtPrev">
1199
1107
  <span>‹</span>
1200
1108
  </th>
1201
- <th class="rdtSwitch" colspan="5" data-value="11">December 2025</th>
1109
+ <th class="rdtSwitch" colspan="5" data-value="0">January 2026</th>
1202
1110
  <th class="rdtNext">
1203
1111
  <span>›</span>
1204
1112
  </th>
@@ -1215,63 +1123,63 @@ export default () => {
1215
1123
  </thead>
1216
1124
  <tbody>
1217
1125
  <tr>
1218
- <td data-value="30" data-month="10" data-year="2025" class="rdtDay rdtOld">30</td>
1219
- <td data-value="1" data-month="11" data-year="2025" class="rdtDay">1</td>
1220
- <td data-value="2" data-month="11" data-year="2025" class="rdtDay">2</td>
1221
- <td data-value="3" data-month="11" data-year="2025" class="rdtDay">3</td>
1222
- <td data-value="4" data-month="11" data-year="2025" class="rdtDay">4</td>
1223
- <td data-value="5" data-month="11" data-year="2025" class="rdtDay">5</td>
1224
- <td data-value="6" data-month="11" data-year="2025" class="rdtDay">6</td>
1126
+ <td data-value="28" data-month="11" data-year="2025" class="rdtDay rdtOld">28</td>
1127
+ <td data-value="29" data-month="11" data-year="2025" class="rdtDay rdtOld">29</td>
1128
+ <td data-value="30" data-month="11" data-year="2025" class="rdtDay rdtOld">30</td>
1129
+ <td data-value="31" data-month="11" data-year="2025" class="rdtDay rdtOld">31</td>
1130
+ <td data-value="1" data-month="0" data-year="2026" class="rdtDay">1</td>
1131
+ <td data-value="2" data-month="0" data-year="2026" class="rdtDay">2</td>
1132
+ <td data-value="3" data-month="0" data-year="2026" class="rdtDay">3</td>
1225
1133
  </tr>
1226
1134
  <tr>
1227
- <td data-value="7" data-month="11" data-year="2025" class="rdtDay">7</td>
1228
- <td data-value="8" data-month="11" data-year="2025" class="rdtDay">8</td>
1229
- <td data-value="9" data-month="11" data-year="2025" class="rdtDay">9</td>
1230
- <td data-value="10" data-month="11" data-year="2025" class="rdtDay">10</td>
1231
- <td data-value="11" data-month="11" data-year="2025" class="rdtDay">11</td>
1232
- <td data-value="12" data-month="11" data-year="2025" class="rdtDay">12</td>
1233
- <td data-value="13" data-month="11" data-year="2025" class="rdtDay">13</td>
1135
+ <td data-value="4" data-month="0" data-year="2026" class="rdtDay">4</td>
1136
+ <td data-value="5" data-month="0" data-year="2026" class="rdtDay">5</td>
1137
+ <td data-value="6" data-month="0" data-year="2026" class="rdtDay">6</td>
1138
+ <td data-value="7" data-month="0" data-year="2026" class="rdtDay">7</td>
1139
+ <td data-value="8" data-month="0" data-year="2026" class="rdtDay">8</td>
1140
+ <td data-value="9" data-month="0" data-year="2026" class="rdtDay">9</td>
1141
+ <td data-value="10" data-month="0" data-year="2026" class="rdtDay">10</td>
1234
1142
  </tr>
1235
1143
  <tr>
1236
- <td data-value="14" data-month="11" data-year="2025" class="rdtDay">14</td>
1237
- <td data-value="15" data-month="11" data-year="2025" class="rdtDay rdtActive rdtToday">15</td>
1238
- <td data-value="16" data-month="11" data-year="2025" class="rdtDay">16</td>
1239
- <td data-value="17" data-month="11" data-year="2025" class="rdtDay">17</td>
1240
- <td data-value="18" data-month="11" data-year="2025" class="rdtDay">18</td>
1241
- <td data-value="19" data-month="11" data-year="2025" class="rdtDay">19</td>
1242
- <td data-value="20" data-month="11" data-year="2025" class="rdtDay">20</td>
1144
+ <td data-value="11" data-month="0" data-year="2026" class="rdtDay">11</td>
1145
+ <td data-value="12" data-month="0" data-year="2026" class="rdtDay">12</td>
1146
+ <td data-value="13" data-month="0" data-year="2026" class="rdtDay">13</td>
1147
+ <td data-value="14" data-month="0" data-year="2026" class="rdtDay rdtActive rdtToday">14</td>
1148
+ <td data-value="15" data-month="0" data-year="2026" class="rdtDay">15</td>
1149
+ <td data-value="16" data-month="0" data-year="2026" class="rdtDay">16</td>
1150
+ <td data-value="17" data-month="0" data-year="2026" class="rdtDay">17</td>
1243
1151
  </tr>
1244
1152
  <tr>
1245
- <td data-value="21" data-month="11" data-year="2025" class="rdtDay">21</td>
1246
- <td data-value="22" data-month="11" data-year="2025" class="rdtDay">22</td>
1247
- <td data-value="23" data-month="11" data-year="2025" class="rdtDay">23</td>
1248
- <td data-value="24" data-month="11" data-year="2025" class="rdtDay">24</td>
1249
- <td data-value="25" data-month="11" data-year="2025" class="rdtDay">25</td>
1250
- <td data-value="26" data-month="11" data-year="2025" class="rdtDay">26</td>
1251
- <td data-value="27" data-month="11" data-year="2025" class="rdtDay">27</td>
1153
+ <td data-value="18" data-month="0" data-year="2026" class="rdtDay">18</td>
1154
+ <td data-value="19" data-month="0" data-year="2026" class="rdtDay">19</td>
1155
+ <td data-value="20" data-month="0" data-year="2026" class="rdtDay">20</td>
1156
+ <td data-value="21" data-month="0" data-year="2026" class="rdtDay">21</td>
1157
+ <td data-value="22" data-month="0" data-year="2026" class="rdtDay">22</td>
1158
+ <td data-value="23" data-month="0" data-year="2026" class="rdtDay">23</td>
1159
+ <td data-value="24" data-month="0" data-year="2026" class="rdtDay">24</td>
1252
1160
  </tr>
1253
1161
  <tr>
1254
- <td data-value="28" data-month="11" data-year="2025" class="rdtDay">28</td>
1255
- <td data-value="29" data-month="11" data-year="2025" class="rdtDay">29</td>
1256
- <td data-value="30" data-month="11" data-year="2025" class="rdtDay">30</td>
1257
- <td data-value="31" data-month="11" data-year="2025" class="rdtDay">31</td>
1258
- <td data-value="1" data-month="0" data-year="2026" class="rdtDay rdtNew">1</td>
1259
- <td data-value="2" data-month="0" data-year="2026" class="rdtDay rdtNew">2</td>
1260
- <td data-value="3" data-month="0" data-year="2026" class="rdtDay rdtNew">3</td>
1162
+ <td data-value="25" data-month="0" data-year="2026" class="rdtDay">25</td>
1163
+ <td data-value="26" data-month="0" data-year="2026" class="rdtDay">26</td>
1164
+ <td data-value="27" data-month="0" data-year="2026" class="rdtDay">27</td>
1165
+ <td data-value="28" data-month="0" data-year="2026" class="rdtDay">28</td>
1166
+ <td data-value="29" data-month="0" data-year="2026" class="rdtDay">29</td>
1167
+ <td data-value="30" data-month="0" data-year="2026" class="rdtDay">30</td>
1168
+ <td data-value="31" data-month="0" data-year="2026" class="rdtDay">31</td>
1261
1169
  </tr>
1262
1170
  <tr>
1263
- <td data-value="4" data-month="0" data-year="2026" class="rdtDay rdtNew">4</td>
1264
- <td data-value="5" data-month="0" data-year="2026" class="rdtDay rdtNew">5</td>
1265
- <td data-value="6" data-month="0" data-year="2026" class="rdtDay rdtNew">6</td>
1266
- <td data-value="7" data-month="0" data-year="2026" class="rdtDay rdtNew">7</td>
1267
- <td data-value="8" data-month="0" data-year="2026" class="rdtDay rdtNew">8</td>
1268
- <td data-value="9" data-month="0" data-year="2026" class="rdtDay rdtNew">9</td>
1269
- <td data-value="10" data-month="0" data-year="2026" class="rdtDay rdtNew">10</td>
1171
+ <td data-value="1" data-month="1" data-year="2026" class="rdtDay rdtNew">1</td>
1172
+ <td data-value="2" data-month="1" data-year="2026" class="rdtDay rdtNew">2</td>
1173
+ <td data-value="3" data-month="1" data-year="2026" class="rdtDay rdtNew">3</td>
1174
+ <td data-value="4" data-month="1" data-year="2026" class="rdtDay rdtNew">4</td>
1175
+ <td data-value="5" data-month="1" data-year="2026" class="rdtDay rdtNew">5</td>
1176
+ <td data-value="6" data-month="1" data-year="2026" class="rdtDay rdtNew">6</td>
1177
+ <td data-value="7" data-month="1" data-year="2026" class="rdtDay rdtNew">7</td>
1270
1178
  </tr>
1271
1179
  </tbody>
1272
1180
  <tfoot>
1273
1181
  <tr>
1274
- <td colspan="7" class="rdtTimeToggle">04:02</td>
1182
+ <td colspan="7" class="rdtTimeToggle">10:07</td>
1275
1183
  </tr>
1276
1184
  </tfoot>
1277
1185
  </table>
@@ -1314,7 +1222,7 @@ export default () => {
1314
1222
  <th class="rdtPrev">
1315
1223
  <span>‹</span>
1316
1224
  </th>
1317
- <th class="rdtSwitch" colspan="5" data-value="11">December 2025</th>
1225
+ <th class="rdtSwitch" colspan="5" data-value="0">January 2026</th>
1318
1226
  <th class="rdtNext">
1319
1227
  <span>›</span>
1320
1228
  </th>
@@ -1331,58 +1239,58 @@ export default () => {
1331
1239
  </thead>
1332
1240
  <tbody>
1333
1241
  <tr>
1334
- <td data-value="30" data-month="10" data-year="2025" class="rdtDay rdtOld">30</td>
1335
- <td data-value="1" data-month="11" data-year="2025" class="rdtDay">1</td>
1336
- <td data-value="2" data-month="11" data-year="2025" class="rdtDay">2</td>
1337
- <td data-value="3" data-month="11" data-year="2025" class="rdtDay">3</td>
1338
- <td data-value="4" data-month="11" data-year="2025" class="rdtDay">4</td>
1339
- <td data-value="5" data-month="11" data-year="2025" class="rdtDay">5</td>
1340
- <td data-value="6" data-month="11" data-year="2025" class="rdtDay">6</td>
1242
+ <td data-value="28" data-month="11" data-year="2025" class="rdtDay rdtOld">28</td>
1243
+ <td data-value="29" data-month="11" data-year="2025" class="rdtDay rdtOld">29</td>
1244
+ <td data-value="30" data-month="11" data-year="2025" class="rdtDay rdtOld">30</td>
1245
+ <td data-value="31" data-month="11" data-year="2025" class="rdtDay rdtOld">31</td>
1246
+ <td data-value="1" data-month="0" data-year="2026" class="rdtDay">1</td>
1247
+ <td data-value="2" data-month="0" data-year="2026" class="rdtDay">2</td>
1248
+ <td data-value="3" data-month="0" data-year="2026" class="rdtDay">3</td>
1341
1249
  </tr>
1342
1250
  <tr>
1343
- <td data-value="7" data-month="11" data-year="2025" class="rdtDay">7</td>
1344
- <td data-value="8" data-month="11" data-year="2025" class="rdtDay">8</td>
1345
- <td data-value="9" data-month="11" data-year="2025" class="rdtDay">9</td>
1346
- <td data-value="10" data-month="11" data-year="2025" class="rdtDay">10</td>
1347
- <td data-value="11" data-month="11" data-year="2025" class="rdtDay">11</td>
1348
- <td data-value="12" data-month="11" data-year="2025" class="rdtDay">12</td>
1349
- <td data-value="13" data-month="11" data-year="2025" class="rdtDay">13</td>
1251
+ <td data-value="4" data-month="0" data-year="2026" class="rdtDay">4</td>
1252
+ <td data-value="5" data-month="0" data-year="2026" class="rdtDay">5</td>
1253
+ <td data-value="6" data-month="0" data-year="2026" class="rdtDay">6</td>
1254
+ <td data-value="7" data-month="0" data-year="2026" class="rdtDay">7</td>
1255
+ <td data-value="8" data-month="0" data-year="2026" class="rdtDay">8</td>
1256
+ <td data-value="9" data-month="0" data-year="2026" class="rdtDay">9</td>
1257
+ <td data-value="10" data-month="0" data-year="2026" class="rdtDay">10</td>
1350
1258
  </tr>
1351
1259
  <tr>
1352
- <td data-value="14" data-month="11" data-year="2025" class="rdtDay">14</td>
1353
- <td data-value="15" data-month="11" data-year="2025" class="rdtDay rdtToday">15</td>
1354
- <td data-value="16" data-month="11" data-year="2025" class="rdtDay">16</td>
1355
- <td data-value="17" data-month="11" data-year="2025" class="rdtDay">17</td>
1356
- <td data-value="18" data-month="11" data-year="2025" class="rdtDay">18</td>
1357
- <td data-value="19" data-month="11" data-year="2025" class="rdtDay">19</td>
1358
- <td data-value="20" data-month="11" data-year="2025" class="rdtDay">20</td>
1260
+ <td data-value="11" data-month="0" data-year="2026" class="rdtDay">11</td>
1261
+ <td data-value="12" data-month="0" data-year="2026" class="rdtDay">12</td>
1262
+ <td data-value="13" data-month="0" data-year="2026" class="rdtDay">13</td>
1263
+ <td data-value="14" data-month="0" data-year="2026" class="rdtDay rdtToday">14</td>
1264
+ <td data-value="15" data-month="0" data-year="2026" class="rdtDay">15</td>
1265
+ <td data-value="16" data-month="0" data-year="2026" class="rdtDay">16</td>
1266
+ <td data-value="17" data-month="0" data-year="2026" class="rdtDay">17</td>
1359
1267
  </tr>
1360
1268
  <tr>
1361
- <td data-value="21" data-month="11" data-year="2025" class="rdtDay">21</td>
1362
- <td data-value="22" data-month="11" data-year="2025" class="rdtDay">22</td>
1363
- <td data-value="23" data-month="11" data-year="2025" class="rdtDay">23</td>
1364
- <td data-value="24" data-month="11" data-year="2025" class="rdtDay">24</td>
1365
- <td data-value="25" data-month="11" data-year="2025" class="rdtDay">25</td>
1366
- <td data-value="26" data-month="11" data-year="2025" class="rdtDay">26</td>
1367
- <td data-value="27" data-month="11" data-year="2025" class="rdtDay">27</td>
1269
+ <td data-value="18" data-month="0" data-year="2026" class="rdtDay">18</td>
1270
+ <td data-value="19" data-month="0" data-year="2026" class="rdtDay">19</td>
1271
+ <td data-value="20" data-month="0" data-year="2026" class="rdtDay">20</td>
1272
+ <td data-value="21" data-month="0" data-year="2026" class="rdtDay">21</td>
1273
+ <td data-value="22" data-month="0" data-year="2026" class="rdtDay">22</td>
1274
+ <td data-value="23" data-month="0" data-year="2026" class="rdtDay">23</td>
1275
+ <td data-value="24" data-month="0" data-year="2026" class="rdtDay">24</td>
1368
1276
  </tr>
1369
1277
  <tr>
1370
- <td data-value="28" data-month="11" data-year="2025" class="rdtDay">28</td>
1371
- <td data-value="29" data-month="11" data-year="2025" class="rdtDay">29</td>
1372
- <td data-value="30" data-month="11" data-year="2025" class="rdtDay">30</td>
1373
- <td data-value="31" data-month="11" data-year="2025" class="rdtDay">31</td>
1374
- <td data-value="1" data-month="0" data-year="2026" class="rdtDay rdtNew">1</td>
1375
- <td data-value="2" data-month="0" data-year="2026" class="rdtDay rdtNew">2</td>
1376
- <td data-value="3" data-month="0" data-year="2026" class="rdtDay rdtNew">3</td>
1278
+ <td data-value="25" data-month="0" data-year="2026" class="rdtDay">25</td>
1279
+ <td data-value="26" data-month="0" data-year="2026" class="rdtDay">26</td>
1280
+ <td data-value="27" data-month="0" data-year="2026" class="rdtDay">27</td>
1281
+ <td data-value="28" data-month="0" data-year="2026" class="rdtDay">28</td>
1282
+ <td data-value="29" data-month="0" data-year="2026" class="rdtDay">29</td>
1283
+ <td data-value="30" data-month="0" data-year="2026" class="rdtDay">30</td>
1284
+ <td data-value="31" data-month="0" data-year="2026" class="rdtDay">31</td>
1377
1285
  </tr>
1378
1286
  <tr>
1379
- <td data-value="4" data-month="0" data-year="2026" class="rdtDay rdtNew">4</td>
1380
- <td data-value="5" data-month="0" data-year="2026" class="rdtDay rdtNew">5</td>
1381
- <td data-value="6" data-month="0" data-year="2026" class="rdtDay rdtNew">6</td>
1382
- <td data-value="7" data-month="0" data-year="2026" class="rdtDay rdtNew">7</td>
1383
- <td data-value="8" data-month="0" data-year="2026" class="rdtDay rdtNew">8</td>
1384
- <td data-value="9" data-month="0" data-year="2026" class="rdtDay rdtNew">9</td>
1385
- <td data-value="10" data-month="0" data-year="2026" class="rdtDay rdtNew">10</td>
1287
+ <td data-value="1" data-month="1" data-year="2026" class="rdtDay rdtNew">1</td>
1288
+ <td data-value="2" data-month="1" data-year="2026" class="rdtDay rdtNew">2</td>
1289
+ <td data-value="3" data-month="1" data-year="2026" class="rdtDay rdtNew">3</td>
1290
+ <td data-value="4" data-month="1" data-year="2026" class="rdtDay rdtNew">4</td>
1291
+ <td data-value="5" data-month="1" data-year="2026" class="rdtDay rdtNew">5</td>
1292
+ <td data-value="6" data-month="1" data-year="2026" class="rdtDay rdtNew">6</td>
1293
+ <td data-value="7" data-month="1" data-year="2026" class="rdtDay rdtNew">7</td>
1386
1294
  </tr>
1387
1295
  </tbody>
1388
1296
  <tfoot>
@@ -1433,7 +1341,7 @@ export default () => {
1433
1341
  <th class="rdtPrev">
1434
1342
  <span>‹</span>
1435
1343
  </th>
1436
- <th class="rdtSwitch" colspan="5" data-value="11">December 2025</th>
1344
+ <th class="rdtSwitch" colspan="5" data-value="0">January 2026</th>
1437
1345
  <th class="rdtNext">
1438
1346
  <span>›</span>
1439
1347
  </th>
@@ -1450,58 +1358,58 @@ export default () => {
1450
1358
  </thead>
1451
1359
  <tbody>
1452
1360
  <tr>
1453
- <td data-value="30" data-month="10" data-year="2025" class="rdtDay rdtOld">30</td>
1454
- <td data-value="1" data-month="11" data-year="2025" class="rdtDay">1</td>
1455
- <td data-value="2" data-month="11" data-year="2025" class="rdtDay">2</td>
1456
- <td data-value="3" data-month="11" data-year="2025" class="rdtDay">3</td>
1457
- <td data-value="4" data-month="11" data-year="2025" class="rdtDay">4</td>
1458
- <td data-value="5" data-month="11" data-year="2025" class="rdtDay">5</td>
1459
- <td data-value="6" data-month="11" data-year="2025" class="rdtDay">6</td>
1361
+ <td data-value="28" data-month="11" data-year="2025" class="rdtDay rdtOld">28</td>
1362
+ <td data-value="29" data-month="11" data-year="2025" class="rdtDay rdtOld">29</td>
1363
+ <td data-value="30" data-month="11" data-year="2025" class="rdtDay rdtOld">30</td>
1364
+ <td data-value="31" data-month="11" data-year="2025" class="rdtDay rdtOld">31</td>
1365
+ <td data-value="1" data-month="0" data-year="2026" class="rdtDay">1</td>
1366
+ <td data-value="2" data-month="0" data-year="2026" class="rdtDay">2</td>
1367
+ <td data-value="3" data-month="0" data-year="2026" class="rdtDay">3</td>
1460
1368
  </tr>
1461
1369
  <tr>
1462
- <td data-value="7" data-month="11" data-year="2025" class="rdtDay">7</td>
1463
- <td data-value="8" data-month="11" data-year="2025" class="rdtDay">8</td>
1464
- <td data-value="9" data-month="11" data-year="2025" class="rdtDay">9</td>
1465
- <td data-value="10" data-month="11" data-year="2025" class="rdtDay">10</td>
1466
- <td data-value="11" data-month="11" data-year="2025" class="rdtDay">11</td>
1467
- <td data-value="12" data-month="11" data-year="2025" class="rdtDay">12</td>
1468
- <td data-value="13" data-month="11" data-year="2025" class="rdtDay">13</td>
1370
+ <td data-value="4" data-month="0" data-year="2026" class="rdtDay">4</td>
1371
+ <td data-value="5" data-month="0" data-year="2026" class="rdtDay">5</td>
1372
+ <td data-value="6" data-month="0" data-year="2026" class="rdtDay">6</td>
1373
+ <td data-value="7" data-month="0" data-year="2026" class="rdtDay">7</td>
1374
+ <td data-value="8" data-month="0" data-year="2026" class="rdtDay">8</td>
1375
+ <td data-value="9" data-month="0" data-year="2026" class="rdtDay">9</td>
1376
+ <td data-value="10" data-month="0" data-year="2026" class="rdtDay">10</td>
1469
1377
  </tr>
1470
1378
  <tr>
1471
- <td data-value="14" data-month="11" data-year="2025" class="rdtDay">14</td>
1472
- <td data-value="15" data-month="11" data-year="2025" class="rdtDay rdtToday">15</td>
1473
- <td data-value="16" data-month="11" data-year="2025" class="rdtDay">16</td>
1474
- <td data-value="17" data-month="11" data-year="2025" class="rdtDay">17</td>
1475
- <td data-value="18" data-month="11" data-year="2025" class="rdtDay">18</td>
1476
- <td data-value="19" data-month="11" data-year="2025" class="rdtDay">19</td>
1477
- <td data-value="20" data-month="11" data-year="2025" class="rdtDay">20</td>
1379
+ <td data-value="11" data-month="0" data-year="2026" class="rdtDay">11</td>
1380
+ <td data-value="12" data-month="0" data-year="2026" class="rdtDay">12</td>
1381
+ <td data-value="13" data-month="0" data-year="2026" class="rdtDay">13</td>
1382
+ <td data-value="14" data-month="0" data-year="2026" class="rdtDay rdtToday">14</td>
1383
+ <td data-value="15" data-month="0" data-year="2026" class="rdtDay">15</td>
1384
+ <td data-value="16" data-month="0" data-year="2026" class="rdtDay">16</td>
1385
+ <td data-value="17" data-month="0" data-year="2026" class="rdtDay">17</td>
1478
1386
  </tr>
1479
1387
  <tr>
1480
- <td data-value="21" data-month="11" data-year="2025" class="rdtDay">21</td>
1481
- <td data-value="22" data-month="11" data-year="2025" class="rdtDay">22</td>
1482
- <td data-value="23" data-month="11" data-year="2025" class="rdtDay">23</td>
1483
- <td data-value="24" data-month="11" data-year="2025" class="rdtDay">24</td>
1484
- <td data-value="25" data-month="11" data-year="2025" class="rdtDay">25</td>
1485
- <td data-value="26" data-month="11" data-year="2025" class="rdtDay">26</td>
1486
- <td data-value="27" data-month="11" data-year="2025" class="rdtDay">27</td>
1388
+ <td data-value="18" data-month="0" data-year="2026" class="rdtDay">18</td>
1389
+ <td data-value="19" data-month="0" data-year="2026" class="rdtDay">19</td>
1390
+ <td data-value="20" data-month="0" data-year="2026" class="rdtDay">20</td>
1391
+ <td data-value="21" data-month="0" data-year="2026" class="rdtDay">21</td>
1392
+ <td data-value="22" data-month="0" data-year="2026" class="rdtDay">22</td>
1393
+ <td data-value="23" data-month="0" data-year="2026" class="rdtDay">23</td>
1394
+ <td data-value="24" data-month="0" data-year="2026" class="rdtDay">24</td>
1487
1395
  </tr>
1488
1396
  <tr>
1489
- <td data-value="28" data-month="11" data-year="2025" class="rdtDay">28</td>
1490
- <td data-value="29" data-month="11" data-year="2025" class="rdtDay">29</td>
1491
- <td data-value="30" data-month="11" data-year="2025" class="rdtDay">30</td>
1492
- <td data-value="31" data-month="11" data-year="2025" class="rdtDay">31</td>
1493
- <td data-value="1" data-month="0" data-year="2026" class="rdtDay rdtNew">1</td>
1494
- <td data-value="2" data-month="0" data-year="2026" class="rdtDay rdtNew">2</td>
1495
- <td data-value="3" data-month="0" data-year="2026" class="rdtDay rdtNew">3</td>
1397
+ <td data-value="25" data-month="0" data-year="2026" class="rdtDay">25</td>
1398
+ <td data-value="26" data-month="0" data-year="2026" class="rdtDay">26</td>
1399
+ <td data-value="27" data-month="0" data-year="2026" class="rdtDay">27</td>
1400
+ <td data-value="28" data-month="0" data-year="2026" class="rdtDay">28</td>
1401
+ <td data-value="29" data-month="0" data-year="2026" class="rdtDay">29</td>
1402
+ <td data-value="30" data-month="0" data-year="2026" class="rdtDay">30</td>
1403
+ <td data-value="31" data-month="0" data-year="2026" class="rdtDay">31</td>
1496
1404
  </tr>
1497
1405
  <tr>
1498
- <td data-value="4" data-month="0" data-year="2026" class="rdtDay rdtNew">4</td>
1499
- <td data-value="5" data-month="0" data-year="2026" class="rdtDay rdtNew">5</td>
1500
- <td data-value="6" data-month="0" data-year="2026" class="rdtDay rdtNew">6</td>
1501
- <td data-value="7" data-month="0" data-year="2026" class="rdtDay rdtNew">7</td>
1502
- <td data-value="8" data-month="0" data-year="2026" class="rdtDay rdtNew">8</td>
1503
- <td data-value="9" data-month="0" data-year="2026" class="rdtDay rdtNew">9</td>
1504
- <td data-value="10" data-month="0" data-year="2026" class="rdtDay rdtNew">10</td>
1406
+ <td data-value="1" data-month="1" data-year="2026" class="rdtDay rdtNew">1</td>
1407
+ <td data-value="2" data-month="1" data-year="2026" class="rdtDay rdtNew">2</td>
1408
+ <td data-value="3" data-month="1" data-year="2026" class="rdtDay rdtNew">3</td>
1409
+ <td data-value="4" data-month="1" data-year="2026" class="rdtDay rdtNew">4</td>
1410
+ <td data-value="5" data-month="1" data-year="2026" class="rdtDay rdtNew">5</td>
1411
+ <td data-value="6" data-month="1" data-year="2026" class="rdtDay rdtNew">6</td>
1412
+ <td data-value="7" data-month="1" data-year="2026" class="rdtDay rdtNew">7</td>
1505
1413
  </tr>
1506
1414
  </tbody>
1507
1415
  </table>
@@ -1543,7 +1451,7 @@ export default () => {
1543
1451
  <th class="rdtPrev">
1544
1452
  <span>‹</span>
1545
1453
  </th>
1546
- <th class="rdtSwitch" colspan="2">2025</th>
1454
+ <th class="rdtSwitch" colspan="2">2026</th>
1547
1455
  <th class="rdtNext">
1548
1456
  <span>›</span>
1549
1457
  </th>
@@ -1595,7 +1503,7 @@ export default () => {
1595
1503
  </span>
1596
1504
  </span>
1597
1505
  <div class="ClearableInput input-group">
1598
- <input type="text" class="form-control" disabled="" value="12/15/2025 4:02 PM" style="border-top-right-radius: 0px; border-bottom-right-radius: 0px;">
1506
+ <input type="text" class="form-control" disabled="" value="01/14/2026 10:07 AM" style="border-top-right-radius: 0px; border-bottom-right-radius: 0px;">
1599
1507
  </div>
1600
1508
  </div>
1601
1509
  <div class="rdtPicker">
@@ -1606,7 +1514,7 @@ export default () => {
1606
1514
  <th class="rdtPrev">
1607
1515
  <span>‹</span>
1608
1516
  </th>
1609
- <th class="rdtSwitch" colspan="5" data-value="11">December 2025</th>
1517
+ <th class="rdtSwitch" colspan="5" data-value="0">January 2026</th>
1610
1518
  <th class="rdtNext">
1611
1519
  <span>›</span>
1612
1520
  </th>
@@ -1623,63 +1531,63 @@ export default () => {
1623
1531
  </thead>
1624
1532
  <tbody>
1625
1533
  <tr>
1626
- <td data-value="30" data-month="10" data-year="2025" class="rdtDay rdtOld">30</td>
1627
- <td data-value="1" data-month="11" data-year="2025" class="rdtDay">1</td>
1628
- <td data-value="2" data-month="11" data-year="2025" class="rdtDay">2</td>
1629
- <td data-value="3" data-month="11" data-year="2025" class="rdtDay">3</td>
1630
- <td data-value="4" data-month="11" data-year="2025" class="rdtDay">4</td>
1631
- <td data-value="5" data-month="11" data-year="2025" class="rdtDay">5</td>
1632
- <td data-value="6" data-month="11" data-year="2025" class="rdtDay">6</td>
1534
+ <td data-value="28" data-month="11" data-year="2025" class="rdtDay rdtOld">28</td>
1535
+ <td data-value="29" data-month="11" data-year="2025" class="rdtDay rdtOld">29</td>
1536
+ <td data-value="30" data-month="11" data-year="2025" class="rdtDay rdtOld">30</td>
1537
+ <td data-value="31" data-month="11" data-year="2025" class="rdtDay rdtOld">31</td>
1538
+ <td data-value="1" data-month="0" data-year="2026" class="rdtDay">1</td>
1539
+ <td data-value="2" data-month="0" data-year="2026" class="rdtDay">2</td>
1540
+ <td data-value="3" data-month="0" data-year="2026" class="rdtDay">3</td>
1633
1541
  </tr>
1634
1542
  <tr>
1635
- <td data-value="7" data-month="11" data-year="2025" class="rdtDay">7</td>
1636
- <td data-value="8" data-month="11" data-year="2025" class="rdtDay">8</td>
1637
- <td data-value="9" data-month="11" data-year="2025" class="rdtDay">9</td>
1638
- <td data-value="10" data-month="11" data-year="2025" class="rdtDay">10</td>
1639
- <td data-value="11" data-month="11" data-year="2025" class="rdtDay">11</td>
1640
- <td data-value="12" data-month="11" data-year="2025" class="rdtDay">12</td>
1641
- <td data-value="13" data-month="11" data-year="2025" class="rdtDay">13</td>
1543
+ <td data-value="4" data-month="0" data-year="2026" class="rdtDay">4</td>
1544
+ <td data-value="5" data-month="0" data-year="2026" class="rdtDay">5</td>
1545
+ <td data-value="6" data-month="0" data-year="2026" class="rdtDay">6</td>
1546
+ <td data-value="7" data-month="0" data-year="2026" class="rdtDay">7</td>
1547
+ <td data-value="8" data-month="0" data-year="2026" class="rdtDay">8</td>
1548
+ <td data-value="9" data-month="0" data-year="2026" class="rdtDay">9</td>
1549
+ <td data-value="10" data-month="0" data-year="2026" class="rdtDay">10</td>
1642
1550
  </tr>
1643
1551
  <tr>
1644
- <td data-value="14" data-month="11" data-year="2025" class="rdtDay">14</td>
1645
- <td data-value="15" data-month="11" data-year="2025" class="rdtDay rdtActive rdtToday">15</td>
1646
- <td data-value="16" data-month="11" data-year="2025" class="rdtDay">16</td>
1647
- <td data-value="17" data-month="11" data-year="2025" class="rdtDay">17</td>
1648
- <td data-value="18" data-month="11" data-year="2025" class="rdtDay">18</td>
1649
- <td data-value="19" data-month="11" data-year="2025" class="rdtDay">19</td>
1650
- <td data-value="20" data-month="11" data-year="2025" class="rdtDay">20</td>
1552
+ <td data-value="11" data-month="0" data-year="2026" class="rdtDay">11</td>
1553
+ <td data-value="12" data-month="0" data-year="2026" class="rdtDay">12</td>
1554
+ <td data-value="13" data-month="0" data-year="2026" class="rdtDay">13</td>
1555
+ <td data-value="14" data-month="0" data-year="2026" class="rdtDay rdtActive rdtToday">14</td>
1556
+ <td data-value="15" data-month="0" data-year="2026" class="rdtDay">15</td>
1557
+ <td data-value="16" data-month="0" data-year="2026" class="rdtDay">16</td>
1558
+ <td data-value="17" data-month="0" data-year="2026" class="rdtDay">17</td>
1651
1559
  </tr>
1652
1560
  <tr>
1653
- <td data-value="21" data-month="11" data-year="2025" class="rdtDay">21</td>
1654
- <td data-value="22" data-month="11" data-year="2025" class="rdtDay">22</td>
1655
- <td data-value="23" data-month="11" data-year="2025" class="rdtDay">23</td>
1656
- <td data-value="24" data-month="11" data-year="2025" class="rdtDay">24</td>
1657
- <td data-value="25" data-month="11" data-year="2025" class="rdtDay">25</td>
1658
- <td data-value="26" data-month="11" data-year="2025" class="rdtDay">26</td>
1659
- <td data-value="27" data-month="11" data-year="2025" class="rdtDay">27</td>
1561
+ <td data-value="18" data-month="0" data-year="2026" class="rdtDay">18</td>
1562
+ <td data-value="19" data-month="0" data-year="2026" class="rdtDay">19</td>
1563
+ <td data-value="20" data-month="0" data-year="2026" class="rdtDay">20</td>
1564
+ <td data-value="21" data-month="0" data-year="2026" class="rdtDay">21</td>
1565
+ <td data-value="22" data-month="0" data-year="2026" class="rdtDay">22</td>
1566
+ <td data-value="23" data-month="0" data-year="2026" class="rdtDay">23</td>
1567
+ <td data-value="24" data-month="0" data-year="2026" class="rdtDay">24</td>
1660
1568
  </tr>
1661
1569
  <tr>
1662
- <td data-value="28" data-month="11" data-year="2025" class="rdtDay">28</td>
1663
- <td data-value="29" data-month="11" data-year="2025" class="rdtDay">29</td>
1664
- <td data-value="30" data-month="11" data-year="2025" class="rdtDay">30</td>
1665
- <td data-value="31" data-month="11" data-year="2025" class="rdtDay">31</td>
1666
- <td data-value="1" data-month="0" data-year="2026" class="rdtDay rdtNew">1</td>
1667
- <td data-value="2" data-month="0" data-year="2026" class="rdtDay rdtNew">2</td>
1668
- <td data-value="3" data-month="0" data-year="2026" class="rdtDay rdtNew">3</td>
1570
+ <td data-value="25" data-month="0" data-year="2026" class="rdtDay">25</td>
1571
+ <td data-value="26" data-month="0" data-year="2026" class="rdtDay">26</td>
1572
+ <td data-value="27" data-month="0" data-year="2026" class="rdtDay">27</td>
1573
+ <td data-value="28" data-month="0" data-year="2026" class="rdtDay">28</td>
1574
+ <td data-value="29" data-month="0" data-year="2026" class="rdtDay">29</td>
1575
+ <td data-value="30" data-month="0" data-year="2026" class="rdtDay">30</td>
1576
+ <td data-value="31" data-month="0" data-year="2026" class="rdtDay">31</td>
1669
1577
  </tr>
1670
1578
  <tr>
1671
- <td data-value="4" data-month="0" data-year="2026" class="rdtDay rdtNew">4</td>
1672
- <td data-value="5" data-month="0" data-year="2026" class="rdtDay rdtNew">5</td>
1673
- <td data-value="6" data-month="0" data-year="2026" class="rdtDay rdtNew">6</td>
1674
- <td data-value="7" data-month="0" data-year="2026" class="rdtDay rdtNew">7</td>
1675
- <td data-value="8" data-month="0" data-year="2026" class="rdtDay rdtNew">8</td>
1676
- <td data-value="9" data-month="0" data-year="2026" class="rdtDay rdtNew">9</td>
1677
- <td data-value="10" data-month="0" data-year="2026" class="rdtDay rdtNew">10</td>
1579
+ <td data-value="1" data-month="1" data-year="2026" class="rdtDay rdtNew">1</td>
1580
+ <td data-value="2" data-month="1" data-year="2026" class="rdtDay rdtNew">2</td>
1581
+ <td data-value="3" data-month="1" data-year="2026" class="rdtDay rdtNew">3</td>
1582
+ <td data-value="4" data-month="1" data-year="2026" class="rdtDay rdtNew">4</td>
1583
+ <td data-value="5" data-month="1" data-year="2026" class="rdtDay rdtNew">5</td>
1584
+ <td data-value="6" data-month="1" data-year="2026" class="rdtDay rdtNew">6</td>
1585
+ <td data-value="7" data-month="1" data-year="2026" class="rdtDay rdtNew">7</td>
1678
1586
  </tr>
1679
1587
  </tbody>
1680
1588
  <tfoot>
1681
1589
  <tr>
1682
- <td colspan="7" class="rdtTimeToggle">4:02 PM</td>
1590
+ <td colspan="7" class="rdtTimeToggle">10:07 AM</td>
1683
1591
  </tr>
1684
1592
  </tfoot>
1685
1593
  </table>
@@ -1696,26 +1604,4 @@ export default () => {
1696
1604
  </div>
1697
1605
  </div>
1698
1606
  </div>
1699
- ```
1700
-
1701
- #### Props
1702
-
1703
- | Name | Type | Default | Description |
1704
- | --- | --- | --- | --- |
1705
- | placeholder | String | — | The input placeholder. |
1706
- | value | Date \| Moment \| String | — | The actual input value. |
1707
- | isValid | boolean | true | Used to control the save button from the outside to disable it in case the entered value is not valid. |
1708
- | errorMessage | string \| ReactNode | — | Uses the built-in error handling. This is the error message that is shown below the input. It will be shown when the "isValid" prop is set to false. |
1709
- | hideErrorIcon | boolean | false | Defines wether the error icon is shown or not. If enabled, it will be shown when the "isValid" prop is set to false. |
1710
- | onValueChanged | (value: Moment \| string, previousValue: Moment \| string \| Date) => void | — | Callback function triggered when the value changes and is saved. |
1711
- | onInputChange | (value: Moment \| string, isValid: boolean) => void | — | Callback function that gets triggered on every input change. Use this to control the component or when implementing key validation. |
1712
- | onEnterEdit | VoidFunction | — | Callback function that gets triggered when the input is in edit mode. Use this to control the component and to handle the previous value on the outside. |
1713
- | onExitEdit | (wasSaved: boolean) => void | — | Callback function that gets triggered when edit mode is exited (either saved or cancelled). |
1714
- | onCancel | VoidFunction | — | Callback function that gets triggered when the user aborts the edit mode. Use this to control the component and handle the resetting of previous value on the outside. |
1715
- | invalidExitBehavior | "stay-open" \| "reset-and-close" | "stay-open" | Behavior when trying to exit edit mode with invalid input: stay-open: Keep edit mode open until valid input is provided reset-and-close: Close edit mode and reset to initial value |
1716
- | buttonStyle | "default" \| "primary" | — | Defines the button style: default or primary. |
1717
- | inputProps | Attributes | — | Additional HTML attributes to be set on the input element. |
1718
- | datePickerProps | DatePickerProps | — | Props passed directly to the date picker component. |
1719
- | disabled | Boolean | false | Disables the component so the user cannot enter the edit mode. |
1720
- | inputClassName | String | — | Additional classes to be set on the input itself. |
1721
- | className | String | — | Additional classes to be set on the wrapper element. |
1607
+ ```