@mui/x-date-pickers 6.18.2 → 6.18.4

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 (63) hide show
  1. package/CHANGELOG.md +101 -1
  2. package/MultiSectionDigitalClock/MultiSectionDigitalClock.js +2 -0
  3. package/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.d.ts +3 -2
  4. package/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +2 -1
  5. package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +8 -2
  6. package/MultiSectionDigitalClock/multiSectionDigitalClockSectionClasses.js +2 -2
  7. package/index.js +1 -1
  8. package/internals/hooks/useField/useField.utils.js +23 -10
  9. package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.js +2 -0
  10. package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +2 -1
  11. package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +8 -2
  12. package/legacy/MultiSectionDigitalClock/multiSectionDigitalClockSectionClasses.js +2 -2
  13. package/legacy/index.js +1 -1
  14. package/legacy/internals/hooks/useField/useField.utils.js +23 -10
  15. package/locales/beBY.d.ts +18 -5
  16. package/locales/caES.d.ts +18 -5
  17. package/locales/csCZ.d.ts +18 -5
  18. package/locales/daDK.d.ts +18 -5
  19. package/locales/deDE.d.ts +18 -5
  20. package/locales/elGR.d.ts +18 -5
  21. package/locales/enUS.d.ts +18 -5
  22. package/locales/esES.d.ts +18 -5
  23. package/locales/eu.d.ts +18 -5
  24. package/locales/faIR.d.ts +18 -5
  25. package/locales/fiFI.d.ts +18 -5
  26. package/locales/frFR.d.ts +18 -5
  27. package/locales/heIL.d.ts +18 -5
  28. package/locales/huHU.d.ts +18 -5
  29. package/locales/isIS.d.ts +18 -5
  30. package/locales/itIT.d.ts +18 -5
  31. package/locales/jaJP.d.ts +18 -5
  32. package/locales/koKR.d.ts +18 -5
  33. package/locales/kzKZ.d.ts +18 -5
  34. package/locales/mk.d.ts +18 -5
  35. package/locales/nbNO.d.ts +18 -5
  36. package/locales/nlNL.d.ts +18 -5
  37. package/locales/plPL.d.ts +18 -5
  38. package/locales/ptBR.d.ts +18 -5
  39. package/locales/roRO.d.ts +18 -5
  40. package/locales/ruRU.d.ts +18 -5
  41. package/locales/skSK.d.ts +18 -5
  42. package/locales/svSE.d.ts +18 -5
  43. package/locales/trTR.d.ts +18 -5
  44. package/locales/ukUA.d.ts +18 -5
  45. package/locales/urPK.d.ts +18 -5
  46. package/locales/utils/getPickersLocalization.d.ts +18 -5
  47. package/locales/utils/pickersLocaleTextApi.d.ts +18 -5
  48. package/locales/viVN.d.ts +18 -5
  49. package/locales/zhCN.d.ts +18 -5
  50. package/locales/zhHK.d.ts +18 -5
  51. package/modern/MultiSectionDigitalClock/MultiSectionDigitalClock.js +2 -0
  52. package/modern/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +2 -1
  53. package/modern/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +8 -2
  54. package/modern/MultiSectionDigitalClock/multiSectionDigitalClockSectionClasses.js +2 -2
  55. package/modern/index.js +1 -1
  56. package/modern/internals/hooks/useField/useField.utils.js +23 -10
  57. package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.js +2 -0
  58. package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +2 -1
  59. package/node/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +8 -2
  60. package/node/MultiSectionDigitalClock/multiSectionDigitalClockSectionClasses.js +2 -2
  61. package/node/index.js +1 -1
  62. package/node/internals/hooks/useField/useField.utils.js +23 -10
  63. package/package.json +1 -1
package/locales/plPL.d.ts CHANGED
@@ -31,18 +31,31 @@ export declare const plPL: {
31
31
  dateTableLabel?: string | undefined;
32
32
  fieldYearPlaceholder?: ((params: {
33
33
  digitAmount: number;
34
+ format: string;
34
35
  }) => string) | undefined;
35
36
  fieldMonthPlaceholder?: ((params: {
36
37
  contentType: import("..").FieldSectionContentType;
38
+ format: string;
39
+ }) => string) | undefined;
40
+ fieldDayPlaceholder?: ((params: {
41
+ format: string;
37
42
  }) => string) | undefined;
38
- fieldDayPlaceholder?: (() => string) | undefined;
39
43
  fieldWeekDayPlaceholder?: ((params: {
40
44
  contentType: import("..").FieldSectionContentType;
45
+ format: string;
46
+ }) => string) | undefined;
47
+ fieldHoursPlaceholder?: ((params: {
48
+ format: string;
49
+ }) => string) | undefined;
50
+ fieldMinutesPlaceholder?: ((params: {
51
+ format: string;
52
+ }) => string) | undefined;
53
+ fieldSecondsPlaceholder?: ((params: {
54
+ format: string;
55
+ }) => string) | undefined;
56
+ fieldMeridiemPlaceholder?: ((params: {
57
+ format: string;
41
58
  }) => string) | undefined;
42
- fieldHoursPlaceholder?: (() => string) | undefined;
43
- fieldMinutesPlaceholder?: (() => string) | undefined;
44
- fieldSecondsPlaceholder?: (() => string) | undefined;
45
- fieldMeridiemPlaceholder?: (() => string) | undefined;
46
59
  datePickerToolbarTitle?: string | undefined;
47
60
  timePickerToolbarTitle?: string | undefined;
48
61
  dateTimePickerToolbarTitle?: string | undefined;
package/locales/ptBR.d.ts CHANGED
@@ -31,18 +31,31 @@ export declare const ptBR: {
31
31
  dateTableLabel?: string | undefined;
32
32
  fieldYearPlaceholder?: ((params: {
33
33
  digitAmount: number;
34
+ format: string;
34
35
  }) => string) | undefined;
35
36
  fieldMonthPlaceholder?: ((params: {
36
37
  contentType: import("..").FieldSectionContentType;
38
+ format: string;
39
+ }) => string) | undefined;
40
+ fieldDayPlaceholder?: ((params: {
41
+ format: string;
37
42
  }) => string) | undefined;
38
- fieldDayPlaceholder?: (() => string) | undefined;
39
43
  fieldWeekDayPlaceholder?: ((params: {
40
44
  contentType: import("..").FieldSectionContentType;
45
+ format: string;
46
+ }) => string) | undefined;
47
+ fieldHoursPlaceholder?: ((params: {
48
+ format: string;
49
+ }) => string) | undefined;
50
+ fieldMinutesPlaceholder?: ((params: {
51
+ format: string;
52
+ }) => string) | undefined;
53
+ fieldSecondsPlaceholder?: ((params: {
54
+ format: string;
55
+ }) => string) | undefined;
56
+ fieldMeridiemPlaceholder?: ((params: {
57
+ format: string;
41
58
  }) => string) | undefined;
42
- fieldHoursPlaceholder?: (() => string) | undefined;
43
- fieldMinutesPlaceholder?: (() => string) | undefined;
44
- fieldSecondsPlaceholder?: (() => string) | undefined;
45
- fieldMeridiemPlaceholder?: (() => string) | undefined;
46
59
  datePickerToolbarTitle?: string | undefined;
47
60
  timePickerToolbarTitle?: string | undefined;
48
61
  dateTimePickerToolbarTitle?: string | undefined;
package/locales/roRO.d.ts CHANGED
@@ -31,18 +31,31 @@ export declare const roRO: {
31
31
  dateTableLabel?: string | undefined;
32
32
  fieldYearPlaceholder?: ((params: {
33
33
  digitAmount: number;
34
+ format: string;
34
35
  }) => string) | undefined;
35
36
  fieldMonthPlaceholder?: ((params: {
36
37
  contentType: import("..").FieldSectionContentType;
38
+ format: string;
39
+ }) => string) | undefined;
40
+ fieldDayPlaceholder?: ((params: {
41
+ format: string;
37
42
  }) => string) | undefined;
38
- fieldDayPlaceholder?: (() => string) | undefined;
39
43
  fieldWeekDayPlaceholder?: ((params: {
40
44
  contentType: import("..").FieldSectionContentType;
45
+ format: string;
46
+ }) => string) | undefined;
47
+ fieldHoursPlaceholder?: ((params: {
48
+ format: string;
49
+ }) => string) | undefined;
50
+ fieldMinutesPlaceholder?: ((params: {
51
+ format: string;
52
+ }) => string) | undefined;
53
+ fieldSecondsPlaceholder?: ((params: {
54
+ format: string;
55
+ }) => string) | undefined;
56
+ fieldMeridiemPlaceholder?: ((params: {
57
+ format: string;
41
58
  }) => string) | undefined;
42
- fieldHoursPlaceholder?: (() => string) | undefined;
43
- fieldMinutesPlaceholder?: (() => string) | undefined;
44
- fieldSecondsPlaceholder?: (() => string) | undefined;
45
- fieldMeridiemPlaceholder?: (() => string) | undefined;
46
59
  datePickerToolbarTitle?: string | undefined;
47
60
  timePickerToolbarTitle?: string | undefined;
48
61
  dateTimePickerToolbarTitle?: string | undefined;
package/locales/ruRU.d.ts CHANGED
@@ -31,18 +31,31 @@ export declare const ruRU: {
31
31
  dateTableLabel?: string | undefined;
32
32
  fieldYearPlaceholder?: ((params: {
33
33
  digitAmount: number;
34
+ format: string;
34
35
  }) => string) | undefined;
35
36
  fieldMonthPlaceholder?: ((params: {
36
37
  contentType: import("..").FieldSectionContentType;
38
+ format: string;
39
+ }) => string) | undefined;
40
+ fieldDayPlaceholder?: ((params: {
41
+ format: string;
37
42
  }) => string) | undefined;
38
- fieldDayPlaceholder?: (() => string) | undefined;
39
43
  fieldWeekDayPlaceholder?: ((params: {
40
44
  contentType: import("..").FieldSectionContentType;
45
+ format: string;
46
+ }) => string) | undefined;
47
+ fieldHoursPlaceholder?: ((params: {
48
+ format: string;
49
+ }) => string) | undefined;
50
+ fieldMinutesPlaceholder?: ((params: {
51
+ format: string;
52
+ }) => string) | undefined;
53
+ fieldSecondsPlaceholder?: ((params: {
54
+ format: string;
55
+ }) => string) | undefined;
56
+ fieldMeridiemPlaceholder?: ((params: {
57
+ format: string;
41
58
  }) => string) | undefined;
42
- fieldHoursPlaceholder?: (() => string) | undefined;
43
- fieldMinutesPlaceholder?: (() => string) | undefined;
44
- fieldSecondsPlaceholder?: (() => string) | undefined;
45
- fieldMeridiemPlaceholder?: (() => string) | undefined;
46
59
  datePickerToolbarTitle?: string | undefined;
47
60
  timePickerToolbarTitle?: string | undefined;
48
61
  dateTimePickerToolbarTitle?: string | undefined;
package/locales/skSK.d.ts CHANGED
@@ -31,18 +31,31 @@ export declare const skSK: {
31
31
  dateTableLabel?: string | undefined;
32
32
  fieldYearPlaceholder?: ((params: {
33
33
  digitAmount: number;
34
+ format: string;
34
35
  }) => string) | undefined;
35
36
  fieldMonthPlaceholder?: ((params: {
36
37
  contentType: import("..").FieldSectionContentType;
38
+ format: string;
39
+ }) => string) | undefined;
40
+ fieldDayPlaceholder?: ((params: {
41
+ format: string;
37
42
  }) => string) | undefined;
38
- fieldDayPlaceholder?: (() => string) | undefined;
39
43
  fieldWeekDayPlaceholder?: ((params: {
40
44
  contentType: import("..").FieldSectionContentType;
45
+ format: string;
46
+ }) => string) | undefined;
47
+ fieldHoursPlaceholder?: ((params: {
48
+ format: string;
49
+ }) => string) | undefined;
50
+ fieldMinutesPlaceholder?: ((params: {
51
+ format: string;
52
+ }) => string) | undefined;
53
+ fieldSecondsPlaceholder?: ((params: {
54
+ format: string;
55
+ }) => string) | undefined;
56
+ fieldMeridiemPlaceholder?: ((params: {
57
+ format: string;
41
58
  }) => string) | undefined;
42
- fieldHoursPlaceholder?: (() => string) | undefined;
43
- fieldMinutesPlaceholder?: (() => string) | undefined;
44
- fieldSecondsPlaceholder?: (() => string) | undefined;
45
- fieldMeridiemPlaceholder?: (() => string) | undefined;
46
59
  datePickerToolbarTitle?: string | undefined;
47
60
  timePickerToolbarTitle?: string | undefined;
48
61
  dateTimePickerToolbarTitle?: string | undefined;
package/locales/svSE.d.ts CHANGED
@@ -31,18 +31,31 @@ export declare const svSE: {
31
31
  dateTableLabel?: string | undefined;
32
32
  fieldYearPlaceholder?: ((params: {
33
33
  digitAmount: number;
34
+ format: string;
34
35
  }) => string) | undefined;
35
36
  fieldMonthPlaceholder?: ((params: {
36
37
  contentType: import("..").FieldSectionContentType;
38
+ format: string;
39
+ }) => string) | undefined;
40
+ fieldDayPlaceholder?: ((params: {
41
+ format: string;
37
42
  }) => string) | undefined;
38
- fieldDayPlaceholder?: (() => string) | undefined;
39
43
  fieldWeekDayPlaceholder?: ((params: {
40
44
  contentType: import("..").FieldSectionContentType;
45
+ format: string;
46
+ }) => string) | undefined;
47
+ fieldHoursPlaceholder?: ((params: {
48
+ format: string;
49
+ }) => string) | undefined;
50
+ fieldMinutesPlaceholder?: ((params: {
51
+ format: string;
52
+ }) => string) | undefined;
53
+ fieldSecondsPlaceholder?: ((params: {
54
+ format: string;
55
+ }) => string) | undefined;
56
+ fieldMeridiemPlaceholder?: ((params: {
57
+ format: string;
41
58
  }) => string) | undefined;
42
- fieldHoursPlaceholder?: (() => string) | undefined;
43
- fieldMinutesPlaceholder?: (() => string) | undefined;
44
- fieldSecondsPlaceholder?: (() => string) | undefined;
45
- fieldMeridiemPlaceholder?: (() => string) | undefined;
46
59
  datePickerToolbarTitle?: string | undefined;
47
60
  timePickerToolbarTitle?: string | undefined;
48
61
  dateTimePickerToolbarTitle?: string | undefined;
package/locales/trTR.d.ts CHANGED
@@ -31,18 +31,31 @@ export declare const trTR: {
31
31
  dateTableLabel?: string | undefined;
32
32
  fieldYearPlaceholder?: ((params: {
33
33
  digitAmount: number;
34
+ format: string;
34
35
  }) => string) | undefined;
35
36
  fieldMonthPlaceholder?: ((params: {
36
37
  contentType: import("..").FieldSectionContentType;
38
+ format: string;
39
+ }) => string) | undefined;
40
+ fieldDayPlaceholder?: ((params: {
41
+ format: string;
37
42
  }) => string) | undefined;
38
- fieldDayPlaceholder?: (() => string) | undefined;
39
43
  fieldWeekDayPlaceholder?: ((params: {
40
44
  contentType: import("..").FieldSectionContentType;
45
+ format: string;
46
+ }) => string) | undefined;
47
+ fieldHoursPlaceholder?: ((params: {
48
+ format: string;
49
+ }) => string) | undefined;
50
+ fieldMinutesPlaceholder?: ((params: {
51
+ format: string;
52
+ }) => string) | undefined;
53
+ fieldSecondsPlaceholder?: ((params: {
54
+ format: string;
55
+ }) => string) | undefined;
56
+ fieldMeridiemPlaceholder?: ((params: {
57
+ format: string;
41
58
  }) => string) | undefined;
42
- fieldHoursPlaceholder?: (() => string) | undefined;
43
- fieldMinutesPlaceholder?: (() => string) | undefined;
44
- fieldSecondsPlaceholder?: (() => string) | undefined;
45
- fieldMeridiemPlaceholder?: (() => string) | undefined;
46
59
  datePickerToolbarTitle?: string | undefined;
47
60
  timePickerToolbarTitle?: string | undefined;
48
61
  dateTimePickerToolbarTitle?: string | undefined;
package/locales/ukUA.d.ts CHANGED
@@ -31,18 +31,31 @@ export declare const ukUA: {
31
31
  dateTableLabel?: string | undefined;
32
32
  fieldYearPlaceholder?: ((params: {
33
33
  digitAmount: number;
34
+ format: string;
34
35
  }) => string) | undefined;
35
36
  fieldMonthPlaceholder?: ((params: {
36
37
  contentType: import("..").FieldSectionContentType;
38
+ format: string;
39
+ }) => string) | undefined;
40
+ fieldDayPlaceholder?: ((params: {
41
+ format: string;
37
42
  }) => string) | undefined;
38
- fieldDayPlaceholder?: (() => string) | undefined;
39
43
  fieldWeekDayPlaceholder?: ((params: {
40
44
  contentType: import("..").FieldSectionContentType;
45
+ format: string;
46
+ }) => string) | undefined;
47
+ fieldHoursPlaceholder?: ((params: {
48
+ format: string;
49
+ }) => string) | undefined;
50
+ fieldMinutesPlaceholder?: ((params: {
51
+ format: string;
52
+ }) => string) | undefined;
53
+ fieldSecondsPlaceholder?: ((params: {
54
+ format: string;
55
+ }) => string) | undefined;
56
+ fieldMeridiemPlaceholder?: ((params: {
57
+ format: string;
41
58
  }) => string) | undefined;
42
- fieldHoursPlaceholder?: (() => string) | undefined;
43
- fieldMinutesPlaceholder?: (() => string) | undefined;
44
- fieldSecondsPlaceholder?: (() => string) | undefined;
45
- fieldMeridiemPlaceholder?: (() => string) | undefined;
46
59
  datePickerToolbarTitle?: string | undefined;
47
60
  timePickerToolbarTitle?: string | undefined;
48
61
  dateTimePickerToolbarTitle?: string | undefined;
package/locales/urPK.d.ts CHANGED
@@ -31,18 +31,31 @@ export declare const urPK: {
31
31
  dateTableLabel?: string | undefined;
32
32
  fieldYearPlaceholder?: ((params: {
33
33
  digitAmount: number;
34
+ format: string;
34
35
  }) => string) | undefined;
35
36
  fieldMonthPlaceholder?: ((params: {
36
37
  contentType: import("..").FieldSectionContentType;
38
+ format: string;
39
+ }) => string) | undefined;
40
+ fieldDayPlaceholder?: ((params: {
41
+ format: string;
37
42
  }) => string) | undefined;
38
- fieldDayPlaceholder?: (() => string) | undefined;
39
43
  fieldWeekDayPlaceholder?: ((params: {
40
44
  contentType: import("..").FieldSectionContentType;
45
+ format: string;
46
+ }) => string) | undefined;
47
+ fieldHoursPlaceholder?: ((params: {
48
+ format: string;
49
+ }) => string) | undefined;
50
+ fieldMinutesPlaceholder?: ((params: {
51
+ format: string;
52
+ }) => string) | undefined;
53
+ fieldSecondsPlaceholder?: ((params: {
54
+ format: string;
55
+ }) => string) | undefined;
56
+ fieldMeridiemPlaceholder?: ((params: {
57
+ format: string;
41
58
  }) => string) | undefined;
42
- fieldHoursPlaceholder?: (() => string) | undefined;
43
- fieldMinutesPlaceholder?: (() => string) | undefined;
44
- fieldSecondsPlaceholder?: (() => string) | undefined;
45
- fieldMeridiemPlaceholder?: (() => string) | undefined;
46
59
  datePickerToolbarTitle?: string | undefined;
47
60
  timePickerToolbarTitle?: string | undefined;
48
61
  dateTimePickerToolbarTitle?: string | undefined;
@@ -31,18 +31,31 @@ export declare const getPickersLocalization: (pickersTranslations: Partial<Picke
31
31
  dateTableLabel?: string | undefined;
32
32
  fieldYearPlaceholder?: ((params: {
33
33
  digitAmount: number;
34
+ format: string;
34
35
  }) => string) | undefined;
35
36
  fieldMonthPlaceholder?: ((params: {
36
37
  contentType: import("../..").FieldSectionContentType;
38
+ format: string;
39
+ }) => string) | undefined;
40
+ fieldDayPlaceholder?: ((params: {
41
+ format: string;
37
42
  }) => string) | undefined;
38
- fieldDayPlaceholder?: (() => string) | undefined;
39
43
  fieldWeekDayPlaceholder?: ((params: {
40
44
  contentType: import("../..").FieldSectionContentType;
45
+ format: string;
46
+ }) => string) | undefined;
47
+ fieldHoursPlaceholder?: ((params: {
48
+ format: string;
49
+ }) => string) | undefined;
50
+ fieldMinutesPlaceholder?: ((params: {
51
+ format: string;
52
+ }) => string) | undefined;
53
+ fieldSecondsPlaceholder?: ((params: {
54
+ format: string;
55
+ }) => string) | undefined;
56
+ fieldMeridiemPlaceholder?: ((params: {
57
+ format: string;
41
58
  }) => string) | undefined;
42
- fieldHoursPlaceholder?: (() => string) | undefined;
43
- fieldMinutesPlaceholder?: (() => string) | undefined;
44
- fieldSecondsPlaceholder?: (() => string) | undefined;
45
- fieldMeridiemPlaceholder?: (() => string) | undefined;
46
59
  datePickerToolbarTitle?: string | undefined;
47
60
  timePickerToolbarTitle?: string | undefined;
48
61
  dateTimePickerToolbarTitle?: string | undefined;
@@ -50,18 +50,31 @@ export interface PickersComponentAgnosticLocaleText<TDate> {
50
50
  dateTableLabel: string;
51
51
  fieldYearPlaceholder: (params: {
52
52
  digitAmount: number;
53
+ format: string;
53
54
  }) => string;
54
55
  fieldMonthPlaceholder: (params: {
55
56
  contentType: FieldSectionContentType;
57
+ format: string;
58
+ }) => string;
59
+ fieldDayPlaceholder: (params: {
60
+ format: string;
56
61
  }) => string;
57
- fieldDayPlaceholder: () => string;
58
62
  fieldWeekDayPlaceholder: (params: {
59
63
  contentType: FieldSectionContentType;
64
+ format: string;
65
+ }) => string;
66
+ fieldHoursPlaceholder: (params: {
67
+ format: string;
68
+ }) => string;
69
+ fieldMinutesPlaceholder: (params: {
70
+ format: string;
71
+ }) => string;
72
+ fieldSecondsPlaceholder: (params: {
73
+ format: string;
74
+ }) => string;
75
+ fieldMeridiemPlaceholder: (params: {
76
+ format: string;
60
77
  }) => string;
61
- fieldHoursPlaceholder: () => string;
62
- fieldMinutesPlaceholder: () => string;
63
- fieldSecondsPlaceholder: () => string;
64
- fieldMeridiemPlaceholder: () => string;
65
78
  }
66
79
  export interface PickersLocaleText<TDate> extends PickersComponentAgnosticLocaleText<TDate>, PickersComponentSpecificLocaleText {
67
80
  }
package/locales/viVN.d.ts CHANGED
@@ -31,18 +31,31 @@ export declare const viVN: {
31
31
  dateTableLabel?: string | undefined;
32
32
  fieldYearPlaceholder?: ((params: {
33
33
  digitAmount: number;
34
+ format: string;
34
35
  }) => string) | undefined;
35
36
  fieldMonthPlaceholder?: ((params: {
36
37
  contentType: import("..").FieldSectionContentType;
38
+ format: string;
39
+ }) => string) | undefined;
40
+ fieldDayPlaceholder?: ((params: {
41
+ format: string;
37
42
  }) => string) | undefined;
38
- fieldDayPlaceholder?: (() => string) | undefined;
39
43
  fieldWeekDayPlaceholder?: ((params: {
40
44
  contentType: import("..").FieldSectionContentType;
45
+ format: string;
46
+ }) => string) | undefined;
47
+ fieldHoursPlaceholder?: ((params: {
48
+ format: string;
49
+ }) => string) | undefined;
50
+ fieldMinutesPlaceholder?: ((params: {
51
+ format: string;
52
+ }) => string) | undefined;
53
+ fieldSecondsPlaceholder?: ((params: {
54
+ format: string;
55
+ }) => string) | undefined;
56
+ fieldMeridiemPlaceholder?: ((params: {
57
+ format: string;
41
58
  }) => string) | undefined;
42
- fieldHoursPlaceholder?: (() => string) | undefined;
43
- fieldMinutesPlaceholder?: (() => string) | undefined;
44
- fieldSecondsPlaceholder?: (() => string) | undefined;
45
- fieldMeridiemPlaceholder?: (() => string) | undefined;
46
59
  datePickerToolbarTitle?: string | undefined;
47
60
  timePickerToolbarTitle?: string | undefined;
48
61
  dateTimePickerToolbarTitle?: string | undefined;
package/locales/zhCN.d.ts CHANGED
@@ -31,18 +31,31 @@ export declare const zhCN: {
31
31
  dateTableLabel?: string | undefined;
32
32
  fieldYearPlaceholder?: ((params: {
33
33
  digitAmount: number;
34
+ format: string;
34
35
  }) => string) | undefined;
35
36
  fieldMonthPlaceholder?: ((params: {
36
37
  contentType: import("..").FieldSectionContentType;
38
+ format: string;
39
+ }) => string) | undefined;
40
+ fieldDayPlaceholder?: ((params: {
41
+ format: string;
37
42
  }) => string) | undefined;
38
- fieldDayPlaceholder?: (() => string) | undefined;
39
43
  fieldWeekDayPlaceholder?: ((params: {
40
44
  contentType: import("..").FieldSectionContentType;
45
+ format: string;
46
+ }) => string) | undefined;
47
+ fieldHoursPlaceholder?: ((params: {
48
+ format: string;
49
+ }) => string) | undefined;
50
+ fieldMinutesPlaceholder?: ((params: {
51
+ format: string;
52
+ }) => string) | undefined;
53
+ fieldSecondsPlaceholder?: ((params: {
54
+ format: string;
55
+ }) => string) | undefined;
56
+ fieldMeridiemPlaceholder?: ((params: {
57
+ format: string;
41
58
  }) => string) | undefined;
42
- fieldHoursPlaceholder?: (() => string) | undefined;
43
- fieldMinutesPlaceholder?: (() => string) | undefined;
44
- fieldSecondsPlaceholder?: (() => string) | undefined;
45
- fieldMeridiemPlaceholder?: (() => string) | undefined;
46
59
  datePickerToolbarTitle?: string | undefined;
47
60
  timePickerToolbarTitle?: string | undefined;
48
61
  dateTimePickerToolbarTitle?: string | undefined;
package/locales/zhHK.d.ts CHANGED
@@ -31,18 +31,31 @@ export declare const zhHK: {
31
31
  dateTableLabel?: string | undefined;
32
32
  fieldYearPlaceholder?: ((params: {
33
33
  digitAmount: number;
34
+ format: string;
34
35
  }) => string) | undefined;
35
36
  fieldMonthPlaceholder?: ((params: {
36
37
  contentType: import("..").FieldSectionContentType;
38
+ format: string;
39
+ }) => string) | undefined;
40
+ fieldDayPlaceholder?: ((params: {
41
+ format: string;
37
42
  }) => string) | undefined;
38
- fieldDayPlaceholder?: (() => string) | undefined;
39
43
  fieldWeekDayPlaceholder?: ((params: {
40
44
  contentType: import("..").FieldSectionContentType;
45
+ format: string;
46
+ }) => string) | undefined;
47
+ fieldHoursPlaceholder?: ((params: {
48
+ format: string;
49
+ }) => string) | undefined;
50
+ fieldMinutesPlaceholder?: ((params: {
51
+ format: string;
52
+ }) => string) | undefined;
53
+ fieldSecondsPlaceholder?: ((params: {
54
+ format: string;
55
+ }) => string) | undefined;
56
+ fieldMeridiemPlaceholder?: ((params: {
57
+ format: string;
41
58
  }) => string) | undefined;
42
- fieldHoursPlaceholder?: (() => string) | undefined;
43
- fieldMinutesPlaceholder?: (() => string) | undefined;
44
- fieldSecondsPlaceholder?: (() => string) | undefined;
45
- fieldMeridiemPlaceholder?: (() => string) | undefined;
46
59
  datePickerToolbarTitle?: string | undefined;
47
60
  timePickerToolbarTitle?: string | undefined;
48
61
  dateTimePickerToolbarTitle?: string | undefined;
@@ -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())
@@ -36,7 +36,12 @@ const MultiSectionDigitalClockSectionRoot = styled(MenuList, {
36
36
  '@media (prefers-reduced-motion: no-preference)': {
37
37
  scrollBehavior: ownerState.alreadyRendered ? 'smooth' : 'auto'
38
38
  },
39
- '&:hover': {
39
+ '@media (pointer: fine)': {
40
+ '&:hover': {
41
+ overflowY: 'auto'
42
+ }
43
+ },
44
+ '@media (pointer: none), (pointer: coarse)': {
40
45
  overflowY: 'auto'
41
46
  },
42
47
  '&:not(:first-of-type)': {
@@ -149,7 +154,8 @@ export const MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(fun
149
154
  ,
150
155
  "aria-disabled": readOnly,
151
156
  "aria-label": option.ariaLabel,
152
- "aria-selected": isSelected
157
+ "aria-selected": isSelected,
158
+ className: classes.item
153
159
  }, slotProps?.digitalClockSectionItem, {
154
160
  children: option.label
155
161
  }), option.label);
@@ -1,6 +1,6 @@
1
1
  import generateUtilityClass from '@mui/utils/generateUtilityClass';
2
2
  import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
3
3
  export function getMultiSectionDigitalClockSectionUtilityClass(slot) {
4
- return generateUtilityClass('MuiMultiSectionDigitalClock', slot);
4
+ return generateUtilityClass('MuiMultiSectionDigitalClockSection', slot);
5
5
  }
6
- export const multiSectionDigitalClockSectionClasses = generateUtilityClasses('MuiMultiSectionDigitalClock', ['root', 'item']);
6
+ export const multiSectionDigitalClockSectionClasses = generateUtilityClasses('MuiMultiSectionDigitalClockSection', ['root', 'item']);
package/modern/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-date-pickers v6.18.2
2
+ * @mui/x-date-pickers v6.18.4
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the