@rio-cloud/uikit-mcp 1.1.4 → 1.1.5

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/README.md +1 -0
  2. package/dist/doc-metadata.json +80 -80
  3. package/dist/docs/components/accentBar.md +34 -2
  4. package/dist/docs/components/activity.md +13 -2
  5. package/dist/docs/components/animatedNumber.md +16 -3
  6. package/dist/docs/components/animatedTextReveal.md +53 -7
  7. package/dist/docs/components/animations.md +30 -30
  8. package/dist/docs/components/appHeader.md +58 -2
  9. package/dist/docs/components/appLayout.md +543 -38
  10. package/dist/docs/components/appNavigationBar.md +54 -2
  11. package/dist/docs/components/areaCharts.md +4 -4
  12. package/dist/docs/components/aspectRatioPlaceholder.md +10 -2
  13. package/dist/docs/components/assetTree.md +1065 -218
  14. package/dist/docs/components/autosuggests.md +1 -1
  15. package/dist/docs/components/avatar.md +24 -2
  16. package/dist/docs/components/banner.md +2 -2
  17. package/dist/docs/components/barCharts.md +27 -27
  18. package/dist/docs/components/barList.md +21 -9
  19. package/dist/docs/components/basicMap.md +1 -1
  20. package/dist/docs/components/bottomSheet.md +99 -2
  21. package/dist/docs/components/button.md +161 -16
  22. package/dist/docs/components/buttonToolbar.md +9 -2
  23. package/dist/docs/components/calendarStripe.md +84 -110
  24. package/dist/docs/components/card.md +10 -2
  25. package/dist/docs/components/carousel.md +1 -1
  26. package/dist/docs/components/chartColors.md +1 -1
  27. package/dist/docs/components/chartsGettingStarted.md +1 -1
  28. package/dist/docs/components/chat.md +2 -2
  29. package/dist/docs/components/checkbox.md +51 -26
  30. package/dist/docs/components/clearableInput.md +17 -17
  31. package/dist/docs/components/collapse.md +27 -3
  32. package/dist/docs/components/composedCharts.md +15 -15
  33. package/dist/docs/components/contentLoader.md +125 -104
  34. package/dist/docs/components/dataTabs.md +189 -9
  35. package/dist/docs/components/datepickers.md +733 -721
  36. package/dist/docs/components/dialogs.md +361 -1
  37. package/dist/docs/components/divider.md +14 -2
  38. package/dist/docs/components/dropdowns.md +4533 -4352
  39. package/dist/docs/components/editableContent.md +186 -2
  40. package/dist/docs/components/expander.md +51 -4
  41. package/dist/docs/components/fade.md +41 -6
  42. package/dist/docs/components/fadeExpander.md +11 -2
  43. package/dist/docs/components/fadeUp.md +21 -3
  44. package/dist/docs/components/feedback.md +43 -2
  45. package/dist/docs/components/filePickers.md +44 -2
  46. package/dist/docs/components/formLabel.md +16 -2
  47. package/dist/docs/components/groupedItemList.md +53 -2
  48. package/dist/docs/components/iconList.md +4 -4
  49. package/dist/docs/components/imagePreloader.md +6 -2
  50. package/dist/docs/components/labeledElement.md +12 -2
  51. package/dist/docs/components/licensePlate.md +10 -2
  52. package/dist/docs/components/lineCharts.md +3 -3
  53. package/dist/docs/components/listMenu.md +72 -2
  54. package/dist/docs/components/loadMore.md +28 -2
  55. package/dist/docs/components/mainNavigation.md +1 -1
  56. package/dist/docs/components/mapCircle.md +1 -1
  57. package/dist/docs/components/mapCluster.md +1 -1
  58. package/dist/docs/components/mapContext.md +1 -1
  59. package/dist/docs/components/mapDraggableMarker.md +1 -1
  60. package/dist/docs/components/mapGettingStarted.md +1 -1
  61. package/dist/docs/components/mapInfoBubble.md +1 -1
  62. package/dist/docs/components/mapLayerGroup.md +1 -1
  63. package/dist/docs/components/mapMarker.md +1 -1
  64. package/dist/docs/components/mapPolygon.md +1 -1
  65. package/dist/docs/components/mapRoute.md +1 -1
  66. package/dist/docs/components/mapRouteGenerator.md +1 -1
  67. package/dist/docs/components/mapSettings.md +1 -1
  68. package/dist/docs/components/mapUtils.md +1 -1
  69. package/dist/docs/components/multiselects.md +1 -1
  70. package/dist/docs/components/noData.md +22 -2
  71. package/dist/docs/components/notifications.md +1 -1
  72. package/dist/docs/components/numbercontrol.md +50 -2
  73. package/dist/docs/components/onboarding.md +25 -1
  74. package/dist/docs/components/page.md +32 -2
  75. package/dist/docs/components/pager.md +14 -2
  76. package/dist/docs/components/pieCharts.md +36 -36
  77. package/dist/docs/components/popover.md +39 -1
  78. package/dist/docs/components/position.md +10 -2
  79. package/dist/docs/components/radialBarCharts.md +25 -25
  80. package/dist/docs/components/radiobutton.md +137 -9
  81. package/dist/docs/components/releaseNotes.md +18 -1
  82. package/dist/docs/components/resizer.md +13 -2
  83. package/dist/docs/components/responsiveColumnStripe.md +19 -2
  84. package/dist/docs/components/responsiveVideo.md +11 -2
  85. package/dist/docs/components/rioglyph.md +12 -2
  86. package/dist/docs/components/rules.md +94 -4
  87. package/dist/docs/components/saveableInput.md +399 -275
  88. package/dist/docs/components/selects.md +1 -1
  89. package/dist/docs/components/sidebar.md +38 -2
  90. package/dist/docs/components/sliders.md +37 -2
  91. package/dist/docs/components/smoothScrollbars.md +92 -2
  92. package/dist/docs/components/spinners.md +50 -2
  93. package/dist/docs/components/states.md +216 -1
  94. package/dist/docs/components/statsWidgets.md +122 -2
  95. package/dist/docs/components/statusBar.md +28 -2
  96. package/dist/docs/components/stepButton.md +8 -2
  97. package/dist/docs/components/steppedProgressBars.md +66 -2
  98. package/dist/docs/components/subNavigation.md +8 -1
  99. package/dist/docs/components/supportMarker.md +1 -1
  100. package/dist/docs/components/svgImage.md +12 -38
  101. package/dist/docs/components/switch.md +11 -2
  102. package/dist/docs/components/tables.md +1 -1
  103. package/dist/docs/components/tagManager.md +55 -1
  104. package/dist/docs/components/tags.md +32 -2
  105. package/dist/docs/components/teaser.md +29 -2
  106. package/dist/docs/components/timeline.md +1 -1
  107. package/dist/docs/components/timepicker.md +30 -2
  108. package/dist/docs/components/toggleButton.md +65 -7
  109. package/dist/docs/components/tooltip.md +26 -18
  110. package/dist/docs/components/virtualList.md +103 -77
  111. package/dist/docs/foundations.md +177 -177
  112. package/dist/docs/start/changelog.md +1 -1
  113. package/dist/docs/start/goodtoknow.md +1 -1
  114. package/dist/docs/start/guidelines/color-combinations.md +1 -1
  115. package/dist/docs/start/guidelines/custom-css.md +1 -1
  116. package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
  117. package/dist/docs/start/guidelines/formatting.md +1 -1
  118. package/dist/docs/start/guidelines/iframe.md +2 -2
  119. package/dist/docs/start/guidelines/obfuscate-data.md +1 -1
  120. package/dist/docs/start/guidelines/print-css.md +1 -1
  121. package/dist/docs/start/guidelines/spinner.md +81 -81
  122. package/dist/docs/start/guidelines/supported-browsers.md +1 -1
  123. package/dist/docs/start/guidelines/writing.md +1 -1
  124. package/dist/docs/start/howto.md +1 -1
  125. package/dist/docs/start/intro.md +1 -1
  126. package/dist/docs/start/responsiveness.md +1 -1
  127. package/dist/docs/templates/common-table.md +11 -11
  128. package/dist/docs/templates/detail-views.md +2 -2
  129. package/dist/docs/templates/expandable-details.md +1 -1
  130. package/dist/docs/templates/feature-cards.md +55 -55
  131. package/dist/docs/templates/form-summary.md +22 -22
  132. package/dist/docs/templates/form-toggle.md +1 -1
  133. package/dist/docs/templates/list-blocks.md +200 -200
  134. package/dist/docs/templates/loading-progress.md +1 -1
  135. package/dist/docs/templates/options-panel.md +1 -1
  136. package/dist/docs/templates/panel-variants.md +1 -1
  137. package/dist/docs/templates/progress-cards.md +1 -1
  138. package/dist/docs/templates/progress-success.md +1 -1
  139. package/dist/docs/templates/settings-form.md +23 -23
  140. package/dist/docs/templates/stats-blocks.md +16 -16
  141. package/dist/docs/templates/table-panel.md +1 -1
  142. package/dist/docs/templates/table-row-animation.md +1 -1
  143. package/dist/docs/templates/usage-cards.md +1 -1
  144. package/dist/docs/utilities/deviceUtils.md +1 -1
  145. package/dist/docs/utilities/featureToggles.md +1 -1
  146. package/dist/docs/utilities/fuelTypeUtils.md +1 -1
  147. package/dist/docs/utilities/routeUtils.md +1 -1
  148. package/dist/docs/utilities/useAfterMount.md +1 -1
  149. package/dist/docs/utilities/useAutoAnimate.md +1 -1
  150. package/dist/docs/utilities/useAverage.md +1 -1
  151. package/dist/docs/utilities/useClickOutside.md +1 -1
  152. package/dist/docs/utilities/useClipboard.md +2 -2
  153. package/dist/docs/utilities/useCount.md +1 -1
  154. package/dist/docs/utilities/useDarkMode.md +1 -1
  155. package/dist/docs/utilities/useDebugInfo.md +4 -4
  156. package/dist/docs/utilities/useEffectOnce.md +1 -1
  157. package/dist/docs/utilities/useElapsedTime.md +1 -1
  158. package/dist/docs/utilities/useElementSize.md +1 -1
  159. package/dist/docs/utilities/useEsc.md +1 -1
  160. package/dist/docs/utilities/useEvent.md +1 -1
  161. package/dist/docs/utilities/useFocusTrap.md +1 -1
  162. package/dist/docs/utilities/useFullscreen.md +1 -1
  163. package/dist/docs/utilities/useHover.md +1 -1
  164. package/dist/docs/utilities/useIncomingPostMessages.md +1 -1
  165. package/dist/docs/utilities/useInterval.md +1 -1
  166. package/dist/docs/utilities/useIsFocusWithin.md +1 -1
  167. package/dist/docs/utilities/useKey.md +1 -1
  168. package/dist/docs/utilities/useLocalStorage.md +1 -1
  169. package/dist/docs/utilities/useLocationSuggestions.md +1 -1
  170. package/dist/docs/utilities/useMax.md +1 -1
  171. package/dist/docs/utilities/useMin.md +1 -1
  172. package/dist/docs/utilities/useMutationObserver.md +1 -1
  173. package/dist/docs/utilities/useOnScreen.md +1 -1
  174. package/dist/docs/utilities/useOnlineStatus.md +1 -1
  175. package/dist/docs/utilities/usePostMessage.md +1 -1
  176. package/dist/docs/utilities/usePostMessageSender.md +1 -1
  177. package/dist/docs/utilities/usePrevious.md +1 -1
  178. package/dist/docs/utilities/useResizeObserver.md +1 -1
  179. package/dist/docs/utilities/useScrollPosition.md +1 -1
  180. package/dist/docs/utilities/useSearch.md +1 -1
  181. package/dist/docs/utilities/useSorting.md +1 -1
  182. package/dist/docs/utilities/useStateWithValidation.md +1 -1
  183. package/dist/docs/utilities/useSum.md +1 -1
  184. package/dist/docs/utilities/useTableExport.md +51 -51
  185. package/dist/docs/utilities/useTableSelection.md +87 -87
  186. package/dist/docs/utilities/useTimeout.md +1 -1
  187. package/dist/docs/utilities/useToggle.md +1 -1
  188. package/dist/docs/utilities/useWindowResize.md +1 -1
  189. package/dist/index.mjs +8 -8
  190. package/dist/version.json +1 -1
  191. package/package.json +6 -6
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:* 2026-01-14T09:07:07.787Z
6
+ *Captured:* 2026-02-03T14:04:21.775Z
7
7
 
8
8
  ## SaveableInput
9
9
 
@@ -261,6 +261,31 @@ export default () => (
261
261
  </div>
262
262
  ```
263
263
 
264
+ #### Props: SaveableInput
265
+
266
+ ### SaveableInput
267
+
268
+ | Name | Type | Default | Description |
269
+ | --- | --- | --- | --- |
270
+ | placeholder | string | — | The input placeholder. |
271
+ | fixedPreviousValue | string | — | The previous or old value shown above the input value. This value will *not* be changed for new input values. |
272
+ | previousValue | string | — | The previous or old value shown above the input value. This value *changes* when a new input value is accepted. |
273
+ | value | string | — | The actual input value. |
274
+ | isValid | boolean | true | Used to control the save button from the outside to disable it in case the entered value is not valid. |
275
+ | errorMessage | string \| React.ReactNode | — | This is the error message that is shown below the input. It uses the built-in error handling, and will be shown when the "isValid" prop is set to false. |
276
+ | 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. |
277
+ | onValueChanged | (value: string, previousValue: string) => void | — | Callback function triggered when the value changes. |
278
+ | 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. |
279
+ | onEsc | () => void | — | 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. |
280
+ | onEnterEdit | () => void | — | 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. |
281
+ | buttonStyle | 'primary' \| 'default' | 'primary' | Defines the button style: default or primary. |
282
+ | inputProps | HTMLAttributes<HTMLInputElement> | — | Additional HTML attributes to be set on the input element. |
283
+ | unit | string \| React.ReactNode | — | Adds a given unit to the input. |
284
+ | 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. |
285
+ | disabled | boolean | false | Disables the component so the user cannot enter the edit mode. |
286
+ | inputClassName | string | — | Additional classes to be set on the input itself. |
287
+ | className | string | — | Additional classes to be set on the wrapper element. |
288
+
264
289
  ### Example: Example 2
265
290
 
266
291
  With error feedback and disabled save button
@@ -355,6 +380,31 @@ export default () => {
355
380
  </div>
356
381
  ```
357
382
 
383
+ #### Props: SaveableInput
384
+
385
+ ### SaveableInput
386
+
387
+ | Name | Type | Default | Description |
388
+ | --- | --- | --- | --- |
389
+ | placeholder | string | — | The input placeholder. |
390
+ | fixedPreviousValue | string | — | The previous or old value shown above the input value. This value will *not* be changed for new input values. |
391
+ | previousValue | string | — | The previous or old value shown above the input value. This value *changes* when a new input value is accepted. |
392
+ | value | string | — | The actual input value. |
393
+ | isValid | boolean | true | Used to control the save button from the outside to disable it in case the entered value is not valid. |
394
+ | errorMessage | string \| React.ReactNode | — | This is the error message that is shown below the input. It uses the built-in error handling, and will be shown when the "isValid" prop is set to false. |
395
+ | 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. |
396
+ | onValueChanged | (value: string, previousValue: string) => void | — | Callback function triggered when the value changes. |
397
+ | 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. |
398
+ | onEsc | () => void | — | 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. |
399
+ | onEnterEdit | () => void | — | 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. |
400
+ | buttonStyle | 'primary' \| 'default' | 'primary' | Defines the button style: default or primary. |
401
+ | inputProps | HTMLAttributes<HTMLInputElement> | — | Additional HTML attributes to be set on the input element. |
402
+ | unit | string \| React.ReactNode | — | Adds a given unit to the input. |
403
+ | 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. |
404
+ | disabled | boolean | false | Disables the component so the user cannot enter the edit mode. |
405
+ | inputClassName | string | — | Additional classes to be set on the input itself. |
406
+ | className | string | — | Additional classes to be set on the wrapper element. |
407
+
358
408
  ### Example: Controlled SaveableInput
359
409
 
360
410
  Controlled SaveableInput
@@ -473,6 +523,31 @@ export default () => {
473
523
  </div>
474
524
  ```
475
525
 
526
+ #### Props: SaveableInput
527
+
528
+ ### SaveableInput
529
+
530
+ | Name | Type | Default | Description |
531
+ | --- | --- | --- | --- |
532
+ | placeholder | string | — | The input placeholder. |
533
+ | fixedPreviousValue | string | — | The previous or old value shown above the input value. This value will *not* be changed for new input values. |
534
+ | previousValue | string | — | The previous or old value shown above the input value. This value *changes* when a new input value is accepted. |
535
+ | value | string | — | The actual input value. |
536
+ | isValid | boolean | true | Used to control the save button from the outside to disable it in case the entered value is not valid. |
537
+ | errorMessage | string \| React.ReactNode | — | This is the error message that is shown below the input. It uses the built-in error handling, and will be shown when the "isValid" prop is set to false. |
538
+ | 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. |
539
+ | onValueChanged | (value: string, previousValue: string) => void | — | Callback function triggered when the value changes. |
540
+ | 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. |
541
+ | onEsc | () => void | — | 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. |
542
+ | onEnterEdit | () => void | — | 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. |
543
+ | buttonStyle | 'primary' \| 'default' | 'primary' | Defines the button style: default or primary. |
544
+ | inputProps | HTMLAttributes<HTMLInputElement> | — | Additional HTML attributes to be set on the input element. |
545
+ | unit | string \| React.ReactNode | — | Adds a given unit to the input. |
546
+ | 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. |
547
+ | disabled | boolean | false | Disables the component so the user cannot enter the edit mode. |
548
+ | inputClassName | string | — | Additional classes to be set on the input itself. |
549
+ | className | string | — | Additional classes to be set on the wrapper element. |
550
+
476
551
  ### Example: Controlled SaveableInput with key validation
477
552
 
478
553
  Controlled SaveableInput with key validation
@@ -597,49 +672,74 @@ export default () => {
597
672
  </div>
598
673
  ```
599
674
 
675
+ #### Props: SaveableInput
676
+
677
+ ### SaveableInput
678
+
679
+ | Name | Type | Default | Description |
680
+ | --- | --- | --- | --- |
681
+ | placeholder | string | — | The input placeholder. |
682
+ | fixedPreviousValue | string | — | The previous or old value shown above the input value. This value will *not* be changed for new input values. |
683
+ | previousValue | string | — | The previous or old value shown above the input value. This value *changes* when a new input value is accepted. |
684
+ | value | string | — | The actual input value. |
685
+ | isValid | boolean | true | Used to control the save button from the outside to disable it in case the entered value is not valid. |
686
+ | errorMessage | string \| React.ReactNode | — | This is the error message that is shown below the input. It uses the built-in error handling, and will be shown when the "isValid" prop is set to false. |
687
+ | 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. |
688
+ | onValueChanged | (value: string, previousValue: string) => void | — | Callback function triggered when the value changes. |
689
+ | 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. |
690
+ | onEsc | () => void | — | 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. |
691
+ | onEnterEdit | () => void | — | 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. |
692
+ | buttonStyle | 'primary' \| 'default' | 'primary' | Defines the button style: default or primary. |
693
+ | inputProps | HTMLAttributes<HTMLInputElement> | — | Additional HTML attributes to be set on the input element. |
694
+ | unit | string \| React.ReactNode | — | Adds a given unit to the input. |
695
+ | 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. |
696
+ | disabled | boolean | false | Disables the component so the user cannot enter the edit mode. |
697
+ | inputClassName | string | — | Additional classes to be set on the input itself. |
698
+ | className | string | — | Additional classes to be set on the wrapper element. |
699
+
600
700
  ## SaveableDateInput
601
701
 
602
702
  ### Example: SaveableDateInput (uncontrolled)
603
703
 
604
704
  SaveableDateInput (uncontrolled)
605
705
 
606
- ‹January 2026›
706
+ ‹February 2026›
607
707
  SuMoTuWeThFrSa
608
708
 
609
- 28293031123
610
- 45678910
611
- 11121314151617
612
- 18192021222324
613
709
  25262728293031
614
710
  1234567
711
+ 891011121314
712
+ 15161718192021
713
+ 22232425262728
714
+ 1234567
615
715
 
616
716
  Controlled - Stay open on invalid (default)
617
717
 
618
- ‹January 2026›
718
+ ‹February 2026›
619
719
  SuMoTuWeThFrSa
620
720
 
621
- 28293031123
622
- 45678910
623
- 11121314151617
624
- 18192021222324
625
721
  25262728293031
626
722
  1234567
723
+ 891011121314
724
+ 15161718192021
725
+ 22232425262728
726
+ 1234567
627
727
 
628
- 10:07
728
+ 03:04
629
729
 
630
730
  Saved value:
631
731
 
632
732
  Controlled - With error
633
733
 
634
- ‹January 2026›
734
+ ‹February 2026›
635
735
  SuMoTuWeThFrSa
636
736
 
637
- 28293031123
638
- 45678910
639
- 11121314151617
640
- 18192021222324
641
737
  25262728293031
642
738
  1234567
739
+ 891011121314
740
+ 15161718192021
741
+ 22232425262728
742
+ 1234567
643
743
 
644
744
  12:00
645
745
 
@@ -649,15 +749,15 @@ Saved value:
649
749
 
650
750
  Controlled - Reset and close on invalid
651
751
 
652
- ‹January 2026›
752
+ ‹February 2026›
653
753
  SuMoTuWeThFrSa
654
754
 
655
- 28293031123
656
- 45678910
657
- 11121314151617
658
- 18192021222324
659
755
  25262728293031
660
756
  1234567
757
+ 891011121314
758
+ 15161718192021
759
+ 22232425262728
760
+ 1234567
661
761
 
662
762
  Saved value:
663
763
 
@@ -671,59 +771,59 @@ SepOctNovDec
671
771
 
672
772
  SaveableDateInput (disabled)
673
773
 
674
- ‹January 2026›
774
+ ‹February 2026›
675
775
  SuMoTuWeThFrSa
676
776
 
677
- 28293031123
678
- 45678910
679
- 11121314151617
680
- 18192021222324
681
777
  25262728293031
682
778
  1234567
779
+ 891011121314
780
+ 15161718192021
781
+ 22232425262728
782
+ 1234567
683
783
 
684
- 10:07 AM
784
+ 3:04 PM
685
785
 
686
786
  #### Summary
687
787
 
688
788
  SaveableDateInput (uncontrolled)
689
789
 
690
- ‹January 2026›
790
+ ‹February 2026›
691
791
  SuMoTuWeThFrSa
692
792
 
693
- 28293031123
694
- 45678910
695
- 11121314151617
696
- 18192021222324
697
793
  25262728293031
698
794
  1234567
795
+ 891011121314
796
+ 15161718192021
797
+ 22232425262728
798
+ 1234567
699
799
 
700
800
  Controlled - Stay open on invalid (default)
701
801
 
702
- ‹January 2026›
802
+ ‹February 2026›
703
803
  SuMoTuWeThFrSa
704
804
 
705
- 28293031123
706
- 45678910
707
- 11121314151617
708
- 18192021222324
709
805
  25262728293031
710
806
  1234567
807
+ 891011121314
808
+ 15161718192021
809
+ 22232425262728
810
+ 1234567
711
811
 
712
- 10:07
812
+ 03:04
713
813
 
714
814
  Saved value:
715
815
 
716
816
  Controlled - With error
717
817
 
718
- ‹January 2026›
818
+ ‹February 2026›
719
819
  SuMoTuWeThFrSa
720
820
 
721
- 28293031123
722
- 45678910
723
- 11121314151617
724
- 18192021222324
725
821
  25262728293031
726
822
  1234567
823
+ 891011121314
824
+ 15161718192021
825
+ 22232425262728
826
+ 1234567
727
827
 
728
828
  12:00
729
829
 
@@ -733,15 +833,15 @@ Saved value:
733
833
 
734
834
  Controlled - Reset and close on invalid
735
835
 
736
- ‹January 2026›
836
+ ‹February 2026›
737
837
  SuMoTuWeThFrSa
738
838
 
739
- 28293031123
740
- 45678910
741
- 11121314151617
742
- 18192021222324
743
839
  25262728293031
744
840
  1234567
841
+ 891011121314
842
+ 15161718192021
843
+ 22232425262728
844
+ 1234567
745
845
 
746
846
  Saved value:
747
847
 
@@ -755,17 +855,17 @@ SepOctNovDec
755
855
 
756
856
  SaveableDateInput (disabled)
757
857
 
758
- ‹January 2026›
858
+ ‹February 2026›
759
859
  SuMoTuWeThFrSa
760
860
 
761
- 28293031123
762
- 45678910
763
- 11121314151617
764
- 18192021222324
765
861
  25262728293031
766
862
  1234567
863
+ 891011121314
864
+ 15161718192021
865
+ 22232425262728
866
+ 1234567
767
867
 
768
- 10:07 AM
868
+ 3:04 PM
769
869
 
770
870
  #### React (tsx)
771
871
 
@@ -999,7 +1099,7 @@ export default () => {
999
1099
  <th class="rdtPrev">
1000
1100
  <span>‹</span>
1001
1101
  </th>
1002
- <th class="rdtSwitch" colspan="5" data-value="0">January 2026</th>
1102
+ <th class="rdtSwitch" colspan="5" data-value="1">February 2026</th>
1003
1103
  <th class="rdtNext">
1004
1104
  <span>›</span>
1005
1105
  </th>
@@ -1016,58 +1116,58 @@ export default () => {
1016
1116
  </thead>
1017
1117
  <tbody>
1018
1118
  <tr>
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>
1119
+ <td data-value="25" data-month="0" data-year="2026" class="rdtDay rdtOld">25</td>
1120
+ <td data-value="26" data-month="0" data-year="2026" class="rdtDay rdtOld">26</td>
1121
+ <td data-value="27" data-month="0" data-year="2026" class="rdtDay rdtOld">27</td>
1122
+ <td data-value="28" data-month="0" data-year="2026" class="rdtDay rdtOld">28</td>
1123
+ <td data-value="29" data-month="0" data-year="2026" class="rdtDay rdtOld">29</td>
1124
+ <td data-value="30" data-month="0" data-year="2026" class="rdtDay rdtOld">30</td>
1125
+ <td data-value="31" data-month="0" data-year="2026" class="rdtDay rdtOld">31</td>
1026
1126
  </tr>
1027
1127
  <tr>
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>
1128
+ <td data-value="1" data-month="1" data-year="2026" class="rdtDay">1</td>
1129
+ <td data-value="2" data-month="1" data-year="2026" class="rdtDay">2</td>
1130
+ <td data-value="3" data-month="1" data-year="2026" class="rdtDay rdtToday">3</td>
1131
+ <td data-value="4" data-month="1" data-year="2026" class="rdtDay">4</td>
1132
+ <td data-value="5" data-month="1" data-year="2026" class="rdtDay">5</td>
1133
+ <td data-value="6" data-month="1" data-year="2026" class="rdtDay">6</td>
1134
+ <td data-value="7" data-month="1" data-year="2026" class="rdtDay">7</td>
1035
1135
  </tr>
1036
1136
  <tr>
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>
1137
+ <td data-value="8" data-month="1" data-year="2026" class="rdtDay">8</td>
1138
+ <td data-value="9" data-month="1" data-year="2026" class="rdtDay">9</td>
1139
+ <td data-value="10" data-month="1" data-year="2026" class="rdtDay">10</td>
1140
+ <td data-value="11" data-month="1" data-year="2026" class="rdtDay">11</td>
1141
+ <td data-value="12" data-month="1" data-year="2026" class="rdtDay">12</td>
1142
+ <td data-value="13" data-month="1" data-year="2026" class="rdtDay">13</td>
1143
+ <td data-value="14" data-month="1" data-year="2026" class="rdtDay">14</td>
1044
1144
  </tr>
1045
1145
  <tr>
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>
1146
+ <td data-value="15" data-month="1" data-year="2026" class="rdtDay">15</td>
1147
+ <td data-value="16" data-month="1" data-year="2026" class="rdtDay">16</td>
1148
+ <td data-value="17" data-month="1" data-year="2026" class="rdtDay">17</td>
1149
+ <td data-value="18" data-month="1" data-year="2026" class="rdtDay">18</td>
1150
+ <td data-value="19" data-month="1" data-year="2026" class="rdtDay">19</td>
1151
+ <td data-value="20" data-month="1" data-year="2026" class="rdtDay">20</td>
1152
+ <td data-value="21" data-month="1" data-year="2026" class="rdtDay">21</td>
1053
1153
  </tr>
1054
1154
  <tr>
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>
1155
+ <td data-value="22" data-month="1" data-year="2026" class="rdtDay">22</td>
1156
+ <td data-value="23" data-month="1" data-year="2026" class="rdtDay">23</td>
1157
+ <td data-value="24" data-month="1" data-year="2026" class="rdtDay">24</td>
1158
+ <td data-value="25" data-month="1" data-year="2026" class="rdtDay">25</td>
1159
+ <td data-value="26" data-month="1" data-year="2026" class="rdtDay">26</td>
1160
+ <td data-value="27" data-month="1" data-year="2026" class="rdtDay">27</td>
1161
+ <td data-value="28" data-month="1" data-year="2026" class="rdtDay">28</td>
1062
1162
  </tr>
1063
1163
  <tr>
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>
1164
+ <td data-value="1" data-month="2" data-year="2026" class="rdtDay rdtNew">1</td>
1165
+ <td data-value="2" data-month="2" data-year="2026" class="rdtDay rdtNew">2</td>
1166
+ <td data-value="3" data-month="2" data-year="2026" class="rdtDay rdtNew">3</td>
1167
+ <td data-value="4" data-month="2" data-year="2026" class="rdtDay rdtNew">4</td>
1168
+ <td data-value="5" data-month="2" data-year="2026" class="rdtDay rdtNew">5</td>
1169
+ <td data-value="6" data-month="2" data-year="2026" class="rdtDay rdtNew">6</td>
1170
+ <td data-value="7" data-month="2" data-year="2026" class="rdtDay rdtNew">7</td>
1071
1171
  </tr>
1072
1172
  </tbody>
1073
1173
  </table>
@@ -1095,7 +1195,7 @@ export default () => {
1095
1195
  </span>
1096
1196
  </span>
1097
1197
  <div class="ClearableInput input-group">
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;">
1198
+ <input type="text" class="form-control" placeholder="Enter valid date" disabled="" value="2026-02-03 03:04" style="border-top-right-radius: 0px; border-bottom-right-radius: 0px;">
1099
1199
  </div>
1100
1200
  </div>
1101
1201
  <div class="rdtPicker">
@@ -1106,7 +1206,7 @@ export default () => {
1106
1206
  <th class="rdtPrev">
1107
1207
  <span>‹</span>
1108
1208
  </th>
1109
- <th class="rdtSwitch" colspan="5" data-value="0">January 2026</th>
1209
+ <th class="rdtSwitch" colspan="5" data-value="1">February 2026</th>
1110
1210
  <th class="rdtNext">
1111
1211
  <span>›</span>
1112
1212
  </th>
@@ -1123,63 +1223,63 @@ export default () => {
1123
1223
  </thead>
1124
1224
  <tbody>
1125
1225
  <tr>
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>
1226
+ <td data-value="25" data-month="0" data-year="2026" class="rdtDay rdtOld">25</td>
1227
+ <td data-value="26" data-month="0" data-year="2026" class="rdtDay rdtOld">26</td>
1228
+ <td data-value="27" data-month="0" data-year="2026" class="rdtDay rdtOld">27</td>
1229
+ <td data-value="28" data-month="0" data-year="2026" class="rdtDay rdtOld">28</td>
1230
+ <td data-value="29" data-month="0" data-year="2026" class="rdtDay rdtOld">29</td>
1231
+ <td data-value="30" data-month="0" data-year="2026" class="rdtDay rdtOld">30</td>
1232
+ <td data-value="31" data-month="0" data-year="2026" class="rdtDay rdtOld">31</td>
1133
1233
  </tr>
1134
1234
  <tr>
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>
1235
+ <td data-value="1" data-month="1" data-year="2026" class="rdtDay">1</td>
1236
+ <td data-value="2" data-month="1" data-year="2026" class="rdtDay">2</td>
1237
+ <td data-value="3" data-month="1" data-year="2026" class="rdtDay rdtActive rdtToday">3</td>
1238
+ <td data-value="4" data-month="1" data-year="2026" class="rdtDay">4</td>
1239
+ <td data-value="5" data-month="1" data-year="2026" class="rdtDay">5</td>
1240
+ <td data-value="6" data-month="1" data-year="2026" class="rdtDay">6</td>
1241
+ <td data-value="7" data-month="1" data-year="2026" class="rdtDay">7</td>
1142
1242
  </tr>
1143
1243
  <tr>
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>
1244
+ <td data-value="8" data-month="1" data-year="2026" class="rdtDay">8</td>
1245
+ <td data-value="9" data-month="1" data-year="2026" class="rdtDay">9</td>
1246
+ <td data-value="10" data-month="1" data-year="2026" class="rdtDay">10</td>
1247
+ <td data-value="11" data-month="1" data-year="2026" class="rdtDay">11</td>
1248
+ <td data-value="12" data-month="1" data-year="2026" class="rdtDay">12</td>
1249
+ <td data-value="13" data-month="1" data-year="2026" class="rdtDay">13</td>
1250
+ <td data-value="14" data-month="1" data-year="2026" class="rdtDay">14</td>
1151
1251
  </tr>
1152
1252
  <tr>
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>
1253
+ <td data-value="15" data-month="1" data-year="2026" class="rdtDay">15</td>
1254
+ <td data-value="16" data-month="1" data-year="2026" class="rdtDay">16</td>
1255
+ <td data-value="17" data-month="1" data-year="2026" class="rdtDay">17</td>
1256
+ <td data-value="18" data-month="1" data-year="2026" class="rdtDay">18</td>
1257
+ <td data-value="19" data-month="1" data-year="2026" class="rdtDay">19</td>
1258
+ <td data-value="20" data-month="1" data-year="2026" class="rdtDay">20</td>
1259
+ <td data-value="21" data-month="1" data-year="2026" class="rdtDay">21</td>
1160
1260
  </tr>
1161
1261
  <tr>
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>
1262
+ <td data-value="22" data-month="1" data-year="2026" class="rdtDay">22</td>
1263
+ <td data-value="23" data-month="1" data-year="2026" class="rdtDay">23</td>
1264
+ <td data-value="24" data-month="1" data-year="2026" class="rdtDay">24</td>
1265
+ <td data-value="25" data-month="1" data-year="2026" class="rdtDay">25</td>
1266
+ <td data-value="26" data-month="1" data-year="2026" class="rdtDay">26</td>
1267
+ <td data-value="27" data-month="1" data-year="2026" class="rdtDay">27</td>
1268
+ <td data-value="28" data-month="1" data-year="2026" class="rdtDay">28</td>
1169
1269
  </tr>
1170
1270
  <tr>
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>
1271
+ <td data-value="1" data-month="2" data-year="2026" class="rdtDay rdtNew">1</td>
1272
+ <td data-value="2" data-month="2" data-year="2026" class="rdtDay rdtNew">2</td>
1273
+ <td data-value="3" data-month="2" data-year="2026" class="rdtDay rdtNew">3</td>
1274
+ <td data-value="4" data-month="2" data-year="2026" class="rdtDay rdtNew">4</td>
1275
+ <td data-value="5" data-month="2" data-year="2026" class="rdtDay rdtNew">5</td>
1276
+ <td data-value="6" data-month="2" data-year="2026" class="rdtDay rdtNew">6</td>
1277
+ <td data-value="7" data-month="2" data-year="2026" class="rdtDay rdtNew">7</td>
1178
1278
  </tr>
1179
1279
  </tbody>
1180
1280
  <tfoot>
1181
1281
  <tr>
1182
- <td colspan="7" class="rdtTimeToggle">10:07</td>
1282
+ <td colspan="7" class="rdtTimeToggle">03:04</td>
1183
1283
  </tr>
1184
1284
  </tfoot>
1185
1285
  </table>
@@ -1222,7 +1322,7 @@ export default () => {
1222
1322
  <th class="rdtPrev">
1223
1323
  <span>‹</span>
1224
1324
  </th>
1225
- <th class="rdtSwitch" colspan="5" data-value="0">January 2026</th>
1325
+ <th class="rdtSwitch" colspan="5" data-value="1">February 2026</th>
1226
1326
  <th class="rdtNext">
1227
1327
  <span>›</span>
1228
1328
  </th>
@@ -1239,58 +1339,58 @@ export default () => {
1239
1339
  </thead>
1240
1340
  <tbody>
1241
1341
  <tr>
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>
1342
+ <td data-value="25" data-month="0" data-year="2026" class="rdtDay rdtOld">25</td>
1343
+ <td data-value="26" data-month="0" data-year="2026" class="rdtDay rdtOld">26</td>
1344
+ <td data-value="27" data-month="0" data-year="2026" class="rdtDay rdtOld">27</td>
1345
+ <td data-value="28" data-month="0" data-year="2026" class="rdtDay rdtOld">28</td>
1346
+ <td data-value="29" data-month="0" data-year="2026" class="rdtDay rdtOld">29</td>
1347
+ <td data-value="30" data-month="0" data-year="2026" class="rdtDay rdtOld">30</td>
1348
+ <td data-value="31" data-month="0" data-year="2026" class="rdtDay rdtOld">31</td>
1249
1349
  </tr>
1250
1350
  <tr>
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>
1351
+ <td data-value="1" data-month="1" data-year="2026" class="rdtDay">1</td>
1352
+ <td data-value="2" data-month="1" data-year="2026" class="rdtDay">2</td>
1353
+ <td data-value="3" data-month="1" data-year="2026" class="rdtDay rdtToday">3</td>
1354
+ <td data-value="4" data-month="1" data-year="2026" class="rdtDay">4</td>
1355
+ <td data-value="5" data-month="1" data-year="2026" class="rdtDay">5</td>
1356
+ <td data-value="6" data-month="1" data-year="2026" class="rdtDay">6</td>
1357
+ <td data-value="7" data-month="1" data-year="2026" class="rdtDay">7</td>
1258
1358
  </tr>
1259
1359
  <tr>
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>
1360
+ <td data-value="8" data-month="1" data-year="2026" class="rdtDay">8</td>
1361
+ <td data-value="9" data-month="1" data-year="2026" class="rdtDay">9</td>
1362
+ <td data-value="10" data-month="1" data-year="2026" class="rdtDay">10</td>
1363
+ <td data-value="11" data-month="1" data-year="2026" class="rdtDay">11</td>
1364
+ <td data-value="12" data-month="1" data-year="2026" class="rdtDay">12</td>
1365
+ <td data-value="13" data-month="1" data-year="2026" class="rdtDay">13</td>
1366
+ <td data-value="14" data-month="1" data-year="2026" class="rdtDay">14</td>
1267
1367
  </tr>
1268
1368
  <tr>
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>
1369
+ <td data-value="15" data-month="1" data-year="2026" class="rdtDay">15</td>
1370
+ <td data-value="16" data-month="1" data-year="2026" class="rdtDay">16</td>
1371
+ <td data-value="17" data-month="1" data-year="2026" class="rdtDay">17</td>
1372
+ <td data-value="18" data-month="1" data-year="2026" class="rdtDay">18</td>
1373
+ <td data-value="19" data-month="1" data-year="2026" class="rdtDay">19</td>
1374
+ <td data-value="20" data-month="1" data-year="2026" class="rdtDay">20</td>
1375
+ <td data-value="21" data-month="1" data-year="2026" class="rdtDay">21</td>
1276
1376
  </tr>
1277
1377
  <tr>
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>
1378
+ <td data-value="22" data-month="1" data-year="2026" class="rdtDay">22</td>
1379
+ <td data-value="23" data-month="1" data-year="2026" class="rdtDay">23</td>
1380
+ <td data-value="24" data-month="1" data-year="2026" class="rdtDay">24</td>
1381
+ <td data-value="25" data-month="1" data-year="2026" class="rdtDay">25</td>
1382
+ <td data-value="26" data-month="1" data-year="2026" class="rdtDay">26</td>
1383
+ <td data-value="27" data-month="1" data-year="2026" class="rdtDay">27</td>
1384
+ <td data-value="28" data-month="1" data-year="2026" class="rdtDay">28</td>
1285
1385
  </tr>
1286
1386
  <tr>
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>
1387
+ <td data-value="1" data-month="2" data-year="2026" class="rdtDay rdtNew">1</td>
1388
+ <td data-value="2" data-month="2" data-year="2026" class="rdtDay rdtNew">2</td>
1389
+ <td data-value="3" data-month="2" data-year="2026" class="rdtDay rdtNew">3</td>
1390
+ <td data-value="4" data-month="2" data-year="2026" class="rdtDay rdtNew">4</td>
1391
+ <td data-value="5" data-month="2" data-year="2026" class="rdtDay rdtNew">5</td>
1392
+ <td data-value="6" data-month="2" data-year="2026" class="rdtDay rdtNew">6</td>
1393
+ <td data-value="7" data-month="2" data-year="2026" class="rdtDay rdtNew">7</td>
1294
1394
  </tr>
1295
1395
  </tbody>
1296
1396
  <tfoot>
@@ -1341,7 +1441,7 @@ export default () => {
1341
1441
  <th class="rdtPrev">
1342
1442
  <span>‹</span>
1343
1443
  </th>
1344
- <th class="rdtSwitch" colspan="5" data-value="0">January 2026</th>
1444
+ <th class="rdtSwitch" colspan="5" data-value="1">February 2026</th>
1345
1445
  <th class="rdtNext">
1346
1446
  <span>›</span>
1347
1447
  </th>
@@ -1358,58 +1458,58 @@ export default () => {
1358
1458
  </thead>
1359
1459
  <tbody>
1360
1460
  <tr>
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>
1461
+ <td data-value="25" data-month="0" data-year="2026" class="rdtDay rdtOld">25</td>
1462
+ <td data-value="26" data-month="0" data-year="2026" class="rdtDay rdtOld">26</td>
1463
+ <td data-value="27" data-month="0" data-year="2026" class="rdtDay rdtOld">27</td>
1464
+ <td data-value="28" data-month="0" data-year="2026" class="rdtDay rdtOld">28</td>
1465
+ <td data-value="29" data-month="0" data-year="2026" class="rdtDay rdtOld">29</td>
1466
+ <td data-value="30" data-month="0" data-year="2026" class="rdtDay rdtOld">30</td>
1467
+ <td data-value="31" data-month="0" data-year="2026" class="rdtDay rdtOld">31</td>
1368
1468
  </tr>
1369
1469
  <tr>
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>
1470
+ <td data-value="1" data-month="1" data-year="2026" class="rdtDay">1</td>
1471
+ <td data-value="2" data-month="1" data-year="2026" class="rdtDay">2</td>
1472
+ <td data-value="3" data-month="1" data-year="2026" class="rdtDay rdtToday">3</td>
1473
+ <td data-value="4" data-month="1" data-year="2026" class="rdtDay">4</td>
1474
+ <td data-value="5" data-month="1" data-year="2026" class="rdtDay">5</td>
1475
+ <td data-value="6" data-month="1" data-year="2026" class="rdtDay">6</td>
1476
+ <td data-value="7" data-month="1" data-year="2026" class="rdtDay">7</td>
1377
1477
  </tr>
1378
1478
  <tr>
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>
1479
+ <td data-value="8" data-month="1" data-year="2026" class="rdtDay">8</td>
1480
+ <td data-value="9" data-month="1" data-year="2026" class="rdtDay">9</td>
1481
+ <td data-value="10" data-month="1" data-year="2026" class="rdtDay">10</td>
1482
+ <td data-value="11" data-month="1" data-year="2026" class="rdtDay">11</td>
1483
+ <td data-value="12" data-month="1" data-year="2026" class="rdtDay">12</td>
1484
+ <td data-value="13" data-month="1" data-year="2026" class="rdtDay">13</td>
1485
+ <td data-value="14" data-month="1" data-year="2026" class="rdtDay">14</td>
1386
1486
  </tr>
1387
1487
  <tr>
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>
1488
+ <td data-value="15" data-month="1" data-year="2026" class="rdtDay">15</td>
1489
+ <td data-value="16" data-month="1" data-year="2026" class="rdtDay">16</td>
1490
+ <td data-value="17" data-month="1" data-year="2026" class="rdtDay">17</td>
1491
+ <td data-value="18" data-month="1" data-year="2026" class="rdtDay">18</td>
1492
+ <td data-value="19" data-month="1" data-year="2026" class="rdtDay">19</td>
1493
+ <td data-value="20" data-month="1" data-year="2026" class="rdtDay">20</td>
1494
+ <td data-value="21" data-month="1" data-year="2026" class="rdtDay">21</td>
1395
1495
  </tr>
1396
1496
  <tr>
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>
1497
+ <td data-value="22" data-month="1" data-year="2026" class="rdtDay">22</td>
1498
+ <td data-value="23" data-month="1" data-year="2026" class="rdtDay">23</td>
1499
+ <td data-value="24" data-month="1" data-year="2026" class="rdtDay">24</td>
1500
+ <td data-value="25" data-month="1" data-year="2026" class="rdtDay">25</td>
1501
+ <td data-value="26" data-month="1" data-year="2026" class="rdtDay">26</td>
1502
+ <td data-value="27" data-month="1" data-year="2026" class="rdtDay">27</td>
1503
+ <td data-value="28" data-month="1" data-year="2026" class="rdtDay">28</td>
1404
1504
  </tr>
1405
1505
  <tr>
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>
1506
+ <td data-value="1" data-month="2" data-year="2026" class="rdtDay rdtNew">1</td>
1507
+ <td data-value="2" data-month="2" data-year="2026" class="rdtDay rdtNew">2</td>
1508
+ <td data-value="3" data-month="2" data-year="2026" class="rdtDay rdtNew">3</td>
1509
+ <td data-value="4" data-month="2" data-year="2026" class="rdtDay rdtNew">4</td>
1510
+ <td data-value="5" data-month="2" data-year="2026" class="rdtDay rdtNew">5</td>
1511
+ <td data-value="6" data-month="2" data-year="2026" class="rdtDay rdtNew">6</td>
1512
+ <td data-value="7" data-month="2" data-year="2026" class="rdtDay rdtNew">7</td>
1413
1513
  </tr>
1414
1514
  </tbody>
1415
1515
  </table>
@@ -1503,7 +1603,7 @@ export default () => {
1503
1603
  </span>
1504
1604
  </span>
1505
1605
  <div class="ClearableInput input-group">
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;">
1606
+ <input type="text" class="form-control" disabled="" value="02/03/2026 3:04 PM" style="border-top-right-radius: 0px; border-bottom-right-radius: 0px;">
1507
1607
  </div>
1508
1608
  </div>
1509
1609
  <div class="rdtPicker">
@@ -1514,7 +1614,7 @@ export default () => {
1514
1614
  <th class="rdtPrev">
1515
1615
  <span>‹</span>
1516
1616
  </th>
1517
- <th class="rdtSwitch" colspan="5" data-value="0">January 2026</th>
1617
+ <th class="rdtSwitch" colspan="5" data-value="1">February 2026</th>
1518
1618
  <th class="rdtNext">
1519
1619
  <span>›</span>
1520
1620
  </th>
@@ -1531,63 +1631,63 @@ export default () => {
1531
1631
  </thead>
1532
1632
  <tbody>
1533
1633
  <tr>
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>
1634
+ <td data-value="25" data-month="0" data-year="2026" class="rdtDay rdtOld">25</td>
1635
+ <td data-value="26" data-month="0" data-year="2026" class="rdtDay rdtOld">26</td>
1636
+ <td data-value="27" data-month="0" data-year="2026" class="rdtDay rdtOld">27</td>
1637
+ <td data-value="28" data-month="0" data-year="2026" class="rdtDay rdtOld">28</td>
1638
+ <td data-value="29" data-month="0" data-year="2026" class="rdtDay rdtOld">29</td>
1639
+ <td data-value="30" data-month="0" data-year="2026" class="rdtDay rdtOld">30</td>
1640
+ <td data-value="31" data-month="0" data-year="2026" class="rdtDay rdtOld">31</td>
1541
1641
  </tr>
1542
1642
  <tr>
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>
1643
+ <td data-value="1" data-month="1" data-year="2026" class="rdtDay">1</td>
1644
+ <td data-value="2" data-month="1" data-year="2026" class="rdtDay">2</td>
1645
+ <td data-value="3" data-month="1" data-year="2026" class="rdtDay rdtActive rdtToday">3</td>
1646
+ <td data-value="4" data-month="1" data-year="2026" class="rdtDay">4</td>
1647
+ <td data-value="5" data-month="1" data-year="2026" class="rdtDay">5</td>
1648
+ <td data-value="6" data-month="1" data-year="2026" class="rdtDay">6</td>
1649
+ <td data-value="7" data-month="1" data-year="2026" class="rdtDay">7</td>
1550
1650
  </tr>
1551
1651
  <tr>
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>
1652
+ <td data-value="8" data-month="1" data-year="2026" class="rdtDay">8</td>
1653
+ <td data-value="9" data-month="1" data-year="2026" class="rdtDay">9</td>
1654
+ <td data-value="10" data-month="1" data-year="2026" class="rdtDay">10</td>
1655
+ <td data-value="11" data-month="1" data-year="2026" class="rdtDay">11</td>
1656
+ <td data-value="12" data-month="1" data-year="2026" class="rdtDay">12</td>
1657
+ <td data-value="13" data-month="1" data-year="2026" class="rdtDay">13</td>
1658
+ <td data-value="14" data-month="1" data-year="2026" class="rdtDay">14</td>
1559
1659
  </tr>
1560
1660
  <tr>
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>
1661
+ <td data-value="15" data-month="1" data-year="2026" class="rdtDay">15</td>
1662
+ <td data-value="16" data-month="1" data-year="2026" class="rdtDay">16</td>
1663
+ <td data-value="17" data-month="1" data-year="2026" class="rdtDay">17</td>
1664
+ <td data-value="18" data-month="1" data-year="2026" class="rdtDay">18</td>
1665
+ <td data-value="19" data-month="1" data-year="2026" class="rdtDay">19</td>
1666
+ <td data-value="20" data-month="1" data-year="2026" class="rdtDay">20</td>
1667
+ <td data-value="21" data-month="1" data-year="2026" class="rdtDay">21</td>
1568
1668
  </tr>
1569
1669
  <tr>
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>
1670
+ <td data-value="22" data-month="1" data-year="2026" class="rdtDay">22</td>
1671
+ <td data-value="23" data-month="1" data-year="2026" class="rdtDay">23</td>
1672
+ <td data-value="24" data-month="1" data-year="2026" class="rdtDay">24</td>
1673
+ <td data-value="25" data-month="1" data-year="2026" class="rdtDay">25</td>
1674
+ <td data-value="26" data-month="1" data-year="2026" class="rdtDay">26</td>
1675
+ <td data-value="27" data-month="1" data-year="2026" class="rdtDay">27</td>
1676
+ <td data-value="28" data-month="1" data-year="2026" class="rdtDay">28</td>
1577
1677
  </tr>
1578
1678
  <tr>
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>
1679
+ <td data-value="1" data-month="2" data-year="2026" class="rdtDay rdtNew">1</td>
1680
+ <td data-value="2" data-month="2" data-year="2026" class="rdtDay rdtNew">2</td>
1681
+ <td data-value="3" data-month="2" data-year="2026" class="rdtDay rdtNew">3</td>
1682
+ <td data-value="4" data-month="2" data-year="2026" class="rdtDay rdtNew">4</td>
1683
+ <td data-value="5" data-month="2" data-year="2026" class="rdtDay rdtNew">5</td>
1684
+ <td data-value="6" data-month="2" data-year="2026" class="rdtDay rdtNew">6</td>
1685
+ <td data-value="7" data-month="2" data-year="2026" class="rdtDay rdtNew">7</td>
1586
1686
  </tr>
1587
1687
  </tbody>
1588
1688
  <tfoot>
1589
1689
  <tr>
1590
- <td colspan="7" class="rdtTimeToggle">10:07 AM</td>
1690
+ <td colspan="7" class="rdtTimeToggle">3:04 PM</td>
1591
1691
  </tr>
1592
1692
  </tfoot>
1593
1693
  </table>
@@ -1604,4 +1704,28 @@ export default () => {
1604
1704
  </div>
1605
1705
  </div>
1606
1706
  </div>
1607
- ```
1707
+ ```
1708
+
1709
+ #### Props: SaveableDateInput
1710
+
1711
+ ### SaveableDateInput
1712
+
1713
+ | Name | Type | Default | Description |
1714
+ | --- | --- | --- | --- |
1715
+ | placeholder | string | — | The input placeholder. |
1716
+ | value | Date \| Moment \| string | — | The actual input value. |
1717
+ | isValid | boolean | true | Used to control the save button from the outside to disable it in case the entered value is not valid. |
1718
+ | errorMessage | string \| React.ReactNode | — | This is the error message that is shown below the input. It uses the built-in error handling, and will be shown when the "isValid" prop is set to false. |
1719
+ | 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. |
1720
+ | onValueChanged | (value: Moment \| string, previousValue: Moment \| string \| Date) => void | — | Callback function triggered when the value changes and is saved. |
1721
+ | 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. |
1722
+ | onEnterEdit | () => void | — | 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. |
1723
+ | onExitEdit | (wasSaved: boolean) => void | — | Callback function that gets triggered when edit mode is exited (either saved or cancelled). |
1724
+ | onCancel | () => void | — | 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. |
1725
+ | 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 |
1726
+ | buttonStyle | 'primary' \| 'default' | 'primary' | Defines the button style: default or primary. |
1727
+ | inputProps | HTMLAttributes<HTMLInputElement> | — | Additional HTML attributes to be set on the input element. |
1728
+ | datePickerProps | DatePickerProps | {} | Additional props passed to the underlying DatePicker component. |
1729
+ | disabled | boolean | false | Disables the component so the user cannot enter the edit mode. |
1730
+ | inputClassName | string | — | Additional classes to be set on the input itself. |
1731
+ | className | string | — | Additional classes to be set on the wrapper element. |