@rio-cloud/uikit-mcp 1.1.3 → 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 (190) hide show
  1. package/dist/doc-metadata.json +97 -97
  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 +3 -16
  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 +44 -572
  9. package/dist/docs/components/appNavigationBar.md +2 -54
  10. package/dist/docs/components/areaCharts.md +38 -38
  11. package/dist/docs/components/aspectRatioPlaceholder.md +2 -11
  12. package/dist/docs/components/assetTree.md +417 -991
  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 +187 -187
  17. package/dist/docs/components/barList.md +10 -44
  18. package/dist/docs/components/basicMap.md +1 -1
  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 +46 -72
  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 +2 -2
  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 +32 -74
  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 -4511
  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 +4 -4
  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 +58 -58
  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 +1 -1
  56. package/dist/docs/components/mapCluster.md +1 -1
  57. package/dist/docs/components/mapContext.md +1 -1
  58. package/dist/docs/components/mapDraggableMarker.md +1 -1
  59. package/dist/docs/components/mapGettingStarted.md +1 -1
  60. package/dist/docs/components/mapInfoBubble.md +1 -1
  61. package/dist/docs/components/mapLayerGroup.md +1 -1
  62. package/dist/docs/components/mapMarker.md +339 -345
  63. package/dist/docs/components/mapPolygon.md +16 -20
  64. package/dist/docs/components/mapRoute.md +14 -20
  65. package/dist/docs/components/mapRouteGenerator.md +1 -1
  66. package/dist/docs/components/mapSettings.md +263 -274
  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 +124 -124
  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 +21 -135
  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 +119 -119
  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 +79 -26
  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 +203 -203
  133. package/dist/docs/templates/loading-progress.md +1 -1
  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 +58 -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 +92 -92
  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 +1 -1
  189. package/dist/version.json +2 -2
  190. package/package.json +1 -1
package/dist/docs/components/datepickers.md CHANGED
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Pickers
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/datepickers
6
- *Captured:* 2026-01-07T12:11:31.140Z
6
+ *Captured:* 2026-01-14T09:07:21.980Z
7
7
 
8
8
  A wrapper component for react-datetime. It has a Moment.js peer dependency, which means it needs to add to your list of dependencies to work correctly.
9
9
 
@@ -143,7 +143,7 @@ SuMoTuWeThFrSa
143
143
  25262728293031
144
144
  1234567
145
145
 
146
- 01:11
146
+ 10:07
147
147
 
148
148
  This is an error message
149
149
 
@@ -323,7 +323,7 @@ SuMoTuWeThFrSa
323
323
  25262728293031
324
324
  1234567
325
325
 
326
- 01:11
326
+ 10:07
327
327
 
328
328
  This is an error message
329
329
 
@@ -582,7 +582,7 @@ export default () => (
582
582
  <td data-value="4" data-month="0" data-year="2026" class="rdtDay">4</td>
583
583
  <td data-value="5" data-month="0" data-year="2026" class="rdtDay">5</td>
584
584
  <td data-value="6" data-month="0" data-year="2026" class="rdtDay">6</td>
585
- <td data-value="7" data-month="0" data-year="2026" class="rdtDay rdtToday">7</td>
585
+ <td data-value="7" data-month="0" data-year="2026" class="rdtDay">7</td>
586
586
  <td data-value="8" data-month="0" data-year="2026" class="rdtDay">8</td>
587
587
  <td data-value="9" data-month="0" data-year="2026" class="rdtDay">9</td>
588
588
  <td data-value="10" data-month="0" data-year="2026" class="rdtDay">10</td>
@@ -591,7 +591,7 @@ export default () => (
591
591
  <td data-value="11" data-month="0" data-year="2026" class="rdtDay">11</td>
592
592
  <td data-value="12" data-month="0" data-year="2026" class="rdtDay">12</td>
593
593
  <td data-value="13" data-month="0" data-year="2026" class="rdtDay">13</td>
594
- <td data-value="14" data-month="0" data-year="2026" class="rdtDay">14</td>
594
+ <td data-value="14" data-month="0" data-year="2026" class="rdtDay rdtToday">14</td>
595
595
  <td data-value="15" data-month="0" data-year="2026" class="rdtDay">15</td>
596
596
  <td data-value="16" data-month="0" data-year="2026" class="rdtDay">16</td>
597
597
  <td data-value="17" data-month="0" data-year="2026" class="rdtDay">17</td>
@@ -688,7 +688,7 @@ export default () => (
688
688
  <td data-value="4" data-month="0" data-year="2026" class="rdtDay">4</td>
689
689
  <td data-value="5" data-month="0" data-year="2026" class="rdtDay">5</td>
690
690
  <td data-value="6" data-month="0" data-year="2026" class="rdtDay">6</td>
691
- <td data-value="7" data-month="0" data-year="2026" class="rdtDay rdtToday">7</td>
691
+ <td data-value="7" data-month="0" data-year="2026" class="rdtDay">7</td>
692
692
  <td data-value="8" data-month="0" data-year="2026" class="rdtDay">8</td>
693
693
  <td data-value="9" data-month="0" data-year="2026" class="rdtDay">9</td>
694
694
  <td data-value="10" data-month="0" data-year="2026" class="rdtDay">10</td>
@@ -697,7 +697,7 @@ export default () => (
697
697
  <td data-value="11" data-month="0" data-year="2026" class="rdtDay">11</td>
698
698
  <td data-value="12" data-month="0" data-year="2026" class="rdtDay">12</td>
699
699
  <td data-value="13" data-month="0" data-year="2026" class="rdtDay">13</td>
700
- <td data-value="14" data-month="0" data-year="2026" class="rdtDay">14</td>
700
+ <td data-value="14" data-month="0" data-year="2026" class="rdtDay rdtToday">14</td>
701
701
  <td data-value="15" data-month="0" data-year="2026" class="rdtDay">15</td>
702
702
  <td data-value="16" data-month="0" data-year="2026" class="rdtDay">16</td>
703
703
  <td data-value="17" data-month="0" data-year="2026" class="rdtDay">17</td>
@@ -883,7 +883,7 @@ export default () => (
883
883
  <td data-value="4" data-month="0" data-year="2026" class="rdtDay">4</td>
884
884
  <td data-value="5" data-month="0" data-year="2026" class="rdtDay">5</td>
885
885
  <td data-value="6" data-month="0" data-year="2026" class="rdtDay">6</td>
886
- <td data-value="7" data-month="0" data-year="2026" class="rdtDay rdtToday">7</td>
886
+ <td data-value="7" data-month="0" data-year="2026" class="rdtDay">7</td>
887
887
  <td data-value="8" data-month="0" data-year="2026" class="rdtDay">8</td>
888
888
  <td data-value="9" data-month="0" data-year="2026" class="rdtDay">9</td>
889
889
  <td data-value="10" data-month="0" data-year="2026" class="rdtDay">10</td>
@@ -892,7 +892,7 @@ export default () => (
892
892
  <td data-value="11" data-month="0" data-year="2026" class="rdtDay">11</td>
893
893
  <td data-value="12" data-month="0" data-year="2026" class="rdtDay">12</td>
894
894
  <td data-value="13" data-month="0" data-year="2026" class="rdtDay">13</td>
895
- <td data-value="14" data-month="0" data-year="2026" class="rdtDay">14</td>
895
+ <td data-value="14" data-month="0" data-year="2026" class="rdtDay rdtToday">14</td>
896
896
  <td data-value="15" data-month="0" data-year="2026" class="rdtDay">15</td>
897
897
  <td data-value="16" data-month="0" data-year="2026" class="rdtDay">16</td>
898
898
  <td data-value="17" data-month="0" data-year="2026" class="rdtDay">17</td>
@@ -984,7 +984,7 @@ export default () => (
984
984
  <td data-value="4" data-month="0" data-year="2026" class="rdtDay">4</td>
985
985
  <td data-value="5" data-month="0" data-year="2026" class="rdtDay">5</td>
986
986
  <td data-value="6" data-month="0" data-year="2026" class="rdtDay">6</td>
987
- <td data-value="7" data-month="0" data-year="2026" class="rdtDay rdtToday">7</td>
987
+ <td data-value="7" data-month="0" data-year="2026" class="rdtDay">7</td>
988
988
  <td data-value="8" data-month="0" data-year="2026" class="rdtDay">8</td>
989
989
  <td data-value="9" data-month="0" data-year="2026" class="rdtDay">9</td>
990
990
  <td data-value="10" data-month="0" data-year="2026" class="rdtDay">10</td>
@@ -993,7 +993,7 @@ export default () => (
993
993
  <td data-value="11" data-month="0" data-year="2026" class="rdtDay">11</td>
994
994
  <td data-value="12" data-month="0" data-year="2026" class="rdtDay">12</td>
995
995
  <td data-value="13" data-month="0" data-year="2026" class="rdtDay">13</td>
996
- <td data-value="14" data-month="0" data-year="2026" class="rdtDay">14</td>
996
+ <td data-value="14" data-month="0" data-year="2026" class="rdtDay rdtToday">14</td>
997
997
  <td data-value="15" data-month="0" data-year="2026" class="rdtDay">15</td>
998
998
  <td data-value="16" data-month="0" data-year="2026" class="rdtDay">16</td>
999
999
  <td data-value="17" data-month="0" data-year="2026" class="rdtDay">17</td>
@@ -1093,7 +1093,7 @@ export default () => (
1093
1093
  <td data-value="4" data-month="0" data-year="2026" class="rdtDay">4</td>
1094
1094
  <td data-value="5" data-month="0" data-year="2026" class="rdtDay">5</td>
1095
1095
  <td data-value="6" data-month="0" data-year="2026" class="rdtDay">6</td>
1096
- <td data-value="7" data-month="0" data-year="2026" class="rdtDay rdtToday">7</td>
1096
+ <td data-value="7" data-month="0" data-year="2026" class="rdtDay">7</td>
1097
1097
  <td data-value="8" data-month="0" data-year="2026" class="rdtDay">8</td>
1098
1098
  <td data-value="9" data-month="0" data-year="2026" class="rdtDay">9</td>
1099
1099
  <td data-value="10" data-month="0" data-year="2026" class="rdtDay">10</td>
@@ -1102,7 +1102,7 @@ export default () => (
1102
1102
  <td data-value="11" data-month="0" data-year="2026" class="rdtDay">11</td>
1103
1103
  <td data-value="12" data-month="0" data-year="2026" class="rdtDay">12</td>
1104
1104
  <td data-value="13" data-month="0" data-year="2026" class="rdtDay">13</td>
1105
- <td data-value="14" data-month="0" data-year="2026" class="rdtDay">14</td>
1105
+ <td data-value="14" data-month="0" data-year="2026" class="rdtDay rdtToday">14</td>
1106
1106
  <td data-value="15" data-month="0" data-year="2026" class="rdtDay">15</td>
1107
1107
  <td data-value="16" data-month="0" data-year="2026" class="rdtDay">16</td>
1108
1108
  <td data-value="17" data-month="0" data-year="2026" class="rdtDay">17</td>
@@ -1200,7 +1200,7 @@ export default () => (
1200
1200
  <td data-value="4" data-month="0" data-year="2026" class="rdtDay">4</td>
1201
1201
  <td data-value="5" data-month="0" data-year="2026" class="rdtDay">5</td>
1202
1202
  <td data-value="6" data-month="0" data-year="2026" class="rdtDay">6</td>
1203
- <td data-value="7" data-month="0" data-year="2026" class="rdtDay rdtToday">7</td>
1203
+ <td data-value="7" data-month="0" data-year="2026" class="rdtDay">7</td>
1204
1204
  <td data-value="8" data-month="0" data-year="2026" class="rdtDay">8</td>
1205
1205
  <td data-value="9" data-month="0" data-year="2026" class="rdtDay">9</td>
1206
1206
  <td data-value="10" data-month="0" data-year="2026" class="rdtDay">10</td>
@@ -1209,7 +1209,7 @@ export default () => (
1209
1209
  <td data-value="11" data-month="0" data-year="2026" class="rdtDay">11</td>
1210
1210
  <td data-value="12" data-month="0" data-year="2026" class="rdtDay">12</td>
1211
1211
  <td data-value="13" data-month="0" data-year="2026" class="rdtDay">13</td>
1212
- <td data-value="14" data-month="0" data-year="2026" class="rdtDay">14</td>
1212
+ <td data-value="14" data-month="0" data-year="2026" class="rdtDay rdtToday">14</td>
1213
1213
  <td data-value="15" data-month="0" data-year="2026" class="rdtDay">15</td>
1214
1214
  <td data-value="16" data-month="0" data-year="2026" class="rdtDay">16</td>
1215
1215
  <td data-value="17" data-month="0" data-year="2026" class="rdtDay">17</td>
@@ -1304,7 +1304,7 @@ export default () => (
1304
1304
  <td data-value="4" data-month="0" data-year="2026" class="rdtDay">4</td>
1305
1305
  <td data-value="5" data-month="0" data-year="2026" class="rdtDay">5</td>
1306
1306
  <td data-value="6" data-month="0" data-year="2026" class="rdtDay">6</td>
1307
- <td data-value="7" data-month="0" data-year="2026" class="rdtDay rdtToday">7</td>
1307
+ <td data-value="7" data-month="0" data-year="2026" class="rdtDay">7</td>
1308
1308
  <td data-value="8" data-month="0" data-year="2026" class="rdtDay">8</td>
1309
1309
  <td data-value="9" data-month="0" data-year="2026" class="rdtDay">9</td>
1310
1310
  <td data-value="10" data-month="0" data-year="2026" class="rdtDay">10</td>
@@ -1313,7 +1313,7 @@ export default () => (
1313
1313
  <td data-value="11" data-month="0" data-year="2026" class="rdtDay">11</td>
1314
1314
  <td data-value="12" data-month="0" data-year="2026" class="rdtDay">12</td>
1315
1315
  <td data-value="13" data-month="0" data-year="2026" class="rdtDay">13</td>
1316
- <td data-value="14" data-month="0" data-year="2026" class="rdtDay">14</td>
1316
+ <td data-value="14" data-month="0" data-year="2026" class="rdtDay rdtToday">14</td>
1317
1317
  <td data-value="15" data-month="0" data-year="2026" class="rdtDay">15</td>
1318
1318
  <td data-value="16" data-month="0" data-year="2026" class="rdtDay">16</td>
1319
1319
  <td data-value="17" data-month="0" data-year="2026" class="rdtDay">17</td>
@@ -1372,7 +1372,7 @@ export default () => (
1372
1372
  </span>
1373
1373
  </span>
1374
1374
  <div class="ClearableInput input-group">
1375
- <input type="text" class="form-control" id="rdp-error-2" placeholder="Select Date" value="2026-01-07 01:11">
1375
+ <input type="text" class="form-control" id="rdp-error-2" placeholder="Select Date" value="2026-01-14 10:07">
1376
1376
  <span class="clearButton">
1377
1377
  <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
1378
1378
  </span>
@@ -1416,7 +1416,7 @@ export default () => (
1416
1416
  <td data-value="4" data-month="0" data-year="2026" class="rdtDay">4</td>
1417
1417
  <td data-value="5" data-month="0" data-year="2026" class="rdtDay">5</td>
1418
1418
  <td data-value="6" data-month="0" data-year="2026" class="rdtDay">6</td>
1419
- <td data-value="7" data-month="0" data-year="2026" class="rdtDay rdtActive rdtToday">7</td>
1419
+ <td data-value="7" data-month="0" data-year="2026" class="rdtDay">7</td>
1420
1420
  <td data-value="8" data-month="0" data-year="2026" class="rdtDay">8</td>
1421
1421
  <td data-value="9" data-month="0" data-year="2026" class="rdtDay">9</td>
1422
1422
  <td data-value="10" data-month="0" data-year="2026" class="rdtDay">10</td>
@@ -1425,7 +1425,7 @@ export default () => (
1425
1425
  <td data-value="11" data-month="0" data-year="2026" class="rdtDay">11</td>
1426
1426
  <td data-value="12" data-month="0" data-year="2026" class="rdtDay">12</td>
1427
1427
  <td data-value="13" data-month="0" data-year="2026" class="rdtDay">13</td>
1428
- <td data-value="14" data-month="0" data-year="2026" class="rdtDay">14</td>
1428
+ <td data-value="14" data-month="0" data-year="2026" class="rdtDay rdtActive rdtToday">14</td>
1429
1429
  <td data-value="15" data-month="0" data-year="2026" class="rdtDay">15</td>
1430
1430
  <td data-value="16" data-month="0" data-year="2026" class="rdtDay">16</td>
1431
1431
  <td data-value="17" data-month="0" data-year="2026" class="rdtDay">17</td>
@@ -1460,7 +1460,7 @@ export default () => (
1460
1460
  </tbody>
1461
1461
  <tfoot>
1462
1462
  <tr>
1463
- <td colspan="7" class="rdtTimeToggle">01:11</td>
1463
+ <td colspan="7" class="rdtTimeToggle">10:07</td>
1464
1464
  </tr>
1465
1465
  </tfoot>
1466
1466
  </table>
@@ -1530,7 +1530,7 @@ export default () => (
1530
1530
  <td data-value="4" data-month="0" data-year="2026" class="rdtDay">4</td>
1531
1531
  <td data-value="5" data-month="0" data-year="2026" class="rdtDay">5</td>
1532
1532
  <td data-value="6" data-month="0" data-year="2026" class="rdtDay">6</td>
1533
- <td data-value="7" data-month="0" data-year="2026" class="rdtDay rdtToday">7</td>
1533
+ <td data-value="7" data-month="0" data-year="2026" class="rdtDay">7</td>
1534
1534
  <td data-value="8" data-month="0" data-year="2026" class="rdtDay">8</td>
1535
1535
  <td data-value="9" data-month="0" data-year="2026" class="rdtDay">9</td>
1536
1536
  <td data-value="10" data-month="0" data-year="2026" class="rdtDay">10</td>
@@ -1539,7 +1539,7 @@ export default () => (
1539
1539
  <td data-value="11" data-month="0" data-year="2026" class="rdtDay">11</td>
1540
1540
  <td data-value="12" data-month="0" data-year="2026" class="rdtDay">12</td>
1541
1541
  <td data-value="13" data-month="0" data-year="2026" class="rdtDay">13</td>
1542
- <td data-value="14" data-month="0" data-year="2026" class="rdtDay">14</td>
1542
+ <td data-value="14" data-month="0" data-year="2026" class="rdtDay rdtToday">14</td>
1543
1543
  <td data-value="15" data-month="0" data-year="2026" class="rdtDay">15</td>
1544
1544
  <td data-value="16" data-month="0" data-year="2026" class="rdtDay">16</td>
1545
1545
  <td data-value="17" data-month="0" data-year="2026" class="rdtDay">17</td>
@@ -1635,7 +1635,7 @@ export default () => (
1635
1635
  <td data-value="4" data-month="0" data-year="2026" class="rdtDay">4</td>
1636
1636
  <td data-value="5" data-month="0" data-year="2026" class="rdtDay">5</td>
1637
1637
  <td data-value="6" data-month="0" data-year="2026" class="rdtDay">6</td>
1638
- <td data-value="7" data-month="0" data-year="2026" class="rdtDay rdtToday">7</td>
1638
+ <td data-value="7" data-month="0" data-year="2026" class="rdtDay">7</td>
1639
1639
  <td data-value="8" data-month="0" data-year="2026" class="rdtDay">8</td>
1640
1640
  <td data-value="9" data-month="0" data-year="2026" class="rdtDay">9</td>
1641
1641
  <td data-value="10" data-month="0" data-year="2026" class="rdtDay">10</td>
@@ -1644,7 +1644,7 @@ export default () => (
1644
1644
  <td data-value="11" data-month="0" data-year="2026" class="rdtDay">11</td>
1645
1645
  <td data-value="12" data-month="0" data-year="2026" class="rdtDay">12</td>
1646
1646
  <td data-value="13" data-month="0" data-year="2026" class="rdtDay">13</td>
1647
- <td data-value="14" data-month="0" data-year="2026" class="rdtDay">14</td>
1647
+ <td data-value="14" data-month="0" data-year="2026" class="rdtDay rdtToday">14</td>
1648
1648
  <td data-value="15" data-month="0" data-year="2026" class="rdtDay">15</td>
1649
1649
  <td data-value="16" data-month="0" data-year="2026" class="rdtDay">16</td>
1650
1650
  <td data-value="17" data-month="0" data-year="2026" class="rdtDay">17</td>
@@ -1744,7 +1744,7 @@ export default () => (
1744
1744
  <td data-value="4" data-month="0" data-year="2026" class="rdtDay">4</td>
1745
1745
  <td data-value="5" data-month="0" data-year="2026" class="rdtDay">5</td>
1746
1746
  <td data-value="6" data-month="0" data-year="2026" class="rdtDay">6</td>
1747
- <td data-value="7" data-month="0" data-year="2026" class="rdtDay rdtToday">7</td>
1747
+ <td data-value="7" data-month="0" data-year="2026" class="rdtDay">7</td>
1748
1748
  <td data-value="8" data-month="0" data-year="2026" class="rdtDay">8</td>
1749
1749
  <td data-value="9" data-month="0" data-year="2026" class="rdtDay">9</td>
1750
1750
  <td data-value="10" data-month="0" data-year="2026" class="rdtDay">10</td>
@@ -1753,7 +1753,7 @@ export default () => (
1753
1753
  <td data-value="11" data-month="0" data-year="2026" class="rdtDay">11</td>
1754
1754
  <td data-value="12" data-month="0" data-year="2026" class="rdtDay">12</td>
1755
1755
  <td data-value="13" data-month="0" data-year="2026" class="rdtDay">13</td>
1756
- <td data-value="14" data-month="0" data-year="2026" class="rdtDay">14</td>
1756
+ <td data-value="14" data-month="0" data-year="2026" class="rdtDay rdtToday">14</td>
1757
1757
  <td data-value="15" data-month="0" data-year="2026" class="rdtDay">15</td>
1758
1758
  <td data-value="16" data-month="0" data-year="2026" class="rdtDay">16</td>
1759
1759
  <td data-value="17" data-month="0" data-year="2026" class="rdtDay">17</td>
@@ -1805,27 +1805,6 @@ export default () => (
1805
1805
  </div>
1806
1806
  ```
1807
1807
 
1808
- #### Props
1809
-
1810
- | Name | Type | Default | Description |
1811
- | --- | --- | --- | --- |
1812
- | id | String | — | An id used for the internal input element. |
1813
- | initialValue | Date / Moment | — | Default value of the DatePicker (date or moment). |
1814
- | value | Object | — | Value of the DatePicker (date or moment). Use this only if you want to use this component as a controlled component |
1815
- | onChange | (value: Moment \| string, isValid: boolean) => void | () => {} | Callback function when the value changes. Receives the new date (moment) and a boolean (whether date is valid or not) as arguments. |
1816
- | locale | String | 'en-GB' | Locale for date format. |
1817
- | dropup | Boolean | false | Defines whether the dropdown opens upwards or not. |
1818
- | clearableInput | Boolean | false | Defines whether the clearableInput button is shown. |
1819
- | closeOnSelect | Boolean | true | Once the day has been selected, the date picker will be closed automatically. |
1820
- | alignRight | boolean | — | Opens the picker right aligned. |
1821
- | minWidth | Number | 0 | Optional min-width value (without px). Since the DatePicker has a max-width of 100% you can also set a high minWidth number to use 100% with of the parent element. A value of "0" means no extra width is set and it becomes 100% width of the parent. |
1822
- | dateValidation | (date: Date \| string \| Moment) => boolean | — | Overwrites the internal date validation function in case you need to customize it. |
1823
- | dateFormat | Boolean \| String | — | Defines the format for the date. It accepts any moment.js date format. If true the date will be displayed using the defaults for the current locale. If false the date picker is disabled and the component can be used as time picker. |
1824
- | timeFormat | Boolean \| String | — | Defines the format for the time. It accepts any moment.js time format. If true the time will be displayed using the defaults for the current locale. If false the time picker is disabled and the component can be used as date picker. |
1825
- | mandatory | Boolean | true | Defines whether the input shows an error when the date is invalid or cleared. |
1826
- | inputProps | React.HTMLProps<HTMLInputElement> | — | Defines additional attributes for the input element of the component. |
1827
- | className | String | — | Additional classes to be set on the DatePicker element. |
1828
-
1829
1808
  ### Example: Example 2
1830
1809
 
1831
1810
  ‹January 2026›
@@ -1938,7 +1917,7 @@ export default () => {
1938
1917
  <td data-value="4" data-month="0" data-year="2026" class="rdtDay">4</td>
1939
1918
  <td data-value="5" data-month="0" data-year="2026" class="rdtDay">5</td>
1940
1919
  <td data-value="6" data-month="0" data-year="2026" class="rdtDay">6</td>
1941
- <td data-value="7" data-month="0" data-year="2026" class="rdtDay rdtToday">7</td>
1920
+ <td data-value="7" data-month="0" data-year="2026" class="rdtDay">7</td>
1942
1921
  <td data-value="8" data-month="0" data-year="2026" class="rdtDay">8</td>
1943
1922
  <td data-value="9" data-month="0" data-year="2026" class="rdtDay">9</td>
1944
1923
  <td data-value="10" data-month="0" data-year="2026" class="rdtDay">10</td>
@@ -1947,7 +1926,7 @@ export default () => {
1947
1926
  <td data-value="11" data-month="0" data-year="2026" class="rdtDay">11</td>
1948
1927
  <td data-value="12" data-month="0" data-year="2026" class="rdtDay">12</td>
1949
1928
  <td data-value="13" data-month="0" data-year="2026" class="rdtDay">13</td>
1950
- <td data-value="14" data-month="0" data-year="2026" class="rdtDay">14</td>
1929
+ <td data-value="14" data-month="0" data-year="2026" class="rdtDay rdtToday">14</td>
1951
1930
  <td data-value="15" data-month="0" data-year="2026" class="rdtDay">15</td>
1952
1931
  <td data-value="16" data-month="0" data-year="2026" class="rdtDay">16</td>
1953
1932
  <td data-value="17" data-month="0" data-year="2026" class="rdtDay">17</td>
@@ -1993,27 +1972,6 @@ export default () => {
1993
1972
  </div>
1994
1973
  ```
1995
1974
 
1996
- #### Props
1997
-
1998
- | Name | Type | Default | Description |
1999
- | --- | --- | --- | --- |
2000
- | id | String | — | An id used for the internal input element. |
2001
- | initialValue | Date / Moment | — | Default value of the DatePicker (date or moment). |
2002
- | value | Object | — | Value of the DatePicker (date or moment). Use this only if you want to use this component as a controlled component |
2003
- | onChange | (value: Moment \| string, isValid: boolean) => void | () => {} | Callback function when the value changes. Receives the new date (moment) and a boolean (whether date is valid or not) as arguments. |
2004
- | locale | String | 'en-GB' | Locale for date format. |
2005
- | dropup | Boolean | false | Defines whether the dropdown opens upwards or not. |
2006
- | clearableInput | Boolean | false | Defines whether the clearableInput button is shown. |
2007
- | closeOnSelect | Boolean | true | Once the day has been selected, the date picker will be closed automatically. |
2008
- | alignRight | boolean | — | Opens the picker right aligned. |
2009
- | minWidth | Number | 0 | Optional min-width value (without px). Since the DatePicker has a max-width of 100% you can also set a high minWidth number to use 100% with of the parent element. A value of "0" means no extra width is set and it becomes 100% width of the parent. |
2010
- | dateValidation | (date: Date \| string \| Moment) => boolean | — | Overwrites the internal date validation function in case you need to customize it. |
2011
- | dateFormat | Boolean \| String | — | Defines the format for the date. It accepts any moment.js date format. If true the date will be displayed using the defaults for the current locale. If false the date picker is disabled and the component can be used as time picker. |
2012
- | timeFormat | Boolean \| String | — | Defines the format for the time. It accepts any moment.js time format. If true the time will be displayed using the defaults for the current locale. If false the time picker is disabled and the component can be used as date picker. |
2013
- | mandatory | Boolean | true | Defines whether the input shows an error when the date is invalid or cleared. |
2014
- | inputProps | React.HTMLProps<HTMLInputElement> | — | Defines additional attributes for the input element of the component. |
2015
- | className | String | — | Additional classes to be set on the DatePicker element. |
2016
-
2017
1975
  ### Example: Sat Jan 01 2022 00:00:00 GMT+0100 (Central European Standard Time)
2018
1976
 
2019
1977
  Selects are a simple alternative for choosing dates0101
@@ -2170,9 +2128,9 @@ const DatePickerSelectExample = () => {
2170
2128
  const [selectedMonth, setSelectedMonth] = useState<Item>(head(months) as Item);
2171
2129
  const [selectedYear, setSelectedYear] = useState<Item>(head(years) as Item);
2172
2130
 
2173
- const handleSelectDay = (value: Item) => setSelectedDay(value);
2174
- const handleSelectMonth = (value: Item) => setSelectedMonth(value);
2175
- const handleSelectYear = (value: Item) => setSelectedYear(value);
2131
+ const handleSelectDay = (value: Item | undefined) => value && setSelectedDay(value);
2132
+ const handleSelectMonth = (value: Item | undefined) => value && setSelectedMonth(value);
2133
+ const handleSelectYear = (value: Item | undefined) => value && setSelectedYear(value);
2176
2134
 
2177
2135
  // Note: Validation need to be done with your favorite date library like date-fns or others
2178
2136
  const date = new Date(Number(selectedYear.id), Number(months.indexOf(selectedMonth)), Number(selectedDay.id));