@mui/x-date-pickers 7.0.0-alpha.2 → 7.0.0-alpha.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 (180) hide show
  1. package/AdapterDateFns/AdapterDateFns.js +10 -14
  2. package/AdapterDateFnsJalali/AdapterDateFnsJalali.js +12 -16
  3. package/AdapterDayjs/AdapterDayjs.js +11 -8
  4. package/AdapterLuxon/AdapterLuxon.d.ts +1 -1
  5. package/AdapterLuxon/AdapterLuxon.js +29 -16
  6. package/AdapterMoment/AdapterMoment.d.ts +1 -1
  7. package/AdapterMoment/AdapterMoment.js +14 -14
  8. package/AdapterMomentHijri/AdapterMomentHijri.d.ts +0 -1
  9. package/AdapterMomentHijri/AdapterMomentHijri.js +1 -24
  10. package/AdapterMomentJalaali/AdapterMomentJalaali.d.ts +0 -2
  11. package/AdapterMomentJalaali/AdapterMomentJalaali.js +0 -26
  12. package/CHANGELOG.md +241 -0
  13. package/DateCalendar/DateCalendar.js +2 -2
  14. package/DateCalendar/DayCalendar.d.ts +3 -3
  15. package/DatePicker/DatePicker.js +2 -2
  16. package/DateTimePicker/DateTimePicker.js +2 -2
  17. package/DesktopDatePicker/DesktopDatePicker.js +2 -2
  18. package/DesktopDateTimePicker/DesktopDateTimePicker.js +2 -2
  19. package/MobileDatePicker/MobileDatePicker.js +2 -2
  20. package/MobileDateTimePicker/MobileDateTimePicker.js +2 -2
  21. package/MultiSectionDigitalClock/MultiSectionDigitalClock.js +2 -0
  22. package/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.d.ts +3 -2
  23. package/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +2 -1
  24. package/PickersShortcuts/PickersShortcuts.d.ts +1 -1
  25. package/PickersShortcuts/PickersShortcuts.js +1 -1
  26. package/README.md +0 -1
  27. package/StaticDatePicker/StaticDatePicker.js +2 -2
  28. package/StaticDateTimePicker/StaticDateTimePicker.js +2 -2
  29. package/index.js +1 -1
  30. package/internals/components/PickersTextField/Outline.d.ts +2 -0
  31. package/internals/components/PickersTextField/Outline.js +99 -0
  32. package/internals/components/PickersTextField/PickersInput.d.ts +4 -0
  33. package/internals/components/PickersTextField/PickersInput.js +264 -0
  34. package/internals/components/PickersTextField/PickersInput.types.d.ts +30 -0
  35. package/internals/components/PickersTextField/PickersInput.types.js +1 -0
  36. package/internals/components/PickersTextField/PickersTextField.d.ts +3 -0
  37. package/internals/components/PickersTextField/PickersTextField.js +120 -0
  38. package/internals/components/PickersTextField/PickersTextField.types.d.ts +18 -0
  39. package/internals/components/PickersTextField/PickersTextField.types.js +1 -0
  40. package/internals/components/PickersTextField/index.d.ts +1 -0
  41. package/internals/components/PickersTextField/index.js +1 -0
  42. package/internals/components/PickersTextField/pickersTextFieldClasses.d.ts +42 -0
  43. package/internals/components/PickersTextField/pickersTextFieldClasses.js +9 -0
  44. package/internals/hooks/useField/useField.utils.js +23 -10
  45. package/internals/hooks/usePicker/usePickerValue.js +2 -6
  46. package/internals/hooks/usePicker/usePickerValue.types.d.ts +2 -2
  47. package/legacy/AdapterDateFns/AdapterDateFns.js +10 -14
  48. package/legacy/AdapterDateFnsJalali/AdapterDateFnsJalali.js +12 -16
  49. package/legacy/AdapterDayjs/AdapterDayjs.js +11 -8
  50. package/legacy/AdapterLuxon/AdapterLuxon.js +30 -17
  51. package/legacy/AdapterMoment/AdapterMoment.js +326 -320
  52. package/legacy/AdapterMomentHijri/AdapterMomentHijri.js +4 -25
  53. package/legacy/AdapterMomentJalaali/AdapterMomentJalaali.js +0 -30
  54. package/legacy/DateCalendar/DateCalendar.js +2 -2
  55. package/legacy/DatePicker/DatePicker.js +2 -2
  56. package/legacy/DateTimePicker/DateTimePicker.js +2 -2
  57. package/legacy/DesktopDatePicker/DesktopDatePicker.js +2 -2
  58. package/legacy/DesktopDateTimePicker/DesktopDateTimePicker.js +2 -2
  59. package/legacy/MobileDatePicker/MobileDatePicker.js +2 -2
  60. package/legacy/MobileDateTimePicker/MobileDateTimePicker.js +2 -2
  61. package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.js +2 -0
  62. package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +2 -1
  63. package/legacy/PickersShortcuts/PickersShortcuts.js +2 -1
  64. package/legacy/StaticDatePicker/StaticDatePicker.js +2 -2
  65. package/legacy/StaticDateTimePicker/StaticDateTimePicker.js +2 -2
  66. package/legacy/index.js +1 -1
  67. package/legacy/internals/components/PickersTextField/Outline.js +100 -0
  68. package/legacy/internals/components/PickersTextField/PickersInput.js +273 -0
  69. package/legacy/internals/components/PickersTextField/PickersInput.types.js +1 -0
  70. package/legacy/internals/components/PickersTextField/PickersTextField.js +129 -0
  71. package/legacy/internals/components/PickersTextField/PickersTextField.types.js +1 -0
  72. package/legacy/internals/components/PickersTextField/index.js +1 -0
  73. package/legacy/internals/components/PickersTextField/pickersTextFieldClasses.js +9 -0
  74. package/legacy/internals/hooks/useField/useField.utils.js +23 -10
  75. package/legacy/internals/hooks/usePicker/usePickerValue.js +2 -6
  76. package/locales/beBY.d.ts +18 -5
  77. package/locales/caES.d.ts +18 -5
  78. package/locales/csCZ.d.ts +18 -5
  79. package/locales/daDK.d.ts +18 -5
  80. package/locales/deDE.d.ts +18 -5
  81. package/locales/elGR.d.ts +18 -5
  82. package/locales/enUS.d.ts +18 -5
  83. package/locales/esES.d.ts +18 -5
  84. package/locales/eu.d.ts +18 -5
  85. package/locales/faIR.d.ts +18 -5
  86. package/locales/fiFI.d.ts +18 -5
  87. package/locales/frFR.d.ts +18 -5
  88. package/locales/heIL.d.ts +18 -5
  89. package/locales/huHU.d.ts +18 -5
  90. package/locales/isIS.d.ts +18 -5
  91. package/locales/itIT.d.ts +18 -5
  92. package/locales/jaJP.d.ts +18 -5
  93. package/locales/koKR.d.ts +18 -5
  94. package/locales/kzKZ.d.ts +18 -5
  95. package/locales/mk.d.ts +18 -5
  96. package/locales/nbNO.d.ts +18 -5
  97. package/locales/nlNL.d.ts +18 -5
  98. package/locales/plPL.d.ts +18 -5
  99. package/locales/ptBR.d.ts +18 -5
  100. package/locales/roRO.d.ts +18 -5
  101. package/locales/ruRU.d.ts +18 -5
  102. package/locales/skSK.d.ts +18 -5
  103. package/locales/svSE.d.ts +18 -5
  104. package/locales/trTR.d.ts +18 -5
  105. package/locales/ukUA.d.ts +18 -5
  106. package/locales/urPK.d.ts +18 -5
  107. package/locales/utils/getPickersLocalization.d.ts +18 -5
  108. package/locales/utils/pickersLocaleTextApi.d.ts +18 -5
  109. package/locales/viVN.d.ts +18 -5
  110. package/locales/zhCN.d.ts +18 -5
  111. package/locales/zhHK.d.ts +18 -5
  112. package/modern/AdapterDateFns/AdapterDateFns.js +10 -14
  113. package/modern/AdapterDateFnsJalali/AdapterDateFnsJalali.js +12 -16
  114. package/modern/AdapterDayjs/AdapterDayjs.js +11 -8
  115. package/modern/AdapterLuxon/AdapterLuxon.js +28 -16
  116. package/modern/AdapterMoment/AdapterMoment.js +14 -14
  117. package/modern/AdapterMomentHijri/AdapterMomentHijri.js +1 -24
  118. package/modern/AdapterMomentJalaali/AdapterMomentJalaali.js +0 -26
  119. package/modern/DateCalendar/DateCalendar.js +2 -2
  120. package/modern/DatePicker/DatePicker.js +2 -2
  121. package/modern/DateTimePicker/DateTimePicker.js +2 -2
  122. package/modern/DesktopDatePicker/DesktopDatePicker.js +2 -2
  123. package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +2 -2
  124. package/modern/MobileDatePicker/MobileDatePicker.js +2 -2
  125. package/modern/MobileDateTimePicker/MobileDateTimePicker.js +2 -2
  126. package/modern/MultiSectionDigitalClock/MultiSectionDigitalClock.js +2 -0
  127. package/modern/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +2 -1
  128. package/modern/PickersShortcuts/PickersShortcuts.js +1 -1
  129. package/modern/StaticDatePicker/StaticDatePicker.js +2 -2
  130. package/modern/StaticDateTimePicker/StaticDateTimePicker.js +2 -2
  131. package/modern/index.js +1 -1
  132. package/modern/internals/components/PickersTextField/Outline.js +99 -0
  133. package/modern/internals/components/PickersTextField/PickersInput.js +264 -0
  134. package/modern/internals/components/PickersTextField/PickersInput.types.js +1 -0
  135. package/modern/internals/components/PickersTextField/PickersTextField.js +119 -0
  136. package/modern/internals/components/PickersTextField/PickersTextField.types.js +1 -0
  137. package/modern/internals/components/PickersTextField/index.js +1 -0
  138. package/modern/internals/components/PickersTextField/pickersTextFieldClasses.js +9 -0
  139. package/modern/internals/hooks/useField/useField.utils.js +23 -10
  140. package/modern/internals/hooks/usePicker/usePickerValue.js +2 -6
  141. package/node/AdapterDateFns/AdapterDateFns.js +10 -14
  142. package/node/AdapterDateFnsJalali/AdapterDateFnsJalali.js +12 -16
  143. package/node/AdapterDayjs/AdapterDayjs.js +10 -7
  144. package/node/AdapterLuxon/AdapterLuxon.js +28 -16
  145. package/node/AdapterMoment/AdapterMoment.js +14 -14
  146. package/node/AdapterMomentHijri/AdapterMomentHijri.js +1 -24
  147. package/node/AdapterMomentJalaali/AdapterMomentJalaali.js +0 -26
  148. package/node/DateCalendar/DateCalendar.js +2 -2
  149. package/node/DatePicker/DatePicker.js +2 -2
  150. package/node/DateTimePicker/DateTimePicker.js +2 -2
  151. package/node/DesktopDatePicker/DesktopDatePicker.js +2 -2
  152. package/node/DesktopDateTimePicker/DesktopDateTimePicker.js +2 -2
  153. package/node/MobileDatePicker/MobileDatePicker.js +2 -2
  154. package/node/MobileDateTimePicker/MobileDateTimePicker.js +2 -2
  155. package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.js +2 -0
  156. package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +2 -1
  157. package/node/PickersShortcuts/PickersShortcuts.js +1 -1
  158. package/node/StaticDatePicker/StaticDatePicker.js +2 -2
  159. package/node/StaticDateTimePicker/StaticDateTimePicker.js +2 -2
  160. package/node/index.js +1 -1
  161. package/node/internals/components/PickersTextField/Outline.js +108 -0
  162. package/node/internals/components/PickersTextField/PickersInput.js +272 -0
  163. package/node/internals/components/PickersTextField/PickersInput.types.js +5 -0
  164. package/node/internals/components/PickersTextField/PickersTextField.js +127 -0
  165. package/node/internals/components/PickersTextField/PickersTextField.types.js +5 -0
  166. package/node/internals/components/PickersTextField/index.js +12 -0
  167. package/node/internals/components/PickersTextField/pickersTextFieldClasses.js +17 -0
  168. package/node/internals/hooks/useField/useField.utils.js +23 -10
  169. package/node/internals/hooks/usePicker/usePickerValue.js +2 -6
  170. package/package.json +2 -2
  171. package/internals/components/FakeTextField/FakeTextField.d.ts +0 -22
  172. package/internals/components/FakeTextField/FakeTextField.js +0 -44
  173. package/internals/components/FakeTextField/index.d.ts +0 -1
  174. package/internals/components/FakeTextField/index.js +0 -1
  175. package/legacy/internals/components/FakeTextField/FakeTextField.js +0 -49
  176. package/legacy/internals/components/FakeTextField/index.js +0 -1
  177. package/modern/internals/components/FakeTextField/FakeTextField.js +0 -44
  178. package/modern/internals/components/FakeTextField/index.js +0 -1
  179. package/node/internals/components/FakeTextField/FakeTextField.js +0 -52
  180. package/node/internals/components/FakeTextField/index.js +0 -12
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;
@@ -380,10 +380,10 @@ export class AdapterDateFns {
380
380
  return isBefore(value, comparing);
381
381
  };
382
382
  this.isBeforeYear = (value, comparing) => {
383
- return isBefore(value, startOfYear(comparing));
383
+ return isBefore(value, this.startOfYear(comparing));
384
384
  };
385
385
  this.isBeforeDay = (value, comparing) => {
386
- return isBefore(value, startOfDay(comparing));
386
+ return isBefore(value, this.startOfDay(comparing));
387
387
  };
388
388
  this.isWithinRange = (value, [start, end]) => {
389
389
  return isWithinInterval(value, {
@@ -486,20 +486,16 @@ export class AdapterDateFns {
486
486
  return getDaysInMonth(value);
487
487
  };
488
488
  this.getWeekArray = value => {
489
- const start = startOfWeek(startOfMonth(value), {
490
- locale: this.locale
491
- });
492
- const end = endOfWeek(endOfMonth(value), {
493
- locale: this.locale
494
- });
489
+ const start = this.startOfWeek(this.startOfMonth(value));
490
+ const end = this.endOfWeek(this.endOfMonth(value));
495
491
  let count = 0;
496
492
  let current = start;
497
493
  const nestedWeeks = [];
498
- while (isBefore(current, end)) {
494
+ while (this.isBefore(current, end)) {
499
495
  const weekNumber = Math.floor(count / 7);
500
496
  nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
501
497
  nestedWeeks[weekNumber].push(current);
502
- current = addDays(current, 1);
498
+ current = this.addDays(current, 1);
503
499
  count += 1;
504
500
  }
505
501
  return nestedWeeks;
@@ -510,13 +506,13 @@ export class AdapterDateFns {
510
506
  });
511
507
  };
512
508
  this.getYearRange = ([start, end]) => {
513
- const startDate = startOfYear(start);
514
- const endDate = endOfYear(end);
509
+ const startDate = this.startOfYear(start);
510
+ const endDate = this.endOfYear(end);
515
511
  const years = [];
516
512
  let current = startDate;
517
- while (isBefore(current, endDate)) {
513
+ while (this.isBefore(current, endDate)) {
518
514
  years.push(current);
519
- current = addYears(current, 1);
515
+ current = this.addYears(current, 1);
520
516
  }
521
517
  return years;
522
518
  };
@@ -382,19 +382,19 @@ export class AdapterDateFnsJalali {
382
382
  return isAfter(value, comparing);
383
383
  };
384
384
  this.isAfterYear = (value, comparing) => {
385
- return isAfter(value, endOfYear(comparing));
385
+ return isAfter(value, this.endOfYear(comparing));
386
386
  };
387
387
  this.isAfterDay = (value, comparing) => {
388
- return isAfter(value, endOfDay(comparing));
388
+ return isAfter(value, this.endOfDay(comparing));
389
389
  };
390
390
  this.isBefore = (value, comparing) => {
391
391
  return isBefore(value, comparing);
392
392
  };
393
393
  this.isBeforeYear = (value, comparing) => {
394
- return isBefore(value, startOfYear(comparing));
394
+ return isBefore(value, this.startOfYear(comparing));
395
395
  };
396
396
  this.isBeforeDay = (value, comparing) => {
397
- return isBefore(value, startOfDay(comparing));
397
+ return isBefore(value, this.startOfDay(comparing));
398
398
  };
399
399
  this.isWithinRange = (value, [start, end]) => {
400
400
  return isWithinInterval(value, {
@@ -497,20 +497,16 @@ export class AdapterDateFnsJalali {
497
497
  return getDaysInMonth(value);
498
498
  };
499
499
  this.getWeekArray = value => {
500
- const start = startOfWeek(startOfMonth(value), {
501
- locale: this.locale
502
- });
503
- const end = endOfWeek(endOfMonth(value), {
504
- locale: this.locale
505
- });
500
+ const start = this.startOfWeek(this.startOfMonth(value));
501
+ const end = this.endOfWeek(this.endOfMonth(value));
506
502
  let count = 0;
507
503
  let current = start;
508
504
  const nestedWeeks = [];
509
- while (isBefore(current, end)) {
505
+ while (this.isBefore(current, end)) {
510
506
  const weekNumber = Math.floor(count / 7);
511
507
  nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
512
508
  nestedWeeks[weekNumber].push(current);
513
- current = addDays(current, 1);
509
+ current = this.addDays(current, 1);
514
510
  count += 1;
515
511
  }
516
512
  return nestedWeeks;
@@ -521,13 +517,13 @@ export class AdapterDateFnsJalali {
521
517
  });
522
518
  };
523
519
  this.getYearRange = ([start, end]) => {
524
- const startDate = startOfYear(start);
525
- const endDate = endOfYear(end);
520
+ const startDate = this.startOfYear(start);
521
+ const endDate = this.endOfYear(end);
526
522
  const years = [];
527
523
  let current = startDate;
528
- while (isBefore(current, endDate)) {
524
+ while (this.isBefore(current, endDate)) {
529
525
  years.push(current);
530
- current = addYears(current, 1);
526
+ current = this.addYears(current, 1);
531
527
  }
532
528
  return years;
533
529
  };
@@ -1,13 +1,13 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  /* eslint-disable class-methods-use-this */
3
3
  import defaultDayjs from 'dayjs';
4
- import weekOfYear from 'dayjs/plugin/weekOfYear';
4
+ import weekOfYearPlugin from 'dayjs/plugin/weekOfYear';
5
5
  import customParseFormatPlugin from 'dayjs/plugin/customParseFormat';
6
6
  import localizedFormatPlugin from 'dayjs/plugin/localizedFormat';
7
7
  import isBetweenPlugin from 'dayjs/plugin/isBetween';
8
8
  import { buildWarning } from '../internals/utils/warning';
9
- defaultDayjs.extend(customParseFormatPlugin);
10
9
  defaultDayjs.extend(localizedFormatPlugin);
10
+ defaultDayjs.extend(weekOfYearPlugin);
11
11
  defaultDayjs.extend(isBetweenPlugin);
12
12
  const localeNotFoundWarning = buildWarning(['Your locale has not been found.', 'Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale', "Or you forget to import the locale from 'dayjs/locale/{localeUsed}'", 'fallback on English locale']);
13
13
  const formatTokenMap = {
@@ -504,8 +504,8 @@ export class AdapterDayjs {
504
504
  };
505
505
  this.getWeekArray = value => {
506
506
  const cleanValue = this.setLocaleToValue(value);
507
- const start = cleanValue.startOf('month').startOf('week');
508
- const end = cleanValue.endOf('month').endOf('week');
507
+ const start = this.startOfWeek(this.startOfMonth(cleanValue));
508
+ const end = this.endOfWeek(this.endOfMonth(cleanValue));
509
509
  let count = 0;
510
510
  let current = start;
511
511
  const nestedWeeks = [];
@@ -522,11 +522,11 @@ export class AdapterDayjs {
522
522
  return value.week();
523
523
  };
524
524
  this.getYearRange = ([start, end]) => {
525
- const startDate = start.startOf('year');
526
- const endDate = end.endOf('year');
525
+ const startDate = this.startOfYear(start);
526
+ const endDate = this.endOfYear(end);
527
527
  const years = [];
528
528
  let current = startDate;
529
- while (current < endDate) {
529
+ while (this.isBefore(current, endDate)) {
530
530
  years.push(current);
531
531
  current = this.addYears(current, 1);
532
532
  }
@@ -535,6 +535,9 @@ export class AdapterDayjs {
535
535
  this.dayjs = withLocale(defaultDayjs, _locale);
536
536
  this.locale = _locale;
537
537
  this.formats = _extends({}, defaultFormats, formats);
538
- defaultDayjs.extend(weekOfYear);
538
+
539
+ // Moved plugins to the constructor to allow for users to use options on the library
540
+ // for reference: https://github.com/mui/mui-x/pull/11151
541
+ defaultDayjs.extend(customParseFormatPlugin);
539
542
  }
540
543
  }
@@ -307,12 +307,12 @@ export class AdapterLuxon {
307
307
  };
308
308
  this.isAfterYear = (value, comparing) => {
309
309
  const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
310
- const diff = value.diff(comparingInValueTimezone.endOf('year'), 'years').toObject();
310
+ const diff = value.diff(this.endOfYear(comparingInValueTimezone), 'years').toObject();
311
311
  return diff.years > 0;
312
312
  };
313
313
  this.isAfterDay = (value, comparing) => {
314
314
  const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
315
- const diff = value.diff(comparingInValueTimezone.endOf('day'), 'days').toObject();
315
+ const diff = value.diff(this.endOfDay(comparingInValueTimezone), 'days').toObject();
316
316
  return diff.days > 0;
317
317
  };
318
318
  this.isBefore = (value, comparing) => {
@@ -320,12 +320,12 @@ export class AdapterLuxon {
320
320
  };
321
321
  this.isBeforeYear = (value, comparing) => {
322
322
  const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
323
- const diff = value.diff(comparingInValueTimezone.startOf('year'), 'years').toObject();
323
+ const diff = value.diff(this.startOfYear(comparingInValueTimezone), 'years').toObject();
324
324
  return diff.years < 0;
325
325
  };
326
326
  this.isBeforeDay = (value, comparing) => {
327
327
  const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
328
- const diff = value.diff(comparingInValueTimezone.startOf('day'), 'days').toObject();
328
+ const diff = value.diff(this.startOfDay(comparingInValueTimezone), 'days').toObject();
329
329
  return diff.days < 0;
330
330
  };
331
331
  this.isWithinRange = (value, [start, end]) => {
@@ -338,7 +338,12 @@ export class AdapterLuxon {
338
338
  return value.startOf('month');
339
339
  };
340
340
  this.startOfWeek = value => {
341
- return value.startOf('week');
341
+ return value.startOf('week',
342
+ // TODO: remove when `@types/luxon` add support for the parameter.
343
+ // @ts-ignore
344
+ {
345
+ useLocaleWeeks: true
346
+ });
342
347
  };
343
348
  this.startOfDay = value => {
344
349
  return value.startOf('day');
@@ -350,7 +355,12 @@ export class AdapterLuxon {
350
355
  return value.endOf('month');
351
356
  };
352
357
  this.endOfWeek = value => {
353
- return value.endOf('week');
358
+ return value.endOf('week',
359
+ // TODO: remove when `@types/luxon` add support for the parameter.
360
+ // @ts-ignore
361
+ {
362
+ useLocaleWeeks: true
363
+ });
354
364
  };
355
365
  this.endOfDay = value => {
356
366
  return value.endOf('day');
@@ -452,11 +462,13 @@ export class AdapterLuxon {
452
462
  };
453
463
  this.getWeekArray = value => {
454
464
  const cleanValue = this.setLocaleToValue(value);
465
+ const firstDay = this.startOfWeek(this.startOfMonth(cleanValue));
466
+ const lastDay = this.endOfWeek(this.endOfMonth(cleanValue));
455
467
  const {
456
468
  days
457
- } = cleanValue.endOf('month').endOf('week').diff(cleanValue.startOf('month').startOf('week'), 'days').toObject();
469
+ } = lastDay.diff(firstDay, 'days').toObject();
458
470
  const weeks = [];
459
- new Array(Math.round(days)).fill(0).map((_, i) => i).map(day => cleanValue.startOf('month').startOf('week').plus({
471
+ new Array(Math.round(days)).fill(0).map((_, i) => i).map(day => firstDay.plus({
460
472
  days: day
461
473
  })).forEach((v, i) => {
462
474
  if (i === 0 || i % 7 === 0 && i > 6) {
@@ -468,18 +480,18 @@ export class AdapterLuxon {
468
480
  return weeks;
469
481
  };
470
482
  this.getWeekNumber = value => {
471
- return value.weekNumber;
483
+ // TODO: remove when `@types/luxon` add support for the parameter.
484
+ // @ts-ignore
485
+ return value.localeWeekNumber ?? value.weekNumber;
472
486
  };
473
487
  this.getYearRange = ([start, end]) => {
474
- const startDate = start.startOf('year');
475
- const endDate = end.endOf('year');
476
- let current = startDate;
488
+ const startDate = this.startOfYear(start);
489
+ const endDate = this.endOfYear(end);
477
490
  const years = [];
478
- while (current < endDate) {
491
+ let current = startDate;
492
+ while (this.isBefore(current, endDate)) {
479
493
  years.push(current);
480
- current = current.plus({
481
- year: 1
482
- });
494
+ current = this.addYears(current, 1);
483
495
  }
484
496
  return years;
485
497
  };
@@ -426,8 +426,8 @@ export class AdapterMoment {
426
426
  };
427
427
  this.getWeekArray = value => {
428
428
  const cleanValue = this.setLocaleToValue(value);
429
- const start = cleanValue.clone().startOf('month').startOf('week');
430
- const end = cleanValue.clone().endOf('month').endOf('week');
429
+ const start = this.startOfWeek(this.startOfMonth(cleanValue));
430
+ const end = this.endOfWeek(this.endOfMonth(cleanValue));
431
431
  let count = 0;
432
432
  let current = start;
433
433
  const nestedWeeks = [];
@@ -435,7 +435,7 @@ export class AdapterMoment {
435
435
  const weekNumber = Math.floor(count / 7);
436
436
  nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
437
437
  nestedWeeks[weekNumber].push(current);
438
- current = current.clone().add(1, 'day');
438
+ current = this.addDays(current, 1);
439
439
  count += 1;
440
440
  }
441
441
  return nestedWeeks;
@@ -443,19 +443,19 @@ export class AdapterMoment {
443
443
  this.getWeekNumber = value => {
444
444
  return value.week();
445
445
  };
446
- this.getYearRange = ([start, end]) => {
447
- const startDate = this.moment(start).startOf('year');
448
- const endDate = this.moment(end).endOf('year');
449
- const years = [];
450
- let current = startDate;
451
- while (current.isBefore(endDate)) {
452
- years.push(current);
453
- current = current.clone().add(1, 'year');
454
- }
455
- return years;
456
- };
457
446
  this.moment = instance || defaultMoment;
458
447
  this.locale = locale;
459
448
  this.formats = _extends({}, defaultFormats, formats);
460
449
  }
450
+ getYearRange([start, end]) {
451
+ const startDate = this.startOfYear(start);
452
+ const endDate = this.endOfYear(end);
453
+ const years = [];
454
+ let current = startDate;
455
+ while (this.isBefore(current, endDate)) {
456
+ years.push(current);
457
+ current = this.addYears(current, 1);
458
+ }
459
+ return years;
460
+ }
461
461
  }