@mui/x-date-pickers 7.4.0 → 7.5.1

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 (159) hide show
  1. package/AdapterDateFns/AdapterDateFns.d.ts +5 -0
  2. package/AdapterDateFnsBase/AdapterDateFnsBase.d.ts +1 -5
  3. package/AdapterDateFnsBase/AdapterDateFnsBase.js +4 -2
  4. package/AdapterDateFnsJalali/AdapterDateFnsJalali.d.ts +3 -20
  5. package/AdapterDateFnsJalali/AdapterDateFnsJalali.js +14 -227
  6. package/AdapterDateFnsJalaliV3/AdapterDateFnsJalaliV3.d.ts +3 -20
  7. package/AdapterDateFnsJalaliV3/AdapterDateFnsJalaliV3.js +17 -230
  8. package/AdapterDateFnsV3/AdapterDateFnsV3.d.ts +5 -0
  9. package/AdapterDateFnsV3/AdapterDateFnsV3.js +0 -1
  10. package/AdapterMomentJalaali/AdapterMomentJalaali.js +2 -6
  11. package/CHANGELOG.md +132 -5395
  12. package/DateCalendar/DateCalendar.js +6 -5
  13. package/DateField/DateField.js +1 -1
  14. package/DatePicker/DatePicker.js +1 -1
  15. package/DatePicker/DatePickerToolbar.js +1 -1
  16. package/DateTimeField/DateTimeField.js +1 -1
  17. package/DateTimePicker/DateTimePicker.js +1 -1
  18. package/DateTimePicker/DateTimePickerTabs.js +1 -1
  19. package/DateTimePicker/DateTimePickerToolbar.js +1 -27
  20. package/DayCalendarSkeleton/DayCalendarSkeleton.js +1 -10
  21. package/DesktopDatePicker/DesktopDatePicker.js +1 -1
  22. package/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -1
  23. package/DesktopDateTimePicker/DesktopDateTimePickerLayout.js +5 -4
  24. package/DesktopTimePicker/DesktopTimePicker.js +1 -1
  25. package/DigitalClock/DigitalClock.js +1 -1
  26. package/LocalizationProvider/LocalizationProvider.js +1 -1
  27. package/MobileDatePicker/MobileDatePicker.js +1 -1
  28. package/MobileDateTimePicker/MobileDateTimePicker.js +1 -1
  29. package/MobileTimePicker/MobileTimePicker.js +1 -1
  30. package/MonthCalendar/MonthCalendar.js +1 -1
  31. package/MultiSectionDigitalClock/MultiSectionDigitalClock.js +1 -1
  32. package/PickersActionBar/PickersActionBar.js +1 -1
  33. package/PickersCalendarHeader/PickersCalendarHeader.js +1 -1
  34. package/PickersDay/PickersDay.js +1 -1
  35. package/PickersLayout/PickersLayout.d.ts +1 -2
  36. package/PickersLayout/PickersLayout.js +2 -14
  37. package/PickersLayout/usePickerLayout.js +6 -7
  38. package/PickersSectionList/PickersSectionList.js +1 -1
  39. package/PickersShortcuts/PickersShortcuts.js +1 -1
  40. package/PickersTextField/PickersFilledInput/PickersFilledInput.js +1 -1
  41. package/PickersTextField/PickersInput/PickersInput.js +1 -1
  42. package/PickersTextField/PickersInputBase/PickersInputBase.js +1 -1
  43. package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js +1 -1
  44. package/PickersTextField/PickersTextField.js +1 -1
  45. package/StaticDatePicker/StaticDatePicker.js +1 -1
  46. package/StaticDateTimePicker/StaticDateTimePicker.js +1 -1
  47. package/StaticTimePicker/StaticTimePicker.js +1 -1
  48. package/TimeClock/TimeClock.js +1 -1
  49. package/TimeField/TimeField.js +1 -1
  50. package/TimePicker/TimePicker.js +1 -1
  51. package/TimePicker/TimePickerToolbar.js +1 -19
  52. package/YearCalendar/YearCalendar.js +1 -1
  53. package/index.js +1 -1
  54. package/internals/components/PickersModalDialog.d.ts +2 -2
  55. package/internals/demo/DemoContainer.js +1 -1
  56. package/internals/hooks/useDesktopPicker/useDesktopPicker.js +2 -1
  57. package/internals/hooks/useField/useFieldV6TextField.js +1 -1
  58. package/internals/hooks/usePicker/usePickerViews.d.ts +2 -3
  59. package/internals/hooks/usePicker/usePickerViews.js +3 -5
  60. package/modern/AdapterDateFnsBase/AdapterDateFnsBase.js +4 -2
  61. package/modern/AdapterDateFnsJalali/AdapterDateFnsJalali.js +14 -227
  62. package/modern/AdapterDateFnsJalaliV3/AdapterDateFnsJalaliV3.js +17 -230
  63. package/modern/AdapterDateFnsV3/AdapterDateFnsV3.js +0 -1
  64. package/modern/AdapterMomentJalaali/AdapterMomentJalaali.js +2 -6
  65. package/modern/DateCalendar/DateCalendar.js +6 -5
  66. package/modern/DateField/DateField.js +1 -1
  67. package/modern/DatePicker/DatePicker.js +1 -1
  68. package/modern/DatePicker/DatePickerToolbar.js +1 -1
  69. package/modern/DateTimeField/DateTimeField.js +1 -1
  70. package/modern/DateTimePicker/DateTimePicker.js +1 -1
  71. package/modern/DateTimePicker/DateTimePickerTabs.js +1 -1
  72. package/modern/DateTimePicker/DateTimePickerToolbar.js +1 -27
  73. package/modern/DayCalendarSkeleton/DayCalendarSkeleton.js +1 -10
  74. package/modern/DesktopDatePicker/DesktopDatePicker.js +1 -1
  75. package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -1
  76. package/modern/DesktopDateTimePicker/DesktopDateTimePickerLayout.js +5 -4
  77. package/modern/DesktopTimePicker/DesktopTimePicker.js +1 -1
  78. package/modern/DigitalClock/DigitalClock.js +1 -1
  79. package/modern/LocalizationProvider/LocalizationProvider.js +1 -1
  80. package/modern/MobileDatePicker/MobileDatePicker.js +1 -1
  81. package/modern/MobileDateTimePicker/MobileDateTimePicker.js +1 -1
  82. package/modern/MobileTimePicker/MobileTimePicker.js +1 -1
  83. package/modern/MonthCalendar/MonthCalendar.js +1 -1
  84. package/modern/MultiSectionDigitalClock/MultiSectionDigitalClock.js +1 -1
  85. package/modern/PickersActionBar/PickersActionBar.js +1 -1
  86. package/modern/PickersCalendarHeader/PickersCalendarHeader.js +1 -1
  87. package/modern/PickersDay/PickersDay.js +1 -1
  88. package/modern/PickersLayout/PickersLayout.js +2 -14
  89. package/modern/PickersLayout/usePickerLayout.js +6 -7
  90. package/modern/PickersSectionList/PickersSectionList.js +1 -1
  91. package/modern/PickersShortcuts/PickersShortcuts.js +1 -1
  92. package/modern/PickersTextField/PickersFilledInput/PickersFilledInput.js +1 -1
  93. package/modern/PickersTextField/PickersInput/PickersInput.js +1 -1
  94. package/modern/PickersTextField/PickersInputBase/PickersInputBase.js +1 -1
  95. package/modern/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js +1 -1
  96. package/modern/PickersTextField/PickersTextField.js +1 -1
  97. package/modern/StaticDatePicker/StaticDatePicker.js +1 -1
  98. package/modern/StaticDateTimePicker/StaticDateTimePicker.js +1 -1
  99. package/modern/StaticTimePicker/StaticTimePicker.js +1 -1
  100. package/modern/TimeClock/TimeClock.js +1 -1
  101. package/modern/TimeField/TimeField.js +1 -1
  102. package/modern/TimePicker/TimePicker.js +1 -1
  103. package/modern/TimePicker/TimePickerToolbar.js +1 -19
  104. package/modern/YearCalendar/YearCalendar.js +1 -1
  105. package/modern/index.js +1 -1
  106. package/modern/internals/demo/DemoContainer.js +1 -1
  107. package/modern/internals/hooks/useDesktopPicker/useDesktopPicker.js +2 -1
  108. package/modern/internals/hooks/useField/useFieldV6TextField.js +1 -1
  109. package/modern/internals/hooks/usePicker/usePickerViews.js +3 -5
  110. package/node/AdapterDateFnsBase/AdapterDateFnsBase.js +4 -2
  111. package/node/AdapterDateFnsJalali/AdapterDateFnsJalali.js +14 -227
  112. package/node/AdapterDateFnsJalaliV3/AdapterDateFnsJalaliV3.js +17 -230
  113. package/node/AdapterMomentJalaali/AdapterMomentJalaali.js +2 -6
  114. package/node/DateCalendar/DateCalendar.js +6 -5
  115. package/node/DateField/DateField.js +1 -1
  116. package/node/DatePicker/DatePicker.js +1 -1
  117. package/node/DatePicker/DatePickerToolbar.js +1 -1
  118. package/node/DateTimeField/DateTimeField.js +1 -1
  119. package/node/DateTimePicker/DateTimePicker.js +1 -1
  120. package/node/DateTimePicker/DateTimePickerTabs.js +1 -1
  121. package/node/DateTimePicker/DateTimePickerToolbar.js +1 -27
  122. package/node/DayCalendarSkeleton/DayCalendarSkeleton.js +1 -10
  123. package/node/DesktopDatePicker/DesktopDatePicker.js +1 -1
  124. package/node/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -1
  125. package/node/DesktopDateTimePicker/DesktopDateTimePickerLayout.js +5 -4
  126. package/node/DesktopTimePicker/DesktopTimePicker.js +1 -1
  127. package/node/DigitalClock/DigitalClock.js +1 -1
  128. package/node/LocalizationProvider/LocalizationProvider.js +1 -1
  129. package/node/MobileDatePicker/MobileDatePicker.js +1 -1
  130. package/node/MobileDateTimePicker/MobileDateTimePicker.js +1 -1
  131. package/node/MobileTimePicker/MobileTimePicker.js +1 -1
  132. package/node/MonthCalendar/MonthCalendar.js +1 -1
  133. package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.js +1 -1
  134. package/node/PickersActionBar/PickersActionBar.js +1 -1
  135. package/node/PickersCalendarHeader/PickersCalendarHeader.js +1 -1
  136. package/node/PickersDay/PickersDay.js +1 -1
  137. package/node/PickersLayout/PickersLayout.js +1 -12
  138. package/node/PickersLayout/usePickerLayout.js +6 -7
  139. package/node/PickersSectionList/PickersSectionList.js +1 -1
  140. package/node/PickersShortcuts/PickersShortcuts.js +1 -1
  141. package/node/PickersTextField/PickersFilledInput/PickersFilledInput.js +1 -1
  142. package/node/PickersTextField/PickersInput/PickersInput.js +1 -1
  143. package/node/PickersTextField/PickersInputBase/PickersInputBase.js +1 -1
  144. package/node/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js +1 -1
  145. package/node/PickersTextField/PickersTextField.js +1 -1
  146. package/node/StaticDatePicker/StaticDatePicker.js +1 -1
  147. package/node/StaticDateTimePicker/StaticDateTimePicker.js +1 -1
  148. package/node/StaticTimePicker/StaticTimePicker.js +1 -1
  149. package/node/TimeClock/TimeClock.js +1 -1
  150. package/node/TimeField/TimeField.js +1 -1
  151. package/node/TimePicker/TimePicker.js +1 -1
  152. package/node/TimePicker/TimePickerToolbar.js +1 -19
  153. package/node/YearCalendar/YearCalendar.js +1 -1
  154. package/node/index.js +1 -1
  155. package/node/internals/demo/DemoContainer.js +1 -1
  156. package/node/internals/hooks/useDesktopPicker/useDesktopPicker.js +2 -1
  157. package/node/internals/hooks/useField/useFieldV6TextField.js +1 -1
  158. package/node/internals/hooks/usePicker/usePickerViews.js +3 -5
  159. package/package.json +2 -2
@@ -198,9 +198,7 @@ export const DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(
198
198
  disableFuture,
199
199
  reduceAnimations,
200
200
  timezone,
201
- labelId: gridLabelId,
202
- slots,
203
- slotProps
201
+ labelId: gridLabelId
204
202
  },
205
203
  ownerState: props
206
204
  });
@@ -294,7 +292,10 @@ export const DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(
294
292
  className: clsx(classes.root, className),
295
293
  ownerState: ownerState
296
294
  }, other, {
297
- children: [/*#__PURE__*/_jsx(CalendarHeader, _extends({}, calendarHeaderProps)), /*#__PURE__*/_jsx(DateCalendarViewTransitionContainer, {
295
+ children: [/*#__PURE__*/_jsx(CalendarHeader, _extends({}, calendarHeaderProps, {
296
+ slots: slots,
297
+ slotProps: slotProps
298
+ })), /*#__PURE__*/_jsx(DateCalendarViewTransitionContainer, {
298
299
  reduceAnimations: reduceAnimations,
299
300
  className: classes.viewTransitionContainer,
300
301
  transKey: view,
@@ -344,7 +345,7 @@ export const DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(
344
345
  process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
345
346
  // ----------------------------- Warning --------------------------------
346
347
  // | These PropTypes are generated from the TypeScript type definitions |
347
- // | To update them edit the TypeScript types and run "yarn proptypes" |
348
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
348
349
  // ----------------------------------------------------------------------
349
350
  /**
350
351
  * If `true`, the main element is focused during the first mount.
@@ -60,7 +60,7 @@ const DateField = /*#__PURE__*/React.forwardRef(function DateField(inProps, inRe
60
60
  process.env.NODE_ENV !== "production" ? DateField.propTypes = {
61
61
  // ----------------------------- Warning --------------------------------
62
62
  // | These PropTypes are generated from the TypeScript type definitions |
63
- // | To update them edit the TypeScript types and run "yarn proptypes" |
63
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
64
64
  // ----------------------------------------------------------------------
65
65
  /**
66
66
  * If `true`, the `input` element is focused during the first mount.
@@ -46,7 +46,7 @@ const DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker(inProps, re
46
46
  process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
47
47
  // ----------------------------- Warning --------------------------------
48
48
  // | These PropTypes are generated from the TypeScript type definitions |
49
- // | To update them edit the TypeScript types and run "yarn proptypes" |
49
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
50
50
  // ----------------------------------------------------------------------
51
51
  /**
52
52
  * If `true`, the main element is focused during the first mount.
@@ -97,7 +97,7 @@ export const DatePickerToolbar = /*#__PURE__*/React.forwardRef(function DatePick
97
97
  process.env.NODE_ENV !== "production" ? DatePickerToolbar.propTypes = {
98
98
  // ----------------------------- Warning --------------------------------
99
99
  // | These PropTypes are generated from the TypeScript type definitions |
100
- // | To update them edit the TypeScript types and run "yarn proptypes" |
100
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
101
101
  // ----------------------------------------------------------------------
102
102
  /**
103
103
  * Override or extend the styles applied to the component.
@@ -60,7 +60,7 @@ const DateTimeField = /*#__PURE__*/React.forwardRef(function DateTimeField(inPro
60
60
  process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
61
61
  // ----------------------------- Warning --------------------------------
62
62
  // | These PropTypes are generated from the TypeScript type definitions |
63
- // | To update them edit the TypeScript types and run "yarn proptypes" |
63
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
64
64
  // ----------------------------------------------------------------------
65
65
  /**
66
66
  * 12h/24h view for hour selection clock.
@@ -46,7 +46,7 @@ const DateTimePicker = /*#__PURE__*/React.forwardRef(function DateTimePicker(inP
46
46
  process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
47
47
  // ----------------------------- Warning --------------------------------
48
48
  // | These PropTypes are generated from the TypeScript type definitions |
49
- // | To update them edit the TypeScript types and run "yarn proptypes" |
49
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
50
50
  // ----------------------------------------------------------------------
51
51
  /**
52
52
  * 12h/24h view for hour selection clock.
@@ -105,7 +105,7 @@ const DateTimePickerTabs = function DateTimePickerTabs(inProps) {
105
105
  process.env.NODE_ENV !== "production" ? DateTimePickerTabs.propTypes = {
106
106
  // ----------------------------- Warning --------------------------------
107
107
  // | These PropTypes are generated from the TypeScript type definitions |
108
- // | To update them edit the TypeScript types and run "yarn proptypes" |
108
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
109
109
  // ----------------------------------------------------------------------
110
110
  /**
111
111
  * Override or extend the styles applied to the component.
@@ -75,23 +75,6 @@ const DateTimePickerToolbarRoot = styled(PickersToolbar, {
75
75
  }
76
76
  }]
77
77
  }));
78
- DateTimePickerToolbarRoot.propTypes = {
79
- // ----------------------------- Warning --------------------------------
80
- // | These PropTypes are generated from the TypeScript type definitions |
81
- // | To update them edit the TypeScript types and run "yarn proptypes" |
82
- // ----------------------------------------------------------------------
83
- as: PropTypes.elementType,
84
- classes: PropTypes.object,
85
- className: PropTypes.string,
86
- isLandscape: PropTypes.bool.isRequired,
87
- isMobileKeyboardViewOpen: PropTypes.bool,
88
- landscapeDirection: PropTypes.oneOf(['column', 'row']),
89
- ownerState: PropTypes.object.isRequired,
90
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
91
- toggleMobileKeyboardView: PropTypes.func,
92
- toolbarTitle: PropTypes.node,
93
- viewType: PropTypes.oneOf(['date', 'time'])
94
- };
95
78
  const DateTimePickerToolbarDateContainer = styled('div', {
96
79
  name: 'MuiDateTimePickerToolbar',
97
80
  slot: 'DateContainer',
@@ -157,15 +140,6 @@ const DateTimePickerToolbarTimeDigitsContainer = styled('div', {
157
140
  }
158
141
  }]
159
142
  }));
160
- DateTimePickerToolbarTimeContainer.propTypes = {
161
- // ----------------------------- Warning --------------------------------
162
- // | These PropTypes are generated from the TypeScript type definitions |
163
- // | To update them edit the TypeScript types and run "yarn proptypes" |
164
- // ----------------------------------------------------------------------
165
- as: PropTypes.elementType,
166
- ownerState: PropTypes.object.isRequired,
167
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
168
- };
169
143
  const DateTimePickerToolbarSeparator = styled(PickersToolbarText, {
170
144
  name: 'MuiDateTimePickerToolbar',
171
145
  slot: 'Separator',
@@ -363,7 +337,7 @@ function DateTimePickerToolbar(inProps) {
363
337
  process.env.NODE_ENV !== "production" ? DateTimePickerToolbar.propTypes = {
364
338
  // ----------------------------- Warning --------------------------------
365
339
  // | These PropTypes are generated from the TypeScript type definitions |
366
- // | To update them edit the TypeScript types and run "yarn proptypes" |
340
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
367
341
  // ----------------------------------------------------------------------
368
342
  ampm: PropTypes.bool,
369
343
  ampmInClock: PropTypes.bool,
@@ -52,15 +52,6 @@ const DayCalendarSkeletonDay = styled(Skeleton, {
52
52
  }
53
53
  }]
54
54
  });
55
- DayCalendarSkeletonDay.propTypes = {
56
- // ----------------------------- Warning --------------------------------
57
- // | These PropTypes are generated from the TypeScript type definitions |
58
- // | To update them edit the TypeScript types and run "yarn proptypes" |
59
- // ----------------------------------------------------------------------
60
- ownerState: PropTypes.shape({
61
- day: PropTypes.number.isRequired
62
- }).isRequired
63
- };
64
55
  const monthMap = [[0, 1, 1, 1, 1, 1, 1], [1, 1, 1, 1, 1, 1, 1], [1, 1, 1, 1, 1, 1, 1], [1, 1, 1, 1, 1, 1, 1], [1, 1, 1, 1, 0, 0, 0]];
65
56
 
66
57
  /**
@@ -102,7 +93,7 @@ function DayCalendarSkeleton(inProps) {
102
93
  process.env.NODE_ENV !== "production" ? DayCalendarSkeleton.propTypes = {
103
94
  // ----------------------------- Warning --------------------------------
104
95
  // | These PropTypes are generated from the TypeScript type definitions |
105
- // | To update them edit the TypeScript types and run "yarn proptypes" |
96
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
106
97
  // ----------------------------------------------------------------------
107
98
  /**
108
99
  * Override or extend the styles applied to the component.
@@ -67,7 +67,7 @@ const DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DesktopDatePick
67
67
  DesktopDatePicker.propTypes = {
68
68
  // ----------------------------- Warning --------------------------------
69
69
  // | These PropTypes are generated from the TypeScript type definitions |
70
- // | To update them edit the TypeScript types and run "yarn proptypes" |
70
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
71
71
  // ----------------------------------------------------------------------
72
72
  /**
73
73
  * If `true`, the main element is focused during the first mount.
@@ -152,7 +152,7 @@ const DesktopDateTimePicker = /*#__PURE__*/React.forwardRef(function DesktopDate
152
152
  DesktopDateTimePicker.propTypes = {
153
153
  // ----------------------------- Warning --------------------------------
154
154
  // | These PropTypes are generated from the TypeScript type definitions |
155
- // | To update them edit the TypeScript types and run "yarn proptypes" |
155
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
156
156
  // ----------------------------------------------------------------------
157
157
  /**
158
158
  * 12h/24h view for hour selection clock.
@@ -19,12 +19,13 @@ function DesktopDateTimePickerLayout(props) {
19
19
  sx,
20
20
  className,
21
21
  isLandscape,
22
- ref
22
+ ref,
23
+ classes
23
24
  } = props;
24
25
  const isActionBarVisible = actionBar && (actionBar.props.actions?.length ?? 0) > 0;
25
26
  return /*#__PURE__*/_jsxs(PickersLayoutRoot, {
26
27
  ref: ref,
27
- className: clsx(className, pickersLayoutClasses.root),
28
+ className: clsx(className, pickersLayoutClasses.root, classes?.root),
28
29
  sx: [{
29
30
  [`& .${pickersLayoutClasses.tabs}`]: {
30
31
  gridRow: 4,
@@ -36,7 +37,7 @@ function DesktopDateTimePickerLayout(props) {
36
37
  }, ...(Array.isArray(sx) ? sx : [sx])],
37
38
  ownerState: props,
38
39
  children: [isLandscape ? shortcuts : toolbar, isLandscape ? toolbar : shortcuts, /*#__PURE__*/_jsxs(PickersLayoutContentWrapper, {
39
- className: pickersLayoutClasses.contentWrapper,
40
+ className: clsx(pickersLayoutClasses.contentWrapper, classes?.contentWrapper),
40
41
  sx: {
41
42
  display: 'grid'
42
43
  },
@@ -52,7 +53,7 @@ function DesktopDateTimePickerLayout(props) {
52
53
  process.env.NODE_ENV !== "production" ? DesktopDateTimePickerLayout.propTypes = {
53
54
  // ----------------------------- Warning --------------------------------
54
55
  // | These PropTypes are generated from the TypeScript type definitions |
55
- // | To update them edit the TypeScript types and run "yarn proptypes" |
56
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
56
57
  // ----------------------------------------------------------------------
57
58
  children: PropTypes.node,
58
59
  /**
@@ -88,7 +88,7 @@ const DesktopTimePicker = /*#__PURE__*/React.forwardRef(function DesktopTimePick
88
88
  DesktopTimePicker.propTypes = {
89
89
  // ----------------------------- Warning --------------------------------
90
90
  // | These PropTypes are generated from the TypeScript type definitions |
91
- // | To update them edit the TypeScript types and run "yarn proptypes" |
91
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
92
92
  // ----------------------------------------------------------------------
93
93
  /**
94
94
  * 12h/24h view for hour selection clock.
@@ -270,7 +270,7 @@ export const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(
270
270
  process.env.NODE_ENV !== "production" ? DigitalClock.propTypes = {
271
271
  // ----------------------------- Warning --------------------------------
272
272
  // | These PropTypes are generated from the TypeScript type definitions |
273
- // | To update them edit the TypeScript types and run "yarn proptypes" |
273
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
274
274
  // ----------------------------------------------------------------------
275
275
  /**
276
276
  * 12h/24h view for hour selection clock.
@@ -89,7 +89,7 @@ export const LocalizationProvider = function LocalizationProvider(inProps) {
89
89
  process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
90
90
  // ----------------------------- Warning --------------------------------
91
91
  // | These PropTypes are generated from the TypeScript type definitions |
92
- // | To update them edit the TypeScript types and run "yarn proptypes" |
92
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
93
93
  // ----------------------------------------------------------------------
94
94
  /**
95
95
  * Locale for the date library you are using
@@ -64,7 +64,7 @@ const MobileDatePicker = /*#__PURE__*/React.forwardRef(function MobileDatePicker
64
64
  MobileDatePicker.propTypes = {
65
65
  // ----------------------------- Warning --------------------------------
66
66
  // | These PropTypes are generated from the TypeScript type definitions |
67
- // | To update them edit the TypeScript types and run "yarn proptypes" |
67
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
68
68
  // ----------------------------------------------------------------------
69
69
  /**
70
70
  * If `true`, the main element is focused during the first mount.
@@ -74,7 +74,7 @@ const MobileDateTimePicker = /*#__PURE__*/React.forwardRef(function MobileDateTi
74
74
  MobileDateTimePicker.propTypes = {
75
75
  // ----------------------------- Warning --------------------------------
76
76
  // | These PropTypes are generated from the TypeScript type definitions |
77
- // | To update them edit the TypeScript types and run "yarn proptypes" |
77
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
78
78
  // ----------------------------------------------------------------------
79
79
  /**
80
80
  * 12h/24h view for hour selection clock.
@@ -67,7 +67,7 @@ const MobileTimePicker = /*#__PURE__*/React.forwardRef(function MobileTimePicker
67
67
  MobileTimePicker.propTypes = {
68
68
  // ----------------------------- Warning --------------------------------
69
69
  // | These PropTypes are generated from the TypeScript type definitions |
70
- // | To update them edit the TypeScript types and run "yarn proptypes" |
70
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
71
71
  // ----------------------------------------------------------------------
72
72
  /**
73
73
  * 12h/24h view for hour selection clock.
@@ -232,7 +232,7 @@ export const MonthCalendar = /*#__PURE__*/React.forwardRef(function MonthCalenda
232
232
  process.env.NODE_ENV !== "production" ? MonthCalendar.propTypes = {
233
233
  // ----------------------------- Warning --------------------------------
234
234
  // | These PropTypes are generated from the TypeScript type definitions |
235
- // | To update them edit the TypeScript types and run "yarn proptypes" |
235
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
236
236
  // ----------------------------------------------------------------------
237
237
  autoFocus: PropTypes.bool,
238
238
  /**
@@ -327,7 +327,7 @@ export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function M
327
327
  process.env.NODE_ENV !== "production" ? MultiSectionDigitalClock.propTypes = {
328
328
  // ----------------------------- Warning --------------------------------
329
329
  // | These PropTypes are generated from the TypeScript type definitions |
330
- // | To update them edit the TypeScript types and run "yarn proptypes" |
330
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
331
331
  // ----------------------------------------------------------------------
332
332
  /**
333
333
  * 12h/24h view for hour selection clock.
@@ -63,7 +63,7 @@ function PickersActionBar(props) {
63
63
  process.env.NODE_ENV !== "production" ? PickersActionBar.propTypes = {
64
64
  // ----------------------------- Warning --------------------------------
65
65
  // | These PropTypes are generated from the TypeScript type definitions |
66
- // | To update them edit the TypeScript types and run "yarn proptypes" |
66
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
67
67
  // ----------------------------------------------------------------------
68
68
  /**
69
69
  * Ordered array of actions to display.
@@ -227,7 +227,7 @@ const PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCale
227
227
  process.env.NODE_ENV !== "production" ? PickersCalendarHeader.propTypes = {
228
228
  // ----------------------------- Warning --------------------------------
229
229
  // | These PropTypes are generated from the TypeScript type definitions |
230
- // | To update them edit the TypeScript types and run "yarn proptypes" |
230
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
231
231
  // ----------------------------------------------------------------------
232
232
  /**
233
233
  * Override or extend the styles applied to the component.
@@ -217,7 +217,7 @@ const PickersDayRaw = /*#__PURE__*/React.forwardRef(function PickersDay(inProps,
217
217
  process.env.NODE_ENV !== "production" ? PickersDayRaw.propTypes = {
218
218
  // ----------------------------- Warning --------------------------------
219
219
  // | These PropTypes are generated from the TypeScript type definitions |
220
- // | To update them edit the TypeScript types and run "yarn proptypes" |
220
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
221
221
  // ----------------------------------------------------------------------
222
222
  /**
223
223
  * A ref for imperative actions.
@@ -2,12 +2,11 @@ import * as React from 'react';
2
2
  import { PickersLayoutProps } from './PickersLayout.types';
3
3
  import { DateOrTimeViewWithMeridiem } from '../internals/models';
4
4
  import { PickerValidDate } from '../models';
5
- declare const PickersLayoutRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
5
+ export declare const PickersLayoutRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
6
6
  ownerState: {
7
7
  isLandscape: boolean;
8
8
  };
9
9
  }, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
10
- export { PickersLayoutRoot };
11
10
  export declare const PickersLayoutContentWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
12
11
  /**
13
12
  * Demos:
@@ -17,7 +17,7 @@ const useUtilityClasses = ownerState => {
17
17
  };
18
18
  return composeClasses(slots, getPickersLayoutUtilityClass, classes);
19
19
  };
20
- const PickersLayoutRoot = styled('div', {
20
+ export const PickersLayoutRoot = styled('div', {
21
21
  name: 'MuiPickersLayout',
22
22
  slot: 'Root',
23
23
  overridesResolver: (props, styles) => styles.root
@@ -61,18 +61,6 @@ const PickersLayoutRoot = styled('div', {
61
61
  }
62
62
  }]
63
63
  }));
64
- PickersLayoutRoot.propTypes = {
65
- // ----------------------------- Warning --------------------------------
66
- // | These PropTypes are generated from the TypeScript type definitions |
67
- // | To update them edit the TypeScript types and run "yarn proptypes" |
68
- // ----------------------------------------------------------------------
69
- as: PropTypes.elementType,
70
- ownerState: PropTypes.shape({
71
- isLandscape: PropTypes.bool.isRequired
72
- }).isRequired,
73
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
74
- };
75
- export { PickersLayoutRoot };
76
64
  export const PickersLayoutContentWrapper = styled('div', {
77
65
  name: 'MuiPickersLayout',
78
66
  slot: 'ContentWrapper',
@@ -132,7 +120,7 @@ const PickersLayout = function PickersLayout(inProps) {
132
120
  process.env.NODE_ENV !== "production" ? PickersLayout.propTypes = {
133
121
  // ----------------------------- Warning --------------------------------
134
122
  // | These PropTypes are generated from the TypeScript type definitions |
135
- // | To update them edit the TypeScript types and run "yarn proptypes" |
123
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
136
124
  // ----------------------------------------------------------------------
137
125
  children: PropTypes.node,
138
126
  /**
@@ -63,9 +63,9 @@ const usePickerLayout = props => {
63
63
  onClear,
64
64
  onCancel,
65
65
  onSetToday,
66
- actions: wrapperVariant === 'desktop' ? [] : ['cancel', 'accept'],
67
- className: classes.actionBar
66
+ actions: wrapperVariant === 'desktop' ? [] : ['cancel', 'accept']
68
67
  },
68
+ className: classes.actionBar,
69
69
  ownerState: _extends({}, props, {
70
70
  wrapperVariant
71
71
  })
@@ -86,9 +86,9 @@ const usePickerLayout = props => {
86
86
  onViewChange,
87
87
  views,
88
88
  disabled,
89
- readOnly,
90
- className: classes.toolbar
89
+ readOnly
91
90
  },
91
+ className: classes.toolbar,
92
92
  ownerState: _extends({}, props, {
93
93
  wrapperVariant
94
94
  })
@@ -117,14 +117,13 @@ const usePickerLayout = props => {
117
117
  additionalProps: {
118
118
  isValid,
119
119
  isLandscape,
120
- onChange: onSelectShortcut,
121
- className: classes.shortcuts
120
+ onChange: onSelectShortcut
122
121
  },
122
+ className: classes.shortcuts,
123
123
  ownerState: {
124
124
  isValid,
125
125
  isLandscape,
126
126
  onChange: onSelectShortcut,
127
- className: classes.shortcuts,
128
127
  wrapperVariant
129
128
  }
130
129
  });
@@ -183,7 +183,7 @@ const PickersSectionList = /*#__PURE__*/React.forwardRef(function PickersSection
183
183
  process.env.NODE_ENV !== "production" ? PickersSectionList.propTypes = {
184
184
  // ----------------------------- Warning --------------------------------
185
185
  // | These PropTypes are generated from the TypeScript type definitions |
186
- // | To update them edit the TypeScript types and run "yarn proptypes" |
186
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
187
187
  // ----------------------------------------------------------------------
188
188
  /**
189
189
  * Override or extend the styles applied to the component.
@@ -63,7 +63,7 @@ function PickersShortcuts(props) {
63
63
  process.env.NODE_ENV !== "production" ? PickersShortcuts.propTypes = {
64
64
  // ----------------------------- Warning --------------------------------
65
65
  // | These PropTypes are generated from the TypeScript type definitions |
66
- // | To update them edit the TypeScript types and run "yarn proptypes" |
66
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
67
67
  // ----------------------------------------------------------------------
68
68
  /**
69
69
  * Importance of the change when picking a shortcut:
@@ -225,7 +225,7 @@ const PickersFilledInput = /*#__PURE__*/React.forwardRef(function PickersFilledI
225
225
  process.env.NODE_ENV !== "production" ? PickersFilledInput.propTypes = {
226
226
  // ----------------------------- Warning --------------------------------
227
227
  // | These PropTypes are generated from the TypeScript type definitions |
228
- // | To update them edit the TypeScript types and run "yarn proptypes" |
228
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
229
229
  // ----------------------------------------------------------------------
230
230
  /**
231
231
  * Is `true` if the current values equals the empty value.
@@ -141,7 +141,7 @@ const PickersInput = /*#__PURE__*/React.forwardRef(function PickersInput(inProps
141
141
  process.env.NODE_ENV !== "production" ? PickersInput.propTypes = {
142
142
  // ----------------------------- Warning --------------------------------
143
143
  // | These PropTypes are generated from the TypeScript type definitions |
144
- // | To update them edit the TypeScript types and run "yarn proptypes" |
144
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
145
145
  // ----------------------------------------------------------------------
146
146
  /**
147
147
  * Is `true` if the current values equals the empty value.
@@ -288,7 +288,7 @@ const PickersInputBase = /*#__PURE__*/React.forwardRef(function PickersInputBase
288
288
  process.env.NODE_ENV !== "production" ? PickersInputBase.propTypes = {
289
289
  // ----------------------------- Warning --------------------------------
290
290
  // | These PropTypes are generated from the TypeScript type definitions |
291
- // | To update them edit the TypeScript types and run "yarn proptypes" |
291
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
292
292
  // ----------------------------------------------------------------------
293
293
  /**
294
294
  * Is `true` if the current values equals the empty value.
@@ -131,7 +131,7 @@ const PickersOutlinedInput = /*#__PURE__*/React.forwardRef(function PickersOutli
131
131
  process.env.NODE_ENV !== "production" ? PickersOutlinedInput.propTypes = {
132
132
  // ----------------------------- Warning --------------------------------
133
133
  // | These PropTypes are generated from the TypeScript type definitions |
134
- // | To update them edit the TypeScript types and run "yarn proptypes" |
134
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
135
135
  // ----------------------------------------------------------------------
136
136
  /**
137
137
  * Is `true` if the current values equals the empty value.
@@ -149,7 +149,7 @@ const PickersTextField = /*#__PURE__*/React.forwardRef(function PickersTextField
149
149
  process.env.NODE_ENV !== "production" ? PickersTextField.propTypes = {
150
150
  // ----------------------------- Warning --------------------------------
151
151
  // | These PropTypes are generated from the TypeScript type definitions |
152
- // | To update them edit the TypeScript types and run "yarn proptypes" |
152
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
153
153
  // ----------------------------------------------------------------------
154
154
  /**
155
155
  * Is `true` if the current values equals the empty value.
@@ -50,7 +50,7 @@ const StaticDatePicker = /*#__PURE__*/React.forwardRef(function StaticDatePicker
50
50
  StaticDatePicker.propTypes = {
51
51
  // ----------------------------- Warning --------------------------------
52
52
  // | These PropTypes are generated from the TypeScript type definitions |
53
- // | To update them edit the TypeScript types and run "yarn proptypes" |
53
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
54
54
  // ----------------------------------------------------------------------
55
55
  /**
56
56
  * If `true`, the main element is focused during the first mount.
@@ -60,7 +60,7 @@ const StaticDateTimePicker = /*#__PURE__*/React.forwardRef(function StaticDateTi
60
60
  StaticDateTimePicker.propTypes = {
61
61
  // ----------------------------- Warning --------------------------------
62
62
  // | These PropTypes are generated from the TypeScript type definitions |
63
- // | To update them edit the TypeScript types and run "yarn proptypes" |
63
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
64
64
  // ----------------------------------------------------------------------
65
65
  /**
66
66
  * 12h/24h view for hour selection clock.
@@ -52,7 +52,7 @@ const StaticTimePicker = /*#__PURE__*/React.forwardRef(function StaticTimePicker
52
52
  StaticTimePicker.propTypes = {
53
53
  // ----------------------------- Warning --------------------------------
54
54
  // | These PropTypes are generated from the TypeScript type definitions |
55
- // | To update them edit the TypeScript types and run "yarn proptypes" |
55
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
56
56
  // ----------------------------------------------------------------------
57
57
  /**
58
58
  * 12h/24h view for hour selection clock.
@@ -312,7 +312,7 @@ export const TimeClock = /*#__PURE__*/React.forwardRef(function TimeClock(inProp
312
312
  process.env.NODE_ENV !== "production" ? TimeClock.propTypes = {
313
313
  // ----------------------------- Warning --------------------------------
314
314
  // | These PropTypes are generated from the TypeScript type definitions |
315
- // | To update them edit the TypeScript types and run "yarn proptypes" |
315
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
316
316
  // ----------------------------------------------------------------------
317
317
  /**
318
318
  * 12h/24h view for hour selection clock.
@@ -60,7 +60,7 @@ const TimeField = /*#__PURE__*/React.forwardRef(function TimeField(inProps, inRe
60
60
  process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
61
61
  // ----------------------------- Warning --------------------------------
62
62
  // | These PropTypes are generated from the TypeScript type definitions |
63
- // | To update them edit the TypeScript types and run "yarn proptypes" |
63
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
64
64
  // ----------------------------------------------------------------------
65
65
  /**
66
66
  * 12h/24h view for hour selection clock.
@@ -46,7 +46,7 @@ const TimePicker = /*#__PURE__*/React.forwardRef(function TimePicker(inProps, re
46
46
  process.env.NODE_ENV !== "production" ? TimePicker.propTypes = {
47
47
  // ----------------------------- Warning --------------------------------
48
48
  // | These PropTypes are generated from the TypeScript type definitions |
49
- // | To update them edit the TypeScript types and run "yarn proptypes" |
49
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
50
50
  // ----------------------------------------------------------------------
51
51
  /**
52
52
  * 12h/24h view for hour selection clock.
@@ -69,15 +69,6 @@ const TimePickerToolbarHourMinuteLabel = styled('div', {
69
69
  }
70
70
  }]
71
71
  }));
72
- TimePickerToolbarHourMinuteLabel.propTypes = {
73
- // ----------------------------- Warning --------------------------------
74
- // | These PropTypes are generated from the TypeScript type definitions |
75
- // | To update them edit the TypeScript types and run "yarn proptypes" |
76
- // ----------------------------------------------------------------------
77
- as: PropTypes.elementType,
78
- ownerState: PropTypes.object.isRequired,
79
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
80
- };
81
72
  const TimePickerToolbarAmPmSelection = styled('div', {
82
73
  name: 'MuiTimePickerToolbar',
83
74
  slot: 'AmPmSelection',
@@ -106,15 +97,6 @@ const TimePickerToolbarAmPmSelection = styled('div', {
106
97
  }
107
98
  }]
108
99
  });
109
- TimePickerToolbarAmPmSelection.propTypes = {
110
- // ----------------------------- Warning --------------------------------
111
- // | These PropTypes are generated from the TypeScript type definitions |
112
- // | To update them edit the TypeScript types and run "yarn proptypes" |
113
- // ----------------------------------------------------------------------
114
- as: PropTypes.elementType,
115
- ownerState: PropTypes.object.isRequired,
116
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
117
- };
118
100
 
119
101
  /**
120
102
  * Demos:
@@ -219,7 +201,7 @@ function TimePickerToolbar(inProps) {
219
201
  process.env.NODE_ENV !== "production" ? TimePickerToolbar.propTypes = {
220
202
  // ----------------------------- Warning --------------------------------
221
203
  // | These PropTypes are generated from the TypeScript type definitions |
222
- // | To update them edit the TypeScript types and run "yarn proptypes" |
204
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
223
205
  // ----------------------------------------------------------------------
224
206
  ampm: PropTypes.bool,
225
207
  ampmInClock: PropTypes.bool,
@@ -257,7 +257,7 @@ export const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(
257
257
  process.env.NODE_ENV !== "production" ? YearCalendar.propTypes = {
258
258
  // ----------------------------- Warning --------------------------------
259
259
  // | These PropTypes are generated from the TypeScript type definitions |
260
- // | To update them edit the TypeScript types and run "yarn proptypes" |
260
+ // | To update them edit the TypeScript types and run "pnpm proptypes" |
261
261
  // ----------------------------------------------------------------------
262
262
  autoFocus: PropTypes.bool,
263
263
  /**