@mui/x-date-pickers 7.0.0-alpha.7 → 7.0.0-alpha.9

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 (326) hide show
  1. package/AdapterDateFns/AdapterDateFns.d.ts +4 -21
  2. package/AdapterDateFns/AdapterDateFns.js +11 -255
  3. package/AdapterDateFnsBase/AdapterDateFnsBase.d.ts +62 -0
  4. package/AdapterDateFnsBase/AdapterDateFnsBase.js +291 -0
  5. package/AdapterDateFnsBase/index.d.ts +1 -0
  6. package/AdapterDateFnsBase/index.js +1 -0
  7. package/AdapterDateFnsBase/package.json +6 -0
  8. package/AdapterDateFnsJalali/AdapterDateFnsJalali.d.ts +1 -0
  9. package/AdapterDateFnsV3/AdapterDateFnsV3.d.ts +80 -0
  10. package/AdapterDateFnsV3/AdapterDateFnsV3.js +287 -0
  11. package/AdapterDateFnsV3/index.d.ts +1 -0
  12. package/AdapterDateFnsV3/index.js +1 -0
  13. package/AdapterDateFnsV3/package.json +6 -0
  14. package/AdapterLuxon/AdapterLuxon.d.ts +1 -1
  15. package/AdapterLuxon/AdapterLuxon.js +4 -12
  16. package/CHANGELOG.md +554 -51
  17. package/DatePicker/DatePicker.js +0 -3
  18. package/DatePicker/DatePickerToolbar.d.ts +2 -2
  19. package/DatePicker/DatePickerToolbar.js +2 -10
  20. package/DateTimePicker/DateTimePicker.js +0 -3
  21. package/DateTimePicker/DateTimePickerToolbar.js +0 -3
  22. package/DesktopDatePicker/DesktopDatePicker.js +0 -3
  23. package/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -3
  24. package/DesktopTimePicker/DesktopTimePicker.js +0 -3
  25. package/DigitalClock/DigitalClock.js +1 -0
  26. package/DigitalClock/DigitalClock.types.d.ts +5 -0
  27. package/LocalizationProvider/LocalizationProvider.js +1 -1
  28. package/MobileDatePicker/MobileDatePicker.js +0 -3
  29. package/MobileDateTimePicker/MobileDateTimePicker.js +0 -3
  30. package/MobileTimePicker/MobileTimePicker.js +0 -3
  31. package/MonthCalendar/MonthCalendar.js +0 -3
  32. package/MonthCalendar/MonthCalendar.types.d.ts +0 -3
  33. package/MultiSectionDigitalClock/MultiSectionDigitalClock.js +1 -0
  34. package/MultiSectionDigitalClock/MultiSectionDigitalClock.types.d.ts +5 -0
  35. package/PickersCalendarHeader/PickersCalendarHeader.js +0 -3
  36. package/PickersCalendarHeader/PickersCalendarHeader.types.d.ts +0 -3
  37. package/PickersSectionList/PickersSectionList.js +7 -2
  38. package/PickersTextField/PickersFilledInput/PickersFilledInput.d.ts +11 -0
  39. package/{internals/components/PickersInput → PickersTextField/PickersFilledInput}/PickersFilledInput.js +98 -25
  40. package/PickersTextField/PickersFilledInput/index.d.ts +4 -0
  41. package/PickersTextField/PickersFilledInput/index.js +2 -0
  42. package/PickersTextField/PickersFilledInput/pickersFilledInputClasses.d.ts +23 -0
  43. package/PickersTextField/PickersFilledInput/pickersFilledInputClasses.js +8 -0
  44. package/PickersTextField/PickersInput/PickersInput.d.ts +10 -0
  45. package/PickersTextField/PickersInput/PickersInput.js +196 -0
  46. package/{internals/components → PickersTextField}/PickersInput/index.d.ts +2 -2
  47. package/PickersTextField/PickersInput/index.js +2 -0
  48. package/PickersTextField/PickersInput/pickersInputClasses.d.ts +22 -0
  49. package/PickersTextField/PickersInput/pickersInputClasses.js +8 -0
  50. package/PickersTextField/PickersInputBase/PickersInputBase.d.ts +16 -0
  51. package/{internals/components/PickersInput/PickersInput.js → PickersTextField/PickersInputBase/PickersInputBase.js} +106 -28
  52. package/{internals/components/PickersInput/PickersInput.types.d.ts → PickersTextField/PickersInputBase/PickersInputBase.types.d.ts} +3 -13
  53. package/PickersTextField/PickersInputBase/index.d.ts +4 -0
  54. package/PickersTextField/PickersInputBase/index.js +2 -0
  55. package/PickersTextField/PickersInputBase/pickersInputBaseClasses.d.ts +31 -0
  56. package/PickersTextField/PickersInputBase/pickersInputBaseClasses.js +6 -0
  57. package/{internals/components/PickersInput → PickersTextField/PickersOutlinedInput}/Outline.d.ts +3 -0
  58. package/{modern/internals/components/PickersInput → PickersTextField/PickersOutlinedInput}/Outline.js +5 -1
  59. package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.d.ts +10 -0
  60. package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js +190 -0
  61. package/PickersTextField/PickersOutlinedInput/index.d.ts +4 -0
  62. package/PickersTextField/PickersOutlinedInput/index.js +2 -0
  63. package/PickersTextField/PickersOutlinedInput/pickersOutlinedInputClasses.d.ts +22 -0
  64. package/PickersTextField/PickersOutlinedInput/pickersOutlinedInputClasses.js +8 -0
  65. package/PickersTextField/PickersTextField.d.ts +3 -0
  66. package/PickersTextField/PickersTextField.js +258 -0
  67. package/{internals/components/PickersTextField → PickersTextField}/PickersTextField.types.d.ts +5 -2
  68. package/PickersTextField/index.d.ts +8 -0
  69. package/PickersTextField/index.js +6 -0
  70. package/PickersTextField/package.json +6 -0
  71. package/README.md +1 -1
  72. package/StaticDatePicker/StaticDatePicker.js +0 -3
  73. package/StaticDateTimePicker/StaticDateTimePicker.js +0 -3
  74. package/StaticTimePicker/StaticTimePicker.js +0 -3
  75. package/TimeClock/TimeClock.js +1 -0
  76. package/TimeClock/TimeClock.types.d.ts +5 -0
  77. package/TimePicker/TimePicker.js +0 -3
  78. package/TimePicker/TimePickerToolbar.js +0 -3
  79. package/YearCalendar/YearCalendar.js +0 -3
  80. package/YearCalendar/YearCalendar.types.d.ts +0 -3
  81. package/hooks/useClearableField.js +3 -3
  82. package/index.d.ts +2 -1
  83. package/index.js +3 -2
  84. package/internals/hooks/useField/useField.js +6 -4
  85. package/internals/hooks/useField/useField.types.d.ts +4 -2
  86. package/internals/hooks/useField/useField.utils.d.ts +19 -9
  87. package/internals/hooks/useField/useField.utils.js +73 -26
  88. package/internals/hooks/useField/useFieldCharacterEditing.d.ts +2 -1
  89. package/internals/hooks/useField/useFieldCharacterEditing.js +12 -8
  90. package/internals/hooks/useField/useFieldState.d.ts +1 -0
  91. package/internals/hooks/useField/useFieldState.js +9 -7
  92. package/internals/hooks/usePicker/index.d.ts +1 -1
  93. package/internals/hooks/usePicker/usePickerValue.js +2 -2
  94. package/internals/hooks/useUtils.js +2 -2
  95. package/internals/hooks/useViews.js +2 -2
  96. package/internals/index.d.ts +9 -3
  97. package/internals/index.js +6 -2
  98. package/internals/models/common.d.ts +1 -1
  99. package/internals/models/helpers.d.ts +1 -0
  100. package/internals/models/props/basePickerProps.d.ts +0 -3
  101. package/internals/models/props/toolbar.d.ts +0 -3
  102. package/internals/utils/valueManagers.js +2 -2
  103. package/internals/utils/views.js +1 -1
  104. package/legacy/AdapterDateFns/AdapterDateFns.js +222 -458
  105. package/legacy/AdapterDateFnsBase/AdapterDateFnsBase.js +293 -0
  106. package/legacy/AdapterDateFnsBase/index.js +1 -0
  107. package/legacy/AdapterDateFnsV3/AdapterDateFnsV3.js +306 -0
  108. package/legacy/AdapterDateFnsV3/index.js +1 -0
  109. package/legacy/AdapterLuxon/AdapterLuxon.js +4 -12
  110. package/legacy/AdapterMomentHijri/AdapterMomentHijri.js +5 -6
  111. package/legacy/AdapterMomentJalaali/AdapterMomentJalaali.js +5 -6
  112. package/legacy/DatePicker/DatePicker.js +0 -3
  113. package/legacy/DatePicker/DatePickerToolbar.js +2 -10
  114. package/legacy/DateTimePicker/DateTimePicker.js +0 -3
  115. package/legacy/DateTimePicker/DateTimePickerToolbar.js +0 -3
  116. package/legacy/DesktopDatePicker/DesktopDatePicker.js +0 -3
  117. package/legacy/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -3
  118. package/legacy/DesktopTimePicker/DesktopTimePicker.js +0 -3
  119. package/legacy/DigitalClock/DigitalClock.js +1 -0
  120. package/legacy/LocalizationProvider/LocalizationProvider.js +1 -1
  121. package/legacy/MobileDatePicker/MobileDatePicker.js +0 -3
  122. package/legacy/MobileDateTimePicker/MobileDateTimePicker.js +0 -3
  123. package/legacy/MobileTimePicker/MobileTimePicker.js +0 -3
  124. package/legacy/MonthCalendar/MonthCalendar.js +0 -3
  125. package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.js +1 -0
  126. package/legacy/PickersCalendarHeader/PickersCalendarHeader.js +0 -3
  127. package/legacy/PickersSectionList/PickersSectionList.js +7 -2
  128. package/legacy/{internals/components/PickersInput → PickersTextField/PickersFilledInput}/PickersFilledInput.js +99 -26
  129. package/legacy/PickersTextField/PickersFilledInput/index.js +2 -0
  130. package/legacy/PickersTextField/PickersFilledInput/pickersFilledInputClasses.js +8 -0
  131. package/legacy/PickersTextField/PickersInput/PickersInput.js +190 -0
  132. package/legacy/PickersTextField/PickersInput/index.js +2 -0
  133. package/legacy/PickersTextField/PickersInput/pickersInputClasses.js +8 -0
  134. package/legacy/{internals/components/PickersInput/PickersInput.js → PickersTextField/PickersInputBase/PickersInputBase.js} +106 -28
  135. package/legacy/PickersTextField/PickersInputBase/index.js +2 -0
  136. package/legacy/PickersTextField/PickersInputBase/pickersInputBaseClasses.js +6 -0
  137. package/legacy/{internals/components/PickersInput → PickersTextField/PickersOutlinedInput}/Outline.js +7 -1
  138. package/legacy/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js +183 -0
  139. package/legacy/PickersTextField/PickersOutlinedInput/index.js +2 -0
  140. package/legacy/PickersTextField/PickersOutlinedInput/pickersOutlinedInputClasses.js +8 -0
  141. package/legacy/{internals/components/PickersTextField → PickersTextField}/PickersTextField.js +128 -8
  142. package/legacy/PickersTextField/index.js +6 -0
  143. package/legacy/StaticDatePicker/StaticDatePicker.js +0 -3
  144. package/legacy/StaticDateTimePicker/StaticDateTimePicker.js +0 -3
  145. package/legacy/StaticTimePicker/StaticTimePicker.js +0 -3
  146. package/legacy/TimeClock/TimeClock.js +1 -0
  147. package/legacy/TimePicker/TimePicker.js +0 -3
  148. package/legacy/TimePicker/TimePickerToolbar.js +0 -3
  149. package/legacy/YearCalendar/YearCalendar.js +0 -3
  150. package/legacy/hooks/useClearableField.js +3 -3
  151. package/legacy/index.js +3 -2
  152. package/legacy/internals/hooks/useField/useField.js +6 -4
  153. package/legacy/internals/hooks/useField/useField.utils.js +76 -25
  154. package/legacy/internals/hooks/useField/useFieldCharacterEditing.js +12 -8
  155. package/legacy/internals/hooks/useField/useFieldState.js +15 -11
  156. package/legacy/internals/hooks/usePicker/usePickerValue.js +2 -2
  157. package/legacy/internals/hooks/useUtils.js +2 -2
  158. package/legacy/internals/hooks/useViews.js +2 -2
  159. package/legacy/internals/index.js +6 -2
  160. package/legacy/internals/utils/valueManagers.js +2 -2
  161. package/legacy/internals/utils/views.js +1 -1
  162. package/legacy/locales/index.js +1 -0
  163. package/locales/enUS.d.ts +1 -1
  164. package/locales/index.d.ts +1 -0
  165. package/locales/index.js +1 -0
  166. package/locales/mk.d.ts +1 -1
  167. package/locales/utils/getPickersLocalization.d.ts +1 -1
  168. package/modern/AdapterDateFns/AdapterDateFns.js +11 -254
  169. package/modern/AdapterDateFnsBase/AdapterDateFnsBase.js +290 -0
  170. package/modern/AdapterDateFnsBase/index.js +1 -0
  171. package/modern/AdapterDateFnsV3/AdapterDateFnsV3.js +287 -0
  172. package/modern/AdapterDateFnsV3/index.js +1 -0
  173. package/modern/AdapterLuxon/AdapterLuxon.js +3 -11
  174. package/modern/DatePicker/DatePicker.js +0 -3
  175. package/modern/DatePicker/DatePickerToolbar.js +2 -10
  176. package/modern/DateTimePicker/DateTimePicker.js +0 -3
  177. package/modern/DateTimePicker/DateTimePickerToolbar.js +0 -3
  178. package/modern/DesktopDatePicker/DesktopDatePicker.js +0 -3
  179. package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -3
  180. package/modern/DesktopTimePicker/DesktopTimePicker.js +0 -3
  181. package/modern/DigitalClock/DigitalClock.js +1 -0
  182. package/modern/LocalizationProvider/LocalizationProvider.js +1 -1
  183. package/modern/MobileDatePicker/MobileDatePicker.js +0 -3
  184. package/modern/MobileDateTimePicker/MobileDateTimePicker.js +0 -3
  185. package/modern/MobileTimePicker/MobileTimePicker.js +0 -3
  186. package/modern/MonthCalendar/MonthCalendar.js +0 -3
  187. package/modern/MultiSectionDigitalClock/MultiSectionDigitalClock.js +1 -0
  188. package/modern/PickersCalendarHeader/PickersCalendarHeader.js +0 -3
  189. package/modern/PickersSectionList/PickersSectionList.js +7 -2
  190. package/modern/{internals/components/PickersInput → PickersTextField/PickersFilledInput}/PickersFilledInput.js +98 -25
  191. package/modern/PickersTextField/PickersFilledInput/index.js +2 -0
  192. package/modern/PickersTextField/PickersFilledInput/pickersFilledInputClasses.js +8 -0
  193. package/modern/PickersTextField/PickersInput/PickersInput.js +196 -0
  194. package/modern/PickersTextField/PickersInput/index.js +2 -0
  195. package/modern/PickersTextField/PickersInput/pickersInputClasses.js +8 -0
  196. package/modern/{internals/components/PickersInput/PickersInput.js → PickersTextField/PickersInputBase/PickersInputBase.js} +106 -28
  197. package/modern/PickersTextField/PickersInputBase/index.js +2 -0
  198. package/modern/PickersTextField/PickersInputBase/pickersInputBaseClasses.js +6 -0
  199. package/{internals/components/PickersInput → modern/PickersTextField/PickersOutlinedInput}/Outline.js +5 -1
  200. package/modern/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js +190 -0
  201. package/modern/PickersTextField/PickersOutlinedInput/index.js +2 -0
  202. package/modern/PickersTextField/PickersOutlinedInput/pickersOutlinedInputClasses.js +8 -0
  203. package/modern/PickersTextField/PickersTextField.js +258 -0
  204. package/modern/PickersTextField/index.js +6 -0
  205. package/modern/StaticDatePicker/StaticDatePicker.js +0 -3
  206. package/modern/StaticDateTimePicker/StaticDateTimePicker.js +0 -3
  207. package/modern/StaticTimePicker/StaticTimePicker.js +0 -3
  208. package/modern/TimeClock/TimeClock.js +1 -0
  209. package/modern/TimePicker/TimePicker.js +0 -3
  210. package/modern/TimePicker/TimePickerToolbar.js +0 -3
  211. package/modern/YearCalendar/YearCalendar.js +0 -3
  212. package/modern/hooks/useClearableField.js +3 -3
  213. package/modern/index.js +3 -2
  214. package/modern/internals/hooks/useField/useField.js +5 -3
  215. package/modern/internals/hooks/useField/useField.utils.js +73 -26
  216. package/modern/internals/hooks/useField/useFieldCharacterEditing.js +12 -8
  217. package/modern/internals/hooks/useField/useFieldState.js +9 -7
  218. package/modern/internals/hooks/usePicker/usePickerValue.js +2 -2
  219. package/modern/internals/hooks/useUtils.js +2 -2
  220. package/modern/internals/hooks/useViews.js +2 -2
  221. package/modern/internals/index.js +6 -2
  222. package/modern/internals/utils/valueManagers.js +2 -2
  223. package/modern/internals/utils/views.js +1 -1
  224. package/modern/locales/index.js +1 -0
  225. package/node/AdapterDateFns/AdapterDateFns.js +11 -254
  226. package/node/AdapterDateFnsBase/AdapterDateFnsBase.js +298 -0
  227. package/node/AdapterDateFnsBase/index.js +12 -0
  228. package/node/AdapterDateFnsV3/AdapterDateFnsV3.js +295 -0
  229. package/node/AdapterDateFnsV3/index.js +12 -0
  230. package/node/AdapterLuxon/AdapterLuxon.js +3 -11
  231. package/node/DatePicker/DatePicker.js +0 -3
  232. package/node/DatePicker/DatePickerToolbar.js +0 -7
  233. package/node/DateTimePicker/DateTimePicker.js +0 -3
  234. package/node/DateTimePicker/DateTimePickerToolbar.js +0 -3
  235. package/node/DesktopDatePicker/DesktopDatePicker.js +0 -3
  236. package/node/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -3
  237. package/node/DesktopTimePicker/DesktopTimePicker.js +0 -3
  238. package/node/DigitalClock/DigitalClock.js +1 -0
  239. package/node/LocalizationProvider/LocalizationProvider.js +1 -1
  240. package/node/MobileDatePicker/MobileDatePicker.js +0 -3
  241. package/node/MobileDateTimePicker/MobileDateTimePicker.js +0 -3
  242. package/node/MobileTimePicker/MobileTimePicker.js +0 -3
  243. package/node/MonthCalendar/MonthCalendar.js +0 -3
  244. package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.js +1 -0
  245. package/node/PickersCalendarHeader/PickersCalendarHeader.js +0 -3
  246. package/node/PickersSectionList/PickersSectionList.js +7 -2
  247. package/node/{internals/components/PickersInput → PickersTextField/PickersFilledInput}/PickersFilledInput.js +102 -30
  248. package/node/PickersTextField/PickersFilledInput/index.js +25 -0
  249. package/node/PickersTextField/PickersFilledInput/pickersFilledInputClasses.js +16 -0
  250. package/node/PickersTextField/PickersInput/PickersInput.js +204 -0
  251. package/node/{internals/components → PickersTextField}/PickersInput/index.js +0 -7
  252. package/node/PickersTextField/PickersInput/pickersInputClasses.js +16 -0
  253. package/node/{internals/components/PickersInput/PickersInput.js → PickersTextField/PickersInputBase/PickersInputBase.js} +105 -28
  254. package/node/PickersTextField/PickersInputBase/index.js +25 -0
  255. package/node/PickersTextField/PickersInputBase/pickersInputBaseClasses.js +14 -0
  256. package/node/{internals/components/PickersInput → PickersTextField/PickersOutlinedInput}/Outline.js +5 -1
  257. package/node/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js +197 -0
  258. package/node/PickersTextField/PickersOutlinedInput/index.js +25 -0
  259. package/node/PickersTextField/PickersOutlinedInput/pickersOutlinedInputClasses.js +16 -0
  260. package/node/{internals/components/PickersTextField → PickersTextField}/PickersTextField.js +128 -9
  261. package/node/PickersTextField/index.js +78 -0
  262. package/node/StaticDatePicker/StaticDatePicker.js +0 -3
  263. package/node/StaticDateTimePicker/StaticDateTimePicker.js +0 -3
  264. package/node/StaticTimePicker/StaticTimePicker.js +0 -3
  265. package/node/TimeClock/TimeClock.js +1 -0
  266. package/node/TimePicker/TimePicker.js +0 -3
  267. package/node/TimePicker/TimePickerToolbar.js +0 -3
  268. package/node/YearCalendar/YearCalendar.js +0 -3
  269. package/node/hooks/useClearableField.js +3 -3
  270. package/node/index.js +17 -5
  271. package/node/internals/hooks/useField/useField.js +5 -3
  272. package/node/internals/hooks/useField/useField.utils.js +78 -27
  273. package/node/internals/hooks/useField/useFieldCharacterEditing.js +11 -7
  274. package/node/internals/hooks/useField/useFieldState.js +8 -6
  275. package/node/internals/hooks/usePicker/usePickerValue.js +2 -2
  276. package/node/internals/hooks/useUtils.js +2 -2
  277. package/node/internals/hooks/useViews.js +2 -2
  278. package/node/internals/index.js +47 -1
  279. package/node/internals/utils/valueManagers.js +2 -2
  280. package/node/internals/utils/views.js +1 -1
  281. package/node/locales/index.js +11 -0
  282. package/package.json +8 -8
  283. package/themeAugmentation/components.d.ts +26 -0
  284. package/themeAugmentation/overrides.d.ts +16 -0
  285. package/themeAugmentation/props.d.ts +16 -0
  286. package/internals/components/PickersInput/PickersFilledInput.d.ts +0 -3
  287. package/internals/components/PickersInput/PickersInput.d.ts +0 -15
  288. package/internals/components/PickersInput/PickersOutlinedInput.d.ts +0 -3
  289. package/internals/components/PickersInput/PickersOutlinedInput.js +0 -117
  290. package/internals/components/PickersInput/PickersStandardInput.d.ts +0 -3
  291. package/internals/components/PickersInput/PickersStandardInput.js +0 -123
  292. package/internals/components/PickersInput/index.js +0 -3
  293. package/internals/components/PickersInput/pickersInputClasses.d.ts +0 -84
  294. package/internals/components/PickersInput/pickersInputClasses.js +0 -18
  295. package/internals/components/PickersTextField/PickersTextField.d.ts +0 -2
  296. package/internals/components/PickersTextField/PickersTextField.js +0 -138
  297. package/internals/components/PickersTextField/index.d.ts +0 -1
  298. package/internals/components/PickersTextField/index.js +0 -1
  299. package/legacy/internals/components/PickersInput/PickersOutlinedInput.js +0 -110
  300. package/legacy/internals/components/PickersInput/PickersStandardInput.js +0 -117
  301. package/legacy/internals/components/PickersInput/index.js +0 -3
  302. package/legacy/internals/components/PickersInput/pickersInputClasses.js +0 -18
  303. package/legacy/internals/components/PickersTextField/index.js +0 -1
  304. package/modern/internals/components/PickersInput/PickersOutlinedInput.js +0 -117
  305. package/modern/internals/components/PickersInput/PickersStandardInput.js +0 -123
  306. package/modern/internals/components/PickersInput/index.js +0 -3
  307. package/modern/internals/components/PickersInput/pickersInputClasses.js +0 -18
  308. package/modern/internals/components/PickersTextField/PickersTextField.js +0 -138
  309. package/modern/internals/components/PickersTextField/index.js +0 -1
  310. package/node/internals/components/PickersInput/PickersOutlinedInput.js +0 -125
  311. package/node/internals/components/PickersInput/PickersStandardInput.js +0 -132
  312. package/node/internals/components/PickersInput/pickersInputClasses.js +0 -29
  313. package/node/internals/components/PickersTextField/index.js +0 -12
  314. /package/{internals/components/PickersInput/PickersInput.types.js → PickersTextField/PickersInputBase/PickersInputBase.types.js} +0 -0
  315. /package/{internals/components/PickersTextField → PickersTextField}/PickersTextField.types.js +0 -0
  316. /package/{internals/components/PickersTextField → PickersTextField}/pickersTextFieldClasses.d.ts +0 -0
  317. /package/{internals/components/PickersTextField → PickersTextField}/pickersTextFieldClasses.js +0 -0
  318. /package/legacy/{internals/components/PickersInput/PickersInput.types.js → PickersTextField/PickersInputBase/PickersInputBase.types.js} +0 -0
  319. /package/legacy/{internals/components/PickersTextField → PickersTextField}/PickersTextField.types.js +0 -0
  320. /package/legacy/{internals/components/PickersTextField → PickersTextField}/pickersTextFieldClasses.js +0 -0
  321. /package/modern/{internals/components/PickersInput/PickersInput.types.js → PickersTextField/PickersInputBase/PickersInputBase.types.js} +0 -0
  322. /package/modern/{internals/components/PickersTextField → PickersTextField}/PickersTextField.types.js +0 -0
  323. /package/modern/{internals/components/PickersTextField → PickersTextField}/pickersTextFieldClasses.js +0 -0
  324. /package/node/{internals/components/PickersInput/PickersInput.types.js → PickersTextField/PickersInputBase/PickersInputBase.types.js} +0 -0
  325. /package/node/{internals/components/PickersTextField → PickersTextField}/PickersTextField.types.js +0 -0
  326. /package/node/{internals/components/PickersTextField → PickersTextField}/pickersTextFieldClasses.js +0 -0
@@ -1,110 +0,0 @@
1
- import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
2
- import _extends from "@babel/runtime/helpers/esm/extends";
3
- import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
4
- var _excluded = ["label", "autoFocus", "ownerState", "notched"];
5
- import * as React from 'react';
6
- import { useFormControl } from '@mui/material/FormControl';
7
- import { styled } from '@mui/material/styles';
8
- import { unstable_composeClasses as composeClasses, unstable_capitalize as capitalize } from '@mui/utils';
9
- import { pickersOutlinedInputClasses, getPickersOutlinedInputUtilityClass } from './pickersInputClasses';
10
- import Outline from './Outline';
11
- import { PickersInputRoot, PickersInput, PickersInputSectionsContainer } from './PickersInput';
12
- import { jsxs as _jsxs } from "react/jsx-runtime";
13
- import { jsx as _jsx } from "react/jsx-runtime";
14
- var OutlinedInputRoot = styled(PickersInputRoot, {
15
- name: 'MuiPickersOutlinedInput',
16
- slot: 'Root',
17
- overridesResolver: function overridesResolver(props, styles) {
18
- return styles.root;
19
- }
20
- })(function (_ref) {
21
- var theme = _ref.theme,
22
- ownerState = _ref.ownerState;
23
- var borderColor = theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)';
24
- return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
25
- padding: '0 14px',
26
- borderRadius: (theme.vars || theme).shape.borderRadius
27
- }, "&:hover .".concat(pickersOutlinedInputClasses.notchedOutline), {
28
- borderColor: (theme.vars || theme).palette.text.primary
29
- }), '@media (hover: none)', _defineProperty({}, "&:hover .".concat(pickersOutlinedInputClasses.notchedOutline), {
30
- borderColor: theme.vars ? "rgba(".concat(theme.vars.palette.common.onBackgroundChannel, " / 0.23)") : borderColor
31
- })), "&.".concat(pickersOutlinedInputClasses.focused, " .").concat(pickersOutlinedInputClasses.notchedOutline), {
32
- borderStyle: 'solid',
33
- borderColor: (theme.vars || theme).palette[ownerState.color].main,
34
- borderWidth: 2
35
- }), "&.".concat(pickersOutlinedInputClasses.disabled), _defineProperty(_defineProperty({}, "& .".concat(pickersOutlinedInputClasses.notchedOutline), {
36
- borderColor: (theme.vars || theme).palette.action.disabled
37
- }), '*', {
38
- color: (theme.vars || theme).palette.action.disabled
39
- })), "&.".concat(pickersOutlinedInputClasses.error, " .").concat(pickersOutlinedInputClasses.notchedOutline), {
40
- borderColor: (theme.vars || theme).palette.error.main
41
- });
42
- });
43
- var OutlinedPickersInputSectionsContainer = styled(PickersInputSectionsContainer, {
44
- name: 'MuiPickersOutlinedInput',
45
- slot: 'SectionsContainer',
46
- overridesResolver: function overridesResolver(props, styles) {
47
- return styles.sectionsContainer;
48
- }
49
- })(function (_ref3) {
50
- var ownerState = _ref3.ownerState;
51
- return _extends({
52
- padding: '16.5px 0'
53
- }, ownerState.size === 'small' && {
54
- padding: '8.5px 0'
55
- });
56
- });
57
- var useUtilityClasses = function useUtilityClasses(ownerState) {
58
- var focused = ownerState.focused,
59
- disabled = ownerState.disabled,
60
- error = ownerState.error,
61
- classes = ownerState.classes,
62
- fullWidth = ownerState.fullWidth,
63
- color = ownerState.color,
64
- size = ownerState.size,
65
- endAdornment = ownerState.endAdornment,
66
- startAdornment = ownerState.startAdornment;
67
- var slots = {
68
- root: ['root', focused && !disabled && 'focused', disabled && 'disabled', error && 'error', fullWidth && 'fullWidth', "color".concat(color ? capitalize(color) : ''), size === 'small' && 'inputSizeSmall', Boolean(startAdornment) && 'adornedStart', Boolean(endAdornment) && 'adornedEnd'],
69
- notchedOutline: ['notchedOutline'],
70
- before: ['before'],
71
- after: ['after'],
72
- content: ['content'],
73
- input: ['input']
74
- };
75
- return composeClasses(slots, getPickersOutlinedInputUtilityClass, classes);
76
- };
77
- export var PickersOutlinedInput = /*#__PURE__*/React.forwardRef(function PickersOutlinedInput(props, ref) {
78
- var label = props.label,
79
- autoFocus = props.autoFocus,
80
- ownerStateProp = props.ownerState,
81
- notched = props.notched,
82
- other = _objectWithoutProperties(props, _excluded);
83
- var muiFormControl = useFormControl();
84
- var ownerState = _extends({}, props, ownerStateProp, muiFormControl, {
85
- color: (muiFormControl == null ? void 0 : muiFormControl.color) || 'primary'
86
- });
87
- var classes = useUtilityClasses(ownerState);
88
- return /*#__PURE__*/_jsx(PickersInput, _extends({
89
- slots: {
90
- root: OutlinedInputRoot,
91
- input: OutlinedPickersInputSectionsContainer
92
- },
93
- renderSuffix: function renderSuffix(state) {
94
- return /*#__PURE__*/_jsx(Outline, {
95
- shrink: Boolean(notched || state.adornedStart || state.focused || state.filled),
96
- notched: Boolean(notched || state.adornedStart || state.focused || state.filled),
97
- className: classes.notchedOutline,
98
- label: label != null && label !== '' && muiFormControl != null && muiFormControl.required ? /*#__PURE__*/_jsxs(React.Fragment, {
99
- children: [label, "\u2009", '*']
100
- }) : label,
101
- ownerState: ownerState
102
- });
103
- }
104
- }, other, {
105
- label: label,
106
- classes: classes,
107
- ref: ref
108
- }));
109
- });
110
- PickersInput.muiName = 'Input';
@@ -1,117 +0,0 @@
1
- import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
2
- import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
3
- import _extends from "@babel/runtime/helpers/esm/extends";
4
- var _excluded = ["label", "autoFocus", "ownerState"];
5
- import * as React from 'react';
6
- import { useFormControl } from '@mui/material/FormControl';
7
- import { styled } from '@mui/material/styles';
8
- import { unstable_composeClasses as composeClasses, unstable_capitalize as capitalize } from '@mui/utils';
9
- import { pickersStandardInputClasses, getPickersStandardInputUtilityClass } from './pickersInputClasses';
10
- import { PickersInputRoot, PickersInput } from './PickersInput';
11
- import { jsx as _jsx } from "react/jsx-runtime";
12
- var StandardInputRoot = styled(PickersInputRoot, {
13
- name: 'MuiPickersStandardInput',
14
- slot: 'Root',
15
- overridesResolver: function overridesResolver(props, styles) {
16
- return styles.root;
17
- }
18
- })(function (_ref) {
19
- var theme = _ref.theme,
20
- ownerState = _ref.ownerState;
21
- var light = theme.palette.mode === 'light';
22
- var bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';
23
- if (theme.vars) {
24
- bottomLineColor = "rgba(".concat(theme.vars.palette.common.onBackgroundChannel, " / ").concat(theme.vars.opacity.inputUnderline, ")");
25
- }
26
- return _extends({
27
- 'label + &': {
28
- marginTop: 16
29
- }
30
- }, !ownerState.disableUnderline && _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
31
- '&::after': {
32
- background: 'red',
33
- borderBottom: "2px solid ".concat((theme.vars || theme).palette[ownerState.color].main),
34
- left: 0,
35
- bottom: 0,
36
- // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
37
- content: '""',
38
- position: 'absolute',
39
- right: 0,
40
- transform: 'scaleX(0)',
41
- transition: theme.transitions.create('transform', {
42
- duration: theme.transitions.duration.shorter,
43
- easing: theme.transitions.easing.easeOut
44
- }),
45
- pointerEvents: 'none' // Transparent to the hover style.
46
- }
47
- }, "&.".concat(pickersStandardInputClasses.focused, ":after"), {
48
- // translateX(0) is a workaround for Safari transform scale bug
49
- // See https://github.com/mui/material-ui/issues/31766
50
- transform: 'scaleX(1) translateX(0)'
51
- }), "&.".concat(pickersStandardInputClasses.error), {
52
- '&:before, &:after': {
53
- borderBottomColor: (theme.vars || theme).palette.error.main
54
- }
55
- }), '&::before', {
56
- borderBottom: "1px solid ".concat(bottomLineColor),
57
- left: 0,
58
- bottom: 0,
59
- // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
60
- content: '"\\00a0"',
61
- position: 'absolute',
62
- right: 0,
63
- transition: theme.transitions.create('border-bottom-color', {
64
- duration: theme.transitions.duration.shorter
65
- }),
66
- pointerEvents: 'none' // Transparent to the hover style.
67
- }), "&:hover:not(.".concat(pickersStandardInputClasses.disabled, ", .").concat(pickersStandardInputClasses.error, "):before"), {
68
- borderBottom: "2px solid ".concat((theme.vars || theme).palette.text.primary),
69
- // Reset on touch devices, it doesn't add specificity
70
- '@media (hover: none)': {
71
- borderBottom: "1px solid ".concat(bottomLineColor)
72
- }
73
- }), "&.".concat(pickersStandardInputClasses.disabled, ":before"), {
74
- borderBottomStyle: 'dotted'
75
- }));
76
- });
77
- var useUtilityClasses = function useUtilityClasses(ownerState) {
78
- var focused = ownerState.focused,
79
- disabled = ownerState.disabled,
80
- error = ownerState.error,
81
- classes = ownerState.classes,
82
- fullWidth = ownerState.fullWidth,
83
- color = ownerState.color,
84
- size = ownerState.size,
85
- endAdornment = ownerState.endAdornment,
86
- startAdornment = ownerState.startAdornment;
87
- var slots = {
88
- root: ['root', focused && !disabled && 'focused', disabled && 'disabled', error && 'error', fullWidth && 'fullWidth', "color".concat(capitalize(color)), size === 'small' && 'inputSizeSmall', Boolean(startAdornment) && 'adornedStart', Boolean(endAdornment) && 'adornedEnd'],
89
- notchedOutline: ['notchedOutline'],
90
- before: ['before'],
91
- after: ['after'],
92
- content: ['content'],
93
- input: ['input']
94
- };
95
- return composeClasses(slots, getPickersStandardInputUtilityClass, classes);
96
- };
97
- export var PickersStandardInput = /*#__PURE__*/React.forwardRef(function PickersStandardInput(props, ref) {
98
- var label = props.label,
99
- autoFocus = props.autoFocus,
100
- ownerStateProp = props.ownerState,
101
- other = _objectWithoutProperties(props, _excluded);
102
- var muiFormControl = useFormControl();
103
- var ownerState = _extends({}, props, ownerStateProp, muiFormControl, {
104
- color: (muiFormControl == null ? void 0 : muiFormControl.color) || 'primary'
105
- });
106
- var classes = useUtilityClasses(ownerState);
107
- return /*#__PURE__*/_jsx(PickersInput, _extends({
108
- slots: {
109
- root: StandardInputRoot
110
- }
111
- }, other, {
112
- label: label,
113
- classes: classes,
114
- ref: ref
115
- }));
116
- });
117
- PickersInput.muiName = 'Input';
@@ -1,3 +0,0 @@
1
- export { PickersInput } from './PickersInput';
2
- export { PickersInputProps } from './PickersInput.types';
3
- export { pickersInputClasses, getPickersInputUtilityClass } from './pickersInputClasses';
@@ -1,18 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
3
- export function getPickersInputUtilityClass(slot) {
4
- return generateUtilityClass('MuiPickersInput', slot);
5
- }
6
- export function getPickersOutlinedInputUtilityClass(slot) {
7
- return generateUtilityClass('MuiPickersOutlinedInput', slot);
8
- }
9
- export function getPickersFilledInputUtilityClass(slot) {
10
- return generateUtilityClass('MuiPickersFilledInput', slot);
11
- }
12
- export function getPickersStandardInputUtilityClass(slot) {
13
- return generateUtilityClass('MuiPickersStandardInput', slot);
14
- }
15
- export var pickersInputClasses = generateUtilityClasses('MuiPickersInput', ['root', 'focused', 'disabled', 'error', 'notchedOutline', 'sectionContent', 'sectionBefore', 'sectionAfter', 'adornedStart', 'adornedEnd', 'input']);
16
- export var pickersOutlinedInputClasses = _extends({}, pickersInputClasses, generateUtilityClasses('MuiPickersOutlinedInput', ['root', 'notchedOutline', 'input']));
17
- export var pickersFilledInputClasses = _extends({}, pickersInputClasses, generateUtilityClasses('MuiPickersFilledInput', ['root', 'underline', 'input']));
18
- export var pickersStandardInputClasses = _extends({}, pickersInputClasses, generateUtilityClasses('MuiPickersStandardInput', ['root', 'underline', 'input']));
@@ -1 +0,0 @@
1
- export { PickersTextField } from './PickersTextField';
@@ -1,117 +0,0 @@
1
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
- import _extends from "@babel/runtime/helpers/esm/extends";
3
- const _excluded = ["label", "autoFocus", "ownerState", "notched"];
4
- import * as React from 'react';
5
- import { useFormControl } from '@mui/material/FormControl';
6
- import { styled } from '@mui/material/styles';
7
- import { unstable_composeClasses as composeClasses, unstable_capitalize as capitalize } from '@mui/utils';
8
- import { pickersOutlinedInputClasses, getPickersOutlinedInputUtilityClass } from './pickersInputClasses';
9
- import Outline from './Outline';
10
- import { PickersInputRoot, PickersInput, PickersInputSectionsContainer } from './PickersInput';
11
- import { jsxs as _jsxs } from "react/jsx-runtime";
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- const OutlinedInputRoot = styled(PickersInputRoot, {
14
- name: 'MuiPickersOutlinedInput',
15
- slot: 'Root',
16
- overridesResolver: (props, styles) => styles.root
17
- })(({
18
- theme,
19
- ownerState
20
- }) => {
21
- const borderColor = theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)';
22
- return {
23
- padding: '0 14px',
24
- borderRadius: (theme.vars || theme).shape.borderRadius,
25
- [`&:hover .${pickersOutlinedInputClasses.notchedOutline}`]: {
26
- borderColor: (theme.vars || theme).palette.text.primary
27
- },
28
- // Reset on touch devices, it doesn't add specificity
29
- '@media (hover: none)': {
30
- [`&:hover .${pickersOutlinedInputClasses.notchedOutline}`]: {
31
- borderColor: theme.vars ? `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : borderColor
32
- }
33
- },
34
- [`&.${pickersOutlinedInputClasses.focused} .${pickersOutlinedInputClasses.notchedOutline}`]: {
35
- borderStyle: 'solid',
36
- borderColor: (theme.vars || theme).palette[ownerState.color].main,
37
- borderWidth: 2
38
- },
39
- [`&.${pickersOutlinedInputClasses.disabled}`]: {
40
- [`& .${pickersOutlinedInputClasses.notchedOutline}`]: {
41
- borderColor: (theme.vars || theme).palette.action.disabled
42
- },
43
- '*': {
44
- color: (theme.vars || theme).palette.action.disabled
45
- }
46
- },
47
- [`&.${pickersOutlinedInputClasses.error} .${pickersOutlinedInputClasses.notchedOutline}`]: {
48
- borderColor: (theme.vars || theme).palette.error.main
49
- }
50
- };
51
- });
52
- const OutlinedPickersInputSectionsContainer = styled(PickersInputSectionsContainer, {
53
- name: 'MuiPickersOutlinedInput',
54
- slot: 'SectionsContainer',
55
- overridesResolver: (props, styles) => styles.sectionsContainer
56
- })(({
57
- ownerState
58
- }) => _extends({
59
- padding: '16.5px 0'
60
- }, ownerState.size === 'small' && {
61
- padding: '8.5px 0'
62
- }));
63
- const useUtilityClasses = ownerState => {
64
- const {
65
- focused,
66
- disabled,
67
- error,
68
- classes,
69
- fullWidth,
70
- color,
71
- size,
72
- endAdornment,
73
- startAdornment
74
- } = ownerState;
75
- const slots = {
76
- root: ['root', focused && !disabled && 'focused', disabled && 'disabled', error && 'error', fullWidth && 'fullWidth', `color${color ? capitalize(color) : ''}`, size === 'small' && 'inputSizeSmall', Boolean(startAdornment) && 'adornedStart', Boolean(endAdornment) && 'adornedEnd'],
77
- notchedOutline: ['notchedOutline'],
78
- before: ['before'],
79
- after: ['after'],
80
- content: ['content'],
81
- input: ['input']
82
- };
83
- return composeClasses(slots, getPickersOutlinedInputUtilityClass, classes);
84
- };
85
- export const PickersOutlinedInput = /*#__PURE__*/React.forwardRef(function PickersOutlinedInput(props, ref) {
86
- const {
87
- label,
88
- ownerState: ownerStateProp,
89
- notched
90
- } = props,
91
- other = _objectWithoutPropertiesLoose(props, _excluded);
92
- const muiFormControl = useFormControl();
93
- const ownerState = _extends({}, props, ownerStateProp, muiFormControl, {
94
- color: muiFormControl?.color || 'primary'
95
- });
96
- const classes = useUtilityClasses(ownerState);
97
- return /*#__PURE__*/_jsx(PickersInput, _extends({
98
- slots: {
99
- root: OutlinedInputRoot,
100
- input: OutlinedPickersInputSectionsContainer
101
- },
102
- renderSuffix: state => /*#__PURE__*/_jsx(Outline, {
103
- shrink: Boolean(notched || state.adornedStart || state.focused || state.filled),
104
- notched: Boolean(notched || state.adornedStart || state.focused || state.filled),
105
- className: classes.notchedOutline,
106
- label: label != null && label !== '' && muiFormControl?.required ? /*#__PURE__*/_jsxs(React.Fragment, {
107
- children: [label, "\u2009", '*']
108
- }) : label,
109
- ownerState: ownerState
110
- })
111
- }, other, {
112
- label: label,
113
- classes: classes,
114
- ref: ref
115
- }));
116
- });
117
- PickersInput.muiName = 'Input';
@@ -1,123 +0,0 @@
1
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
- import _extends from "@babel/runtime/helpers/esm/extends";
3
- const _excluded = ["label", "autoFocus", "ownerState"];
4
- import * as React from 'react';
5
- import { useFormControl } from '@mui/material/FormControl';
6
- import { styled } from '@mui/material/styles';
7
- import { unstable_composeClasses as composeClasses, unstable_capitalize as capitalize } from '@mui/utils';
8
- import { pickersStandardInputClasses, getPickersStandardInputUtilityClass } from './pickersInputClasses';
9
- import { PickersInputRoot, PickersInput } from './PickersInput';
10
- import { jsx as _jsx } from "react/jsx-runtime";
11
- const StandardInputRoot = styled(PickersInputRoot, {
12
- name: 'MuiPickersStandardInput',
13
- slot: 'Root',
14
- overridesResolver: (props, styles) => styles.root
15
- })(({
16
- theme,
17
- ownerState
18
- }) => {
19
- const light = theme.palette.mode === 'light';
20
- let bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';
21
- if (theme.vars) {
22
- bottomLineColor = `rgba(${theme.vars.palette.common.onBackgroundChannel} / ${theme.vars.opacity.inputUnderline})`;
23
- }
24
- return _extends({
25
- 'label + &': {
26
- marginTop: 16
27
- }
28
- }, !ownerState.disableUnderline && {
29
- '&::after': {
30
- background: 'red',
31
- borderBottom: `2px solid ${(theme.vars || theme).palette[ownerState.color].main}`,
32
- left: 0,
33
- bottom: 0,
34
- // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
35
- content: '""',
36
- position: 'absolute',
37
- right: 0,
38
- transform: 'scaleX(0)',
39
- transition: theme.transitions.create('transform', {
40
- duration: theme.transitions.duration.shorter,
41
- easing: theme.transitions.easing.easeOut
42
- }),
43
- pointerEvents: 'none' // Transparent to the hover style.
44
- },
45
- [`&.${pickersStandardInputClasses.focused}:after`]: {
46
- // translateX(0) is a workaround for Safari transform scale bug
47
- // See https://github.com/mui/material-ui/issues/31766
48
- transform: 'scaleX(1) translateX(0)'
49
- },
50
- [`&.${pickersStandardInputClasses.error}`]: {
51
- '&:before, &:after': {
52
- borderBottomColor: (theme.vars || theme).palette.error.main
53
- }
54
- },
55
- '&::before': {
56
- borderBottom: `1px solid ${bottomLineColor}`,
57
- left: 0,
58
- bottom: 0,
59
- // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
60
- content: '"\\00a0"',
61
- position: 'absolute',
62
- right: 0,
63
- transition: theme.transitions.create('border-bottom-color', {
64
- duration: theme.transitions.duration.shorter
65
- }),
66
- pointerEvents: 'none' // Transparent to the hover style.
67
- },
68
- [`&:hover:not(.${pickersStandardInputClasses.disabled}, .${pickersStandardInputClasses.error}):before`]: {
69
- borderBottom: `2px solid ${(theme.vars || theme).palette.text.primary}`,
70
- // Reset on touch devices, it doesn't add specificity
71
- '@media (hover: none)': {
72
- borderBottom: `1px solid ${bottomLineColor}`
73
- }
74
- },
75
- [`&.${pickersStandardInputClasses.disabled}:before`]: {
76
- borderBottomStyle: 'dotted'
77
- }
78
- });
79
- });
80
- const useUtilityClasses = ownerState => {
81
- const {
82
- focused,
83
- disabled,
84
- error,
85
- classes,
86
- fullWidth,
87
- color,
88
- size,
89
- endAdornment,
90
- startAdornment
91
- } = ownerState;
92
- const slots = {
93
- root: ['root', focused && !disabled && 'focused', disabled && 'disabled', error && 'error', fullWidth && 'fullWidth', `color${capitalize(color)}`, size === 'small' && 'inputSizeSmall', Boolean(startAdornment) && 'adornedStart', Boolean(endAdornment) && 'adornedEnd'],
94
- notchedOutline: ['notchedOutline'],
95
- before: ['before'],
96
- after: ['after'],
97
- content: ['content'],
98
- input: ['input']
99
- };
100
- return composeClasses(slots, getPickersStandardInputUtilityClass, classes);
101
- };
102
- export const PickersStandardInput = /*#__PURE__*/React.forwardRef(function PickersStandardInput(props, ref) {
103
- const {
104
- label,
105
- ownerState: ownerStateProp
106
- } = props,
107
- other = _objectWithoutPropertiesLoose(props, _excluded);
108
- const muiFormControl = useFormControl();
109
- const ownerState = _extends({}, props, ownerStateProp, muiFormControl, {
110
- color: muiFormControl?.color || 'primary'
111
- });
112
- const classes = useUtilityClasses(ownerState);
113
- return /*#__PURE__*/_jsx(PickersInput, _extends({
114
- slots: {
115
- root: StandardInputRoot
116
- }
117
- }, other, {
118
- label: label,
119
- classes: classes,
120
- ref: ref
121
- }));
122
- });
123
- PickersInput.muiName = 'Input';
@@ -1,3 +0,0 @@
1
- export { PickersInput } from './PickersInput';
2
- export { PickersInputProps } from './PickersInput.types';
3
- export { pickersInputClasses, getPickersInputUtilityClass } from './pickersInputClasses';
@@ -1,18 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
3
- export function getPickersInputUtilityClass(slot) {
4
- return generateUtilityClass('MuiPickersInput', slot);
5
- }
6
- export function getPickersOutlinedInputUtilityClass(slot) {
7
- return generateUtilityClass('MuiPickersOutlinedInput', slot);
8
- }
9
- export function getPickersFilledInputUtilityClass(slot) {
10
- return generateUtilityClass('MuiPickersFilledInput', slot);
11
- }
12
- export function getPickersStandardInputUtilityClass(slot) {
13
- return generateUtilityClass('MuiPickersStandardInput', slot);
14
- }
15
- export const pickersInputClasses = generateUtilityClasses('MuiPickersInput', ['root', 'focused', 'disabled', 'error', 'notchedOutline', 'sectionContent', 'sectionBefore', 'sectionAfter', 'adornedStart', 'adornedEnd', 'input']);
16
- export const pickersOutlinedInputClasses = _extends({}, pickersInputClasses, generateUtilityClasses('MuiPickersOutlinedInput', ['root', 'notchedOutline', 'input']));
17
- export const pickersFilledInputClasses = _extends({}, pickersInputClasses, generateUtilityClasses('MuiPickersFilledInput', ['root', 'underline', 'input']));
18
- export const pickersStandardInputClasses = _extends({}, pickersInputClasses, generateUtilityClasses('MuiPickersStandardInput', ['root', 'underline', 'input']));
@@ -1,138 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
- const _excluded = ["onFocus", "onBlur", "className", "color", "disabled", "error", "variant", "required", "InputProps", "inputProps", "inputRef", "sectionListRef", "elements", "areAllSectionsEmpty", "onClick", "onKeyDown", "onKeyUp", "onPaste", "onInput", "endAdornment", "startAdornment", "tabIndex", "contentEditable", "focused", "value", "onChange", "fullWidth", "id", "helperText", "FormHelperTextProps", "label", "InputLabelProps"];
4
- import * as React from 'react';
5
- import clsx from 'clsx';
6
- import { styled } from '@mui/material/styles';
7
- import useForkRef from '@mui/utils/useForkRef';
8
- import { unstable_composeClasses as composeClasses, unstable_useId as useId } from '@mui/utils';
9
- import InputLabel from '@mui/material/InputLabel';
10
- import FormHelperText from '@mui/material/FormHelperText';
11
- import FormControl from '@mui/material/FormControl';
12
- import { getPickersTextFieldUtilityClass } from './pickersTextFieldClasses';
13
- import { PickersOutlinedInput } from '../PickersInput/PickersOutlinedInput';
14
- import { PickersFilledInput } from '../PickersInput/PickersFilledInput';
15
- import { PickersStandardInput } from '../PickersInput/PickersStandardInput';
16
- import { jsx as _jsx } from "react/jsx-runtime";
17
- import { jsxs as _jsxs } from "react/jsx-runtime";
18
- const VARIANT_COMPONENT = {
19
- standard: PickersStandardInput,
20
- filled: PickersFilledInput,
21
- outlined: PickersOutlinedInput
22
- };
23
- const PickersTextFieldRoot = styled(FormControl, {
24
- name: 'MuiPickersTextField',
25
- slot: 'Root',
26
- overridesResolver: (props, styles) => styles.root
27
- })({});
28
- const useUtilityClasses = ownerState => {
29
- const {
30
- focused,
31
- disabled,
32
- classes,
33
- required
34
- } = ownerState;
35
- const slots = {
36
- root: ['root', focused && !disabled && 'focused', disabled && 'disabled', required && 'required']
37
- };
38
- return composeClasses(slots, getPickersTextFieldUtilityClass, classes);
39
- };
40
- export const PickersTextField = /*#__PURE__*/React.forwardRef(function PickersTextField(props, ref) {
41
- const {
42
- // Props used by FormControl
43
- onFocus,
44
- onBlur,
45
- className,
46
- color = 'primary',
47
- disabled = false,
48
- error = false,
49
- variant = 'outlined',
50
- required = false,
51
- // Props used by PickersInput
52
- InputProps,
53
- inputProps,
54
- inputRef,
55
- sectionListRef,
56
- elements,
57
- areAllSectionsEmpty,
58
- onClick,
59
- onKeyDown,
60
- onPaste,
61
- onInput,
62
- endAdornment,
63
- startAdornment,
64
- tabIndex,
65
- contentEditable,
66
- focused,
67
- value,
68
- onChange,
69
- fullWidth,
70
- id: idProp,
71
- // Props used by FormHelperText
72
- helperText,
73
- FormHelperTextProps,
74
- // Props used by InputLabel
75
- label,
76
- InputLabelProps
77
- } = props,
78
- other = _objectWithoutPropertiesLoose(props, _excluded);
79
- const rootRef = React.useRef(null);
80
- const handleRootRef = useForkRef(ref, rootRef);
81
- const id = useId(idProp);
82
- const helperTextId = helperText && id ? `${id}-helper-text` : undefined;
83
- const inputLabelId = label && id ? `${id}-label` : undefined;
84
- const ownerState = _extends({}, props, {
85
- color,
86
- disabled,
87
- error,
88
- focused,
89
- required,
90
- variant
91
- });
92
- const classes = useUtilityClasses(ownerState);
93
- const PickersInputComponent = VARIANT_COMPONENT[variant];
94
- return /*#__PURE__*/_jsxs(PickersTextFieldRoot, _extends({
95
- className: clsx(classes.root, className),
96
- ref: handleRootRef,
97
- focused: focused,
98
- onFocus: onFocus,
99
- onBlur: onBlur,
100
- disabled: disabled,
101
- variant: variant,
102
- error: error,
103
- color: color,
104
- fullWidth: fullWidth,
105
- required: required,
106
- ownerState: ownerState
107
- }, other, {
108
- children: [/*#__PURE__*/_jsx(InputLabel, _extends({
109
- htmlFor: id,
110
- id: inputLabelId
111
- }, InputLabelProps, {
112
- children: label
113
- })), /*#__PURE__*/_jsx(PickersInputComponent, _extends({
114
- elements: elements,
115
- areAllSectionsEmpty: areAllSectionsEmpty,
116
- onClick: onClick,
117
- onKeyDown: onKeyDown,
118
- onInput: onInput,
119
- onPaste: onPaste,
120
- endAdornment: endAdornment,
121
- startAdornment: startAdornment,
122
- tabIndex: tabIndex,
123
- contentEditable: contentEditable,
124
- value: value,
125
- onChange: onChange,
126
- id: id,
127
- fullWidth: fullWidth,
128
- inputProps: inputProps,
129
- inputRef: inputRef,
130
- sectionListRef: sectionListRef,
131
- label: label
132
- }, InputProps)), helperText && /*#__PURE__*/_jsx(FormHelperText, _extends({
133
- id: helperTextId
134
- }, FormHelperTextProps, {
135
- children: helperText
136
- }))]
137
- }));
138
- });
@@ -1 +0,0 @@
1
- export { PickersTextField } from './PickersTextField';