@mui/x-date-pickers-pro 8.0.0-beta.2 → 8.0.0

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 (365) hide show
  1. package/CHANGELOG.md +423 -96
  2. package/DateRangeCalendar/DateRangeCalendar.js +1 -2
  3. package/DateRangePicker/DateRangePicker.js +1 -1
  4. package/DateRangePickerDay/DateRangePickerDay.js +1 -3
  5. package/DateTimeRangePicker/DateTimeRangePicker.js +1 -1
  6. package/DateTimeRangePicker/DateTimeRangePickerTimeWrapper.js +1 -8
  7. package/DesktopDateRangePicker/DesktopDateRangePicker.js +4 -8
  8. package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +10 -3
  9. package/DesktopTimeRangePicker/DesktopTimeRangePicker.js +10 -2
  10. package/MobileDateRangePicker/MobileDateRangePicker.js +3 -2
  11. package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +16 -3
  12. package/MobileTimeRangePicker/MobileTimeRangePicker.js +10 -2
  13. package/SingleInputDateRangeField/SingleInputDateRangeField.js +4 -4
  14. package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +4 -4
  15. package/SingleInputTimeRangeField/SingleInputTimeRangeField.js +4 -4
  16. package/StaticDateRangePicker/StaticDateRangePicker.js +2 -1
  17. package/TimeRangePicker/TimeRangePicker.js +1 -1
  18. package/TimeRangePicker/TimeRangePickerTimeWrapper.js +1 -6
  19. package/esm/DateRangeCalendar/DateRangeCalendar.js +1 -2
  20. package/esm/DateRangePicker/DateRangePicker.js +1 -1
  21. package/esm/DateRangePickerDay/DateRangePickerDay.js +1 -3
  22. package/esm/DateTimeRangePicker/DateTimeRangePicker.js +1 -1
  23. package/esm/DateTimeRangePicker/DateTimeRangePickerTimeWrapper.js +2 -9
  24. package/esm/DesktopDateRangePicker/DesktopDateRangePicker.js +4 -8
  25. package/esm/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +10 -3
  26. package/esm/DesktopTimeRangePicker/DesktopTimeRangePicker.js +10 -2
  27. package/esm/MobileDateRangePicker/MobileDateRangePicker.js +3 -2
  28. package/esm/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +17 -4
  29. package/esm/MobileTimeRangePicker/MobileTimeRangePicker.js +10 -2
  30. package/esm/SingleInputDateRangeField/SingleInputDateRangeField.js +4 -4
  31. package/esm/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +4 -4
  32. package/esm/SingleInputTimeRangeField/SingleInputTimeRangeField.js +4 -4
  33. package/esm/StaticDateRangePicker/StaticDateRangePicker.js +2 -1
  34. package/esm/TimeRangePicker/TimeRangePicker.js +1 -1
  35. package/esm/TimeRangePicker/TimeRangePickerTimeWrapper.js +1 -6
  36. package/esm/index.js +1 -1
  37. package/esm/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +1 -0
  38. package/esm/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +17 -7
  39. package/esm/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.ts +3 -3
  40. package/esm/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +1 -0
  41. package/esm/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +13 -6
  42. package/esm/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.d.ts +3 -3
  43. package/esm/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts +1 -0
  44. package/esm/internals/hooks/useStaticRangePicker/useStaticRangePicker.js +10 -3
  45. package/esm/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.d.ts +7 -0
  46. package/esm/internals/models/rangePickerProps.d.ts +14 -0
  47. package/esm/internals/utils/createMultiInputRangeField/useTextFieldProps.js +1 -0
  48. package/esm/internals/utils/createRangePickerStepNavigation.d.ts +16 -0
  49. package/esm/internals/utils/createRangePickerStepNavigation.js +31 -0
  50. package/esm/internals/utils/date-fields-utils.d.ts +1 -0
  51. package/index.js +1 -1
  52. package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +1 -0
  53. package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +17 -7
  54. package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.ts +3 -3
  55. package/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +1 -0
  56. package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +13 -6
  57. package/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.d.ts +3 -3
  58. package/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts +1 -0
  59. package/internals/hooks/useStaticRangePicker/useStaticRangePicker.js +10 -3
  60. package/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.d.ts +7 -0
  61. package/internals/models/rangePickerProps.d.ts +14 -0
  62. package/internals/utils/createMultiInputRangeField/useTextFieldProps.js +1 -0
  63. package/internals/utils/createRangePickerStepNavigation.d.ts +16 -0
  64. package/internals/utils/createRangePickerStepNavigation.js +37 -0
  65. package/internals/utils/date-fields-utils.d.ts +1 -0
  66. package/package.json +8 -16
  67. package/esm/internals/hooks/models/index.d.ts +0 -1
  68. package/esm/internals/hooks/models/index.js +0 -1
  69. package/esm/internals/hooks/models/useRangePicker.d.ts +0 -8
  70. package/esm/internals/hooks/models/useRangePicker.js +0 -1
  71. package/esm/internals/utils/releaseInfo.d.ts +0 -1
  72. package/esm/internals/utils/releaseInfo.js +0 -13
  73. package/internals/hooks/models/index.d.ts +0 -1
  74. package/internals/hooks/models/index.js +0 -5
  75. package/internals/hooks/models/useRangePicker.d.ts +0 -8
  76. package/internals/hooks/models/useRangePicker.js +0 -5
  77. package/internals/utils/releaseInfo.d.ts +0 -1
  78. package/internals/utils/releaseInfo.js +0 -20
  79. package/modern/AdapterDateFns/index.d.ts +0 -1
  80. package/modern/AdapterDateFns/index.js +0 -1
  81. package/modern/AdapterDateFnsJalali/index.d.ts +0 -1
  82. package/modern/AdapterDateFnsJalali/index.js +0 -1
  83. package/modern/AdapterDateFnsJalaliV2/index.d.ts +0 -1
  84. package/modern/AdapterDateFnsJalaliV2/index.js +0 -1
  85. package/modern/AdapterDateFnsV2/index.d.ts +0 -1
  86. package/modern/AdapterDateFnsV2/index.js +0 -1
  87. package/modern/AdapterDayjs/index.d.ts +0 -1
  88. package/modern/AdapterDayjs/index.js +0 -1
  89. package/modern/AdapterLuxon/index.d.ts +0 -1
  90. package/modern/AdapterLuxon/index.js +0 -1
  91. package/modern/AdapterMoment/index.d.ts +0 -1
  92. package/modern/AdapterMoment/index.js +0 -1
  93. package/modern/AdapterMomentHijri/index.d.ts +0 -1
  94. package/modern/AdapterMomentHijri/index.js +0 -1
  95. package/modern/AdapterMomentJalaali/index.d.ts +0 -1
  96. package/modern/AdapterMomentJalaali/index.js +0 -1
  97. package/modern/DateRangeCalendar/DateRangeCalendar.d.ts +0 -17
  98. package/modern/DateRangeCalendar/DateRangeCalendar.js +0 -748
  99. package/modern/DateRangeCalendar/DateRangeCalendar.types.d.ts +0 -113
  100. package/modern/DateRangeCalendar/DateRangeCalendar.types.js +0 -1
  101. package/modern/DateRangeCalendar/dateRangeCalendarClasses.d.ts +0 -11
  102. package/modern/DateRangeCalendar/dateRangeCalendarClasses.js +0 -3
  103. package/modern/DateRangeCalendar/index.d.ts +0 -4
  104. package/modern/DateRangeCalendar/index.js +0 -2
  105. package/modern/DateRangeCalendar/useDragRange.d.ts +0 -40
  106. package/modern/DateRangeCalendar/useDragRange.js +0 -250
  107. package/modern/DateRangePicker/DateRangePicker.d.ts +0 -17
  108. package/modern/DateRangePicker/DateRangePicker.js +0 -344
  109. package/modern/DateRangePicker/DateRangePicker.types.d.ts +0 -33
  110. package/modern/DateRangePicker/DateRangePicker.types.js +0 -1
  111. package/modern/DateRangePicker/DateRangePickerToolbar.d.ts +0 -25
  112. package/modern/DateRangePicker/DateRangePickerToolbar.js +0 -131
  113. package/modern/DateRangePicker/dateRangePickerToolbarClasses.d.ts +0 -9
  114. package/modern/DateRangePicker/dateRangePickerToolbarClasses.js +0 -5
  115. package/modern/DateRangePicker/index.d.ts +0 -6
  116. package/modern/DateRangePicker/index.js +0 -3
  117. package/modern/DateRangePicker/shared.d.ts +0 -40
  118. package/modern/DateRangePicker/shared.js +0 -26
  119. package/modern/DateRangePickerDay/DateRangePickerDay.d.ts +0 -14
  120. package/modern/DateRangePickerDay/DateRangePickerDay.js +0 -472
  121. package/modern/DateRangePickerDay/DateRangePickerDay.types.d.ts +0 -91
  122. package/modern/DateRangePickerDay/DateRangePickerDay.types.js +0 -1
  123. package/modern/DateRangePickerDay/dateRangePickerDayClasses.d.ts +0 -41
  124. package/modern/DateRangePickerDay/dateRangePickerDayClasses.js +0 -5
  125. package/modern/DateRangePickerDay/index.d.ts +0 -4
  126. package/modern/DateRangePickerDay/index.js +0 -2
  127. package/modern/DateTimeRangePicker/DateTimeRangePicker.d.ts +0 -17
  128. package/modern/DateTimeRangePicker/DateTimeRangePicker.js +0 -431
  129. package/modern/DateTimeRangePicker/DateTimeRangePicker.types.d.ts +0 -28
  130. package/modern/DateTimeRangePicker/DateTimeRangePicker.types.js +0 -1
  131. package/modern/DateTimeRangePicker/DateTimeRangePickerTabs.d.ts +0 -30
  132. package/modern/DateTimeRangePicker/DateTimeRangePickerTabs.js +0 -193
  133. package/modern/DateTimeRangePicker/DateTimeRangePickerTimeWrapper.d.ts +0 -17
  134. package/modern/DateTimeRangePicker/DateTimeRangePickerTimeWrapper.js +0 -60
  135. package/modern/DateTimeRangePicker/DateTimeRangePickerToolbar.d.ts +0 -17
  136. package/modern/DateTimeRangePicker/DateTimeRangePickerToolbar.js +0 -200
  137. package/modern/DateTimeRangePicker/dateTimeRangePickerTabsClasses.d.ts +0 -13
  138. package/modern/DateTimeRangePicker/dateTimeRangePickerTabsClasses.js +0 -6
  139. package/modern/DateTimeRangePicker/dateTimeRangePickerToolbarClasses.d.ts +0 -11
  140. package/modern/DateTimeRangePicker/dateTimeRangePickerToolbarClasses.js +0 -5
  141. package/modern/DateTimeRangePicker/index.d.ts +0 -10
  142. package/modern/DateTimeRangePicker/index.js +0 -5
  143. package/modern/DateTimeRangePicker/shared.d.ts +0 -63
  144. package/modern/DateTimeRangePicker/shared.js +0 -51
  145. package/modern/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +0 -17
  146. package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js +0 -357
  147. package/modern/DesktopDateRangePicker/DesktopDateRangePicker.types.d.ts +0 -27
  148. package/modern/DesktopDateRangePicker/DesktopDateRangePicker.types.js +0 -1
  149. package/modern/DesktopDateRangePicker/index.d.ts +0 -2
  150. package/modern/DesktopDateRangePicker/index.js +0 -1
  151. package/modern/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.d.ts +0 -17
  152. package/modern/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +0 -512
  153. package/modern/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.types.d.ts +0 -22
  154. package/modern/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.types.js +0 -1
  155. package/modern/DesktopDateTimeRangePicker/index.d.ts +0 -2
  156. package/modern/DesktopDateTimeRangePicker/index.js +0 -1
  157. package/modern/DesktopTimeRangePicker/DesktopTimeRangePicker.d.ts +0 -7
  158. package/modern/DesktopTimeRangePicker/DesktopTimeRangePicker.js +0 -389
  159. package/modern/DesktopTimeRangePicker/DesktopTimeRangePicker.types.d.ts +0 -18
  160. package/modern/DesktopTimeRangePicker/DesktopTimeRangePicker.types.js +0 -1
  161. package/modern/DesktopTimeRangePicker/index.d.ts +0 -2
  162. package/modern/DesktopTimeRangePicker/index.js +0 -1
  163. package/modern/LocalizationProvider/index.d.ts +0 -1
  164. package/modern/LocalizationProvider/index.js +0 -1
  165. package/modern/MobileDateRangePicker/MobileDateRangePicker.d.ts +0 -17
  166. package/modern/MobileDateRangePicker/MobileDateRangePicker.js +0 -349
  167. package/modern/MobileDateRangePicker/MobileDateRangePicker.types.d.ts +0 -17
  168. package/modern/MobileDateRangePicker/MobileDateRangePicker.types.js +0 -1
  169. package/modern/MobileDateRangePicker/index.d.ts +0 -2
  170. package/modern/MobileDateRangePicker/index.js +0 -1
  171. package/modern/MobileDateTimeRangePicker/MobileDateTimeRangePicker.d.ts +0 -17
  172. package/modern/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +0 -512
  173. package/modern/MobileDateTimeRangePicker/MobileDateTimeRangePicker.types.d.ts +0 -17
  174. package/modern/MobileDateTimeRangePicker/MobileDateTimeRangePicker.types.js +0 -1
  175. package/modern/MobileDateTimeRangePicker/index.d.ts +0 -2
  176. package/modern/MobileDateTimeRangePicker/index.js +0 -1
  177. package/modern/MobileTimeRangePicker/MobileTimeRangePicker.d.ts +0 -7
  178. package/modern/MobileTimeRangePicker/MobileTimeRangePicker.js +0 -372
  179. package/modern/MobileTimeRangePicker/MobileTimeRangePicker.types.d.ts +0 -17
  180. package/modern/MobileTimeRangePicker/MobileTimeRangePicker.types.js +0 -1
  181. package/modern/MobileTimeRangePicker/index.d.ts +0 -2
  182. package/modern/MobileTimeRangePicker/index.js +0 -1
  183. package/modern/MultiInputDateRangeField/MultiInputDateRangeField.d.ts +0 -25
  184. package/modern/MultiInputDateRangeField/MultiInputDateRangeField.js +0 -215
  185. package/modern/MultiInputDateRangeField/index.d.ts +0 -5
  186. package/modern/MultiInputDateRangeField/index.js +0 -2
  187. package/modern/MultiInputDateRangeField/multiInputDateRangeFieldClasses.d.ts +0 -5
  188. package/modern/MultiInputDateRangeField/multiInputDateRangeFieldClasses.js +0 -4
  189. package/modern/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.d.ts +0 -25
  190. package/modern/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +0 -255
  191. package/modern/MultiInputDateTimeRangeField/index.d.ts +0 -5
  192. package/modern/MultiInputDateTimeRangeField/index.js +0 -2
  193. package/modern/MultiInputDateTimeRangeField/multiInputDateTimeRangeFieldClasses.d.ts +0 -5
  194. package/modern/MultiInputDateTimeRangeField/multiInputDateTimeRangeFieldClasses.js +0 -4
  195. package/modern/MultiInputTimeRangeField/MultiInputTimeRangeField.d.ts +0 -25
  196. package/modern/MultiInputTimeRangeField/MultiInputTimeRangeField.js +0 -228
  197. package/modern/MultiInputTimeRangeField/index.d.ts +0 -5
  198. package/modern/MultiInputTimeRangeField/index.js +0 -2
  199. package/modern/MultiInputTimeRangeField/multiInputTimeRangeFieldClasses.d.ts +0 -5
  200. package/modern/MultiInputTimeRangeField/multiInputTimeRangeFieldClasses.js +0 -4
  201. package/modern/PickersRangeCalendarHeader/PickersRangeCalendarHeader.d.ts +0 -7
  202. package/modern/PickersRangeCalendarHeader/PickersRangeCalendarHeader.js +0 -137
  203. package/modern/PickersRangeCalendarHeader/PickersRangeCalendarHeader.types.d.ts +0 -17
  204. package/modern/PickersRangeCalendarHeader/PickersRangeCalendarHeader.types.js +0 -1
  205. package/modern/PickersRangeCalendarHeader/index.d.ts +0 -2
  206. package/modern/PickersRangeCalendarHeader/index.js +0 -1
  207. package/modern/SingleInputDateRangeField/SingleInputDateRangeField.d.ts +0 -19
  208. package/modern/SingleInputDateRangeField/SingleInputDateRangeField.js +0 -316
  209. package/modern/SingleInputDateRangeField/SingleInputDateRangeField.types.d.ts +0 -18
  210. package/modern/SingleInputDateRangeField/SingleInputDateRangeField.types.js +0 -1
  211. package/modern/SingleInputDateRangeField/index.d.ts +0 -3
  212. package/modern/SingleInputDateRangeField/index.js +0 -2
  213. package/modern/SingleInputDateRangeField/useSingleInputDateRangeField.d.ts +0 -2
  214. package/modern/SingleInputDateRangeField/useSingleInputDateRangeField.js +0 -11
  215. package/modern/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.d.ts +0 -19
  216. package/modern/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +0 -356
  217. package/modern/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.d.ts +0 -18
  218. package/modern/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.js +0 -1
  219. package/modern/SingleInputDateTimeRangeField/index.d.ts +0 -3
  220. package/modern/SingleInputDateTimeRangeField/index.js +0 -2
  221. package/modern/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.d.ts +0 -2
  222. package/modern/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.js +0 -11
  223. package/modern/SingleInputTimeRangeField/SingleInputTimeRangeField.d.ts +0 -19
  224. package/modern/SingleInputTimeRangeField/SingleInputTimeRangeField.js +0 -328
  225. package/modern/SingleInputTimeRangeField/SingleInputTimeRangeField.types.d.ts +0 -18
  226. package/modern/SingleInputTimeRangeField/SingleInputTimeRangeField.types.js +0 -1
  227. package/modern/SingleInputTimeRangeField/index.d.ts +0 -3
  228. package/modern/SingleInputTimeRangeField/index.js +0 -2
  229. package/modern/SingleInputTimeRangeField/useSingleInputTimeRangeField.d.ts +0 -2
  230. package/modern/SingleInputTimeRangeField/useSingleInputTimeRangeField.js +0 -11
  231. package/modern/StaticDateRangePicker/StaticDateRangePicker.d.ts +0 -17
  232. package/modern/StaticDateRangePicker/StaticDateRangePicker.js +0 -285
  233. package/modern/StaticDateRangePicker/StaticDateRangePicker.types.d.ts +0 -22
  234. package/modern/StaticDateRangePicker/StaticDateRangePicker.types.js +0 -1
  235. package/modern/StaticDateRangePicker/index.d.ts +0 -2
  236. package/modern/StaticDateRangePicker/index.js +0 -1
  237. package/modern/TimeRangePicker/TimeRangePicker.d.ts +0 -17
  238. package/modern/TimeRangePicker/TimeRangePicker.js +0 -333
  239. package/modern/TimeRangePicker/TimeRangePicker.types.d.ts +0 -22
  240. package/modern/TimeRangePicker/TimeRangePicker.types.js +0 -1
  241. package/modern/TimeRangePicker/TimeRangePickerTabs.d.ts +0 -35
  242. package/modern/TimeRangePicker/TimeRangePickerTabs.js +0 -138
  243. package/modern/TimeRangePicker/TimeRangePickerTimeWrapper.d.ts +0 -17
  244. package/modern/TimeRangePicker/TimeRangePickerTimeWrapper.js +0 -58
  245. package/modern/TimeRangePicker/TimeRangePickerToolbar.d.ts +0 -14
  246. package/modern/TimeRangePicker/TimeRangePickerToolbar.js +0 -256
  247. package/modern/TimeRangePicker/index.d.ts +0 -10
  248. package/modern/TimeRangePicker/index.js +0 -5
  249. package/modern/TimeRangePicker/shared.d.ts +0 -73
  250. package/modern/TimeRangePicker/shared.js +0 -61
  251. package/modern/TimeRangePicker/timeRangePickerTabsClasses.d.ts +0 -9
  252. package/modern/TimeRangePicker/timeRangePickerTabsClasses.js +0 -5
  253. package/modern/TimeRangePicker/timeRangePickerToolbarClasses.d.ts +0 -13
  254. package/modern/TimeRangePicker/timeRangePickerToolbarClasses.js +0 -5
  255. package/modern/dateRangeViewRenderers/dateRangeViewRenderers.d.ts +0 -49
  256. package/modern/dateRangeViewRenderers/dateRangeViewRenderers.js +0 -85
  257. package/modern/dateRangeViewRenderers/index.d.ts +0 -2
  258. package/modern/dateRangeViewRenderers/index.js +0 -1
  259. package/modern/hooks/index.d.ts +0 -3
  260. package/modern/hooks/index.js +0 -2
  261. package/modern/hooks/useMultiInputRangeField/index.d.ts +0 -2
  262. package/modern/hooks/useMultiInputRangeField/index.js +0 -1
  263. package/modern/hooks/useMultiInputRangeField/useMultiInputRangeField.d.ts +0 -72
  264. package/modern/hooks/useMultiInputRangeField/useMultiInputRangeField.js +0 -140
  265. package/modern/hooks/useMultiInputRangeField/useMultiInputRangeFieldRootProps.d.ts +0 -11
  266. package/modern/hooks/useMultiInputRangeField/useMultiInputRangeFieldRootProps.js +0 -25
  267. package/modern/hooks/useMultiInputRangeField/useMultiInputRangeFieldSelectedSections.d.ts +0 -19
  268. package/modern/hooks/useMultiInputRangeField/useMultiInputRangeFieldSelectedSections.js +0 -43
  269. package/modern/hooks/useMultiInputRangeField/useTextFieldProps.d.ts +0 -30
  270. package/modern/hooks/useMultiInputRangeField/useTextFieldProps.js +0 -129
  271. package/modern/hooks/usePickerRangePositionContext.d.ts +0 -7
  272. package/modern/hooks/usePickerRangePositionContext.js +0 -15
  273. package/modern/index.d.ts +0 -25
  274. package/modern/index.js +0 -40
  275. package/modern/internals/constants/dimensions.d.ts +0 -3
  276. package/modern/internals/constants/dimensions.js +0 -5
  277. package/modern/internals/hooks/models/index.d.ts +0 -1
  278. package/modern/internals/hooks/models/index.js +0 -1
  279. package/modern/internals/hooks/models/useRangePicker.d.ts +0 -8
  280. package/modern/internals/hooks/models/useRangePicker.js +0 -1
  281. package/modern/internals/hooks/useDesktopRangePicker/index.d.ts +0 -2
  282. package/modern/internals/hooks/useDesktopRangePicker/index.js +0 -1
  283. package/modern/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +0 -9
  284. package/modern/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +0 -72
  285. package/modern/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.ts +0 -35
  286. package/modern/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.js +0 -1
  287. package/modern/internals/hooks/useMobileRangePicker/index.d.ts +0 -2
  288. package/modern/internals/hooks/useMobileRangePicker/index.js +0 -1
  289. package/modern/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +0 -9
  290. package/modern/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +0 -110
  291. package/modern/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.d.ts +0 -31
  292. package/modern/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.js +0 -1
  293. package/modern/internals/hooks/useNullablePickerRangePositionContext.d.ts +0 -5
  294. package/modern/internals/hooks/useNullablePickerRangePositionContext.js +0 -10
  295. package/modern/internals/hooks/useRangePosition.d.ts +0 -24
  296. package/modern/internals/hooks/useRangePosition.js +0 -18
  297. package/modern/internals/hooks/useStaticRangePicker/index.d.ts +0 -2
  298. package/modern/internals/hooks/useStaticRangePicker/index.js +0 -1
  299. package/modern/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts +0 -13
  300. package/modern/internals/hooks/useStaticRangePicker/useStaticRangePicker.js +0 -64
  301. package/modern/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.d.ts +0 -23
  302. package/modern/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.js +0 -1
  303. package/modern/internals/models/dateRange.d.ts +0 -16
  304. package/modern/internals/models/dateRange.js +0 -1
  305. package/modern/internals/models/dateTimeRange.d.ts +0 -3
  306. package/modern/internals/models/dateTimeRange.js +0 -1
  307. package/modern/internals/models/fields.d.ts +0 -22
  308. package/modern/internals/models/fields.js +0 -1
  309. package/modern/internals/models/index.d.ts +0 -3
  310. package/modern/internals/models/index.js +0 -3
  311. package/modern/internals/models/managers.d.ts +0 -3
  312. package/modern/internals/models/managers.js +0 -1
  313. package/modern/internals/models/rangePickerProps.d.ts +0 -22
  314. package/modern/internals/models/rangePickerProps.js +0 -1
  315. package/modern/internals/utils/createMultiInputRangeField/createMultiInputRangeField.d.ts +0 -8
  316. package/modern/internals/utils/createMultiInputRangeField/createMultiInputRangeField.js +0 -133
  317. package/modern/internals/utils/createMultiInputRangeField/createMultiInputRangeField.types.d.ts +0 -73
  318. package/modern/internals/utils/createMultiInputRangeField/createMultiInputRangeField.types.js +0 -1
  319. package/modern/internals/utils/createMultiInputRangeField/index.d.ts +0 -3
  320. package/modern/internals/utils/createMultiInputRangeField/index.js +0 -2
  321. package/modern/internals/utils/createMultiInputRangeField/useTextFieldProps.d.ts +0 -14
  322. package/modern/internals/utils/createMultiInputRangeField/useTextFieldProps.js +0 -43
  323. package/modern/internals/utils/date-fields-utils.d.ts +0 -23
  324. package/modern/internals/utils/date-fields-utils.js +0 -28
  325. package/modern/internals/utils/date-range-manager.d.ts +0 -32
  326. package/modern/internals/utils/date-range-manager.js +0 -61
  327. package/modern/internals/utils/date-utils.d.ts +0 -7
  328. package/modern/internals/utils/date-utils.js +0 -18
  329. package/modern/internals/utils/releaseInfo.d.ts +0 -1
  330. package/modern/internals/utils/releaseInfo.js +0 -13
  331. package/modern/internals/utils/valueManagers.d.ts +0 -10
  332. package/modern/internals/utils/valueManagers.js +0 -119
  333. package/modern/locales/index.d.ts +0 -1
  334. package/modern/locales/index.js +0 -1
  335. package/modern/managers/index.d.ts +0 -6
  336. package/modern/managers/index.js +0 -3
  337. package/modern/managers/useDateRangeManager.d.ts +0 -11
  338. package/modern/managers/useDateRangeManager.js +0 -40
  339. package/modern/managers/useDateTimeRangeManager.d.ts +0 -11
  340. package/modern/managers/useDateTimeRangeManager.js +0 -41
  341. package/modern/managers/useTimeRangeManager.d.ts +0 -11
  342. package/modern/managers/useTimeRangeManager.js +0 -45
  343. package/modern/models/fields.d.ts +0 -34
  344. package/modern/models/fields.js +0 -1
  345. package/modern/models/index.d.ts +0 -4
  346. package/modern/models/index.js +0 -4
  347. package/modern/models/range.d.ts +0 -2
  348. package/modern/models/range.js +0 -1
  349. package/modern/models/validation.d.ts +0 -6
  350. package/modern/models/validation.js +0 -1
  351. package/modern/package.json +0 -1
  352. package/modern/themeAugmentation/components.d.ts +0 -79
  353. package/modern/themeAugmentation/index.d.ts +0 -4
  354. package/modern/themeAugmentation/index.js +0 -1
  355. package/modern/themeAugmentation/overrides.d.ts +0 -27
  356. package/modern/themeAugmentation/props.d.ts +0 -54
  357. package/modern/validation/index.d.ts +0 -6
  358. package/modern/validation/index.js +0 -3
  359. package/modern/validation/validateDateRange.d.ts +0 -18
  360. package/modern/validation/validateDateRange.js +0 -59
  361. package/modern/validation/validateDateTimeRange.d.ts +0 -15
  362. package/modern/validation/validateDateTimeRange.js +0 -55
  363. package/modern/validation/validateTimeRange.d.ts +0 -17
  364. package/modern/validation/validateTimeRange.js +0 -48
  365. package/tsconfig.build.tsbuildinfo +0 -1
@@ -1,72 +0,0 @@
1
- import { PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerFieldInternalProps, UseFieldReturnValue } from '@mui/x-date-pickers/internals';
2
- import { UseTextFieldBaseForwardedProps } from "./useTextFieldProps.js";
3
- import { PickerAnyRangeManager } from "../../internals/models/managers.js";
4
- import { UseMultiInputRangeFieldRootPropsReturnValue } from "./useMultiInputRangeFieldRootProps.js";
5
- /**
6
- * Basic example:
7
- *
8
- * ```tsx
9
- * import Box from '@mui/material/Box';
10
- * import { useSplitFieldProps } from '@mui/x-date-pickers/hooks';
11
- * import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
12
- * import { useDateRangeManager } from '@mui/x-date-pickers-pro/managers';
13
- *
14
- * function MultiInputField(props) {
15
- * const manager = useDateRangeManager();
16
- * const { internalProps, forwardedProps } = useSplitFieldProps(props, 'date');
17
- * const response = useMultiInputRangeField({
18
- * manager,
19
- * internalProps,
20
- * startTextFieldProps: {},
21
- * endTextFieldProps: {},
22
- * rootProps: forwardedProps,
23
- * });
24
- *
25
- * return (
26
- * <Box {...response.root}>
27
- * <PickersTextField {...response.startTextField} />
28
- * <span>{' – '}</span>
29
- * <PickersTextField {...response.endTextField} />
30
- * </Box>
31
- * );
32
- * }
33
- * ```
34
- *
35
- * @param {UseMultiInputRangeFieldParameters<TManager, TTextFieldProps>} parameters The parameters of the hook.
36
- * @param {TManager} parameters.manager The manager of the field.
37
- * @param {PickerManagerFieldInternalProps<TManager>} parameters.internalProps The internal props of the field.
38
- * @param {TTextFieldProps} parameters.startForwardedProps The forwarded props of the start field.
39
- * @param {TTextFieldProps} parameters.endForwardedProps The forwarded props of the end field.
40
- * @returns {UseMultiInputRangeFieldReturnValue<TManager, TTextFieldProps>} The props to pass to the start and the end components.
41
- */
42
- export declare function useMultiInputRangeField<TManager extends PickerAnyRangeManager, TTextFieldProps extends UseTextFieldBaseForwardedProps, TRootProps extends {
43
- [key: string]: any;
44
- }>(parameters: UseMultiInputRangeFieldParameters<TManager, TTextFieldProps, TRootProps>): UseMultiInputRangeFieldReturnValue<TManager, TTextFieldProps, TRootProps>;
45
- interface UseMultiInputRangeFieldParameters<TManager extends PickerAnyRangeManager, TTextFieldProps extends {
46
- [key: string]: any;
47
- }, TRootProps extends {
48
- [key: string]: any;
49
- }> {
50
- manager: TManager;
51
- internalProps: PickerManagerFieldInternalProps<TManager>;
52
- rootProps: TRootProps;
53
- startTextFieldProps: TTextFieldProps;
54
- endTextFieldProps: TTextFieldProps;
55
- }
56
- interface UseMultiInputRangeFieldReturnValue<TManager extends PickerAnyRangeManager, TTextFieldProps extends {
57
- [key: string]: any;
58
- }, TRootProps extends {
59
- [key: string]: any;
60
- }> {
61
- root: UseMultiInputRangeFieldRootPropsReturnValue<TRootProps>;
62
- startTextField: UseMultiInputRangeFieldTextFieldProps<PickerManagerEnableAccessibleFieldDOMStructure<TManager>, TTextFieldProps>;
63
- endTextField: UseMultiInputRangeFieldTextFieldProps<PickerManagerEnableAccessibleFieldDOMStructure<TManager>, TTextFieldProps>;
64
- enableAccessibleFieldDOMStructure: PickerManagerEnableAccessibleFieldDOMStructure<TManager>;
65
- }
66
- export type UseMultiInputRangeFieldTextFieldProps<TEnableAccessibleFieldDOMStructure extends boolean, TForwardedProps extends UseTextFieldBaseForwardedProps> = Omit<UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TForwardedProps & {
67
- onKeyDown: React.KeyboardEventHandler;
68
- onClick: React.MouseEventHandler;
69
- onFocus: React.FocusEventHandler;
70
- id: string;
71
- }>, 'onClear' | 'clearable' | 'openPickerAriaLabel'>;
72
- export {};
@@ -1,140 +0,0 @@
1
- 'use client';
2
-
3
- import { useControlledValue, useFieldInternalPropsWithDefaults } from '@mui/x-date-pickers/internals';
4
- import { useValidation } from '@mui/x-date-pickers/validation';
5
- import { useTextFieldProps } from "./useTextFieldProps.js";
6
- import { useMultiInputRangeFieldSelectedSections } from "./useMultiInputRangeFieldSelectedSections.js";
7
- import { useMultiInputRangeFieldRootProps } from "./useMultiInputRangeFieldRootProps.js";
8
-
9
- /**
10
- * Basic example:
11
- *
12
- * ```tsx
13
- * import Box from '@mui/material/Box';
14
- * import { useSplitFieldProps } from '@mui/x-date-pickers/hooks';
15
- * import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
16
- * import { useDateRangeManager } from '@mui/x-date-pickers-pro/managers';
17
- *
18
- * function MultiInputField(props) {
19
- * const manager = useDateRangeManager();
20
- * const { internalProps, forwardedProps } = useSplitFieldProps(props, 'date');
21
- * const response = useMultiInputRangeField({
22
- * manager,
23
- * internalProps,
24
- * startTextFieldProps: {},
25
- * endTextFieldProps: {},
26
- * rootProps: forwardedProps,
27
- * });
28
- *
29
- * return (
30
- * <Box {...response.root}>
31
- * <PickersTextField {...response.startTextField} />
32
- * <span>{' – '}</span>
33
- * <PickersTextField {...response.endTextField} />
34
- * </Box>
35
- * );
36
- * }
37
- * ```
38
- *
39
- * @param {UseMultiInputRangeFieldParameters<TManager, TTextFieldProps>} parameters The parameters of the hook.
40
- * @param {TManager} parameters.manager The manager of the field.
41
- * @param {PickerManagerFieldInternalProps<TManager>} parameters.internalProps The internal props of the field.
42
- * @param {TTextFieldProps} parameters.startForwardedProps The forwarded props of the start field.
43
- * @param {TTextFieldProps} parameters.endForwardedProps The forwarded props of the end field.
44
- * @returns {UseMultiInputRangeFieldReturnValue<TManager, TTextFieldProps>} The props to pass to the start and the end components.
45
- */
46
- export function useMultiInputRangeField(parameters) {
47
- const {
48
- manager,
49
- internalProps,
50
- rootProps,
51
- startTextFieldProps,
52
- endTextFieldProps
53
- } = parameters;
54
- const internalPropsWithDefaults = useFieldInternalPropsWithDefaults({
55
- manager,
56
- internalProps
57
- });
58
- const {
59
- value: valueProp,
60
- defaultValue,
61
- format,
62
- formatDensity,
63
- shouldRespectLeadingZeros,
64
- onChange,
65
- disabled,
66
- readOnly,
67
- selectedSections,
68
- onSelectedSectionsChange,
69
- timezone: timezoneProp,
70
- enableAccessibleFieldDOMStructure,
71
- autoFocus,
72
- referenceDate,
73
- unstableStartFieldRef,
74
- unstableEndFieldRef
75
- } = internalPropsWithDefaults;
76
- const {
77
- value,
78
- handleValueChange,
79
- timezone
80
- } = useControlledValue({
81
- name: 'useMultiInputRangeField',
82
- timezone: timezoneProp,
83
- value: valueProp,
84
- defaultValue,
85
- referenceDate,
86
- onChange,
87
- valueManager: manager.internal_valueManager
88
- });
89
- const validation = useValidation({
90
- props: internalPropsWithDefaults,
91
- value,
92
- timezone,
93
- validator: manager.validator,
94
- onError: internalPropsWithDefaults.onError
95
- });
96
- const selectedSectionsResponse = useMultiInputRangeFieldSelectedSections({
97
- selectedSections,
98
- onSelectedSectionsChange,
99
- unstableStartFieldRef,
100
- unstableEndFieldRef
101
- });
102
- const sharedInternalProps = {
103
- disabled,
104
- readOnly,
105
- timezone,
106
- format,
107
- formatDensity,
108
- shouldRespectLeadingZeros,
109
- enableAccessibleFieldDOMStructure
110
- };
111
- const rootResponse = useMultiInputRangeFieldRootProps(rootProps);
112
- const startTextFieldResponse = useTextFieldProps({
113
- valueType: manager.valueType,
114
- position: 'start',
115
- value,
116
- onChange: handleValueChange,
117
- autoFocus,
118
- validation,
119
- forwardedProps: startTextFieldProps,
120
- selectedSectionProps: selectedSectionsResponse.start,
121
- sharedInternalProps
122
- });
123
- const endTextFieldResponse = useTextFieldProps({
124
- valueType: manager.valueType,
125
- position: 'end',
126
- value,
127
- onChange: handleValueChange,
128
- autoFocus,
129
- validation,
130
- forwardedProps: endTextFieldProps,
131
- selectedSectionProps: selectedSectionsResponse.end,
132
- sharedInternalProps
133
- });
134
- return {
135
- root: rootResponse,
136
- startTextField: startTextFieldResponse,
137
- endTextField: endTextFieldResponse,
138
- enableAccessibleFieldDOMStructure
139
- };
140
- }
@@ -1,11 +0,0 @@
1
- /**
2
- * @ignore - internal hook.
3
- */
4
- export declare function useMultiInputRangeFieldRootProps<TForwardedProps extends {
5
- [key: string]: any;
6
- }>(forwardedProps: TForwardedProps): UseMultiInputRangeFieldRootPropsReturnValue<TForwardedProps>;
7
- export type UseMultiInputRangeFieldRootPropsReturnValue<TForwardedProps extends {
8
- [key: string]: any;
9
- }> = Omit<TForwardedProps, 'onBlur'> & {
10
- onBlur: () => void;
11
- };
@@ -1,25 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import useEventCallback from '@mui/utils/useEventCallback';
3
- import { executeInTheNextEventLoopTick, getActiveElement, useNullablePickerContext, usePickerPrivateContext } from '@mui/x-date-pickers/internals';
4
-
5
- /**
6
- * @ignore - internal hook.
7
- */
8
- export function useMultiInputRangeFieldRootProps(forwardedProps) {
9
- const pickerContext = useNullablePickerContext();
10
- const privatePickerContext = usePickerPrivateContext();
11
- const handleBlur = useEventCallback(() => {
12
- if (!pickerContext || privatePickerContext.viewContainerRole !== 'tooltip') {
13
- return;
14
- }
15
- executeInTheNextEventLoopTick(() => {
16
- if (privatePickerContext.rootRefObject.current?.contains(getActiveElement(document)) || pickerContext.popupRef.current?.contains(getActiveElement(document))) {
17
- return;
18
- }
19
- privatePickerContext.dismissViews();
20
- });
21
- });
22
- return _extends({}, forwardedProps, {
23
- onBlur: handleBlur
24
- });
25
- }
@@ -1,19 +0,0 @@
1
- import * as React from 'react';
2
- import { PickerRangeValue, PickerValue, UseFieldInternalProps } from '@mui/x-date-pickers/internals';
3
- import { FieldRef, FieldSelectedSections } from '@mui/x-date-pickers/models';
4
- import { MultiInputFieldRefs } from "../../models/index.js";
5
- interface UseMultiInputRangeFieldSelectedSectionsParameters extends Pick<UseFieldInternalProps<PickerRangeValue, any, any>, 'selectedSections' | 'onSelectedSectionsChange'>, MultiInputFieldRefs {}
6
- export interface UseMultiInputFieldSelectedSectionsResponseItem {
7
- unstableFieldRef?: React.Ref<FieldRef<PickerValue>>;
8
- selectedSections: FieldSelectedSections;
9
- onSelectedSectionsChange: (newSelectedSections: FieldSelectedSections) => void;
10
- }
11
- interface UseMultiInputFieldSelectedSectionsResponse {
12
- start: UseMultiInputFieldSelectedSectionsResponseItem;
13
- end: UseMultiInputFieldSelectedSectionsResponseItem;
14
- }
15
- /**
16
- * @ignore - internal hook.
17
- */
18
- export declare const useMultiInputRangeFieldSelectedSections: (parameters: UseMultiInputRangeFieldSelectedSectionsParameters) => UseMultiInputFieldSelectedSectionsResponse;
19
- export {};
@@ -1,43 +0,0 @@
1
- import * as React from 'react';
2
- import useForkRef from '@mui/utils/useForkRef';
3
- import useEventCallback from '@mui/utils/useEventCallback';
4
- /**
5
- * @ignore - internal hook.
6
- */
7
- export const useMultiInputRangeFieldSelectedSections = parameters => {
8
- const unstableEndFieldRef = React.useRef(null);
9
- const handleUnstableEndFieldRef = useForkRef(parameters.unstableEndFieldRef, unstableEndFieldRef);
10
- const [startSelectedSection, setStartSelectedSection] = React.useState(parameters.selectedSections ?? null);
11
- const [endSelectedSection, setEndSelectedSection] = React.useState(null);
12
- const getActiveField = () => {
13
- if (unstableEndFieldRef.current && unstableEndFieldRef.current.isFieldFocused()) {
14
- return 'end';
15
- }
16
- return 'start';
17
- };
18
- const handleStartSelectedSectionChange = useEventCallback(newSelectedSections => {
19
- setStartSelectedSection(newSelectedSections);
20
- if (getActiveField() === 'start') {
21
- parameters.onSelectedSectionsChange?.(newSelectedSections);
22
- }
23
- });
24
- const handleEndSelectedSectionChange = useEventCallback(newSelectedSections => {
25
- setEndSelectedSection(newSelectedSections);
26
- if (getActiveField() === 'end') {
27
- parameters.onSelectedSectionsChange?.(newSelectedSections);
28
- }
29
- });
30
- const activeField = getActiveField();
31
- return {
32
- start: {
33
- unstableFieldRef: parameters.unstableStartFieldRef,
34
- selectedSections: activeField === 'start' && parameters.selectedSections !== undefined ? parameters.selectedSections : startSelectedSection,
35
- onSelectedSectionsChange: handleStartSelectedSectionChange
36
- },
37
- end: {
38
- unstableFieldRef: handleUnstableEndFieldRef,
39
- selectedSections: activeField === 'end' && parameters.selectedSections !== undefined ? parameters.selectedSections : endSelectedSection,
40
- onSelectedSectionsChange: handleEndSelectedSectionChange
41
- }
42
- };
43
- };
@@ -1,30 +0,0 @@
1
- import * as React from 'react';
2
- import { UseValidationReturnValue } from '@mui/x-date-pickers/validation';
3
- import { PickerValueType } from '@mui/x-date-pickers/models';
4
- import { FieldChangeHandler, PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerError, PickerRangeValue, PickerValue, RangePosition, UseFieldInternalProps } from '@mui/x-date-pickers/internals';
5
- import { PickerAnyRangeManager } from "../../internals/models/managers.js";
6
- import { UseMultiInputFieldSelectedSectionsResponseItem } from "./useMultiInputRangeFieldSelectedSections.js";
7
- import type { UseMultiInputRangeFieldTextFieldProps } from './useMultiInputRangeField';
8
- /**
9
- * @ignore - internal hook.
10
- */
11
- export declare function useTextFieldProps<TManager extends PickerAnyRangeManager, TForwardedProps extends UseTextFieldBaseForwardedProps>(parameters: UseTextFieldPropsParameters<TManager, TForwardedProps>): UseMultiInputRangeFieldTextFieldProps<PickerManagerEnableAccessibleFieldDOMStructure<TManager>, TForwardedProps>;
12
- interface UseTextFieldPropsParameters<TManager extends PickerAnyRangeManager, TForwardedProps extends UseTextFieldBaseForwardedProps> {
13
- valueType: PickerValueType;
14
- value: PickerRangeValue;
15
- onChange: FieldChangeHandler<PickerRangeValue, PickerManagerError<TManager>>;
16
- autoFocus: boolean | undefined;
17
- forwardedProps: TForwardedProps;
18
- sharedInternalProps: UseTextFieldSharedInternalProps<TManager>;
19
- selectedSectionProps: UseMultiInputFieldSelectedSectionsResponseItem;
20
- position: RangePosition;
21
- validation: UseValidationReturnValue<PickerRangeValue, PickerManagerError<TManager>>;
22
- }
23
- export interface UseTextFieldBaseForwardedProps {
24
- onKeyDown?: React.KeyboardEventHandler;
25
- onClick?: React.MouseEventHandler;
26
- onFocus?: React.FocusEventHandler;
27
- [key: string]: any;
28
- }
29
- interface UseTextFieldSharedInternalProps<TManager extends PickerAnyRangeManager> extends Pick<UseFieldInternalProps<PickerValue, PickerManagerEnableAccessibleFieldDOMStructure<TManager>, PickerManagerError<TManager>>, 'enableAccessibleFieldDOMStructure' | 'disabled' | 'readOnly' | 'timezone' | 'format' | 'formatDensity' | 'shouldRespectLeadingZeros'> {}
30
- export {};
@@ -1,129 +0,0 @@
1
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
- import _extends from "@babel/runtime/helpers/esm/extends";
3
- const _excluded = ["clearable", "onClear", "openPickerAriaLabel"];
4
- import * as React from 'react';
5
- import useEventCallback from '@mui/utils/useEventCallback';
6
- import { useDateManager, useDateTimeManager, useTimeManager } from '@mui/x-date-pickers/managers';
7
- import { useField, useNullableFieldPrivateContext, useNullablePickerContext, usePickerPrivateContext } from '@mui/x-date-pickers/internals';
8
- import { useNullablePickerRangePositionContext } from "../../internals/hooks/useNullablePickerRangePositionContext.js";
9
- /**
10
- * @ignore - internal hook.
11
- */
12
- export function useTextFieldProps(parameters) {
13
- const pickerContext = useNullablePickerContext();
14
- const fieldPrivateContext = useNullableFieldPrivateContext();
15
- const pickerPrivateContext = usePickerPrivateContext();
16
- const rangePositionContext = useNullablePickerRangePositionContext();
17
- const rangePosition = rangePositionContext?.rangePosition ?? 'start';
18
- const setRangePosition = rangePositionContext?.setRangePosition;
19
- const previousRangePosition = React.useRef(rangePosition);
20
- const {
21
- forwardedProps,
22
- sharedInternalProps,
23
- selectedSectionProps,
24
- valueType,
25
- position,
26
- value,
27
- onChange,
28
- autoFocus,
29
- validation
30
- } = parameters;
31
- let useManager;
32
- switch (valueType) {
33
- case 'date':
34
- {
35
- useManager = useDateManager;
36
- break;
37
- }
38
- case 'time':
39
- {
40
- useManager = useTimeManager;
41
- break;
42
- }
43
- case 'date-time':
44
- {
45
- useManager = useDateTimeManager;
46
- break;
47
- }
48
- default:
49
- {
50
- throw new Error(`Unknown valueType: ${valueType}`);
51
- }
52
- }
53
- const manager = useManager({
54
- enableAccessibleFieldDOMStructure: sharedInternalProps.enableAccessibleFieldDOMStructure
55
- });
56
- const openPickerIfPossible = event => {
57
- if (!pickerContext) {
58
- return;
59
- }
60
- setRangePosition?.(position);
61
- if (pickerContext.triggerStatus === 'enabled') {
62
- event.preventDefault();
63
- pickerContext.setOpen(true);
64
- }
65
- };
66
- const handleKeyDown = useEventCallback(event => {
67
- if (event.key === 'Enter' || event.key === ' ') {
68
- openPickerIfPossible(event);
69
- }
70
- });
71
-
72
- // Registering `onClick` listener on the root element as well to correctly handle cases where user is clicking on `label`
73
- // which has `pointer-events: none` and due to DOM structure the `input` does not catch the click event
74
- const handleClick = useEventCallback(event => {
75
- openPickerIfPossible(event);
76
- });
77
- const handleFocus = useEventCallback(event => {
78
- forwardedProps.onFocus?.(event);
79
- if (pickerContext?.open) {
80
- setRangePosition?.(position);
81
- if (previousRangePosition.current !== position && pickerContext.initialView) {
82
- pickerContext.setView?.(pickerContext.initialView);
83
- }
84
- }
85
- });
86
- const handleChange = useEventCallback((newSingleValue, rawContext) => {
87
- const newRange = position === 'start' ? [newSingleValue, value[1]] : [value[0], newSingleValue];
88
- const context = _extends({}, rawContext, {
89
- validationError: validation.getValidationErrorForNewValue(newRange)
90
- });
91
- onChange(newRange, context);
92
- });
93
- const allProps = _extends({
94
- value: position === 'start' ? value[0] : value[1],
95
- error: position === 'start' ? !!validation.validationError[0] : !!validation.validationError[1],
96
- id: `${pickerPrivateContext.labelId}-${position}`,
97
- autoFocus: position === 'start' ? autoFocus : undefined
98
- }, forwardedProps, sharedInternalProps, selectedSectionProps, {
99
- onClick: handleClick,
100
- onFocus: handleFocus,
101
- onKeyDown: handleKeyDown,
102
- onChange: handleChange
103
- });
104
- const _ref = useField({
105
- manager,
106
- props: allProps,
107
- skipContextFieldRefAssignment: rangePosition !== position
108
- }),
109
- fieldResponse = _objectWithoutPropertiesLoose(_ref, _excluded);
110
- React.useEffect(() => {
111
- if (!pickerContext?.open || pickerContext?.variant === 'mobile') {
112
- return;
113
- }
114
- fieldPrivateContext?.fieldRef.current?.focusField();
115
- if (!fieldPrivateContext?.fieldRef.current || pickerContext.view === pickerContext.initialView) {
116
- // could happen when the user is switching between the inputs
117
- previousRangePosition.current = rangePosition;
118
- return;
119
- }
120
-
121
- // bring back focus to the field
122
- // currentView is present on DateTimeRangePicker
123
- fieldPrivateContext?.fieldRef.current.setSelectedSections(
124
- // use the current view or `0` when the range position has just been swapped
125
- previousRangePosition.current === rangePosition ? pickerContext.view : 0);
126
- previousRangePosition.current = rangePosition;
127
- }, [rangePosition, pickerContext?.open, pickerContext?.variant, pickerContext?.initialView, pickerContext?.view, fieldPrivateContext?.fieldRef]);
128
- return fieldResponse;
129
- }
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- import { UseRangePositionResponse } from "../internals/hooks/useRangePosition.js";
3
- export declare const PickerRangePositionContext: React.Context<UseRangePositionResponse | null>;
4
- /**
5
- * Returns information about the range position of the picker that wraps the current component.
6
- */
7
- export declare function usePickerRangePositionContext(): UseRangePositionResponse;
@@ -1,15 +0,0 @@
1
- 'use client';
2
-
3
- import * as React from 'react';
4
- export const PickerRangePositionContext = /*#__PURE__*/React.createContext(null);
5
-
6
- /**
7
- * Returns information about the range position of the picker that wraps the current component.
8
- */
9
- export function usePickerRangePositionContext() {
10
- const value = React.useContext(PickerRangePositionContext);
11
- if (value == null) {
12
- throw new Error(['MUI X: The `usePickerRangePositionContext` can only be called in components that are used inside a picker component'].join('\n'));
13
- }
14
- return value;
15
- }
package/modern/index.d.ts DELETED
@@ -1,25 +0,0 @@
1
- export * from '@mui/x-date-pickers';
2
- export * from "./DateRangePickerDay/index.js";
3
- export * from "./MultiInputDateRangeField/index.js";
4
- export * from "./MultiInputTimeRangeField/index.js";
5
- export * from "./MultiInputDateTimeRangeField/index.js";
6
- export * from "./SingleInputDateRangeField/index.js";
7
- export * from "./SingleInputTimeRangeField/index.js";
8
- export * from "./SingleInputDateTimeRangeField/index.js";
9
- export * from "./DateRangeCalendar/index.js";
10
- export * from "./PickersRangeCalendarHeader/index.js";
11
- export * from "./DateRangePicker/index.js";
12
- export * from "./DesktopDateRangePicker/index.js";
13
- export * from "./MobileDateRangePicker/index.js";
14
- export * from "./StaticDateRangePicker/index.js";
15
- export * from "./TimeRangePicker/index.js";
16
- export * from "./DesktopTimeRangePicker/index.js";
17
- export * from "./MobileTimeRangePicker/index.js";
18
- export * from "./DateTimeRangePicker/index.js";
19
- export * from "./DesktopDateTimeRangePicker/index.js";
20
- export * from "./MobileDateTimeRangePicker/index.js";
21
- export * from "./dateRangeViewRenderers/index.js";
22
- export * from "./models/index.js";
23
- export * from "./hooks/index.js";
24
- export * from "./validation/index.js";
25
- export * from "./managers/index.js";
package/modern/index.js DELETED
@@ -1,40 +0,0 @@
1
- /**
2
- * @mui/x-date-pickers-pro v8.0.0-beta.2
3
- *
4
- * @license MUI X Commercial
5
- * This source code is licensed under the commercial license found in the
6
- * LICENSE file in the root directory of this source tree.
7
- */
8
- export * from '@mui/x-date-pickers';
9
- export * from "./DateRangePickerDay/index.js";
10
-
11
- // Fields
12
- export * from "./MultiInputDateRangeField/index.js";
13
- export * from "./MultiInputTimeRangeField/index.js";
14
- export * from "./MultiInputDateTimeRangeField/index.js";
15
- export * from "./SingleInputDateRangeField/index.js";
16
- export * from "./SingleInputTimeRangeField/index.js";
17
- export * from "./SingleInputDateTimeRangeField/index.js";
18
-
19
- // Calendars
20
- export * from "./DateRangeCalendar/index.js";
21
- export * from "./PickersRangeCalendarHeader/index.js";
22
-
23
- // New pickers
24
- export * from "./DateRangePicker/index.js";
25
- export * from "./DesktopDateRangePicker/index.js";
26
- export * from "./MobileDateRangePicker/index.js";
27
- export * from "./StaticDateRangePicker/index.js";
28
- export * from "./TimeRangePicker/index.js";
29
- export * from "./DesktopTimeRangePicker/index.js";
30
- export * from "./MobileTimeRangePicker/index.js";
31
- export * from "./DateTimeRangePicker/index.js";
32
- export * from "./DesktopDateTimeRangePicker/index.js";
33
- export * from "./MobileDateTimeRangePicker/index.js";
34
-
35
- // View renderers
36
- export * from "./dateRangeViewRenderers/index.js";
37
- export * from "./models/index.js";
38
- export * from "./hooks/index.js";
39
- export * from "./validation/index.js";
40
- export * from "./managers/index.js";
@@ -1,3 +0,0 @@
1
- export { DAY_MARGIN } from '@mui/x-date-pickers/internals';
2
- export declare const DAY_RANGE_SIZE = 40;
3
- export declare const RANGE_VIEW_HEIGHT: number;
@@ -1,5 +0,0 @@
1
- import { DAY_MARGIN, VIEW_HEIGHT } from '@mui/x-date-pickers/internals';
2
- export { DAY_MARGIN } from '@mui/x-date-pickers/internals';
3
- export const DAY_RANGE_SIZE = 40;
4
- // adding the extra height of the range day element height difference (40px vs 36px)
5
- export const RANGE_VIEW_HEIGHT = VIEW_HEIGHT + 6 * 2 * DAY_MARGIN;
@@ -1 +0,0 @@
1
- export type { RangeOnlyPickerProps, UseRangePickerProps, UseRangePickerParams } from './useRangePicker';
@@ -1 +0,0 @@
1
- export {};
@@ -1,8 +0,0 @@
1
- import { UsePickerParameters, BasePickerProps, UsePickerProps, UsePickerNonStaticProps, DateOrTimeViewWithMeridiem, PickerRangeValue } from '@mui/x-date-pickers/internals';
2
- import { BaseRangeNonStaticPickerProps } from "../../models/index.js";
3
- import { UseRangePositionProps } from "../useRangePosition.js";
4
- export interface RangeOnlyPickerProps extends UsePickerNonStaticProps, BaseRangeNonStaticPickerProps, UseRangePositionProps {}
5
- export interface UseRangePickerProps<TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerProps<PickerRangeValue, TView, TError, any>> extends RangeOnlyPickerProps, BasePickerProps<PickerRangeValue, TView, TError, TExternalProps> {}
6
- export interface UseRangePickerParams<TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseRangePickerProps<TView, any, TExternalProps>> extends Pick<UsePickerParameters<PickerRangeValue, TView, TExternalProps>, 'valueManager' | 'valueType' | 'validator' | 'rendererInterceptor' | 'ref'> {
7
- props: TExternalProps;
8
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,2 +0,0 @@
1
- export { useDesktopRangePicker } from "./useDesktopRangePicker.js";
2
- export type { UseDesktopRangePickerSlots, UseDesktopRangePickerSlotProps, DesktopRangeOnlyPickerProps, UseDesktopRangePickerProps } from './useDesktopRangePicker.types';
@@ -1 +0,0 @@
1
- export { useDesktopRangePicker } from "./useDesktopRangePicker.js";
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals';
3
- import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from "./useDesktopRangePicker.types.js";
4
- export declare const useDesktopRangePicker: <TView extends DateOrTimeViewWithMeridiem, TEnableAccessibleFieldDOMStructure extends boolean, TExternalProps extends UseDesktopRangePickerProps<TView, TEnableAccessibleFieldDOMStructure, any, TExternalProps>>({
5
- props,
6
- ...pickerParams
7
- }: UseDesktopRangePickerParams<TView, TEnableAccessibleFieldDOMStructure, TExternalProps>) => {
8
- renderPicker: () => React.JSX.Element;
9
- };