@mui/x-date-pickers 6.18.1 → 6.18.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/CHANGELOG.md +112 -0
  2. package/DateCalendar/DateCalendar.js +1 -0
  3. package/DateCalendar/DateCalendar.types.d.ts +1 -0
  4. package/DateCalendar/useCalendarState.js +1 -1
  5. package/DatePicker/DatePicker.js +1 -0
  6. package/DateTimePicker/DateTimePicker.js +1 -0
  7. package/DesktopDatePicker/DesktopDatePicker.js +1 -0
  8. package/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -0
  9. package/MobileDatePicker/MobileDatePicker.js +1 -0
  10. package/MobileDateTimePicker/MobileDateTimePicker.js +1 -0
  11. package/MultiSectionDigitalClock/MultiSectionDigitalClock.js +2 -0
  12. package/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.d.ts +3 -2
  13. package/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +2 -1
  14. package/StaticDatePicker/StaticDatePicker.js +1 -0
  15. package/StaticDateTimePicker/StaticDateTimePicker.js +1 -0
  16. package/index.js +1 -1
  17. package/internals/hooks/useField/useField.utils.js +23 -10
  18. package/legacy/DateCalendar/DateCalendar.js +1 -0
  19. package/legacy/DateCalendar/useCalendarState.js +1 -1
  20. package/legacy/DatePicker/DatePicker.js +1 -0
  21. package/legacy/DateTimePicker/DateTimePicker.js +1 -0
  22. package/legacy/DesktopDatePicker/DesktopDatePicker.js +1 -0
  23. package/legacy/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -0
  24. package/legacy/MobileDatePicker/MobileDatePicker.js +1 -0
  25. package/legacy/MobileDateTimePicker/MobileDateTimePicker.js +1 -0
  26. package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.js +2 -0
  27. package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +2 -1
  28. package/legacy/StaticDatePicker/StaticDatePicker.js +1 -0
  29. package/legacy/StaticDateTimePicker/StaticDateTimePicker.js +1 -0
  30. package/legacy/index.js +1 -1
  31. package/legacy/internals/hooks/useField/useField.utils.js +23 -10
  32. package/legacy/locales/deDE.js +4 -3
  33. package/legacy/locales/esES.js +6 -7
  34. package/legacy/locales/eu.js +94 -0
  35. package/legacy/locales/index.js +2 -0
  36. package/legacy/locales/mk.js +91 -0
  37. package/locales/beBY.d.ts +18 -5
  38. package/locales/caES.d.ts +18 -5
  39. package/locales/csCZ.d.ts +18 -5
  40. package/locales/daDK.d.ts +18 -5
  41. package/locales/deDE.d.ts +18 -5
  42. package/locales/deDE.js +2 -3
  43. package/locales/elGR.d.ts +18 -5
  44. package/locales/enUS.d.ts +18 -5
  45. package/locales/esES.d.ts +18 -5
  46. package/locales/esES.js +6 -7
  47. package/locales/eu.d.ts +67 -0
  48. package/locales/eu.js +58 -0
  49. package/locales/faIR.d.ts +18 -5
  50. package/locales/fiFI.d.ts +18 -5
  51. package/locales/frFR.d.ts +18 -5
  52. package/locales/heIL.d.ts +18 -5
  53. package/locales/huHU.d.ts +18 -5
  54. package/locales/index.d.ts +2 -0
  55. package/locales/index.js +2 -0
  56. package/locales/isIS.d.ts +18 -5
  57. package/locales/itIT.d.ts +18 -5
  58. package/locales/jaJP.d.ts +18 -5
  59. package/locales/koKR.d.ts +18 -5
  60. package/locales/kzKZ.d.ts +18 -5
  61. package/locales/mk.d.ts +66 -0
  62. package/locales/mk.js +55 -0
  63. package/locales/nbNO.d.ts +18 -5
  64. package/locales/nlNL.d.ts +18 -5
  65. package/locales/plPL.d.ts +18 -5
  66. package/locales/ptBR.d.ts +18 -5
  67. package/locales/roRO.d.ts +18 -5
  68. package/locales/ruRU.d.ts +18 -5
  69. package/locales/skSK.d.ts +18 -5
  70. package/locales/svSE.d.ts +18 -5
  71. package/locales/trTR.d.ts +18 -5
  72. package/locales/ukUA.d.ts +18 -5
  73. package/locales/urPK.d.ts +18 -5
  74. package/locales/utils/getPickersLocalization.d.ts +18 -5
  75. package/locales/utils/pickersLocaleTextApi.d.ts +18 -5
  76. package/locales/viVN.d.ts +18 -5
  77. package/locales/zhCN.d.ts +18 -5
  78. package/locales/zhHK.d.ts +18 -5
  79. package/modern/DateCalendar/DateCalendar.js +1 -0
  80. package/modern/DateCalendar/useCalendarState.js +1 -1
  81. package/modern/DatePicker/DatePicker.js +1 -0
  82. package/modern/DateTimePicker/DateTimePicker.js +1 -0
  83. package/modern/DesktopDatePicker/DesktopDatePicker.js +1 -0
  84. package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -0
  85. package/modern/MobileDatePicker/MobileDatePicker.js +1 -0
  86. package/modern/MobileDateTimePicker/MobileDateTimePicker.js +1 -0
  87. package/modern/MultiSectionDigitalClock/MultiSectionDigitalClock.js +2 -0
  88. package/modern/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +2 -1
  89. package/modern/StaticDatePicker/StaticDatePicker.js +1 -0
  90. package/modern/StaticDateTimePicker/StaticDateTimePicker.js +1 -0
  91. package/modern/index.js +1 -1
  92. package/modern/internals/hooks/useField/useField.utils.js +23 -10
  93. package/modern/locales/deDE.js +2 -3
  94. package/modern/locales/esES.js +6 -7
  95. package/modern/locales/eu.js +58 -0
  96. package/modern/locales/index.js +2 -0
  97. package/modern/locales/mk.js +55 -0
  98. package/node/DateCalendar/DateCalendar.js +1 -0
  99. package/node/DateCalendar/useCalendarState.js +1 -1
  100. package/node/DatePicker/DatePicker.js +1 -0
  101. package/node/DateTimePicker/DateTimePicker.js +1 -0
  102. package/node/DesktopDatePicker/DesktopDatePicker.js +1 -0
  103. package/node/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -0
  104. package/node/MobileDatePicker/MobileDatePicker.js +1 -0
  105. package/node/MobileDateTimePicker/MobileDateTimePicker.js +1 -0
  106. package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.js +2 -0
  107. package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +2 -1
  108. package/node/StaticDatePicker/StaticDatePicker.js +1 -0
  109. package/node/StaticDateTimePicker/StaticDateTimePicker.js +1 -0
  110. package/node/index.js +1 -1
  111. package/node/internals/hooks/useField/useField.utils.js +23 -10
  112. package/node/locales/deDE.js +2 -3
  113. package/node/locales/esES.js +6 -7
  114. package/node/locales/eu.js +64 -0
  115. package/node/locales/index.js +22 -0
  116. package/node/locales/mk.js +60 -0
  117. package/package.json +1 -1
@@ -254,6 +254,7 @@ export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function M
254
254
  },
255
255
  items: getTimeSectionOptions({
256
256
  value: utils.getMinutes(valueOrReferenceDate),
257
+ utils,
257
258
  isDisabled: minutes => disabled || isTimeDisabled(minutes, 'minutes'),
258
259
  resolveLabel: minutes => utils.format(utils.setMinutes(now, minutes), 'minutes'),
259
260
  timeStep: timeSteps.minutes,
@@ -270,6 +271,7 @@ export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function M
270
271
  },
271
272
  items: getTimeSectionOptions({
272
273
  value: utils.getSeconds(valueOrReferenceDate),
274
+ utils,
273
275
  isDisabled: seconds => disabled || isTimeDisabled(seconds, 'seconds'),
274
276
  resolveLabel: seconds => utils.format(utils.setSeconds(now, seconds), 'seconds'),
275
277
  timeStep: timeSteps.seconds,
@@ -38,6 +38,7 @@ export const getHourSectionOptions = ({
38
38
  };
39
39
  export const getTimeSectionOptions = ({
40
40
  value,
41
+ utils,
41
42
  isDisabled,
42
43
  timeStep,
43
44
  resolveLabel,
@@ -56,7 +57,7 @@ export const getTimeSectionOptions = ({
56
57
  const timeValue = timeStep * index;
57
58
  return {
58
59
  value: timeValue,
59
- label: resolveLabel(timeValue),
60
+ label: utils.formatNumber(resolveLabel(timeValue)),
60
61
  isDisabled,
61
62
  isSelected,
62
63
  ariaLabel: resolveAriaLabel(timeValue.toString())
@@ -85,6 +85,7 @@ StaticDatePicker.propTypes = {
85
85
  dayOfWeekFormatter: PropTypes.func,
86
86
  /**
87
87
  * Default calendar month displayed when `value` and `defaultValue` are empty.
88
+ * @deprecated Consider using `referenceDate` instead.
88
89
  */
89
90
  defaultCalendarMonth: PropTypes.any,
90
91
  /**
@@ -105,6 +105,7 @@ StaticDateTimePicker.propTypes = {
105
105
  dayOfWeekFormatter: PropTypes.func,
106
106
  /**
107
107
  * Default calendar month displayed when `value` and `defaultValue` are empty.
108
+ * @deprecated Consider using `referenceDate` instead.
108
109
  */
109
110
  defaultCalendarMonth: PropTypes.any,
110
111
  /**
package/modern/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-date-pickers v6.18.1
2
+ * @mui/x-date-pickers v6.18.3
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -207,49 +207,62 @@ export const addPositionPropertiesToSections = (sections, isRTL) => {
207
207
  }
208
208
  return newSections;
209
209
  };
210
- const getSectionPlaceholder = (utils, timezone, localeText, sectionConfig, currentTokenValue) => {
210
+ const getSectionPlaceholder = (utils, timezone, localeText, sectionConfig, sectionFormat) => {
211
211
  switch (sectionConfig.type) {
212
212
  case 'year':
213
213
  {
214
214
  return localeText.fieldYearPlaceholder({
215
- digitAmount: utils.formatByString(utils.dateWithTimezone(undefined, timezone), currentTokenValue).length
215
+ digitAmount: utils.formatByString(utils.dateWithTimezone(undefined, timezone), sectionFormat).length,
216
+ format: sectionFormat
216
217
  });
217
218
  }
218
219
  case 'month':
219
220
  {
220
221
  return localeText.fieldMonthPlaceholder({
221
- contentType: sectionConfig.contentType
222
+ contentType: sectionConfig.contentType,
223
+ format: sectionFormat
222
224
  });
223
225
  }
224
226
  case 'day':
225
227
  {
226
- return localeText.fieldDayPlaceholder();
228
+ return localeText.fieldDayPlaceholder({
229
+ format: sectionFormat
230
+ });
227
231
  }
228
232
  case 'weekDay':
229
233
  {
230
234
  return localeText.fieldWeekDayPlaceholder({
231
- contentType: sectionConfig.contentType
235
+ contentType: sectionConfig.contentType,
236
+ format: sectionFormat
232
237
  });
233
238
  }
234
239
  case 'hours':
235
240
  {
236
- return localeText.fieldHoursPlaceholder();
241
+ return localeText.fieldHoursPlaceholder({
242
+ format: sectionFormat
243
+ });
237
244
  }
238
245
  case 'minutes':
239
246
  {
240
- return localeText.fieldMinutesPlaceholder();
247
+ return localeText.fieldMinutesPlaceholder({
248
+ format: sectionFormat
249
+ });
241
250
  }
242
251
  case 'seconds':
243
252
  {
244
- return localeText.fieldSecondsPlaceholder();
253
+ return localeText.fieldSecondsPlaceholder({
254
+ format: sectionFormat
255
+ });
245
256
  }
246
257
  case 'meridiem':
247
258
  {
248
- return localeText.fieldMeridiemPlaceholder();
259
+ return localeText.fieldMeridiemPlaceholder({
260
+ format: sectionFormat
261
+ });
249
262
  }
250
263
  default:
251
264
  {
252
- return currentTokenValue;
265
+ return sectionFormat;
253
266
  }
254
267
  }
255
268
  };
@@ -42,8 +42,7 @@ const deDEPickers = {
42
42
  // Open picker labels
43
43
  openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Datum auswählen, gewähltes Datum ist ${utils.format(value, 'fullDate')}` : 'Datum auswählen',
44
44
  openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Uhrzeit auswählen, gewählte Uhrzeit ist ${utils.format(value, 'fullTime')}` : 'Uhrzeit auswählen',
45
- // fieldClearLabel: 'Clear value',
46
-
45
+ fieldClearLabel: 'Wert leeren',
47
46
  // Table labels
48
47
  timeTableLabel: 'Uhrzeit auswählen',
49
48
  dateTableLabel: 'Datum auswählen',
@@ -51,7 +50,7 @@ const deDEPickers = {
51
50
  fieldYearPlaceholder: params => 'J'.repeat(params.digitAmount),
52
51
  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
53
52
  fieldDayPlaceholder: () => 'TT',
54
- // fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
53
+ fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
55
54
  fieldHoursPlaceholder: () => 'hh',
56
55
  fieldMinutesPlaceholder: () => 'mm',
57
56
  fieldSecondsPlaceholder: () => 'ss',
@@ -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';
@@ -15,6 +16,7 @@ export * from './itIT';
15
16
  export * from './jaJP';
16
17
  export * from './koKR';
17
18
  export * from './kzKZ';
19
+ export * from './mk';
18
20
  export * from './nbNO';
19
21
  export * from './nlNL';
20
22
  export * from './plPL';
@@ -0,0 +1,55 @@
1
+ import { getPickersLocalization } from './utils/getPickersLocalization';
2
+
3
+ // This object is not Partial<PickersLocaleText> because it is the default values
4
+
5
+ const mkPickers = {
6
+ // Calendar navigation
7
+ previousMonth: 'Предходен месец',
8
+ nextMonth: 'Следен месец',
9
+ // View navigation
10
+ openPreviousView: 'отвори претходен приказ',
11
+ openNextView: 'отвори следен приказ',
12
+ calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'годишен приказ, отвори календарски приказ' : 'календарски приказ, отвори годишен приказ',
13
+ // DateRange placeholders
14
+ start: 'Почеток',
15
+ end: 'Крај',
16
+ // Action bar
17
+ cancelButtonLabel: 'Откажи',
18
+ clearButtonLabel: 'Избриши',
19
+ okButtonLabel: 'OK',
20
+ todayButtonLabel: 'Денес',
21
+ // Toolbar titles
22
+ datePickerToolbarTitle: 'Избери датум',
23
+ dateTimePickerToolbarTitle: 'Избери датум и време',
24
+ timePickerToolbarTitle: 'Избери време',
25
+ dateRangePickerToolbarTitle: 'Избери временски опсег',
26
+ // Clock labels
27
+ clockLabelText: (view, time, adapter) => `Select ${view}. ${time === null ? 'Нема избрано време' : `Избраното време е ${adapter.format(time, 'fullTime')}`}`,
28
+ hoursClockNumberText: hours => `${hours} часа`,
29
+ minutesClockNumberText: minutes => `${minutes} минути`,
30
+ secondsClockNumberText: seconds => `${seconds} секунди`,
31
+ // Digital clock labels
32
+ selectViewText: view => `Избери ${view}`,
33
+ // Calendar labels
34
+ calendarWeekNumberHeaderLabel: 'Недела број',
35
+ calendarWeekNumberHeaderText: '#',
36
+ calendarWeekNumberAriaLabelText: weekNumber => `Недела ${weekNumber}`,
37
+ calendarWeekNumberText: weekNumber => `${weekNumber}`,
38
+ // Open picker labels
39
+ openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Избери датум, избраниот датум е ${utils.format(value, 'fullDate')}` : 'Избери датум',
40
+ openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Избери време, избраното време е ${utils.format(value, 'fullTime')}` : 'Избери време',
41
+ fieldClearLabel: 'Избриши',
42
+ // Table labels
43
+ timeTableLabel: 'одбери време',
44
+ dateTableLabel: 'одбери датум',
45
+ // Field section placeholders
46
+ fieldYearPlaceholder: params => 'Г'.repeat(params.digitAmount),
47
+ fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
48
+ fieldDayPlaceholder: () => 'ДД',
49
+ fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
50
+ fieldHoursPlaceholder: () => 'чч',
51
+ fieldMinutesPlaceholder: () => 'мм',
52
+ fieldSecondsPlaceholder: () => 'сс',
53
+ fieldMeridiemPlaceholder: () => 'aa'
54
+ };
55
+ export const mk = getPickersLocalization(mkPickers);
@@ -392,6 +392,7 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
392
392
  dayOfWeekFormatter: _propTypes.default.func,
393
393
  /**
394
394
  * Default calendar month displayed when `value` and `defaultValue` are empty.
395
+ * @deprecated Consider using `referenceDate` instead.
395
396
  */
396
397
  defaultCalendarMonth: _propTypes.default.any,
397
398
  /**
@@ -83,7 +83,7 @@ const useCalendarState = params => {
83
83
 
84
84
  const [calendarState, dispatch] = React.useReducer(reducerFn, {
85
85
  isMonthSwitchingAnimating: false,
86
- focusedDay: value || now,
86
+ focusedDay: utils.isValid(value) ? value : now,
87
87
  currentMonth: utils.startOfMonth(referenceDate),
88
88
  slideDirection: 'left'
89
89
  });
@@ -95,6 +95,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
95
95
  dayOfWeekFormatter: _propTypes.default.func,
96
96
  /**
97
97
  * Default calendar month displayed when `value` and `defaultValue` are empty.
98
+ * @deprecated Consider using `referenceDate` instead.
98
99
  */
99
100
  defaultCalendarMonth: _propTypes.default.any,
100
101
  /**
@@ -105,6 +105,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
105
105
  dayOfWeekFormatter: _propTypes.default.func,
106
106
  /**
107
107
  * Default calendar month displayed when `value` and `defaultValue` are empty.
108
+ * @deprecated Consider using `referenceDate` instead.
108
109
  */
109
110
  defaultCalendarMonth: _propTypes.default.any,
110
111
  /**
@@ -115,6 +115,7 @@ DesktopDatePicker.propTypes = {
115
115
  dayOfWeekFormatter: _propTypes.default.func,
116
116
  /**
117
117
  * Default calendar month displayed when `value` and `defaultValue` are empty.
118
+ * @deprecated Consider using `referenceDate` instead.
118
119
  */
119
120
  defaultCalendarMonth: _propTypes.default.any,
120
121
  /**
@@ -164,6 +164,7 @@ DesktopDateTimePicker.propTypes = {
164
164
  dayOfWeekFormatter: _propTypes.default.func,
165
165
  /**
166
166
  * Default calendar month displayed when `value` and `defaultValue` are empty.
167
+ * @deprecated Consider using `referenceDate` instead.
167
168
  */
168
169
  defaultCalendarMonth: _propTypes.default.any,
169
170
  /**
@@ -112,6 +112,7 @@ MobileDatePicker.propTypes = {
112
112
  dayOfWeekFormatter: _propTypes.default.func,
113
113
  /**
114
114
  * Default calendar month displayed when `value` and `defaultValue` are empty.
115
+ * @deprecated Consider using `referenceDate` instead.
115
116
  */
116
117
  defaultCalendarMonth: _propTypes.default.any,
117
118
  /**
@@ -133,6 +133,7 @@ MobileDateTimePicker.propTypes = {
133
133
  dayOfWeekFormatter: _propTypes.default.func,
134
134
  /**
135
135
  * Default calendar month displayed when `value` and `defaultValue` are empty.
136
+ * @deprecated Consider using `referenceDate` instead.
136
137
  */
137
138
  defaultCalendarMonth: _propTypes.default.any,
138
139
  /**
@@ -263,6 +263,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
263
263
  },
264
264
  items: (0, _MultiSectionDigitalClock.getTimeSectionOptions)({
265
265
  value: utils.getMinutes(valueOrReferenceDate),
266
+ utils,
266
267
  isDisabled: minutes => disabled || isTimeDisabled(minutes, 'minutes'),
267
268
  resolveLabel: minutes => utils.format(utils.setMinutes(now, minutes), 'minutes'),
268
269
  timeStep: timeSteps.minutes,
@@ -279,6 +280,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
279
280
  },
280
281
  items: (0, _MultiSectionDigitalClock.getTimeSectionOptions)({
281
282
  value: utils.getSeconds(valueOrReferenceDate),
283
+ utils,
282
284
  isDisabled: seconds => disabled || isTimeDisabled(seconds, 'seconds'),
283
285
  resolveLabel: seconds => utils.format(utils.setSeconds(now, seconds), 'seconds'),
284
286
  timeStep: timeSteps.seconds,
@@ -45,6 +45,7 @@ const getHourSectionOptions = ({
45
45
  exports.getHourSectionOptions = getHourSectionOptions;
46
46
  const getTimeSectionOptions = ({
47
47
  value,
48
+ utils,
48
49
  isDisabled,
49
50
  timeStep,
50
51
  resolveLabel,
@@ -63,7 +64,7 @@ const getTimeSectionOptions = ({
63
64
  const timeValue = timeStep * index;
64
65
  return {
65
66
  value: timeValue,
66
- label: resolveLabel(timeValue),
67
+ label: utils.formatNumber(resolveLabel(timeValue)),
67
68
  isDisabled,
68
69
  isSelected,
69
70
  ariaLabel: resolveAriaLabel(timeValue.toString())
@@ -94,6 +94,7 @@ StaticDatePicker.propTypes = {
94
94
  dayOfWeekFormatter: _propTypes.default.func,
95
95
  /**
96
96
  * Default calendar month displayed when `value` and `defaultValue` are empty.
97
+ * @deprecated Consider using `referenceDate` instead.
97
98
  */
98
99
  defaultCalendarMonth: _propTypes.default.any,
99
100
  /**
@@ -114,6 +114,7 @@ StaticDateTimePicker.propTypes = {
114
114
  dayOfWeekFormatter: _propTypes.default.func,
115
115
  /**
116
116
  * Default calendar month displayed when `value` and `defaultValue` are empty.
117
+ * @deprecated Consider using `referenceDate` instead.
117
118
  */
118
119
  defaultCalendarMonth: _propTypes.default.any,
119
120
  /**
package/node/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-date-pickers v6.18.1
2
+ * @mui/x-date-pickers v6.18.3
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -223,49 +223,62 @@ const addPositionPropertiesToSections = (sections, isRTL) => {
223
223
  return newSections;
224
224
  };
225
225
  exports.addPositionPropertiesToSections = addPositionPropertiesToSections;
226
- const getSectionPlaceholder = (utils, timezone, localeText, sectionConfig, currentTokenValue) => {
226
+ const getSectionPlaceholder = (utils, timezone, localeText, sectionConfig, sectionFormat) => {
227
227
  switch (sectionConfig.type) {
228
228
  case 'year':
229
229
  {
230
230
  return localeText.fieldYearPlaceholder({
231
- digitAmount: utils.formatByString(utils.dateWithTimezone(undefined, timezone), currentTokenValue).length
231
+ digitAmount: utils.formatByString(utils.dateWithTimezone(undefined, timezone), sectionFormat).length,
232
+ format: sectionFormat
232
233
  });
233
234
  }
234
235
  case 'month':
235
236
  {
236
237
  return localeText.fieldMonthPlaceholder({
237
- contentType: sectionConfig.contentType
238
+ contentType: sectionConfig.contentType,
239
+ format: sectionFormat
238
240
  });
239
241
  }
240
242
  case 'day':
241
243
  {
242
- return localeText.fieldDayPlaceholder();
244
+ return localeText.fieldDayPlaceholder({
245
+ format: sectionFormat
246
+ });
243
247
  }
244
248
  case 'weekDay':
245
249
  {
246
250
  return localeText.fieldWeekDayPlaceholder({
247
- contentType: sectionConfig.contentType
251
+ contentType: sectionConfig.contentType,
252
+ format: sectionFormat
248
253
  });
249
254
  }
250
255
  case 'hours':
251
256
  {
252
- return localeText.fieldHoursPlaceholder();
257
+ return localeText.fieldHoursPlaceholder({
258
+ format: sectionFormat
259
+ });
253
260
  }
254
261
  case 'minutes':
255
262
  {
256
- return localeText.fieldMinutesPlaceholder();
263
+ return localeText.fieldMinutesPlaceholder({
264
+ format: sectionFormat
265
+ });
257
266
  }
258
267
  case 'seconds':
259
268
  {
260
- return localeText.fieldSecondsPlaceholder();
269
+ return localeText.fieldSecondsPlaceholder({
270
+ format: sectionFormat
271
+ });
261
272
  }
262
273
  case 'meridiem':
263
274
  {
264
- return localeText.fieldMeridiemPlaceholder();
275
+ return localeText.fieldMeridiemPlaceholder({
276
+ format: sectionFormat
277
+ });
265
278
  }
266
279
  default:
267
280
  {
268
- return currentTokenValue;
281
+ return sectionFormat;
269
282
  }
270
283
  }
271
284
  };
@@ -48,8 +48,7 @@ const deDEPickers = {
48
48
  // Open picker labels
49
49
  openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Datum auswählen, gewähltes Datum ist ${utils.format(value, 'fullDate')}` : 'Datum auswählen',
50
50
  openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Uhrzeit auswählen, gewählte Uhrzeit ist ${utils.format(value, 'fullTime')}` : 'Uhrzeit auswählen',
51
- // fieldClearLabel: 'Clear value',
52
-
51
+ fieldClearLabel: 'Wert leeren',
53
52
  // Table labels
54
53
  timeTableLabel: 'Uhrzeit auswählen',
55
54
  dateTableLabel: 'Datum auswählen',
@@ -57,7 +56,7 @@ const deDEPickers = {
57
56
  fieldYearPlaceholder: params => 'J'.repeat(params.digitAmount),
58
57
  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
59
58
  fieldDayPlaceholder: () => 'TT',
60
- // fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
59
+ fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
61
60
  fieldHoursPlaceholder: () => 'hh',
62
61
  fieldMinutesPlaceholder: () => 'mm',
63
62
  fieldSecondsPlaceholder: () => 'ss',
@@ -33,7 +33,7 @@ const esESPickers = {
33
33
  timePickerToolbarTitle: 'Seleccionar hora',
34
34
  dateRangePickerToolbarTitle: 'Seleccionar rango de fecha',
35
35
  // Clock labels
36
- clockLabelText: (view, time, adapter) => `Seleccione ${views[view]}. ${time === null ? 'Sin tiempo seleccionado' : `El tiempo seleccionado es ${adapter.format(time, 'fullTime')}`}`,
36
+ clockLabelText: (view, time, adapter) => `Seleccione ${views[view]}. ${time === null ? 'No hay hora seleccionada' : `La hora seleccionada es ${adapter.format(time, 'fullTime')}`}`,
37
37
  hoursClockNumberText: hours => `${hours} horas`,
38
38
  minutesClockNumberText: minutes => `${minutes} minutos`,
39
39
  secondsClockNumberText: seconds => `${seconds} segundos`,
@@ -45,13 +45,12 @@ const esESPickers = {
45
45
  calendarWeekNumberAriaLabelText: weekNumber => `Semana ${weekNumber}`,
46
46
  calendarWeekNumberText: weekNumber => `${weekNumber}`,
47
47
  // Open picker labels
48
- openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Elige la fecha, la fecha elegida es ${utils.format(value, 'fullDate')}` : 'Elige la fecha',
49
- openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Elige la hora, la hora elegido es ${utils.format(value, 'fullTime')}` : 'Elige la hora',
50
- // fieldClearLabel: 'Clear value',
51
-
48
+ openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Elige fecha, la fecha elegida es ${utils.format(value, 'fullDate')}` : 'Elige fecha',
49
+ openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Elige hora, la hora elegida es ${utils.format(value, 'fullTime')}` : 'Elige hora',
50
+ fieldClearLabel: 'Limpiar valor',
52
51
  // Table labels
53
- timeTableLabel: 'elige la fecha',
54
- dateTableLabel: 'elige la hora',
52
+ timeTableLabel: 'elige hora',
53
+ dateTableLabel: 'elige fecha',
55
54
  // Field section placeholders
56
55
  fieldYearPlaceholder: params => 'A'.repeat(params.digitAmount),
57
56
  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
@@ -0,0 +1,64 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.eu = void 0;
7
+ var _getPickersLocalization = require("./utils/getPickersLocalization");
8
+ const views = {
9
+ hours: 'orduak',
10
+ minutes: 'minutuak',
11
+ seconds: 'segunduak',
12
+ meridiem: 'meridianoa'
13
+ };
14
+ const euPickers = {
15
+ // Calendar navigation
16
+ previousMonth: 'Azken hilabetea',
17
+ nextMonth: 'Hurrengo hilabetea',
18
+ // View navigation
19
+ openPreviousView: 'azken bista ireki',
20
+ openNextView: 'hurrengo bista ireki',
21
+ calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'urteko bista irekita dago, aldatu egutegi bistara' : 'egutegi bista irekita dago, aldatu urteko bistara',
22
+ // DateRange placeholders
23
+ start: 'Hasi',
24
+ end: 'Bukatu',
25
+ // Action bar
26
+ cancelButtonLabel: 'Utxi',
27
+ clearButtonLabel: 'Garbitu',
28
+ okButtonLabel: 'OK',
29
+ todayButtonLabel: 'Gaur',
30
+ // Toolbar titles
31
+ datePickerToolbarTitle: 'Data aukeratu',
32
+ dateTimePickerToolbarTitle: 'Data eta ordua aukeratu',
33
+ timePickerToolbarTitle: 'Ordua aukeratu',
34
+ dateRangePickerToolbarTitle: 'Data tartea aukeratu',
35
+ // Clock labels
36
+ clockLabelText: (view, time, adapter) => `Aukeratu ${views[view]}. ${time === null ? 'Ez da ordurik aukertau' : `Aukeratutako ordua ${adapter.format(time, 'fullTime')} da`}`,
37
+ hoursClockNumberText: hours => `${hours} ordu`,
38
+ minutesClockNumberText: minutes => `${minutes} minutu`,
39
+ secondsClockNumberText: seconds => `${seconds} segundu`,
40
+ // Digital clock labels
41
+ selectViewText: view => `Aukeratu ${views[view]}`,
42
+ // Calendar labels
43
+ calendarWeekNumberHeaderLabel: 'Astea zenbakia',
44
+ calendarWeekNumberHeaderText: '#',
45
+ calendarWeekNumberAriaLabelText: weekNumber => `${weekNumber} astea`,
46
+ calendarWeekNumberText: weekNumber => `${weekNumber}`,
47
+ // Open picker labels
48
+ openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Data aukeratu, aukeratutako data ${utils.format(value, 'fullDate')} da` : 'Data aukeratu',
49
+ openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Ordua aukeratu, aukeratutako ordua ${utils.format(value, 'fullTime')} da` : 'Ordua aukeratu',
50
+ fieldClearLabel: 'Balioa garbitu',
51
+ // Table labels
52
+ timeTableLabel: 'ordua aukeratu',
53
+ dateTableLabel: 'data aukeratu',
54
+ // Field section placeholders
55
+ fieldYearPlaceholder: params => 'Y'.repeat(params.digitAmount),
56
+ fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
57
+ fieldDayPlaceholder: () => 'DD',
58
+ fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
59
+ fieldHoursPlaceholder: () => 'hh',
60
+ fieldMinutesPlaceholder: () => 'mm',
61
+ fieldSecondsPlaceholder: () => 'ss',
62
+ fieldMeridiemPlaceholder: () => 'aa'
63
+ };
64
+ const eu = exports.eu = (0, _getPickersLocalization.getPickersLocalization)(euPickers);