@mui/x-date-pickers 6.18.1 → 7.0.0-alpha.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 (212) hide show
  1. package/AdapterLuxon/AdapterLuxon.js +13 -3
  2. package/CHANGELOG.md +149 -0
  3. package/DateCalendar/DateCalendar.js +4 -20
  4. package/DateCalendar/DateCalendar.types.d.ts +12 -3
  5. package/DateCalendar/DayCalendar.d.ts +12 -3
  6. package/DateCalendar/DayCalendar.js +3 -5
  7. package/DateCalendar/useCalendarState.js +2 -3
  8. package/DateField/DateField.js +5 -21
  9. package/DateField/DateField.types.d.ts +12 -3
  10. package/DatePicker/DatePicker.js +0 -12
  11. package/DatePicker/DatePicker.types.d.ts +1 -14
  12. package/DatePicker/shared.d.ts +3 -15
  13. package/DatePicker/shared.js +2 -5
  14. package/DateTimeField/DateTimeField.js +5 -21
  15. package/DateTimeField/DateTimeField.types.d.ts +2 -15
  16. package/DateTimePicker/DateTimePicker.js +0 -12
  17. package/DateTimePicker/DateTimePicker.types.d.ts +1 -14
  18. package/DateTimePicker/shared.d.ts +3 -16
  19. package/DateTimePicker/shared.js +4 -7
  20. package/DesktopDatePicker/DesktopDatePicker.js +0 -12
  21. package/DesktopDatePicker/DesktopDatePicker.types.d.ts +2 -15
  22. package/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -12
  23. package/DesktopDateTimePicker/DesktopDateTimePicker.types.d.ts +2 -15
  24. package/DesktopTimePicker/DesktopTimePicker.js +0 -12
  25. package/DesktopTimePicker/DesktopTimePicker.types.d.ts +2 -15
  26. package/DigitalClock/DigitalClock.js +15 -24
  27. package/DigitalClock/DigitalClock.types.d.ts +2 -15
  28. package/MobileDatePicker/MobileDatePicker.js +0 -12
  29. package/MobileDatePicker/MobileDatePicker.types.d.ts +2 -15
  30. package/MobileDateTimePicker/MobileDateTimePicker.js +0 -12
  31. package/MobileDateTimePicker/MobileDateTimePicker.types.d.ts +2 -15
  32. package/MobileTimePicker/MobileTimePicker.js +0 -12
  33. package/MobileTimePicker/MobileTimePicker.types.d.ts +2 -15
  34. package/MonthCalendar/MonthCalendar.js +3 -7
  35. package/MultiSectionDigitalClock/MultiSectionDigitalClock.js +7 -18
  36. package/MultiSectionDigitalClock/MultiSectionDigitalClock.types.d.ts +3 -15
  37. package/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.d.ts +2 -1
  38. package/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +16 -6
  39. package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.d.ts +1 -2
  40. package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +13 -10
  41. package/PickersCalendarHeader/PickersCalendarHeader.js +4 -17
  42. package/PickersCalendarHeader/PickersCalendarHeader.types.d.ts +3 -16
  43. package/PickersLayout/PickersLayout.js +0 -12
  44. package/PickersLayout/PickersLayout.types.d.ts +6 -19
  45. package/PickersLayout/usePickerLayout.js +2 -7
  46. package/StaticDatePicker/StaticDatePicker.js +0 -12
  47. package/StaticDatePicker/StaticDatePicker.types.d.ts +2 -14
  48. package/StaticDateTimePicker/StaticDateTimePicker.js +0 -12
  49. package/StaticDateTimePicker/StaticDateTimePicker.types.d.ts +2 -14
  50. package/StaticTimePicker/StaticTimePicker.js +0 -12
  51. package/StaticTimePicker/StaticTimePicker.types.d.ts +2 -14
  52. package/TimeClock/TimeClock.js +3 -20
  53. package/TimeClock/TimeClock.types.d.ts +1 -14
  54. package/TimeField/TimeField.js +5 -21
  55. package/TimeField/TimeField.types.d.ts +2 -15
  56. package/TimePicker/TimePicker.js +0 -12
  57. package/TimePicker/TimePicker.types.d.ts +1 -14
  58. package/TimePicker/shared.d.ts +2 -15
  59. package/TimePicker/shared.js +4 -7
  60. package/YearCalendar/YearCalendar.js +3 -7
  61. package/dateTimeViewRenderers/dateTimeViewRenderers.d.ts +2 -2
  62. package/dateTimeViewRenderers/dateTimeViewRenderers.js +2 -8
  63. package/dateViewRenderers/dateViewRenderers.d.ts +1 -1
  64. package/dateViewRenderers/dateViewRenderers.js +0 -4
  65. package/hooks/useClearableField.d.ts +1 -3
  66. package/hooks/useClearableField.js +6 -8
  67. package/index.js +1 -1
  68. package/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.types.d.ts +5 -6
  69. package/internals/components/PickersModalDialog.d.ts +4 -5
  70. package/internals/components/PickersPopper.d.ts +5 -6
  71. package/internals/hooks/useDesktopPicker/useDesktopPicker.types.d.ts +7 -8
  72. package/internals/hooks/useField/useField.types.d.ts +2 -2
  73. package/internals/hooks/useMobilePicker/useMobilePicker.types.d.ts +3 -4
  74. package/internals/hooks/useStaticPicker/useStaticPicker.types.d.ts +1 -14
  75. package/internals/index.d.ts +0 -2
  76. package/internals/index.js +0 -1
  77. package/legacy/AdapterLuxon/AdapterLuxon.js +13 -3
  78. package/legacy/DateCalendar/DateCalendar.js +4 -20
  79. package/legacy/DateCalendar/DayCalendar.js +3 -5
  80. package/legacy/DateCalendar/useCalendarState.js +2 -3
  81. package/legacy/DateField/DateField.js +6 -22
  82. package/legacy/DatePicker/DatePicker.js +0 -12
  83. package/legacy/DatePicker/shared.js +2 -5
  84. package/legacy/DateTimeField/DateTimeField.js +6 -22
  85. package/legacy/DateTimePicker/DateTimePicker.js +0 -12
  86. package/legacy/DateTimePicker/shared.js +4 -7
  87. package/legacy/DesktopDatePicker/DesktopDatePicker.js +0 -12
  88. package/legacy/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -12
  89. package/legacy/DesktopTimePicker/DesktopTimePicker.js +0 -12
  90. package/legacy/DigitalClock/DigitalClock.js +17 -24
  91. package/legacy/MobileDatePicker/MobileDatePicker.js +0 -12
  92. package/legacy/MobileDateTimePicker/MobileDateTimePicker.js +0 -12
  93. package/legacy/MobileTimePicker/MobileTimePicker.js +0 -12
  94. package/legacy/MonthCalendar/MonthCalendar.js +3 -6
  95. package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.js +11 -18
  96. package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +16 -6
  97. package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +15 -10
  98. package/legacy/PickersCalendarHeader/PickersCalendarHeader.js +4 -18
  99. package/legacy/PickersLayout/PickersLayout.js +0 -12
  100. package/legacy/PickersLayout/usePickerLayout.js +2 -7
  101. package/legacy/StaticDatePicker/StaticDatePicker.js +0 -12
  102. package/legacy/StaticDateTimePicker/StaticDateTimePicker.js +0 -12
  103. package/legacy/StaticTimePicker/StaticTimePicker.js +0 -12
  104. package/legacy/TimeClock/TimeClock.js +3 -20
  105. package/legacy/TimeField/TimeField.js +5 -21
  106. package/legacy/TimePicker/TimePicker.js +0 -12
  107. package/legacy/TimePicker/shared.js +4 -7
  108. package/legacy/YearCalendar/YearCalendar.js +3 -6
  109. package/legacy/dateTimeViewRenderers/dateTimeViewRenderers.js +2 -8
  110. package/legacy/dateViewRenderers/dateViewRenderers.js +0 -4
  111. package/legacy/hooks/useClearableField.js +6 -8
  112. package/legacy/index.js +1 -1
  113. package/legacy/internals/index.js +0 -1
  114. package/legacy/locales/esES.js +6 -7
  115. package/legacy/locales/eu.js +94 -0
  116. package/legacy/locales/index.js +1 -0
  117. package/legacy/timeViewRenderers/timeViewRenderers.js +0 -12
  118. package/locales/esES.js +6 -7
  119. package/locales/eu.d.ts +54 -0
  120. package/locales/eu.js +58 -0
  121. package/locales/index.d.ts +1 -0
  122. package/locales/index.js +1 -0
  123. package/modern/AdapterLuxon/AdapterLuxon.js +13 -3
  124. package/modern/DateCalendar/DateCalendar.js +3 -19
  125. package/modern/DateCalendar/DayCalendar.js +2 -4
  126. package/modern/DateCalendar/useCalendarState.js +2 -3
  127. package/modern/DateField/DateField.js +4 -20
  128. package/modern/DatePicker/DatePicker.js +0 -12
  129. package/modern/DatePicker/shared.js +1 -4
  130. package/modern/DateTimeField/DateTimeField.js +4 -20
  131. package/modern/DateTimePicker/DateTimePicker.js +0 -12
  132. package/modern/DateTimePicker/shared.js +3 -6
  133. package/modern/DesktopDatePicker/DesktopDatePicker.js +0 -12
  134. package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -12
  135. package/modern/DesktopTimePicker/DesktopTimePicker.js +0 -12
  136. package/modern/DigitalClock/DigitalClock.js +14 -23
  137. package/modern/MobileDatePicker/MobileDatePicker.js +0 -12
  138. package/modern/MobileDateTimePicker/MobileDateTimePicker.js +0 -12
  139. package/modern/MobileTimePicker/MobileTimePicker.js +0 -12
  140. package/modern/MonthCalendar/MonthCalendar.js +3 -7
  141. package/modern/MultiSectionDigitalClock/MultiSectionDigitalClock.js +7 -18
  142. package/modern/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +16 -6
  143. package/modern/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +13 -10
  144. package/modern/PickersCalendarHeader/PickersCalendarHeader.js +3 -16
  145. package/modern/PickersLayout/PickersLayout.js +0 -12
  146. package/modern/PickersLayout/usePickerLayout.js +2 -7
  147. package/modern/StaticDatePicker/StaticDatePicker.js +0 -12
  148. package/modern/StaticDateTimePicker/StaticDateTimePicker.js +0 -12
  149. package/modern/StaticTimePicker/StaticTimePicker.js +0 -12
  150. package/modern/TimeClock/TimeClock.js +3 -20
  151. package/modern/TimeField/TimeField.js +4 -20
  152. package/modern/TimePicker/TimePicker.js +0 -12
  153. package/modern/TimePicker/shared.js +3 -6
  154. package/modern/YearCalendar/YearCalendar.js +3 -7
  155. package/modern/dateTimeViewRenderers/dateTimeViewRenderers.js +1 -7
  156. package/modern/dateViewRenderers/dateViewRenderers.js +0 -4
  157. package/modern/hooks/useClearableField.js +5 -7
  158. package/modern/index.js +1 -1
  159. package/modern/internals/index.js +0 -1
  160. package/modern/locales/esES.js +6 -7
  161. package/modern/locales/eu.js +58 -0
  162. package/modern/locales/index.js +1 -0
  163. package/modern/timeViewRenderers/timeViewRenderers.js +0 -12
  164. package/node/AdapterLuxon/AdapterLuxon.js +13 -3
  165. package/node/DateCalendar/DateCalendar.js +3 -19
  166. package/node/DateCalendar/DayCalendar.js +2 -4
  167. package/node/DateCalendar/useCalendarState.js +1 -2
  168. package/node/DateField/DateField.js +4 -20
  169. package/node/DatePicker/DatePicker.js +0 -12
  170. package/node/DatePicker/shared.js +1 -4
  171. package/node/DateTimeField/DateTimeField.js +4 -20
  172. package/node/DateTimePicker/DateTimePicker.js +0 -12
  173. package/node/DateTimePicker/shared.js +3 -6
  174. package/node/DesktopDatePicker/DesktopDatePicker.js +0 -12
  175. package/node/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -12
  176. package/node/DesktopTimePicker/DesktopTimePicker.js +0 -12
  177. package/node/DigitalClock/DigitalClock.js +14 -23
  178. package/node/MobileDatePicker/MobileDatePicker.js +0 -12
  179. package/node/MobileDateTimePicker/MobileDateTimePicker.js +0 -12
  180. package/node/MobileTimePicker/MobileTimePicker.js +0 -12
  181. package/node/MonthCalendar/MonthCalendar.js +3 -7
  182. package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.js +7 -18
  183. package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +16 -6
  184. package/node/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +13 -10
  185. package/node/PickersCalendarHeader/PickersCalendarHeader.js +3 -16
  186. package/node/PickersLayout/PickersLayout.js +0 -12
  187. package/node/PickersLayout/usePickerLayout.js +2 -7
  188. package/node/StaticDatePicker/StaticDatePicker.js +0 -12
  189. package/node/StaticDateTimePicker/StaticDateTimePicker.js +0 -12
  190. package/node/StaticTimePicker/StaticTimePicker.js +0 -12
  191. package/node/TimeClock/TimeClock.js +3 -20
  192. package/node/TimeField/TimeField.js +4 -20
  193. package/node/TimePicker/TimePicker.js +0 -12
  194. package/node/TimePicker/shared.js +3 -6
  195. package/node/YearCalendar/YearCalendar.js +3 -7
  196. package/node/dateTimeViewRenderers/dateTimeViewRenderers.js +1 -7
  197. package/node/dateViewRenderers/dateViewRenderers.js +0 -4
  198. package/node/hooks/useClearableField.js +5 -7
  199. package/node/index.js +1 -1
  200. package/node/internals/index.js +0 -7
  201. package/node/locales/esES.js +6 -7
  202. package/node/locales/eu.js +64 -0
  203. package/node/locales/index.js +11 -0
  204. package/node/timeViewRenderers/timeViewRenderers.js +0 -12
  205. package/package.json +1 -1
  206. package/timeViewRenderers/timeViewRenderers.d.ts +3 -3
  207. package/timeViewRenderers/timeViewRenderers.js +0 -12
  208. package/internals/utils/slots-migration.d.ts +0 -36
  209. package/internals/utils/slots-migration.js +0 -13
  210. package/legacy/internals/utils/slots-migration.js +0 -14
  211. package/modern/internals/utils/slots-migration.js +0 -13
  212. package/node/internals/utils/slots-migration.js +0 -21
@@ -27,7 +27,7 @@ const esESPickers = {
27
27
  timePickerToolbarTitle: 'Seleccionar hora',
28
28
  dateRangePickerToolbarTitle: 'Seleccionar rango de fecha',
29
29
  // Clock labels
30
- clockLabelText: (view, time, adapter) => `Seleccione ${views[view]}. ${time === null ? 'Sin tiempo seleccionado' : `El tiempo seleccionado es ${adapter.format(time, 'fullTime')}`}`,
30
+ clockLabelText: (view, time, adapter) => `Seleccione ${views[view]}. ${time === null ? 'No hay hora seleccionada' : `La hora seleccionada es ${adapter.format(time, 'fullTime')}`}`,
31
31
  hoursClockNumberText: hours => `${hours} horas`,
32
32
  minutesClockNumberText: minutes => `${minutes} minutos`,
33
33
  secondsClockNumberText: seconds => `${seconds} segundos`,
@@ -39,13 +39,12 @@ const esESPickers = {
39
39
  calendarWeekNumberAriaLabelText: weekNumber => `Semana ${weekNumber}`,
40
40
  calendarWeekNumberText: weekNumber => `${weekNumber}`,
41
41
  // Open picker labels
42
- openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Elige la fecha, la fecha elegida es ${utils.format(value, 'fullDate')}` : 'Elige la fecha',
43
- openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Elige la hora, la hora elegido es ${utils.format(value, 'fullTime')}` : 'Elige la hora',
44
- // fieldClearLabel: 'Clear value',
45
-
42
+ openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Elige fecha, la fecha elegida es ${utils.format(value, 'fullDate')}` : 'Elige fecha',
43
+ openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Elige hora, la hora elegida es ${utils.format(value, 'fullTime')}` : 'Elige hora',
44
+ fieldClearLabel: 'Limpiar valor',
46
45
  // Table labels
47
- timeTableLabel: 'elige la fecha',
48
- dateTableLabel: 'elige la hora',
46
+ timeTableLabel: 'elige hora',
47
+ dateTableLabel: 'elige fecha',
49
48
  // Field section placeholders
50
49
  fieldYearPlaceholder: params => 'A'.repeat(params.digitAmount),
51
50
  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
@@ -0,0 +1,58 @@
1
+ import { getPickersLocalization } from './utils/getPickersLocalization';
2
+ const views = {
3
+ hours: 'orduak',
4
+ minutes: 'minutuak',
5
+ seconds: 'segunduak',
6
+ meridiem: 'meridianoa'
7
+ };
8
+ const euPickers = {
9
+ // Calendar navigation
10
+ previousMonth: 'Azken hilabetea',
11
+ nextMonth: 'Hurrengo hilabetea',
12
+ // View navigation
13
+ openPreviousView: 'azken bista ireki',
14
+ openNextView: 'hurrengo bista ireki',
15
+ calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'urteko bista irekita dago, aldatu egutegi bistara' : 'egutegi bista irekita dago, aldatu urteko bistara',
16
+ // DateRange placeholders
17
+ start: 'Hasi',
18
+ end: 'Bukatu',
19
+ // Action bar
20
+ cancelButtonLabel: 'Utxi',
21
+ clearButtonLabel: 'Garbitu',
22
+ okButtonLabel: 'OK',
23
+ todayButtonLabel: 'Gaur',
24
+ // Toolbar titles
25
+ datePickerToolbarTitle: 'Data aukeratu',
26
+ dateTimePickerToolbarTitle: 'Data eta ordua aukeratu',
27
+ timePickerToolbarTitle: 'Ordua aukeratu',
28
+ dateRangePickerToolbarTitle: 'Data tartea aukeratu',
29
+ // Clock labels
30
+ clockLabelText: (view, time, adapter) => `Aukeratu ${views[view]}. ${time === null ? 'Ez da ordurik aukertau' : `Aukeratutako ordua ${adapter.format(time, 'fullTime')} da`}`,
31
+ hoursClockNumberText: hours => `${hours} ordu`,
32
+ minutesClockNumberText: minutes => `${minutes} minutu`,
33
+ secondsClockNumberText: seconds => `${seconds} segundu`,
34
+ // Digital clock labels
35
+ selectViewText: view => `Aukeratu ${views[view]}`,
36
+ // Calendar labels
37
+ calendarWeekNumberHeaderLabel: 'Astea zenbakia',
38
+ calendarWeekNumberHeaderText: '#',
39
+ calendarWeekNumberAriaLabelText: weekNumber => `${weekNumber} astea`,
40
+ calendarWeekNumberText: weekNumber => `${weekNumber}`,
41
+ // Open picker labels
42
+ openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Data aukeratu, aukeratutako data ${utils.format(value, 'fullDate')} da` : 'Data aukeratu',
43
+ openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Ordua aukeratu, aukeratutako ordua ${utils.format(value, 'fullTime')} da` : 'Ordua aukeratu',
44
+ fieldClearLabel: 'Balioa garbitu',
45
+ // Table labels
46
+ timeTableLabel: 'ordua aukeratu',
47
+ dateTableLabel: 'data aukeratu',
48
+ // Field section placeholders
49
+ fieldYearPlaceholder: params => 'Y'.repeat(params.digitAmount),
50
+ fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
51
+ fieldDayPlaceholder: () => 'DD',
52
+ fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
53
+ fieldHoursPlaceholder: () => 'hh',
54
+ fieldMinutesPlaceholder: () => 'mm',
55
+ fieldSecondsPlaceholder: () => 'ss',
56
+ fieldMeridiemPlaceholder: () => 'aa'
57
+ };
58
+ export const eu = getPickersLocalization(euPickers);
@@ -5,6 +5,7 @@ export * from './deDE';
5
5
  export * from './elGR';
6
6
  export * from './enUS';
7
7
  export * from './esES';
8
+ export * from './eu';
8
9
  export * from './faIR';
9
10
  export * from './fiFI';
10
11
  export * from './frFR';
@@ -25,8 +25,6 @@ export const renderTimeViewClock = ({
25
25
  minutesStep,
26
26
  ampm,
27
27
  ampmInClock,
28
- components,
29
- componentsProps,
30
28
  slots,
31
29
  slotProps,
32
30
  readOnly,
@@ -57,8 +55,6 @@ export const renderTimeViewClock = ({
57
55
  minutesStep: minutesStep,
58
56
  ampm: ampm,
59
57
  ampmInClock: ampmInClock,
60
- components: components,
61
- componentsProps: componentsProps,
62
58
  slots: slots,
63
59
  slotProps: slotProps,
64
60
  readOnly: readOnly,
@@ -89,8 +85,6 @@ export const renderDigitalClockTimeView = ({
89
85
  shouldDisableClock,
90
86
  minutesStep,
91
87
  ampm,
92
- components,
93
- componentsProps,
94
88
  slots,
95
89
  slotProps,
96
90
  readOnly,
@@ -121,8 +115,6 @@ export const renderDigitalClockTimeView = ({
121
115
  shouldDisableClock: shouldDisableClock,
122
116
  minutesStep: minutesStep,
123
117
  ampm: ampm,
124
- components: components,
125
- componentsProps: componentsProps,
126
118
  slots: slots,
127
119
  slotProps: slotProps,
128
120
  readOnly: readOnly,
@@ -154,8 +146,6 @@ export const renderMultiSectionDigitalClockTimeView = ({
154
146
  shouldDisableClock,
155
147
  minutesStep,
156
148
  ampm,
157
- components,
158
- componentsProps,
159
149
  slots,
160
150
  slotProps,
161
151
  readOnly,
@@ -186,8 +176,6 @@ export const renderMultiSectionDigitalClockTimeView = ({
186
176
  shouldDisableClock: shouldDisableClock,
187
177
  minutesStep: minutesStep,
188
178
  ampm: ampm,
189
- components: components,
190
- componentsProps: componentsProps,
191
179
  slots: slots,
192
180
  slotProps: slotProps,
193
181
  readOnly: readOnly,
@@ -280,15 +280,25 @@ class AdapterLuxon {
280
280
  };
281
281
  this.expandFormat = format => {
282
282
  // Extract escaped section to avoid extending them
283
- const longFormatRegexp = /''|'(''|[^'])+('|$)|[^']*/g;
284
- return format.match(longFormatRegexp).map(token => {
283
+ const catchEscapedSectionsRegexp = /''|'(''|[^'])+('|$)|[^']*/g;
284
+
285
+ // Extract words to test if they are a token or a word to escape.
286
+ const catchWordsRegexp = /(?:^|[^a-z])([a-z]+)(?:[^a-z]|$)|([a-z]+)/gi;
287
+ return format.match(catchEscapedSectionsRegexp).map(token => {
285
288
  const firstCharacter = token[0];
286
289
  if (firstCharacter === "'") {
287
290
  return token;
288
291
  }
289
- return _luxon.DateTime.expandFormat(token, {
292
+ const expandedToken = _luxon.DateTime.expandFormat(token, {
290
293
  locale: this.locale
291
294
  });
295
+ return expandedToken.replace(catchWordsRegexp, (correspondance, g1, g2) => {
296
+ const word = g1 || g2; // words are either in group 1 or group 2
297
+ if (word === 'yyyyy' || formatTokenMap[word] !== undefined) {
298
+ return correspondance;
299
+ }
300
+ return `'${correspondance}'`;
301
+ });
292
302
  }).join('')
293
303
  // The returned format can contain `yyyyy` which means year between 4 and 6 digits.
294
304
  // This value is supported by luxon parser but not luxon formatter.
@@ -29,7 +29,7 @@ var _useValueWithTimezone = require("../internals/hooks/useValueWithTimezone");
29
29
  var _valueManagers = require("../internals/utils/valueManagers");
30
30
  var _dimensions = require("../internals/constants/dimensions");
31
31
  var _jsxRuntime = require("react/jsx-runtime");
32
- const _excluded = ["autoFocus", "onViewChange", "value", "defaultValue", "referenceDate", "disableFuture", "disablePast", "defaultCalendarMonth", "onChange", "onYearChange", "onMonthChange", "reduceAnimations", "shouldDisableDate", "shouldDisableMonth", "shouldDisableYear", "view", "views", "openTo", "className", "disabled", "readOnly", "minDate", "maxDate", "disableHighlightToday", "focusedView", "onFocusedViewChange", "showDaysOutsideCurrentMonth", "fixedWeekNumber", "dayOfWeekFormatter", "components", "componentsProps", "slots", "slotProps", "loading", "renderLoading", "displayWeekNumber", "yearsPerRow", "monthsPerRow", "timezone"];
32
+ const _excluded = ["autoFocus", "onViewChange", "value", "defaultValue", "referenceDate", "disableFuture", "disablePast", "defaultCalendarMonth", "onChange", "onYearChange", "onMonthChange", "reduceAnimations", "shouldDisableDate", "shouldDisableMonth", "shouldDisableYear", "view", "views", "openTo", "className", "disabled", "readOnly", "minDate", "maxDate", "disableHighlightToday", "focusedView", "onFocusedViewChange", "showDaysOutsideCurrentMonth", "fixedWeekNumber", "dayOfWeekFormatter", "slots", "slotProps", "loading", "renderLoading", "displayWeekNumber", "yearsPerRow", "monthsPerRow", "timezone"];
33
33
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
34
34
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
35
35
  const useUtilityClasses = ownerState => {
@@ -123,8 +123,6 @@ const DateCalendar = exports.DateCalendar = /*#__PURE__*/React.forwardRef(functi
123
123
  showDaysOutsideCurrentMonth,
124
124
  fixedWeekNumber,
125
125
  dayOfWeekFormatter,
126
- components,
127
- componentsProps,
128
126
  slots,
129
127
  slotProps,
130
128
  loading,
@@ -191,10 +189,10 @@ const DateCalendar = exports.DateCalendar = /*#__PURE__*/React.forwardRef(functi
191
189
  const maxDateWithDisabled = disabled && value || maxDate;
192
190
  const gridLabelId = `${id}-grid-label`;
193
191
  const hasFocus = focusedView !== null;
194
- const CalendarHeader = slots?.calendarHeader ?? components?.CalendarHeader ?? _PickersCalendarHeader.PickersCalendarHeader;
192
+ const CalendarHeader = slots?.calendarHeader ?? _PickersCalendarHeader.PickersCalendarHeader;
195
193
  const calendarHeaderProps = (0, _utils.useSlotProps)({
196
194
  elementType: CalendarHeader,
197
- externalSlotProps: slotProps?.calendarHeader ?? componentsProps?.calendarHeader,
195
+ externalSlotProps: slotProps?.calendarHeader,
198
196
  additionalProps: {
199
197
  views,
200
198
  view,
@@ -345,8 +343,6 @@ const DateCalendar = exports.DateCalendar = /*#__PURE__*/React.forwardRef(functi
345
343
  fixedWeekNumber: fixedWeekNumber,
346
344
  dayOfWeekFormatter: dayOfWeekFormatter,
347
345
  displayWeekNumber: displayWeekNumber,
348
- components: components,
349
- componentsProps: componentsProps,
350
346
  slots: slots,
351
347
  slotProps: slotProps,
352
348
  loading: loading,
@@ -370,18 +366,6 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
370
366
  autoFocus: _propTypes.default.bool,
371
367
  classes: _propTypes.default.object,
372
368
  className: _propTypes.default.string,
373
- /**
374
- * Overridable components.
375
- * @default {}
376
- * @deprecated Please use `slots`.
377
- */
378
- components: _propTypes.default.object,
379
- /**
380
- * The props used for each component slot.
381
- * @default {}
382
- * @deprecated Please use `slotProps`.
383
- */
384
- componentsProps: _propTypes.default.object,
385
369
  /**
386
370
  * Formats the day of week displayed in the calendar header.
387
371
  * @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
@@ -156,8 +156,6 @@ function WrappedDay(_ref) {
156
156
  disableHighlightToday,
157
157
  isMonthSwitchingAnimating,
158
158
  showDaysOutsideCurrentMonth,
159
- components,
160
- componentsProps,
161
159
  slots,
162
160
  slotProps,
163
161
  timezone
@@ -167,11 +165,11 @@ function WrappedDay(_ref) {
167
165
  const isFocusableDay = focusableDay !== null && utils.isSameDay(day, focusableDay);
168
166
  const isSelected = selectedDays.some(selectedDay => utils.isSameDay(selectedDay, day));
169
167
  const isToday = utils.isSameDay(day, now);
170
- const Day = slots?.day ?? components?.Day ?? _PickersDay.PickersDay;
168
+ const Day = slots?.day ?? _PickersDay.PickersDay;
171
169
  // We don't want to pass to ownerState down, to avoid re-rendering all the day whenever a prop changes.
172
170
  const _useSlotProps = (0, _utils.useSlotProps)({
173
171
  elementType: Day,
174
- externalSlotProps: slotProps?.day ?? componentsProps?.day,
172
+ externalSlotProps: slotProps?.day,
175
173
  additionalProps: (0, _extends2.default)({
176
174
  disableHighlightToday,
177
175
  showDaysOutsideCurrentMonth,
@@ -59,7 +59,6 @@ const useCalendarState = params => {
59
59
  shouldDisableDate,
60
60
  timezone
61
61
  } = params;
62
- const now = (0, _useUtils.useNow)(timezone);
63
62
  const utils = (0, _useUtils.useUtils)();
64
63
  const reducerFn = React.useRef(createCalendarStateReducer(Boolean(reduceAnimations), disableSwitchToMonthOnDayFocus, utils)).current;
65
64
  const referenceDate = React.useMemo(() => {
@@ -83,7 +82,7 @@ const useCalendarState = params => {
83
82
 
84
83
  const [calendarState, dispatch] = React.useReducer(reducerFn, {
85
84
  isMonthSwitchingAnimating: false,
86
- focusedDay: value || now,
85
+ focusedDay: referenceDate,
87
86
  currentMonth: utils.startOfMonth(referenceDate),
88
87
  slideDirection: 'left'
89
88
  });
@@ -16,7 +16,7 @@ var _utils2 = require("@mui/utils");
16
16
  var _useDateField2 = require("./useDateField");
17
17
  var _hooks = require("../hooks");
18
18
  var _jsxRuntime = require("react/jsx-runtime");
19
- const _excluded = ["components", "componentsProps", "slots", "slotProps", "InputProps", "inputProps"],
19
+ const _excluded = ["slots", "slotProps", "InputProps", "inputProps"],
20
20
  _excluded2 = ["inputRef"],
21
21
  _excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
22
22
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -37,8 +37,6 @@ const DateField = exports.DateField = /*#__PURE__*/React.forwardRef(function Dat
37
37
  name: 'MuiDateField'
38
38
  });
39
39
  const {
40
- components,
41
- componentsProps,
42
40
  slots,
43
41
  slotProps,
44
42
  InputProps,
@@ -46,10 +44,10 @@ const DateField = exports.DateField = /*#__PURE__*/React.forwardRef(function Dat
46
44
  } = themeProps,
47
45
  other = (0, _objectWithoutPropertiesLoose2.default)(themeProps, _excluded);
48
46
  const ownerState = themeProps;
49
- const TextField = slots?.textField ?? components?.TextField ?? _TextField.default;
47
+ const TextField = slots?.textField ?? _TextField.default;
50
48
  const _useSlotProps = (0, _utils.useSlotProps)({
51
49
  elementType: TextField,
52
- externalSlotProps: slotProps?.textField ?? componentsProps?.textField,
50
+ externalSlotProps: slotProps?.textField,
53
51
  externalForwardedProps: other,
54
52
  ownerState
55
53
  }),
@@ -84,9 +82,7 @@ const DateField = exports.DateField = /*#__PURE__*/React.forwardRef(function Dat
84
82
  fieldProps,
85
83
  InputProps: fieldProps.InputProps,
86
84
  slots,
87
- slotProps,
88
- components,
89
- componentsProps
85
+ slotProps
90
86
  });
91
87
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TextField, (0, _extends2.default)({
92
88
  ref: ref
@@ -126,18 +122,6 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
126
122
  */
127
123
  color: _propTypes.default.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
128
124
  component: _propTypes.default.elementType,
129
- /**
130
- * Overridable components.
131
- * @default {}
132
- * @deprecated Please use `slots`.
133
- */
134
- components: _propTypes.default.object,
135
- /**
136
- * The props used for each component slot.
137
- * @default {}
138
- * @deprecated Please use `slotProps`.
139
- */
140
- componentsProps: _propTypes.default.object,
141
125
  /**
142
126
  * The default value. Use when the component is not controlled.
143
127
  */
@@ -73,18 +73,6 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
73
73
  * @default `true` for desktop, `false` for mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
74
74
  */
75
75
  closeOnSelect: _propTypes.default.bool,
76
- /**
77
- * Overridable components.
78
- * @default {}
79
- * @deprecated Please use `slots`.
80
- */
81
- components: _propTypes.default.object,
82
- /**
83
- * The props used for each component slot.
84
- * @default {}
85
- * @deprecated Please use `slotProps`.
86
- */
87
- componentsProps: _propTypes.default.object,
88
76
  /**
89
77
  * Formats the day of week displayed in the calendar header.
90
78
  * @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
@@ -12,7 +12,6 @@ var _useUtils = require("../internals/hooks/useUtils");
12
12
  var _views = require("../internals/utils/views");
13
13
  var _dateUtils = require("../internals/utils/date-utils");
14
14
  var _DatePickerToolbar = require("./DatePickerToolbar");
15
- var _slotsMigration = require("../internals/utils/slots-migration");
16
15
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
17
16
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
18
17
  function useDatePickerDefaultizedProps(props, name) {
@@ -30,7 +29,6 @@ function useDatePickerDefaultizedProps(props, name) {
30
29
  datePickerToolbarTitle: themeProps.localeText.toolbarTitle
31
30
  });
32
31
  }, [themeProps.localeText]);
33
- const slots = themeProps.slots ?? (0, _slotsMigration.uncapitalizeObjectKeys)(themeProps.components);
34
32
  return (0, _extends2.default)({}, themeProps, {
35
33
  localeText
36
34
  }, (0, _views.applyDefaultViewProps)({
@@ -45,7 +43,6 @@ function useDatePickerDefaultizedProps(props, name) {
45
43
  maxDate: (0, _dateUtils.applyDefaultDate)(utils, themeProps.maxDate, defaultDates.maxDate),
46
44
  slots: (0, _extends2.default)({
47
45
  toolbar: _DatePickerToolbar.DatePickerToolbar
48
- }, slots),
49
- slotProps: themeProps.slotProps ?? themeProps.componentsProps
46
+ }, themeProps.slots)
50
47
  });
51
48
  }
@@ -16,7 +16,7 @@ var _utils2 = require("@mui/utils");
16
16
  var _useDateTimeField2 = require("./useDateTimeField");
17
17
  var _hooks = require("../hooks");
18
18
  var _jsxRuntime = require("react/jsx-runtime");
19
- const _excluded = ["components", "componentsProps", "slots", "slotProps", "InputProps", "inputProps"],
19
+ const _excluded = ["slots", "slotProps", "InputProps", "inputProps"],
20
20
  _excluded2 = ["inputRef"],
21
21
  _excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
22
22
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -37,8 +37,6 @@ const DateTimeField = exports.DateTimeField = /*#__PURE__*/React.forwardRef(func
37
37
  name: 'MuiDateTimeField'
38
38
  });
39
39
  const {
40
- components,
41
- componentsProps,
42
40
  slots,
43
41
  slotProps,
44
42
  InputProps,
@@ -46,10 +44,10 @@ const DateTimeField = exports.DateTimeField = /*#__PURE__*/React.forwardRef(func
46
44
  } = themeProps,
47
45
  other = (0, _objectWithoutPropertiesLoose2.default)(themeProps, _excluded);
48
46
  const ownerState = themeProps;
49
- const TextField = slots?.textField ?? components?.TextField ?? _TextField.default;
47
+ const TextField = slots?.textField ?? _TextField.default;
50
48
  const _useSlotProps = (0, _utils.useSlotProps)({
51
49
  elementType: TextField,
52
- externalSlotProps: slotProps?.textField ?? componentsProps?.textField,
50
+ externalSlotProps: slotProps?.textField,
53
51
  externalForwardedProps: other,
54
52
  ownerState
55
53
  }),
@@ -84,9 +82,7 @@ const DateTimeField = exports.DateTimeField = /*#__PURE__*/React.forwardRef(func
84
82
  fieldProps,
85
83
  InputProps: fieldProps.InputProps,
86
84
  slots,
87
- slotProps,
88
- components,
89
- componentsProps
85
+ slotProps
90
86
  });
91
87
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TextField, (0, _extends2.default)({
92
88
  ref: ref
@@ -131,18 +127,6 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
131
127
  */
132
128
  color: _propTypes.default.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
133
129
  component: _propTypes.default.elementType,
134
- /**
135
- * Overridable components.
136
- * @default {}
137
- * @deprecated Please use `slots`.
138
- */
139
- components: _propTypes.default.object,
140
- /**
141
- * The props used for each component slot.
142
- * @default {}
143
- * @deprecated Please use `slotProps`.
144
- */
145
- componentsProps: _propTypes.default.object,
146
130
  /**
147
131
  * The default value. Use when the component is not controlled.
148
132
  */
@@ -83,18 +83,6 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
83
83
  * @default `true` for desktop, `false` for mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
84
84
  */
85
85
  closeOnSelect: _propTypes.default.bool,
86
- /**
87
- * Overridable components.
88
- * @default {}
89
- * @deprecated Please use `slots`.
90
- */
91
- components: _propTypes.default.object,
92
- /**
93
- * The props used for each component slot.
94
- * @default {}
95
- * @deprecated Please use `slotProps`.
96
- */
97
- componentsProps: _propTypes.default.object,
98
86
  /**
99
87
  * Formats the day of week displayed in the calendar header.
100
88
  * @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
@@ -13,7 +13,6 @@ var _dateUtils = require("../internals/utils/date-utils");
13
13
  var _DateTimePickerTabs = require("./DateTimePickerTabs");
14
14
  var _DateTimePickerToolbar = require("./DateTimePickerToolbar");
15
15
  var _views = require("../internals/utils/views");
16
- var _slotsMigration = require("../internals/utils/slots-migration");
17
16
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
18
17
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
19
18
  function useDateTimePickerDefaultizedProps(props, name) {
@@ -32,8 +31,6 @@ function useDateTimePickerDefaultizedProps(props, name) {
32
31
  dateTimePickerToolbarTitle: themeProps.localeText.toolbarTitle
33
32
  });
34
33
  }, [themeProps.localeText]);
35
- const slots = themeProps.slots ?? (0, _slotsMigration.uncapitalizeObjectKeys)(themeProps.components);
36
- const slotProps = themeProps.slotProps ?? themeProps.componentsProps;
37
34
  return (0, _extends2.default)({}, themeProps, (0, _views.applyDefaultViewProps)({
38
35
  views: themeProps.views,
39
36
  openTo: themeProps.openTo,
@@ -56,11 +53,11 @@ function useDateTimePickerDefaultizedProps(props, name) {
56
53
  slots: (0, _extends2.default)({
57
54
  toolbar: _DateTimePickerToolbar.DateTimePickerToolbar,
58
55
  tabs: _DateTimePickerTabs.DateTimePickerTabs
59
- }, slots),
60
- slotProps: (0, _extends2.default)({}, slotProps, {
56
+ }, themeProps.slots),
57
+ slotProps: (0, _extends2.default)({}, themeProps.slotProps, {
61
58
  toolbar: (0, _extends2.default)({
62
59
  ampm
63
- }, slotProps?.toolbar)
60
+ }, themeProps.slotProps?.toolbar)
64
61
  })
65
62
  });
66
63
  }
@@ -93,18 +93,6 @@ DesktopDatePicker.propTypes = {
93
93
  * @default `true` for desktop, `false` for mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
94
94
  */
95
95
  closeOnSelect: _propTypes.default.bool,
96
- /**
97
- * Overridable components.
98
- * @default {}
99
- * @deprecated Please use `slots`.
100
- */
101
- components: _propTypes.default.object,
102
- /**
103
- * The props used for each component slot.
104
- * @default {}
105
- * @deprecated Please use `slotProps`.
106
- */
107
- componentsProps: _propTypes.default.object,
108
96
  /**
109
97
  * Formats the day of week displayed in the calendar header.
110
98
  * @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
@@ -142,18 +142,6 @@ DesktopDateTimePicker.propTypes = {
142
142
  * @default `true` for desktop, `false` for mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
143
143
  */
144
144
  closeOnSelect: _propTypes.default.bool,
145
- /**
146
- * Overridable components.
147
- * @default {}
148
- * @deprecated Please use `slots`.
149
- */
150
- components: _propTypes.default.object,
151
- /**
152
- * The props used for each component slot.
153
- * @default {}
154
- * @deprecated Please use `slotProps`.
155
- */
156
- componentsProps: _propTypes.default.object,
157
145
  /**
158
146
  * Formats the day of week displayed in the calendar header.
159
147
  * @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
@@ -125,18 +125,6 @@ DesktopTimePicker.propTypes = {
125
125
  * @default `true` for desktop, `false` for mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
126
126
  */
127
127
  closeOnSelect: _propTypes.default.bool,
128
- /**
129
- * Overridable components.
130
- * @default {}
131
- * @deprecated Please use `slots`.
132
- */
133
- components: _propTypes.default.object,
134
- /**
135
- * The props used for each component slot.
136
- * @default {}
137
- * @deprecated Please use `slotProps`.
138
- */
139
- componentsProps: _propTypes.default.object,
140
128
  /**
141
129
  * The default value.
142
130
  * Used when the component is not controlled.