@mui/x-date-pickers 8.0.0-beta.1 → 8.0.0-beta.3

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 (477) hide show
  1. package/CHANGELOG.md +235 -0
  2. package/DateCalendar/DateCalendar.js +4 -8
  3. package/DateCalendar/DayCalendar.js +2 -2
  4. package/DateField/DateField.js +4 -4
  5. package/DatePicker/shared.js +3 -9
  6. package/DateTimeField/DateTimeField.js +4 -4
  7. package/DateTimePicker/shared.js +3 -13
  8. package/DesktopDatePicker/DesktopDatePicker.js +2 -1
  9. package/DesktopDateTimePicker/DesktopDateTimePicker.js +2 -1
  10. package/DesktopTimePicker/DesktopTimePicker.js +2 -1
  11. package/DigitalClock/DigitalClock.js +1 -0
  12. package/LocalizationProvider/LocalizationProvider.d.ts +1 -1
  13. package/LocalizationProvider/LocalizationProvider.js +2 -2
  14. package/MobileDatePicker/MobileDatePicker.js +2 -1
  15. package/MobileDateTimePicker/MobileDateTimePicker.js +9 -1
  16. package/MobileTimePicker/MobileTimePicker.js +2 -1
  17. package/MonthCalendar/MonthCalendar.js +4 -9
  18. package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +1 -0
  19. package/PickersActionBar/PickersActionBar.d.ts +1 -1
  20. package/PickersActionBar/PickersActionBar.js +21 -3
  21. package/PickersSectionList/PickersSectionList.d.ts +1 -1
  22. package/PickersSectionList/PickersSectionList.types.d.ts +2 -6
  23. package/StaticDatePicker/StaticDatePicker.js +2 -1
  24. package/StaticDateTimePicker/StaticDateTimePicker.js +9 -1
  25. package/StaticTimePicker/StaticTimePicker.js +2 -1
  26. package/TimeField/TimeField.js +4 -4
  27. package/TimePicker/shared.js +3 -3
  28. package/YearCalendar/YearCalendar.js +4 -10
  29. package/esm/DateCalendar/DateCalendar.js +6 -10
  30. package/esm/DateCalendar/DayCalendar.js +2 -2
  31. package/esm/DateField/DateField.js +4 -4
  32. package/esm/DatePicker/shared.js +3 -9
  33. package/esm/DateTimeField/DateTimeField.js +4 -4
  34. package/esm/DateTimePicker/shared.js +4 -14
  35. package/esm/DesktopDatePicker/DesktopDatePicker.js +2 -1
  36. package/esm/DesktopDateTimePicker/DesktopDateTimePicker.js +2 -1
  37. package/esm/DesktopTimePicker/DesktopTimePicker.js +2 -1
  38. package/esm/DigitalClock/DigitalClock.js +1 -0
  39. package/esm/LocalizationProvider/LocalizationProvider.d.ts +1 -1
  40. package/esm/LocalizationProvider/LocalizationProvider.js +2 -2
  41. package/esm/MobileDatePicker/MobileDatePicker.js +2 -1
  42. package/esm/MobileDateTimePicker/MobileDateTimePicker.js +9 -1
  43. package/esm/MobileTimePicker/MobileTimePicker.js +2 -1
  44. package/esm/MonthCalendar/MonthCalendar.js +6 -11
  45. package/esm/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +1 -0
  46. package/esm/PickersActionBar/PickersActionBar.d.ts +1 -1
  47. package/esm/PickersActionBar/PickersActionBar.js +22 -4
  48. package/esm/PickersSectionList/PickersSectionList.d.ts +1 -1
  49. package/esm/PickersSectionList/PickersSectionList.types.d.ts +2 -6
  50. package/esm/StaticDatePicker/StaticDatePicker.js +2 -1
  51. package/esm/StaticDateTimePicker/StaticDateTimePicker.js +9 -1
  52. package/esm/StaticTimePicker/StaticTimePicker.js +2 -1
  53. package/esm/TimeField/TimeField.js +4 -4
  54. package/esm/TimePicker/shared.js +3 -3
  55. package/esm/YearCalendar/YearCalendar.js +5 -11
  56. package/esm/index.js +1 -1
  57. package/esm/internals/components/PickerProvider.d.ts +9 -0
  58. package/esm/internals/hooks/useDesktopPicker/useDesktopPicker.d.ts +1 -0
  59. package/esm/internals/hooks/useDesktopPicker/useDesktopPicker.js +9 -3
  60. package/esm/internals/hooks/useDesktopPicker/useDesktopPicker.types.d.ts +7 -0
  61. package/esm/internals/hooks/useField/buildSectionsFromFormat.js +1 -1
  62. package/esm/internals/hooks/useField/syncSelectionToDOM.d.ts +9 -0
  63. package/esm/internals/hooks/useField/syncSelectionToDOM.js +50 -0
  64. package/esm/internals/hooks/useField/useField.types.d.ts +8 -1
  65. package/esm/internals/hooks/useField/useField.utils.d.ts +1 -3
  66. package/esm/internals/hooks/useField/useField.utils.js +0 -57
  67. package/esm/internals/hooks/useField/useFieldHiddenInputProps.d.ts +20 -0
  68. package/esm/internals/hooks/useField/useFieldHiddenInputProps.js +31 -0
  69. package/esm/internals/hooks/useField/useFieldInternalPropsWithDefaults.js +8 -10
  70. package/esm/internals/hooks/useField/useFieldRootHandleKeyDown.js +1 -0
  71. package/esm/internals/hooks/useField/useFieldRootProps.d.ts +32 -0
  72. package/esm/internals/hooks/useField/useFieldRootProps.js +150 -0
  73. package/esm/internals/hooks/useField/useFieldSectionContainerProps.d.ts +15 -0
  74. package/esm/internals/hooks/useField/useFieldSectionContainerProps.js +29 -0
  75. package/esm/internals/hooks/useField/useFieldSectionContentProps.d.ts +23 -0
  76. package/esm/internals/hooks/useField/useFieldSectionContentProps.js +226 -0
  77. package/esm/internals/hooks/useField/useFieldV7TextField.js +76 -307
  78. package/esm/internals/hooks/useMobilePicker/useMobilePicker.d.ts +1 -0
  79. package/esm/internals/hooks/useMobilePicker/useMobilePicker.js +9 -3
  80. package/esm/internals/hooks/useMobilePicker/useMobilePicker.types.d.ts +7 -0
  81. package/esm/internals/hooks/usePicker/usePicker.d.ts +2 -1
  82. package/esm/internals/hooks/usePicker/usePicker.js +14 -4
  83. package/esm/internals/hooks/usePicker/usePicker.types.d.ts +2 -0
  84. package/esm/internals/hooks/useStaticPicker/useStaticPicker.d.ts +1 -0
  85. package/esm/internals/hooks/useStaticPicker/useStaticPicker.js +9 -3
  86. package/esm/internals/hooks/useStaticPicker/useStaticPicker.types.d.ts +7 -0
  87. package/esm/internals/index.d.ts +7 -6
  88. package/esm/internals/index.js +6 -5
  89. package/esm/internals/utils/createNonRangePickerStepNavigation.d.ts +13 -0
  90. package/esm/internals/utils/createNonRangePickerStepNavigation.js +24 -0
  91. package/esm/internals/utils/createStepNavigation.d.ts +32 -0
  92. package/esm/internals/utils/createStepNavigation.js +34 -0
  93. package/esm/internals/utils/date-utils.d.ts +1 -0
  94. package/esm/internals/utils/date-utils.js +2 -2
  95. package/esm/internals/utils/time-utils.d.ts +2 -0
  96. package/esm/internals/utils/time-utils.js +4 -3
  97. package/esm/locales/beBY.d.ts +1 -0
  98. package/esm/locales/beBY.js +1 -0
  99. package/esm/locales/bgBG.d.ts +1 -0
  100. package/esm/locales/bgBG.js +1 -0
  101. package/esm/locales/bnBD.d.ts +1 -0
  102. package/esm/locales/bnBD.js +1 -0
  103. package/esm/locales/caES.d.ts +1 -0
  104. package/esm/locales/caES.js +1 -0
  105. package/esm/locales/csCZ.d.ts +1 -0
  106. package/esm/locales/csCZ.js +1 -0
  107. package/esm/locales/daDK.d.ts +1 -0
  108. package/esm/locales/daDK.js +1 -0
  109. package/esm/locales/deDE.d.ts +1 -0
  110. package/esm/locales/deDE.js +3 -3
  111. package/esm/locales/elGR.d.ts +1 -0
  112. package/esm/locales/elGR.js +1 -0
  113. package/esm/locales/enUS.d.ts +1 -0
  114. package/esm/locales/enUS.js +1 -0
  115. package/esm/locales/esES.d.ts +1 -0
  116. package/esm/locales/esES.js +1 -0
  117. package/esm/locales/eu.d.ts +1 -0
  118. package/esm/locales/eu.js +1 -0
  119. package/esm/locales/faIR.d.ts +1 -0
  120. package/esm/locales/faIR.js +1 -0
  121. package/esm/locales/fiFI.d.ts +1 -0
  122. package/esm/locales/fiFI.js +1 -0
  123. package/esm/locales/frFR.d.ts +1 -0
  124. package/esm/locales/frFR.js +1 -0
  125. package/esm/locales/heIL.d.ts +1 -0
  126. package/esm/locales/heIL.js +1 -0
  127. package/esm/locales/hrHR.d.ts +1 -0
  128. package/esm/locales/hrHR.js +1 -0
  129. package/esm/locales/huHU.d.ts +1 -0
  130. package/esm/locales/huHU.js +1 -0
  131. package/esm/locales/isIS.d.ts +1 -0
  132. package/esm/locales/isIS.js +1 -0
  133. package/esm/locales/itIT.d.ts +1 -0
  134. package/esm/locales/itIT.js +1 -0
  135. package/esm/locales/jaJP.d.ts +1 -0
  136. package/esm/locales/jaJP.js +1 -0
  137. package/esm/locales/koKR.d.ts +1 -0
  138. package/esm/locales/koKR.js +1 -0
  139. package/esm/locales/kzKZ.d.ts +1 -0
  140. package/esm/locales/kzKZ.js +1 -0
  141. package/esm/locales/mk.d.ts +1 -0
  142. package/esm/locales/mk.js +1 -0
  143. package/esm/locales/nbNO.d.ts +1 -0
  144. package/esm/locales/nbNO.js +1 -0
  145. package/esm/locales/nlNL.d.ts +1 -0
  146. package/esm/locales/nlNL.js +1 -0
  147. package/esm/locales/nnNO.d.ts +1 -0
  148. package/esm/locales/nnNO.js +1 -0
  149. package/esm/locales/plPL.d.ts +1 -0
  150. package/esm/locales/plPL.js +1 -0
  151. package/esm/locales/ptBR.d.ts +1 -0
  152. package/esm/locales/ptBR.js +1 -0
  153. package/esm/locales/ptPT.d.ts +1 -0
  154. package/esm/locales/ptPT.js +1 -0
  155. package/esm/locales/roRO.d.ts +1 -0
  156. package/esm/locales/roRO.js +1 -0
  157. package/esm/locales/ruRU.d.ts +1 -0
  158. package/esm/locales/ruRU.js +1 -0
  159. package/esm/locales/skSK.d.ts +1 -0
  160. package/esm/locales/skSK.js +1 -0
  161. package/esm/locales/svSE.d.ts +1 -0
  162. package/esm/locales/svSE.js +1 -0
  163. package/esm/locales/trTR.d.ts +1 -0
  164. package/esm/locales/trTR.js +1 -0
  165. package/esm/locales/ukUA.d.ts +1 -0
  166. package/esm/locales/ukUA.js +1 -0
  167. package/esm/locales/urPK.d.ts +1 -0
  168. package/esm/locales/urPK.js +1 -0
  169. package/esm/locales/utils/getPickersLocalization.d.ts +1 -0
  170. package/esm/locales/utils/pickersLocaleTextApi.d.ts +1 -0
  171. package/esm/locales/viVN.d.ts +1 -0
  172. package/esm/locales/viVN.js +1 -0
  173. package/esm/locales/zhCN.d.ts +1 -0
  174. package/esm/locales/zhCN.js +1 -0
  175. package/esm/locales/zhHK.d.ts +1 -0
  176. package/esm/locales/zhHK.js +1 -0
  177. package/esm/locales/zhTW.d.ts +1 -0
  178. package/esm/locales/zhTW.js +1 -0
  179. package/esm/managers/useDateManager.d.ts +4 -13
  180. package/esm/managers/useDateManager.js +18 -28
  181. package/esm/managers/useDateTimeManager.d.ts +4 -13
  182. package/esm/managers/useDateTimeManager.js +23 -33
  183. package/esm/managers/useTimeManager.d.ts +4 -13
  184. package/esm/managers/useTimeManager.js +14 -24
  185. package/esm/models/manager.d.ts +3 -8
  186. package/esm/validation/validateDate.js +3 -4
  187. package/index.js +1 -1
  188. package/internals/components/PickerProvider.d.ts +9 -0
  189. package/internals/hooks/useDesktopPicker/useDesktopPicker.d.ts +1 -0
  190. package/internals/hooks/useDesktopPicker/useDesktopPicker.js +9 -3
  191. package/internals/hooks/useDesktopPicker/useDesktopPicker.types.d.ts +7 -0
  192. package/internals/hooks/useField/buildSectionsFromFormat.js +1 -1
  193. package/internals/hooks/useField/syncSelectionToDOM.d.ts +9 -0
  194. package/internals/hooks/useField/syncSelectionToDOM.js +56 -0
  195. package/internals/hooks/useField/useField.types.d.ts +8 -1
  196. package/internals/hooks/useField/useField.utils.d.ts +1 -3
  197. package/internals/hooks/useField/useField.utils.js +2 -61
  198. package/internals/hooks/useField/useFieldHiddenInputProps.d.ts +20 -0
  199. package/internals/hooks/useField/useFieldHiddenInputProps.js +39 -0
  200. package/internals/hooks/useField/useFieldInternalPropsWithDefaults.js +8 -10
  201. package/internals/hooks/useField/useFieldRootHandleKeyDown.js +1 -0
  202. package/internals/hooks/useField/useFieldRootProps.d.ts +32 -0
  203. package/internals/hooks/useField/useFieldRootProps.js +156 -0
  204. package/internals/hooks/useField/useFieldSectionContainerProps.d.ts +15 -0
  205. package/internals/hooks/useField/useFieldSectionContainerProps.js +37 -0
  206. package/internals/hooks/useField/useFieldSectionContentProps.d.ts +23 -0
  207. package/internals/hooks/useField/useFieldSectionContentProps.js +234 -0
  208. package/internals/hooks/useField/useFieldV7TextField.js +75 -306
  209. package/internals/hooks/useMobilePicker/useMobilePicker.d.ts +1 -0
  210. package/internals/hooks/useMobilePicker/useMobilePicker.js +9 -3
  211. package/internals/hooks/useMobilePicker/useMobilePicker.types.d.ts +7 -0
  212. package/internals/hooks/usePicker/usePicker.d.ts +2 -1
  213. package/internals/hooks/usePicker/usePicker.js +14 -4
  214. package/internals/hooks/usePicker/usePicker.types.d.ts +2 -0
  215. package/internals/hooks/useStaticPicker/useStaticPicker.d.ts +1 -0
  216. package/internals/hooks/useStaticPicker/useStaticPicker.js +9 -3
  217. package/internals/hooks/useStaticPicker/useStaticPicker.types.d.ts +7 -0
  218. package/internals/index.d.ts +7 -6
  219. package/internals/index.js +37 -18
  220. package/internals/utils/createNonRangePickerStepNavigation.d.ts +13 -0
  221. package/internals/utils/createNonRangePickerStepNavigation.js +30 -0
  222. package/internals/utils/createStepNavigation.d.ts +32 -0
  223. package/internals/utils/createStepNavigation.js +41 -0
  224. package/internals/utils/date-utils.d.ts +1 -0
  225. package/internals/utils/date-utils.js +3 -3
  226. package/internals/utils/time-utils.d.ts +2 -0
  227. package/internals/utils/time-utils.js +5 -4
  228. package/locales/beBY.d.ts +1 -0
  229. package/locales/beBY.js +1 -0
  230. package/locales/bgBG.d.ts +1 -0
  231. package/locales/bgBG.js +1 -0
  232. package/locales/bnBD.d.ts +1 -0
  233. package/locales/bnBD.js +1 -0
  234. package/locales/caES.d.ts +1 -0
  235. package/locales/caES.js +1 -0
  236. package/locales/csCZ.d.ts +1 -0
  237. package/locales/csCZ.js +1 -0
  238. package/locales/daDK.d.ts +1 -0
  239. package/locales/daDK.js +1 -0
  240. package/locales/deDE.d.ts +1 -0
  241. package/locales/deDE.js +3 -3
  242. package/locales/elGR.d.ts +1 -0
  243. package/locales/elGR.js +1 -0
  244. package/locales/enUS.d.ts +1 -0
  245. package/locales/enUS.js +1 -0
  246. package/locales/esES.d.ts +1 -0
  247. package/locales/esES.js +1 -0
  248. package/locales/eu.d.ts +1 -0
  249. package/locales/eu.js +1 -0
  250. package/locales/faIR.d.ts +1 -0
  251. package/locales/faIR.js +1 -0
  252. package/locales/fiFI.d.ts +1 -0
  253. package/locales/fiFI.js +1 -0
  254. package/locales/frFR.d.ts +1 -0
  255. package/locales/frFR.js +1 -0
  256. package/locales/heIL.d.ts +1 -0
  257. package/locales/heIL.js +1 -0
  258. package/locales/hrHR.d.ts +1 -0
  259. package/locales/hrHR.js +1 -0
  260. package/locales/huHU.d.ts +1 -0
  261. package/locales/huHU.js +1 -0
  262. package/locales/isIS.d.ts +1 -0
  263. package/locales/isIS.js +1 -0
  264. package/locales/itIT.d.ts +1 -0
  265. package/locales/itIT.js +1 -0
  266. package/locales/jaJP.d.ts +1 -0
  267. package/locales/jaJP.js +1 -0
  268. package/locales/koKR.d.ts +1 -0
  269. package/locales/koKR.js +1 -0
  270. package/locales/kzKZ.d.ts +1 -0
  271. package/locales/kzKZ.js +1 -0
  272. package/locales/mk.d.ts +1 -0
  273. package/locales/mk.js +1 -0
  274. package/locales/nbNO.d.ts +1 -0
  275. package/locales/nbNO.js +1 -0
  276. package/locales/nlNL.d.ts +1 -0
  277. package/locales/nlNL.js +1 -0
  278. package/locales/nnNO.d.ts +1 -0
  279. package/locales/nnNO.js +1 -0
  280. package/locales/plPL.d.ts +1 -0
  281. package/locales/plPL.js +1 -0
  282. package/locales/ptBR.d.ts +1 -0
  283. package/locales/ptBR.js +1 -0
  284. package/locales/ptPT.d.ts +1 -0
  285. package/locales/ptPT.js +1 -0
  286. package/locales/roRO.d.ts +1 -0
  287. package/locales/roRO.js +1 -0
  288. package/locales/ruRU.d.ts +1 -0
  289. package/locales/ruRU.js +1 -0
  290. package/locales/skSK.d.ts +1 -0
  291. package/locales/skSK.js +1 -0
  292. package/locales/svSE.d.ts +1 -0
  293. package/locales/svSE.js +1 -0
  294. package/locales/trTR.d.ts +1 -0
  295. package/locales/trTR.js +1 -0
  296. package/locales/ukUA.d.ts +1 -0
  297. package/locales/ukUA.js +1 -0
  298. package/locales/urPK.d.ts +1 -0
  299. package/locales/urPK.js +1 -0
  300. package/locales/utils/getPickersLocalization.d.ts +1 -0
  301. package/locales/utils/pickersLocaleTextApi.d.ts +1 -0
  302. package/locales/viVN.d.ts +1 -0
  303. package/locales/viVN.js +1 -0
  304. package/locales/zhCN.d.ts +1 -0
  305. package/locales/zhCN.js +1 -0
  306. package/locales/zhHK.d.ts +1 -0
  307. package/locales/zhHK.js +1 -0
  308. package/locales/zhTW.d.ts +1 -0
  309. package/locales/zhTW.js +1 -0
  310. package/managers/useDateManager.d.ts +4 -13
  311. package/managers/useDateManager.js +18 -28
  312. package/managers/useDateTimeManager.d.ts +4 -13
  313. package/managers/useDateTimeManager.js +23 -33
  314. package/managers/useTimeManager.d.ts +4 -13
  315. package/managers/useTimeManager.js +15 -25
  316. package/models/manager.d.ts +3 -8
  317. package/modern/DateCalendar/DateCalendar.js +6 -10
  318. package/modern/DateCalendar/DayCalendar.js +2 -2
  319. package/modern/DateField/DateField.js +4 -4
  320. package/modern/DatePicker/shared.js +3 -9
  321. package/modern/DateTimeField/DateTimeField.js +4 -4
  322. package/modern/DateTimePicker/shared.js +4 -14
  323. package/modern/DesktopDatePicker/DesktopDatePicker.js +2 -1
  324. package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +2 -1
  325. package/modern/DesktopTimePicker/DesktopTimePicker.js +2 -1
  326. package/modern/DigitalClock/DigitalClock.js +1 -0
  327. package/modern/LocalizationProvider/LocalizationProvider.d.ts +1 -1
  328. package/modern/LocalizationProvider/LocalizationProvider.js +2 -2
  329. package/modern/MobileDatePicker/MobileDatePicker.js +2 -1
  330. package/modern/MobileDateTimePicker/MobileDateTimePicker.js +9 -1
  331. package/modern/MobileTimePicker/MobileTimePicker.js +2 -1
  332. package/modern/MonthCalendar/MonthCalendar.js +6 -11
  333. package/modern/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +1 -0
  334. package/modern/PickersActionBar/PickersActionBar.d.ts +1 -1
  335. package/modern/PickersActionBar/PickersActionBar.js +22 -4
  336. package/modern/PickersSectionList/PickersSectionList.d.ts +1 -1
  337. package/modern/PickersSectionList/PickersSectionList.types.d.ts +2 -6
  338. package/modern/StaticDatePicker/StaticDatePicker.js +2 -1
  339. package/modern/StaticDateTimePicker/StaticDateTimePicker.js +9 -1
  340. package/modern/StaticTimePicker/StaticTimePicker.js +2 -1
  341. package/modern/TimeField/TimeField.js +4 -4
  342. package/modern/TimePicker/shared.js +3 -3
  343. package/modern/YearCalendar/YearCalendar.js +5 -11
  344. package/modern/index.js +1 -1
  345. package/modern/internals/components/PickerProvider.d.ts +9 -0
  346. package/modern/internals/hooks/useDesktopPicker/useDesktopPicker.d.ts +1 -0
  347. package/modern/internals/hooks/useDesktopPicker/useDesktopPicker.js +9 -3
  348. package/modern/internals/hooks/useDesktopPicker/useDesktopPicker.types.d.ts +7 -0
  349. package/modern/internals/hooks/useField/buildSectionsFromFormat.js +1 -1
  350. package/modern/internals/hooks/useField/syncSelectionToDOM.d.ts +9 -0
  351. package/modern/internals/hooks/useField/syncSelectionToDOM.js +50 -0
  352. package/modern/internals/hooks/useField/useField.types.d.ts +8 -1
  353. package/modern/internals/hooks/useField/useField.utils.d.ts +1 -3
  354. package/modern/internals/hooks/useField/useField.utils.js +0 -57
  355. package/modern/internals/hooks/useField/useFieldHiddenInputProps.d.ts +20 -0
  356. package/modern/internals/hooks/useField/useFieldHiddenInputProps.js +31 -0
  357. package/modern/internals/hooks/useField/useFieldInternalPropsWithDefaults.js +8 -10
  358. package/modern/internals/hooks/useField/useFieldRootHandleKeyDown.js +1 -0
  359. package/modern/internals/hooks/useField/useFieldRootProps.d.ts +32 -0
  360. package/modern/internals/hooks/useField/useFieldRootProps.js +150 -0
  361. package/modern/internals/hooks/useField/useFieldSectionContainerProps.d.ts +15 -0
  362. package/modern/internals/hooks/useField/useFieldSectionContainerProps.js +29 -0
  363. package/modern/internals/hooks/useField/useFieldSectionContentProps.d.ts +23 -0
  364. package/modern/internals/hooks/useField/useFieldSectionContentProps.js +226 -0
  365. package/modern/internals/hooks/useField/useFieldV7TextField.js +76 -307
  366. package/modern/internals/hooks/useMobilePicker/useMobilePicker.d.ts +1 -0
  367. package/modern/internals/hooks/useMobilePicker/useMobilePicker.js +9 -3
  368. package/modern/internals/hooks/useMobilePicker/useMobilePicker.types.d.ts +7 -0
  369. package/modern/internals/hooks/usePicker/usePicker.d.ts +2 -1
  370. package/modern/internals/hooks/usePicker/usePicker.js +14 -4
  371. package/modern/internals/hooks/usePicker/usePicker.types.d.ts +2 -0
  372. package/modern/internals/hooks/useStaticPicker/useStaticPicker.d.ts +1 -0
  373. package/modern/internals/hooks/useStaticPicker/useStaticPicker.js +9 -3
  374. package/modern/internals/hooks/useStaticPicker/useStaticPicker.types.d.ts +7 -0
  375. package/modern/internals/index.d.ts +7 -6
  376. package/modern/internals/index.js +6 -5
  377. package/modern/internals/utils/createNonRangePickerStepNavigation.d.ts +13 -0
  378. package/modern/internals/utils/createNonRangePickerStepNavigation.js +24 -0
  379. package/modern/internals/utils/createStepNavigation.d.ts +32 -0
  380. package/modern/internals/utils/createStepNavigation.js +34 -0
  381. package/modern/internals/utils/date-utils.d.ts +1 -0
  382. package/modern/internals/utils/date-utils.js +2 -2
  383. package/modern/internals/utils/time-utils.d.ts +2 -0
  384. package/modern/internals/utils/time-utils.js +4 -3
  385. package/modern/locales/beBY.d.ts +1 -0
  386. package/modern/locales/beBY.js +1 -0
  387. package/modern/locales/bgBG.d.ts +1 -0
  388. package/modern/locales/bgBG.js +1 -0
  389. package/modern/locales/bnBD.d.ts +1 -0
  390. package/modern/locales/bnBD.js +1 -0
  391. package/modern/locales/caES.d.ts +1 -0
  392. package/modern/locales/caES.js +1 -0
  393. package/modern/locales/csCZ.d.ts +1 -0
  394. package/modern/locales/csCZ.js +1 -0
  395. package/modern/locales/daDK.d.ts +1 -0
  396. package/modern/locales/daDK.js +1 -0
  397. package/modern/locales/deDE.d.ts +1 -0
  398. package/modern/locales/deDE.js +3 -3
  399. package/modern/locales/elGR.d.ts +1 -0
  400. package/modern/locales/elGR.js +1 -0
  401. package/modern/locales/enUS.d.ts +1 -0
  402. package/modern/locales/enUS.js +1 -0
  403. package/modern/locales/esES.d.ts +1 -0
  404. package/modern/locales/esES.js +1 -0
  405. package/modern/locales/eu.d.ts +1 -0
  406. package/modern/locales/eu.js +1 -0
  407. package/modern/locales/faIR.d.ts +1 -0
  408. package/modern/locales/faIR.js +1 -0
  409. package/modern/locales/fiFI.d.ts +1 -0
  410. package/modern/locales/fiFI.js +1 -0
  411. package/modern/locales/frFR.d.ts +1 -0
  412. package/modern/locales/frFR.js +1 -0
  413. package/modern/locales/heIL.d.ts +1 -0
  414. package/modern/locales/heIL.js +1 -0
  415. package/modern/locales/hrHR.d.ts +1 -0
  416. package/modern/locales/hrHR.js +1 -0
  417. package/modern/locales/huHU.d.ts +1 -0
  418. package/modern/locales/huHU.js +1 -0
  419. package/modern/locales/isIS.d.ts +1 -0
  420. package/modern/locales/isIS.js +1 -0
  421. package/modern/locales/itIT.d.ts +1 -0
  422. package/modern/locales/itIT.js +1 -0
  423. package/modern/locales/jaJP.d.ts +1 -0
  424. package/modern/locales/jaJP.js +1 -0
  425. package/modern/locales/koKR.d.ts +1 -0
  426. package/modern/locales/koKR.js +1 -0
  427. package/modern/locales/kzKZ.d.ts +1 -0
  428. package/modern/locales/kzKZ.js +1 -0
  429. package/modern/locales/mk.d.ts +1 -0
  430. package/modern/locales/mk.js +1 -0
  431. package/modern/locales/nbNO.d.ts +1 -0
  432. package/modern/locales/nbNO.js +1 -0
  433. package/modern/locales/nlNL.d.ts +1 -0
  434. package/modern/locales/nlNL.js +1 -0
  435. package/modern/locales/nnNO.d.ts +1 -0
  436. package/modern/locales/nnNO.js +1 -0
  437. package/modern/locales/plPL.d.ts +1 -0
  438. package/modern/locales/plPL.js +1 -0
  439. package/modern/locales/ptBR.d.ts +1 -0
  440. package/modern/locales/ptBR.js +1 -0
  441. package/modern/locales/ptPT.d.ts +1 -0
  442. package/modern/locales/ptPT.js +1 -0
  443. package/modern/locales/roRO.d.ts +1 -0
  444. package/modern/locales/roRO.js +1 -0
  445. package/modern/locales/ruRU.d.ts +1 -0
  446. package/modern/locales/ruRU.js +1 -0
  447. package/modern/locales/skSK.d.ts +1 -0
  448. package/modern/locales/skSK.js +1 -0
  449. package/modern/locales/svSE.d.ts +1 -0
  450. package/modern/locales/svSE.js +1 -0
  451. package/modern/locales/trTR.d.ts +1 -0
  452. package/modern/locales/trTR.js +1 -0
  453. package/modern/locales/ukUA.d.ts +1 -0
  454. package/modern/locales/ukUA.js +1 -0
  455. package/modern/locales/urPK.d.ts +1 -0
  456. package/modern/locales/urPK.js +1 -0
  457. package/modern/locales/utils/getPickersLocalization.d.ts +1 -0
  458. package/modern/locales/utils/pickersLocaleTextApi.d.ts +1 -0
  459. package/modern/locales/viVN.d.ts +1 -0
  460. package/modern/locales/viVN.js +1 -0
  461. package/modern/locales/zhCN.d.ts +1 -0
  462. package/modern/locales/zhCN.js +1 -0
  463. package/modern/locales/zhHK.d.ts +1 -0
  464. package/modern/locales/zhHK.js +1 -0
  465. package/modern/locales/zhTW.d.ts +1 -0
  466. package/modern/locales/zhTW.js +1 -0
  467. package/modern/managers/useDateManager.d.ts +4 -13
  468. package/modern/managers/useDateManager.js +18 -28
  469. package/modern/managers/useDateTimeManager.d.ts +4 -13
  470. package/modern/managers/useDateTimeManager.js +23 -33
  471. package/modern/managers/useTimeManager.d.ts +4 -13
  472. package/modern/managers/useTimeManager.js +14 -24
  473. package/modern/models/manager.d.ts +3 -8
  474. package/modern/validation/validateDate.js +3 -4
  475. package/package.json +6 -6
  476. package/tsconfig.build.tsbuildinfo +1 -1
  477. package/validation/validateDate.js +3 -4
@@ -23,6 +23,7 @@ export declare const koKR: {
23
23
  clearButtonLabel?: string | undefined;
24
24
  okButtonLabel?: string | undefined;
25
25
  todayButtonLabel?: string | undefined;
26
+ nextStepButtonLabel?: string | undefined;
26
27
  clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
27
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
28
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
@@ -25,6 +25,7 @@ const koKRPickers = {
25
25
  clearButtonLabel: '초기화',
26
26
  okButtonLabel: '확인',
27
27
  todayButtonLabel: '오늘',
28
+ nextStepButtonLabel: '다음',
28
29
  // Toolbar titles
29
30
  datePickerToolbarTitle: '날짜 선택하기',
30
31
  dateTimePickerToolbarTitle: '날짜 & 시간 선택하기',
@@ -23,6 +23,7 @@ export declare const kzKZ: {
23
23
  clearButtonLabel?: string | undefined;
24
24
  okButtonLabel?: string | undefined;
25
25
  todayButtonLabel?: string | undefined;
26
+ nextStepButtonLabel?: string | undefined;
26
27
  clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
27
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
28
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
@@ -27,6 +27,7 @@ const kzKZPickers = {
27
27
  clearButtonLabel: 'Тазарту',
28
28
  okButtonLabel: 'Ок',
29
29
  todayButtonLabel: 'Бүгін',
30
+ nextStepButtonLabel: 'Келесі',
30
31
  // Toolbar titles
31
32
  datePickerToolbarTitle: 'Күнді таңдау',
32
33
  dateTimePickerToolbarTitle: 'Күн мен уақытты таңдау',
@@ -22,6 +22,7 @@ export declare const mk: {
22
22
  clearButtonLabel?: string | undefined;
23
23
  okButtonLabel?: string | undefined;
24
24
  todayButtonLabel?: string | undefined;
25
+ nextStepButtonLabel?: string | undefined;
25
26
  clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
26
27
  hoursClockNumberText?: ((hours: string) => string) | undefined;
27
28
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
@@ -23,6 +23,7 @@ const mkPickers = {
23
23
  clearButtonLabel: 'Избриши',
24
24
  okButtonLabel: 'OK',
25
25
  todayButtonLabel: 'Денес',
26
+ nextStepButtonLabel: 'Следен',
26
27
  // Toolbar titles
27
28
  datePickerToolbarTitle: 'Избери датум',
28
29
  dateTimePickerToolbarTitle: 'Избери датум и време',
@@ -23,6 +23,7 @@ export declare const nbNO: {
23
23
  clearButtonLabel?: string | undefined;
24
24
  okButtonLabel?: string | undefined;
25
25
  todayButtonLabel?: string | undefined;
26
+ nextStepButtonLabel?: string | undefined;
26
27
  clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
27
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
28
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
@@ -25,6 +25,7 @@ const nbNOPickers = {
25
25
  clearButtonLabel: 'Fjern',
26
26
  okButtonLabel: 'OK',
27
27
  todayButtonLabel: 'I dag',
28
+ nextStepButtonLabel: 'Neste',
28
29
  // Toolbar titles
29
30
  datePickerToolbarTitle: 'Velg dato',
30
31
  dateTimePickerToolbarTitle: 'Velg dato & klokkeslett',
@@ -23,6 +23,7 @@ export declare const nlNL: {
23
23
  clearButtonLabel?: string | undefined;
24
24
  okButtonLabel?: string | undefined;
25
25
  todayButtonLabel?: string | undefined;
26
+ nextStepButtonLabel?: string | undefined;
26
27
  clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
27
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
28
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
@@ -25,6 +25,7 @@ const nlNLPickers = {
25
25
  clearButtonLabel: 'Resetten',
26
26
  okButtonLabel: 'OK',
27
27
  todayButtonLabel: 'Vandaag',
28
+ nextStepButtonLabel: 'Volgende',
28
29
  // Toolbar titles
29
30
  datePickerToolbarTitle: 'Selecteer datum',
30
31
  dateTimePickerToolbarTitle: 'Selecteer datum & tijd',
@@ -23,6 +23,7 @@ export declare const nnNO: {
23
23
  clearButtonLabel?: string | undefined;
24
24
  okButtonLabel?: string | undefined;
25
25
  todayButtonLabel?: string | undefined;
26
+ nextStepButtonLabel?: string | undefined;
26
27
  clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
27
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
28
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
@@ -25,6 +25,7 @@ const nnNOPickers = {
25
25
  clearButtonLabel: 'Fjern',
26
26
  okButtonLabel: 'OK',
27
27
  todayButtonLabel: 'I dag',
28
+ nextStepButtonLabel: 'Neste',
28
29
  // Toolbar titles
29
30
  datePickerToolbarTitle: 'Vel dato',
30
31
  dateTimePickerToolbarTitle: 'Vel dato & klokkeslett',
@@ -23,6 +23,7 @@ export declare const plPL: {
23
23
  clearButtonLabel?: string | undefined;
24
24
  okButtonLabel?: string | undefined;
25
25
  todayButtonLabel?: string | undefined;
26
+ nextStepButtonLabel?: string | undefined;
26
27
  clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
27
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
28
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
@@ -25,6 +25,7 @@ const plPLPickers = {
25
25
  clearButtonLabel: 'Wyczyść',
26
26
  okButtonLabel: 'Zatwierdź',
27
27
  todayButtonLabel: 'Dzisiaj',
28
+ nextStepButtonLabel: 'Następny',
28
29
  // Toolbar titles
29
30
  datePickerToolbarTitle: 'Wybierz datę',
30
31
  dateTimePickerToolbarTitle: 'Wybierz datę i czas',
@@ -23,6 +23,7 @@ export declare const ptBR: {
23
23
  clearButtonLabel?: string | undefined;
24
24
  okButtonLabel?: string | undefined;
25
25
  todayButtonLabel?: string | undefined;
26
+ nextStepButtonLabel?: string | undefined;
26
27
  clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
27
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
28
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
@@ -25,6 +25,7 @@ const ptBRPickers = {
25
25
  clearButtonLabel: 'Limpar',
26
26
  okButtonLabel: 'OK',
27
27
  todayButtonLabel: 'Hoje',
28
+ nextStepButtonLabel: 'Próximo',
28
29
  // Toolbar titles
29
30
  datePickerToolbarTitle: 'Selecione a data',
30
31
  dateTimePickerToolbarTitle: 'Selecione data e hora',
@@ -23,6 +23,7 @@ export declare const ptPT: {
23
23
  clearButtonLabel?: string | undefined;
24
24
  okButtonLabel?: string | undefined;
25
25
  todayButtonLabel?: string | undefined;
26
+ nextStepButtonLabel?: string | undefined;
26
27
  clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
27
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
28
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
@@ -25,6 +25,7 @@ const ptPTPickers = {
25
25
  clearButtonLabel: 'Limpar',
26
26
  okButtonLabel: 'OK',
27
27
  todayButtonLabel: 'Hoje',
28
+ nextStepButtonLabel: 'Próximo',
28
29
  // Toolbar titles
29
30
  datePickerToolbarTitle: 'Selecione a data',
30
31
  dateTimePickerToolbarTitle: 'Selecione a data e a hora',
@@ -23,6 +23,7 @@ export declare const roRO: {
23
23
  clearButtonLabel?: string | undefined;
24
24
  okButtonLabel?: string | undefined;
25
25
  todayButtonLabel?: string | undefined;
26
+ nextStepButtonLabel?: string | undefined;
26
27
  clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
27
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
28
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
@@ -26,6 +26,7 @@ const roROPickers = {
26
26
  clearButtonLabel: 'Ștergere',
27
27
  okButtonLabel: 'OK',
28
28
  todayButtonLabel: 'Astăzi',
29
+ nextStepButtonLabel: 'Următoare',
29
30
  // Toolbar titles
30
31
  datePickerToolbarTitle: 'Selectați data',
31
32
  dateTimePickerToolbarTitle: 'Selectați data și ora',
@@ -23,6 +23,7 @@ export declare const ruRU: {
23
23
  clearButtonLabel?: string | undefined;
24
24
  okButtonLabel?: string | undefined;
25
25
  todayButtonLabel?: string | undefined;
26
+ nextStepButtonLabel?: string | undefined;
26
27
  clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
27
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
28
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
@@ -26,6 +26,7 @@ const ruRUPickers = {
26
26
  clearButtonLabel: 'Очистить',
27
27
  okButtonLabel: 'Ок',
28
28
  todayButtonLabel: 'Сегодня',
29
+ nextStepButtonLabel: 'Следующий',
29
30
  // Toolbar titles
30
31
  datePickerToolbarTitle: 'Выбрать дату',
31
32
  dateTimePickerToolbarTitle: 'Выбрать дату и время',
@@ -23,6 +23,7 @@ export declare const skSK: {
23
23
  clearButtonLabel?: string | undefined;
24
24
  okButtonLabel?: string | undefined;
25
25
  todayButtonLabel?: string | undefined;
26
+ nextStepButtonLabel?: string | undefined;
26
27
  clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
27
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
28
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
@@ -27,6 +27,7 @@ const skSKPickers = {
27
27
  clearButtonLabel: 'Vymazať',
28
28
  okButtonLabel: 'Potvrdiť',
29
29
  todayButtonLabel: 'Dnes',
30
+ nextStepButtonLabel: 'Predchádzajúci',
30
31
  // Toolbar titles
31
32
  datePickerToolbarTitle: 'Vyberte dátum',
32
33
  dateTimePickerToolbarTitle: 'Vyberte dátum a čas',
@@ -23,6 +23,7 @@ export declare const svSE: {
23
23
  clearButtonLabel?: string | undefined;
24
24
  okButtonLabel?: string | undefined;
25
25
  todayButtonLabel?: string | undefined;
26
+ nextStepButtonLabel?: string | undefined;
26
27
  clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
27
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
28
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
@@ -25,6 +25,7 @@ const svSEPickers = {
25
25
  clearButtonLabel: 'Rensa',
26
26
  okButtonLabel: 'OK',
27
27
  todayButtonLabel: 'Idag',
28
+ nextStepButtonLabel: 'Nästa',
28
29
  // Toolbar titles
29
30
  datePickerToolbarTitle: 'Välj datum',
30
31
  dateTimePickerToolbarTitle: 'Välj datum & tid',
@@ -23,6 +23,7 @@ export declare const trTR: {
23
23
  clearButtonLabel?: string | undefined;
24
24
  okButtonLabel?: string | undefined;
25
25
  todayButtonLabel?: string | undefined;
26
+ nextStepButtonLabel?: string | undefined;
26
27
  clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
27
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
28
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
@@ -26,6 +26,7 @@ const trTRPickers = {
26
26
  clearButtonLabel: 'Temizle',
27
27
  okButtonLabel: 'Tamam',
28
28
  todayButtonLabel: 'Bugün',
29
+ nextStepButtonLabel: 'Sonraki',
29
30
  // Toolbar titles
30
31
  datePickerToolbarTitle: 'Tarih Seç',
31
32
  dateTimePickerToolbarTitle: 'Tarih & Saat seç',
@@ -23,6 +23,7 @@ export declare const ukUA: {
23
23
  clearButtonLabel?: string | undefined;
24
24
  okButtonLabel?: string | undefined;
25
25
  todayButtonLabel?: string | undefined;
26
+ nextStepButtonLabel?: string | undefined;
26
27
  clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
27
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
28
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
@@ -25,6 +25,7 @@ const ukUAPickers = {
25
25
  clearButtonLabel: 'Очистити',
26
26
  okButtonLabel: 'OK',
27
27
  todayButtonLabel: 'Сьогодні',
28
+ nextStepButtonLabel: 'Наступний',
28
29
  // Toolbar titles
29
30
  datePickerToolbarTitle: 'Вибрати дату',
30
31
  dateTimePickerToolbarTitle: 'Вибрати дату і час',
@@ -23,6 +23,7 @@ export declare const urPK: {
23
23
  clearButtonLabel?: string | undefined;
24
24
  okButtonLabel?: string | undefined;
25
25
  todayButtonLabel?: string | undefined;
26
+ nextStepButtonLabel?: string | undefined;
26
27
  clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
27
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
28
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
@@ -26,6 +26,7 @@ const urPKPickers = {
26
26
  clearButtonLabel: 'کلئیر',
27
27
  okButtonLabel: 'اوکے',
28
28
  todayButtonLabel: 'آج',
29
+ nextStepButtonLabel: 'مہینہ',
29
30
  // Toolbar titles
30
31
  datePickerToolbarTitle: 'تاریخ منتخب کریں',
31
32
  dateTimePickerToolbarTitle: 'تاریخ اور وقت منتخب کریں',
@@ -23,6 +23,7 @@ export declare const getPickersLocalization: (pickersTranslations: Partial<Picke
23
23
  clearButtonLabel?: string | undefined;
24
24
  okButtonLabel?: string | undefined;
25
25
  todayButtonLabel?: string | undefined;
26
+ nextStepButtonLabel?: string | undefined;
26
27
  clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
27
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
28
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
@@ -47,6 +47,7 @@ export interface PickersComponentAgnosticLocaleText {
47
47
  clearButtonLabel: string;
48
48
  okButtonLabel: string;
49
49
  todayButtonLabel: string;
50
+ nextStepButtonLabel: string;
50
51
  clockLabelText: (view: TimeView, formattedTime: string | null) => string;
51
52
  hoursClockNumberText: (hours: string) => string;
52
53
  minutesClockNumberText: (minutes: string) => string;
@@ -23,6 +23,7 @@ export declare const viVN: {
23
23
  clearButtonLabel?: string | undefined;
24
24
  okButtonLabel?: string | undefined;
25
25
  todayButtonLabel?: string | undefined;
26
+ nextStepButtonLabel?: string | undefined;
26
27
  clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
27
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
28
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
@@ -25,6 +25,7 @@ const viVNPickers = {
25
25
  clearButtonLabel: 'Xóa',
26
26
  okButtonLabel: 'OK',
27
27
  todayButtonLabel: 'Hôm nay',
28
+ nextStepButtonLabel: 'Sau',
28
29
  // Toolbar titles
29
30
  datePickerToolbarTitle: 'Chọn ngày',
30
31
  dateTimePickerToolbarTitle: 'Chọn ngày và giờ',
@@ -23,6 +23,7 @@ export declare const zhCN: {
23
23
  clearButtonLabel?: string | undefined;
24
24
  okButtonLabel?: string | undefined;
25
25
  todayButtonLabel?: string | undefined;
26
+ nextStepButtonLabel?: string | undefined;
26
27
  clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
27
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
28
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
@@ -25,6 +25,7 @@ const zhCNPickers = {
25
25
  clearButtonLabel: '清除',
26
26
  okButtonLabel: '确认',
27
27
  todayButtonLabel: '今天',
28
+ nextStepButtonLabel: '下个',
28
29
  // Toolbar titles
29
30
  datePickerToolbarTitle: '选择日期',
30
31
  dateTimePickerToolbarTitle: '选择日期和时间',
@@ -23,6 +23,7 @@ export declare const zhHK: {
23
23
  clearButtonLabel?: string | undefined;
24
24
  okButtonLabel?: string | undefined;
25
25
  todayButtonLabel?: string | undefined;
26
+ nextStepButtonLabel?: string | undefined;
26
27
  clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
27
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
28
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
@@ -25,6 +25,7 @@ const zhHKPickers = {
25
25
  clearButtonLabel: '清除',
26
26
  okButtonLabel: '確認',
27
27
  todayButtonLabel: '今日',
28
+ nextStepButtonLabel: '下個',
28
29
  // Toolbar titles
29
30
  datePickerToolbarTitle: '選擇日期',
30
31
  dateTimePickerToolbarTitle: '選擇日期和時間',
@@ -23,6 +23,7 @@ export declare const zhTW: {
23
23
  clearButtonLabel?: string | undefined;
24
24
  okButtonLabel?: string | undefined;
25
25
  todayButtonLabel?: string | undefined;
26
+ nextStepButtonLabel?: string | undefined;
26
27
  clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
27
28
  hoursClockNumberText?: ((hours: string) => string) | undefined;
28
29
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
@@ -25,6 +25,7 @@ const zhTWPickers = {
25
25
  clearButtonLabel: '清除',
26
26
  okButtonLabel: '確認',
27
27
  todayButtonLabel: '今天',
28
+ nextStepButtonLabel: '下個',
28
29
  // Toolbar titles
29
30
  datePickerToolbarTitle: '選擇日期',
30
31
  dateTimePickerToolbarTitle: '選擇日期和時間',
@@ -1,23 +1,14 @@
1
1
  import type { MakeOptional } from '@mui/x-internals/types';
2
2
  import { PickerManager, DateValidationError } from "../models/index.js";
3
3
  import { UseFieldInternalProps } from "../internals/hooks/useField/index.js";
4
- import { MuiPickersAdapterContextValue } from "../LocalizationProvider/LocalizationProvider.js";
5
- import { ExportedValidateDateProps, ValidateDatePropsToDefault, ValidateDateProps } from "../validation/validateDate.js";
6
- import { PickerManagerFieldInternalPropsWithDefaults, PickerValue } from "../internals/models/index.js";
4
+ import { ExportedValidateDateProps, ValidateDateProps } from "../validation/validateDate.js";
5
+ import { PickerValue } from "../internals/models/index.js";
7
6
  export declare function useDateManager<TEnableAccessibleFieldDOMStructure extends boolean = true>(parameters?: UseDateManagerParameters<TEnableAccessibleFieldDOMStructure>): UseDateManagerReturnValue<TEnableAccessibleFieldDOMStructure>;
8
- /**
9
- * Private utility function to get the default internal props for the fields with date editing.
10
- * Is used by the `useDateManager` and `useDateRangeManager` hooks.
11
- */
12
- export declare function getDateFieldInternalPropsDefaults(parameters: GetDateFieldInternalPropsDefaultsParameters): GetDateFieldInternalPropsDefaultsReturnValue;
7
+ type SharedDateAndDateRangeValidationProps = 'disablePast' | 'disableFuture' | 'minDate' | 'maxDate';
8
+ export declare function useApplyDefaultValuesToDateValidationProps(props: Pick<ExportedValidateDateProps, SharedDateAndDateRangeValidationProps>): Pick<ValidateDateProps, SharedDateAndDateRangeValidationProps>;
13
9
  export interface UseDateManagerParameters<TEnableAccessibleFieldDOMStructure extends boolean> {
14
10
  enableAccessibleFieldDOMStructure?: TEnableAccessibleFieldDOMStructure;
15
11
  }
16
12
  export type UseDateManagerReturnValue<TEnableAccessibleFieldDOMStructure extends boolean> = PickerManager<PickerValue, TEnableAccessibleFieldDOMStructure, DateValidationError, ValidateDateProps, DateManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure>>;
17
13
  export interface DateManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<PickerValue, TEnableAccessibleFieldDOMStructure, DateValidationError>, 'format'>, ExportedValidateDateProps {}
18
- type DateManagerFieldPropsToDefault = 'format' | ValidateDatePropsToDefault;
19
- interface GetDateFieldInternalPropsDefaultsParameters extends Pick<MuiPickersAdapterContextValue, 'defaultDates' | 'utils'> {
20
- internalProps: Pick<DateManagerFieldInternalProps<true>, DateManagerFieldPropsToDefault>;
21
- }
22
- interface GetDateFieldInternalPropsDefaultsReturnValue extends Pick<PickerManagerFieldInternalPropsWithDefaults<UseDateManagerReturnValue<true>>, DateManagerFieldPropsToDefault> {}
23
14
  export {};
@@ -5,7 +5,7 @@ import * as React from 'react';
5
5
  import { applyDefaultDate } from "../internals/utils/date-utils.js";
6
6
  import { singleItemFieldValueManager, singleItemValueManager } from "../internals/utils/valueManagers.js";
7
7
  import { validateDate } from "../validation/index.js";
8
- import { useUtils } from "../internals/hooks/useUtils.js";
8
+ import { useDefaultDates, useUtils } from "../internals/hooks/useUtils.js";
9
9
  import { usePickerTranslations } from "../hooks/usePickerTranslations.js";
10
10
  export function useDateManager(parameters = {}) {
11
11
  const {
@@ -17,15 +17,7 @@ export function useDateManager(parameters = {}) {
17
17
  internal_valueManager: singleItemValueManager,
18
18
  internal_fieldValueManager: singleItemFieldValueManager,
19
19
  internal_enableAccessibleFieldDOMStructure: enableAccessibleFieldDOMStructure,
20
- internal_applyDefaultsToFieldInternalProps: ({
21
- internalProps,
22
- utils,
23
- defaultDates
24
- }) => _extends({}, internalProps, getDateFieldInternalPropsDefaults({
25
- defaultDates,
26
- utils,
27
- internalProps
28
- })),
20
+ internal_useApplyDefaultValuesToFieldInternalProps: useApplyDefaultValuesToDateFieldInternalProps,
29
21
  internal_useOpenPickerButtonAriaLabel: useOpenPickerButtonAriaLabel
30
22
  }), [enableAccessibleFieldDOMStructure]);
31
23
  }
@@ -37,22 +29,20 @@ function useOpenPickerButtonAriaLabel(value) {
37
29
  return translations.openDatePickerDialogue(formattedValue);
38
30
  }, [value, translations, utils]);
39
31
  }
40
-
41
- /**
42
- * Private utility function to get the default internal props for the fields with date editing.
43
- * Is used by the `useDateManager` and `useDateRangeManager` hooks.
44
- */
45
- export function getDateFieldInternalPropsDefaults(parameters) {
46
- const {
47
- defaultDates,
48
- utils,
49
- internalProps
50
- } = parameters;
51
- return {
52
- format: internalProps.format ?? utils.formats.keyboardDate,
53
- disablePast: internalProps.disablePast ?? false,
54
- disableFuture: internalProps.disableFuture ?? false,
55
- minDate: applyDefaultDate(utils, internalProps.minDate, defaultDates.minDate),
56
- maxDate: applyDefaultDate(utils, internalProps.maxDate, defaultDates.maxDate)
57
- };
32
+ function useApplyDefaultValuesToDateFieldInternalProps(internalProps) {
33
+ const utils = useUtils();
34
+ const validationProps = useApplyDefaultValuesToDateValidationProps(internalProps);
35
+ return React.useMemo(() => _extends({}, internalProps, validationProps, {
36
+ format: internalProps.format ?? utils.formats.keyboardDate
37
+ }), [internalProps, validationProps, utils]);
38
+ }
39
+ export function useApplyDefaultValuesToDateValidationProps(props) {
40
+ const utils = useUtils();
41
+ const defaultDates = useDefaultDates();
42
+ return React.useMemo(() => ({
43
+ disablePast: props.disablePast ?? false,
44
+ disableFuture: props.disableFuture ?? false,
45
+ minDate: applyDefaultDate(utils, props.minDate, defaultDates.minDate),
46
+ maxDate: applyDefaultDate(utils, props.maxDate, defaultDates.maxDate)
47
+ }), [props.minDate, props.maxDate, props.disableFuture, props.disablePast, utils, defaultDates]);
58
48
  }
@@ -1,24 +1,15 @@
1
1
  import type { MakeOptional } from '@mui/x-internals/types';
2
2
  import { PickerManager, DateTimeValidationError } from "../models/index.js";
3
3
  import { UseFieldInternalProps } from "../internals/hooks/useField/index.js";
4
- import { MuiPickersAdapterContextValue } from "../LocalizationProvider/LocalizationProvider.js";
5
4
  import { AmPmProps } from "../internals/models/props/time.js";
6
- import { ExportedValidateDateTimeProps, ValidateDateTimeProps, ValidateDateTimePropsToDefault } from "../validation/validateDateTime.js";
7
- import { PickerManagerFieldInternalPropsWithDefaults, PickerValue } from "../internals/models/index.js";
5
+ import { ExportedValidateDateTimeProps, ValidateDateTimeProps } from "../validation/validateDateTime.js";
6
+ import { PickerValue } from "../internals/models/index.js";
8
7
  export declare function useDateTimeManager<TEnableAccessibleFieldDOMStructure extends boolean = true>(parameters?: UseDateTimeManagerParameters<TEnableAccessibleFieldDOMStructure>): UseDateTimeManagerReturnValue<TEnableAccessibleFieldDOMStructure>;
9
- /**
10
- * Private utility function to get the default internal props for the field with date time editing.
11
- * Is used by the `useDateTimeManager` and `useDateTimeRangeManager` hooks.
12
- */
13
- export declare function getDateTimeFieldInternalPropsDefaults(parameters: GetDateTimeFieldInternalPropsDefaultsParameters): GetDateTimeFieldInternalPropsDefaultsReturnValue;
8
+ type SharedDateTimeAndDateTimeRangeValidationProps = 'disablePast' | 'disableFuture' | 'minTime' | 'maxTime' | 'minDate' | 'maxDate';
9
+ export declare function useApplyDefaultValuesToDateTimeValidationProps(props: Pick<ExportedValidateDateTimeProps, SharedDateTimeAndDateTimeRangeValidationProps | 'minDateTime' | 'maxDateTime'>): Pick<ValidateDateTimeProps, SharedDateTimeAndDateTimeRangeValidationProps>;
14
10
  export interface UseDateTimeManagerParameters<TEnableAccessibleFieldDOMStructure extends boolean> {
15
11
  enableAccessibleFieldDOMStructure?: TEnableAccessibleFieldDOMStructure;
16
12
  }
17
13
  export type UseDateTimeManagerReturnValue<TEnableAccessibleFieldDOMStructure extends boolean> = PickerManager<PickerValue, TEnableAccessibleFieldDOMStructure, DateTimeValidationError, ValidateDateTimeProps, DateTimeManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure>>;
18
14
  export interface DateTimeManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<PickerValue, TEnableAccessibleFieldDOMStructure, DateTimeValidationError>, 'format'>, ExportedValidateDateTimeProps, AmPmProps {}
19
- type DateTimeManagerFieldPropsToDefault = 'format' | 'minTime' | 'maxTime' | ValidateDateTimePropsToDefault;
20
- interface GetDateTimeFieldInternalPropsDefaultsParameters extends Pick<MuiPickersAdapterContextValue, 'defaultDates' | 'utils'> {
21
- internalProps: Pick<DateTimeManagerFieldInternalProps<true>, DateTimeManagerFieldPropsToDefault | 'minDateTime' | 'maxDateTime' | 'ampm'>;
22
- }
23
- interface GetDateTimeFieldInternalPropsDefaultsReturnValue extends Pick<PickerManagerFieldInternalPropsWithDefaults<UseDateTimeManagerReturnValue<true>>, DateTimeManagerFieldPropsToDefault | 'disableIgnoringDatePartForTimeValidation'> {}
24
15
  export {};
@@ -5,7 +5,7 @@ import * as React from 'react';
5
5
  import { applyDefaultDate } from "../internals/utils/date-utils.js";
6
6
  import { singleItemFieldValueManager, singleItemValueManager } from "../internals/utils/valueManagers.js";
7
7
  import { validateDateTime } from "../validation/index.js";
8
- import { useUtils } from "../internals/hooks/useUtils.js";
8
+ import { useDefaultDates, useUtils } from "../internals/hooks/useUtils.js";
9
9
  import { usePickerTranslations } from "../hooks/usePickerTranslations.js";
10
10
  export function useDateTimeManager(parameters = {}) {
11
11
  const {
@@ -17,15 +17,7 @@ export function useDateTimeManager(parameters = {}) {
17
17
  internal_valueManager: singleItemValueManager,
18
18
  internal_fieldValueManager: singleItemFieldValueManager,
19
19
  internal_enableAccessibleFieldDOMStructure: enableAccessibleFieldDOMStructure,
20
- internal_applyDefaultsToFieldInternalProps: ({
21
- internalProps,
22
- utils,
23
- defaultDates
24
- }) => _extends({}, internalProps, getDateTimeFieldInternalPropsDefaults({
25
- internalProps,
26
- utils,
27
- defaultDates
28
- })),
20
+ internal_useApplyDefaultValuesToFieldInternalProps: useApplyDefaultValuesToDateTimeFieldInternalProps,
29
21
  internal_useOpenPickerButtonAriaLabel: useOpenPickerButtonAriaLabel
30
22
  }), [enableAccessibleFieldDOMStructure]);
31
23
  }
@@ -37,27 +29,25 @@ function useOpenPickerButtonAriaLabel(value) {
37
29
  return translations.openDatePickerDialogue(formattedValue);
38
30
  }, [value, translations, utils]);
39
31
  }
40
-
41
- /**
42
- * Private utility function to get the default internal props for the field with date time editing.
43
- * Is used by the `useDateTimeManager` and `useDateTimeRangeManager` hooks.
44
- */
45
- export function getDateTimeFieldInternalPropsDefaults(parameters) {
46
- const {
47
- defaultDates,
48
- utils,
49
- internalProps
50
- } = parameters;
51
- const ampm = internalProps.ampm ?? utils.is12HourCycleInCurrentLocale();
52
- const defaultFormat = ampm ? utils.formats.keyboardDateTime12h : utils.formats.keyboardDateTime24h;
53
- return {
54
- disablePast: internalProps.disablePast ?? false,
55
- disableFuture: internalProps.disableFuture ?? false,
56
- format: internalProps.format ?? defaultFormat,
57
- disableIgnoringDatePartForTimeValidation: Boolean(internalProps.minDateTime || internalProps.maxDateTime),
58
- minDate: applyDefaultDate(utils, internalProps.minDateTime ?? internalProps.minDate, defaultDates.minDate),
59
- maxDate: applyDefaultDate(utils, internalProps.maxDateTime ?? internalProps.maxDate, defaultDates.maxDate),
60
- minTime: internalProps.minDateTime ?? internalProps.minTime,
61
- maxTime: internalProps.maxDateTime ?? internalProps.maxTime
62
- };
32
+ function useApplyDefaultValuesToDateTimeFieldInternalProps(internalProps) {
33
+ const utils = useUtils();
34
+ const validationProps = useApplyDefaultValuesToDateTimeValidationProps(internalProps);
35
+ const ampm = React.useMemo(() => internalProps.ampm ?? utils.is12HourCycleInCurrentLocale(), [internalProps.ampm, utils]);
36
+ return React.useMemo(() => _extends({}, internalProps, validationProps, {
37
+ format: internalProps.format ?? (ampm ? utils.formats.keyboardDateTime12h : utils.formats.keyboardDateTime24h)
38
+ }), [internalProps, validationProps, ampm, utils]);
39
+ }
40
+ export function useApplyDefaultValuesToDateTimeValidationProps(props) {
41
+ const utils = useUtils();
42
+ const defaultDates = useDefaultDates();
43
+ return React.useMemo(() => ({
44
+ disablePast: props.disablePast ?? false,
45
+ disableFuture: props.disableFuture ?? false,
46
+ // TODO: Explore if we can remove it from the public API
47
+ disableIgnoringDatePartForTimeValidation: !!props.minDateTime || !!props.maxDateTime || !!props.disableFuture || !!props.disablePast,
48
+ minDate: applyDefaultDate(utils, props.minDateTime ?? props.minDate, defaultDates.minDate),
49
+ maxDate: applyDefaultDate(utils, props.maxDateTime ?? props.maxDate, defaultDates.maxDate),
50
+ minTime: props.minDateTime ?? props.minTime,
51
+ maxTime: props.maxDateTime ?? props.maxTime
52
+ }), [props.minDateTime, props.maxDateTime, props.minTime, props.maxTime, props.minDate, props.maxDate, props.disableFuture, props.disablePast, utils, defaultDates]);
63
53
  }