@mui/x-date-pickers 7.11.1 → 7.12.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.
- package/AdapterDateFns/AdapterDateFns.js +5 -2
- package/AdapterDateFnsBase/AdapterDateFnsBase.d.ts +4 -4
- package/AdapterDateFnsBase/AdapterDateFnsBase.js +5 -9
- package/AdapterDateFnsJalali/AdapterDateFnsJalali.d.ts +0 -1
- package/AdapterDateFnsJalali/AdapterDateFnsJalali.js +5 -5
- package/AdapterDateFnsJalaliV3/AdapterDateFnsJalaliV3.d.ts +0 -1
- package/AdapterDateFnsJalaliV3/AdapterDateFnsJalaliV3.js +8 -8
- package/AdapterDateFnsV3/AdapterDateFnsV3.js +8 -5
- package/AdapterDayjs/AdapterDayjs.js +2 -1
- package/AdapterLuxon/AdapterLuxon.js +1 -0
- package/AdapterMomentJalaali/AdapterMomentJalaali.d.ts +1 -0
- package/AdapterMomentJalaali/AdapterMomentJalaali.js +3 -0
- package/CHANGELOG.md +178 -4
- package/DateCalendar/DateCalendar.js +3 -1
- package/DateCalendar/DateCalendar.types.d.ts +1 -1
- package/DateCalendar/DayCalendar.js +1 -1
- package/DateField/DateField.js +3 -1
- package/DateField/DateField.types.d.ts +1 -1
- package/DatePicker/DatePicker.js +2 -0
- package/DatePicker/DatePickerToolbar.js +1 -1
- package/DateTimeField/DateTimeField.js +3 -1
- package/DateTimeField/DateTimeField.types.d.ts +1 -1
- package/DateTimePicker/DateTimePicker.js +2 -0
- package/DayCalendarSkeleton/DayCalendarSkeleton.js +1 -1
- package/DesktopDatePicker/DesktopDatePicker.js +3 -1
- package/DesktopDateTimePicker/DesktopDateTimePicker.js +3 -1
- package/DesktopTimePicker/DesktopTimePicker.js +1 -1
- package/DigitalClock/DigitalClock.js +1 -1
- package/DigitalClock/DigitalClock.types.d.ts +1 -1
- package/MobileDatePicker/MobileDatePicker.js +3 -1
- package/MobileDateTimePicker/MobileDateTimePicker.js +3 -1
- package/MobileTimePicker/MobileTimePicker.js +1 -1
- package/MonthCalendar/MonthCalendar.js +2 -0
- package/MonthCalendar/PickersMonth.js +1 -1
- package/MultiSectionDigitalClock/MultiSectionDigitalClock.types.d.ts +1 -1
- package/PickersCalendarHeader/PickersCalendarHeader.js +2 -2
- package/PickersCalendarHeader/PickersCalendarHeader.types.d.ts +1 -1
- package/PickersLayout/PickersLayout.js +1 -1
- package/PickersLayout/PickersLayout.types.d.ts +1 -1
- package/PickersLayout/usePickerLayout.js +2 -2
- package/PickersSectionList/PickersSectionList.js +1 -1
- package/PickersSectionList/PickersSectionList.types.d.ts +1 -1
- package/PickersTextField/PickersInputBase/PickersInputBase.js +1 -1
- package/PickersTextField/PickersTextField.js +2 -0
- package/StaticDatePicker/StaticDatePicker.js +2 -0
- package/StaticDateTimePicker/StaticDateTimePicker.js +2 -0
- package/TimeClock/ClockNumber.js +1 -1
- package/TimeClock/ClockPointer.js +1 -1
- package/TimeField/TimeField.js +1 -1
- package/TimeField/TimeField.types.d.ts +1 -1
- package/TimePicker/TimePickerToolbar.js +1 -1
- package/YearCalendar/PickersYear.js +1 -1
- package/YearCalendar/YearCalendar.js +2 -0
- package/hooks/useClearableField.d.ts +1 -1
- package/hooks/useClearableField.js +1 -1
- package/index.js +1 -1
- package/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js +2 -2
- package/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.types.d.ts +1 -1
- package/internals/components/PickersPopper.d.ts +2 -2
- package/internals/components/PickersPopper.js +1 -1
- package/internals/components/PickersToolbar.js +1 -1
- package/internals/components/PickersToolbarButton.js +1 -1
- package/internals/components/PickersToolbarText.js +1 -1
- package/internals/hooks/useDesktopPicker/useDesktopPicker.js +1 -1
- package/internals/hooks/useDesktopPicker/useDesktopPicker.types.d.ts +1 -1
- package/internals/hooks/useField/useField.utils.js +1 -1
- package/internals/hooks/useMobilePicker/useMobilePicker.js +1 -1
- package/internals/hooks/useMobilePicker/useMobilePicker.types.d.ts +1 -1
- package/internals/models/validation.d.ts +2 -0
- package/locales/fiFI.js +2 -2
- package/locales/nlNL.js +15 -19
- package/modern/AdapterDateFns/AdapterDateFns.js +5 -2
- package/modern/AdapterDateFnsBase/AdapterDateFnsBase.js +5 -9
- package/modern/AdapterDateFnsJalali/AdapterDateFnsJalali.js +5 -5
- package/modern/AdapterDateFnsJalaliV3/AdapterDateFnsJalaliV3.js +8 -8
- package/modern/AdapterDateFnsV3/AdapterDateFnsV3.js +8 -5
- package/modern/AdapterDayjs/AdapterDayjs.js +2 -1
- package/modern/AdapterLuxon/AdapterLuxon.js +1 -0
- package/modern/AdapterMomentJalaali/AdapterMomentJalaali.js +3 -0
- package/modern/DateCalendar/DateCalendar.js +3 -1
- package/modern/DateCalendar/DayCalendar.js +1 -1
- package/modern/DateField/DateField.js +3 -1
- package/modern/DatePicker/DatePicker.js +2 -0
- package/modern/DatePicker/DatePickerToolbar.js +1 -1
- package/modern/DateTimeField/DateTimeField.js +3 -1
- package/modern/DateTimePicker/DateTimePicker.js +2 -0
- package/modern/DayCalendarSkeleton/DayCalendarSkeleton.js +1 -1
- package/modern/DesktopDatePicker/DesktopDatePicker.js +3 -1
- package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +3 -1
- package/modern/DesktopTimePicker/DesktopTimePicker.js +1 -1
- package/modern/DigitalClock/DigitalClock.js +1 -1
- package/modern/MobileDatePicker/MobileDatePicker.js +3 -1
- package/modern/MobileDateTimePicker/MobileDateTimePicker.js +3 -1
- package/modern/MobileTimePicker/MobileTimePicker.js +1 -1
- package/modern/MonthCalendar/MonthCalendar.js +2 -0
- package/modern/MonthCalendar/PickersMonth.js +1 -1
- package/modern/PickersCalendarHeader/PickersCalendarHeader.js +2 -2
- package/modern/PickersLayout/PickersLayout.js +1 -1
- package/modern/PickersLayout/usePickerLayout.js +2 -2
- package/modern/PickersSectionList/PickersSectionList.js +1 -1
- package/modern/PickersTextField/PickersInputBase/PickersInputBase.js +1 -1
- package/modern/PickersTextField/PickersTextField.js +2 -0
- package/modern/StaticDatePicker/StaticDatePicker.js +2 -0
- package/modern/StaticDateTimePicker/StaticDateTimePicker.js +2 -0
- package/modern/TimeClock/ClockNumber.js +1 -1
- package/modern/TimeClock/ClockPointer.js +1 -1
- package/modern/TimeField/TimeField.js +1 -1
- package/modern/TimePicker/TimePickerToolbar.js +1 -1
- package/modern/YearCalendar/PickersYear.js +1 -1
- package/modern/YearCalendar/YearCalendar.js +2 -0
- package/modern/hooks/useClearableField.js +1 -1
- package/modern/index.js +1 -1
- package/modern/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js +2 -2
- package/modern/internals/components/PickersPopper.js +1 -1
- package/modern/internals/components/PickersToolbar.js +1 -1
- package/modern/internals/components/PickersToolbarButton.js +1 -1
- package/modern/internals/components/PickersToolbarText.js +1 -1
- package/modern/internals/hooks/useDesktopPicker/useDesktopPicker.js +1 -1
- package/modern/internals/hooks/useField/useField.utils.js +1 -1
- package/modern/internals/hooks/useMobilePicker/useMobilePicker.js +1 -1
- package/modern/locales/fiFI.js +2 -2
- package/modern/locales/nlNL.js +15 -19
- package/node/AdapterDateFns/AdapterDateFns.js +5 -2
- package/node/AdapterDateFnsBase/AdapterDateFnsBase.js +5 -9
- package/node/AdapterDateFnsJalali/AdapterDateFnsJalali.js +5 -5
- package/node/AdapterDateFnsJalaliV3/AdapterDateFnsJalaliV3.js +8 -8
- package/node/AdapterDateFnsV3/AdapterDateFnsV3.js +8 -5
- package/node/AdapterDayjs/AdapterDayjs.js +2 -1
- package/node/AdapterLuxon/AdapterLuxon.js +1 -0
- package/node/AdapterMomentJalaali/AdapterMomentJalaali.js +3 -0
- package/node/DateCalendar/DateCalendar.js +10 -8
- package/node/DateCalendar/DayCalendar.js +5 -5
- package/node/DateField/DateField.js +6 -4
- package/node/DatePicker/DatePicker.js +2 -0
- package/node/DatePicker/DatePickerToolbar.js +2 -2
- package/node/DateTimeField/DateTimeField.js +6 -4
- package/node/DateTimePicker/DateTimePicker.js +2 -0
- package/node/DayCalendarSkeleton/DayCalendarSkeleton.js +2 -2
- package/node/DesktopDatePicker/DesktopDatePicker.js +6 -4
- package/node/DesktopDateTimePicker/DesktopDateTimePicker.js +7 -5
- package/node/DesktopTimePicker/DesktopTimePicker.js +4 -4
- package/node/DigitalClock/DigitalClock.js +2 -2
- package/node/MobileDatePicker/MobileDatePicker.js +6 -4
- package/node/MobileDateTimePicker/MobileDateTimePicker.js +6 -4
- package/node/MobileTimePicker/MobileTimePicker.js +4 -4
- package/node/MonthCalendar/MonthCalendar.js +2 -0
- package/node/MonthCalendar/PickersMonth.js +2 -2
- package/node/PickersCalendarHeader/PickersCalendarHeader.js +5 -5
- package/node/PickersLayout/PickersLayout.js +2 -2
- package/node/PickersLayout/usePickerLayout.js +6 -6
- package/node/PickersSectionList/PickersSectionList.js +6 -6
- package/node/PickersTextField/PickersInputBase/PickersInputBase.js +2 -2
- package/node/PickersTextField/PickersTextField.js +2 -0
- package/node/StaticDatePicker/StaticDatePicker.js +2 -0
- package/node/StaticDateTimePicker/StaticDateTimePicker.js +2 -0
- package/node/TimeClock/ClockNumber.js +2 -2
- package/node/TimeClock/ClockPointer.js +2 -2
- package/node/TimeField/TimeField.js +4 -4
- package/node/TimePicker/TimePickerToolbar.js +6 -6
- package/node/YearCalendar/PickersYear.js +2 -2
- package/node/YearCalendar/YearCalendar.js +2 -0
- package/node/hooks/useClearableField.js +3 -3
- package/node/index.js +1 -1
- package/node/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js +7 -7
- package/node/internals/components/PickersPopper.js +13 -13
- package/node/internals/components/PickersToolbar.js +2 -2
- package/node/internals/components/PickersToolbarButton.js +2 -2
- package/node/internals/components/PickersToolbarText.js +2 -2
- package/node/internals/hooks/useDesktopPicker/useDesktopPicker.js +4 -4
- package/node/internals/hooks/useField/useField.utils.js +1 -1
- package/node/internals/hooks/useMobilePicker/useMobilePicker.js +4 -4
- package/node/locales/fiFI.js +2 -2
- package/node/locales/nlNL.js +15 -19
- package/package.json +2 -3
|
@@ -10,7 +10,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
|
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
12
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
var
|
|
13
|
+
var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
|
|
14
14
|
var _styles = require("@mui/material/styles");
|
|
15
15
|
var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
|
|
16
16
|
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
@@ -164,7 +164,7 @@ const DigitalClock = exports.DigitalClock = /*#__PURE__*/React.forwardRef(functi
|
|
|
164
164
|
}), [props]);
|
|
165
165
|
const classes = useUtilityClasses(ownerState);
|
|
166
166
|
const ClockItem = slots?.digitalClockItem ?? DigitalClockItem;
|
|
167
|
-
const clockItemProps = (0,
|
|
167
|
+
const clockItemProps = (0, _useSlotProps.default)({
|
|
168
168
|
elementType: ClockItem,
|
|
169
169
|
externalSlotProps: slotProps?.digitalClockItem,
|
|
170
170
|
ownerState: {},
|
|
@@ -8,8 +8,8 @@ exports.MobileDatePicker = void 0;
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var React = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
var
|
|
12
|
-
var
|
|
11
|
+
var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
|
|
12
|
+
var _utils = require("@mui/utils");
|
|
13
13
|
var _useMobilePicker = require("../internals/hooks/useMobilePicker");
|
|
14
14
|
var _shared = require("../DatePicker/shared");
|
|
15
15
|
var _usePickersTranslations = require("../hooks/usePickersTranslations");
|
|
@@ -52,7 +52,7 @@ const MobileDatePicker = exports.MobileDatePicker = /*#__PURE__*/React.forwardRe
|
|
|
52
52
|
field: _DateField.DateField
|
|
53
53
|
}, defaultizedProps.slots),
|
|
54
54
|
slotProps: (0, _extends2.default)({}, defaultizedProps.slotProps, {
|
|
55
|
-
field: ownerState => (0, _extends2.default)({}, (0,
|
|
55
|
+
field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _extractValidationProps.extractValidationProps)(defaultizedProps), {
|
|
56
56
|
ref
|
|
57
57
|
}),
|
|
58
58
|
toolbar: (0, _extends2.default)({
|
|
@@ -153,7 +153,7 @@ MobileDatePicker.propTypes = {
|
|
|
153
153
|
/**
|
|
154
154
|
* Pass a ref to the `input` element.
|
|
155
155
|
*/
|
|
156
|
-
inputRef:
|
|
156
|
+
inputRef: _utils.refType,
|
|
157
157
|
/**
|
|
158
158
|
* The label content.
|
|
159
159
|
*/
|
|
@@ -171,10 +171,12 @@ MobileDatePicker.propTypes = {
|
|
|
171
171
|
localeText: _propTypes.default.object,
|
|
172
172
|
/**
|
|
173
173
|
* Maximal selectable date.
|
|
174
|
+
* @default 2099-12-31
|
|
174
175
|
*/
|
|
175
176
|
maxDate: _propTypes.default.object,
|
|
176
177
|
/**
|
|
177
178
|
* Minimal selectable date.
|
|
179
|
+
* @default 1900-01-01
|
|
178
180
|
*/
|
|
179
181
|
minDate: _propTypes.default.object,
|
|
180
182
|
/**
|
|
@@ -8,8 +8,8 @@ exports.MobileDateTimePicker = void 0;
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var React = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
var
|
|
12
|
-
var
|
|
11
|
+
var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
|
|
12
|
+
var _utils = require("@mui/utils");
|
|
13
13
|
var _valueManagers = require("../internals/utils/valueManagers");
|
|
14
14
|
var _DateTimeField = require("../DateTimeField");
|
|
15
15
|
var _shared = require("../DateTimePicker/shared");
|
|
@@ -58,7 +58,7 @@ const MobileDateTimePicker = exports.MobileDateTimePicker = /*#__PURE__*/React.f
|
|
|
58
58
|
field: _DateTimeField.DateTimeField
|
|
59
59
|
}, defaultizedProps.slots),
|
|
60
60
|
slotProps: (0, _extends2.default)({}, defaultizedProps.slotProps, {
|
|
61
|
-
field: ownerState => (0, _extends2.default)({}, (0,
|
|
61
|
+
field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _extractValidationProps.extractValidationProps)(defaultizedProps), {
|
|
62
62
|
ref
|
|
63
63
|
}),
|
|
64
64
|
toolbar: (0, _extends2.default)({
|
|
@@ -178,7 +178,7 @@ MobileDateTimePicker.propTypes = {
|
|
|
178
178
|
/**
|
|
179
179
|
* Pass a ref to the `input` element.
|
|
180
180
|
*/
|
|
181
|
-
inputRef:
|
|
181
|
+
inputRef: _utils.refType,
|
|
182
182
|
/**
|
|
183
183
|
* The label content.
|
|
184
184
|
*/
|
|
@@ -196,6 +196,7 @@ MobileDateTimePicker.propTypes = {
|
|
|
196
196
|
localeText: _propTypes.default.object,
|
|
197
197
|
/**
|
|
198
198
|
* Maximal selectable date.
|
|
199
|
+
* @default 2099-12-31
|
|
199
200
|
*/
|
|
200
201
|
maxDate: _propTypes.default.object,
|
|
201
202
|
/**
|
|
@@ -209,6 +210,7 @@ MobileDateTimePicker.propTypes = {
|
|
|
209
210
|
maxTime: _propTypes.default.object,
|
|
210
211
|
/**
|
|
211
212
|
* Minimal selectable date.
|
|
213
|
+
* @default 1900-01-01
|
|
212
214
|
*/
|
|
213
215
|
minDate: _propTypes.default.object,
|
|
214
216
|
/**
|
|
@@ -8,8 +8,8 @@ exports.MobileTimePicker = void 0;
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var React = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
var
|
|
12
|
-
var
|
|
11
|
+
var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
|
|
12
|
+
var _utils = require("@mui/utils");
|
|
13
13
|
var _valueManagers = require("../internals/utils/valueManagers");
|
|
14
14
|
var _TimeField = require("../TimeField");
|
|
15
15
|
var _shared = require("../TimePicker/shared");
|
|
@@ -54,7 +54,7 @@ const MobileTimePicker = exports.MobileTimePicker = /*#__PURE__*/React.forwardRe
|
|
|
54
54
|
field: _TimeField.TimeField
|
|
55
55
|
}, defaultizedProps.slots),
|
|
56
56
|
slotProps: (0, _extends2.default)({}, defaultizedProps.slotProps, {
|
|
57
|
-
field: ownerState => (0, _extends2.default)({}, (0,
|
|
57
|
+
field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _extractValidationProps.extractValidationProps)(defaultizedProps), {
|
|
58
58
|
ref
|
|
59
59
|
}),
|
|
60
60
|
toolbar: (0, _extends2.default)({
|
|
@@ -150,7 +150,7 @@ MobileTimePicker.propTypes = {
|
|
|
150
150
|
/**
|
|
151
151
|
* Pass a ref to the `input` element.
|
|
152
152
|
*/
|
|
153
|
-
inputRef:
|
|
153
|
+
inputRef: _utils.refType,
|
|
154
154
|
/**
|
|
155
155
|
* The label content.
|
|
156
156
|
*/
|
|
@@ -282,10 +282,12 @@ process.env.NODE_ENV !== "production" ? MonthCalendar.propTypes = {
|
|
|
282
282
|
hasFocus: _propTypes.default.bool,
|
|
283
283
|
/**
|
|
284
284
|
* Maximal selectable date.
|
|
285
|
+
* @default 2099-12-31
|
|
285
286
|
*/
|
|
286
287
|
maxDate: _propTypes.default.object,
|
|
287
288
|
/**
|
|
288
289
|
* Minimal selectable date.
|
|
290
|
+
* @default 1900-01-01
|
|
289
291
|
*/
|
|
290
292
|
minDate: _propTypes.default.object,
|
|
291
293
|
/**
|
|
@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
12
12
|
var _styles = require("@mui/material/styles");
|
|
13
|
-
var
|
|
13
|
+
var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
|
|
14
14
|
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
15
15
|
var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
|
|
16
16
|
var _pickersMonthClasses = require("./pickersMonthClasses");
|
|
@@ -131,7 +131,7 @@ const PickersMonth = exports.PickersMonth = /*#__PURE__*/React.memo(function Pic
|
|
|
131
131
|
}
|
|
132
132
|
}, [autoFocus]);
|
|
133
133
|
const MonthButton = slots?.monthButton ?? MonthCalendarButton;
|
|
134
|
-
const monthButtonProps = (0,
|
|
134
|
+
const monthButtonProps = (0, _useSlotProps.default)({
|
|
135
135
|
elementType: MonthButton,
|
|
136
136
|
externalSlotProps: slotProps?.monthButton,
|
|
137
137
|
additionalProps: {
|
|
@@ -12,8 +12,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
12
12
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
13
13
|
var _Fade = _interopRequireDefault(require("@mui/material/Fade"));
|
|
14
14
|
var _styles = require("@mui/material/styles");
|
|
15
|
-
var
|
|
16
|
-
var
|
|
15
|
+
var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
|
|
16
|
+
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
17
17
|
var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
|
|
18
18
|
var _usePickersTranslations = require("../hooks/usePickersTranslations");
|
|
19
19
|
var _useUtils = require("../internals/hooks/useUtils");
|
|
@@ -38,7 +38,7 @@ const useUtilityClasses = ownerState => {
|
|
|
38
38
|
switchViewButton: ['switchViewButton'],
|
|
39
39
|
switchViewIcon: ['switchViewIcon']
|
|
40
40
|
};
|
|
41
|
-
return (0,
|
|
41
|
+
return (0, _composeClasses.default)(slots, _pickersCalendarHeaderClasses.getPickersCalendarHeaderUtilityClass, classes);
|
|
42
42
|
};
|
|
43
43
|
const PickersCalendarHeaderRoot = (0, _styles.styled)('div', {
|
|
44
44
|
name: 'MuiPickersCalendarHeader',
|
|
@@ -146,7 +146,7 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
|
|
|
146
146
|
const ownerState = props;
|
|
147
147
|
const classes = useUtilityClasses(props);
|
|
148
148
|
const SwitchViewButton = slots?.switchViewButton ?? PickersCalendarHeaderSwitchViewButton;
|
|
149
|
-
const switchViewButtonProps = (0,
|
|
149
|
+
const switchViewButtonProps = (0, _useSlotProps2.default)({
|
|
150
150
|
elementType: SwitchViewButton,
|
|
151
151
|
externalSlotProps: slotProps?.switchViewButton,
|
|
152
152
|
additionalProps: {
|
|
@@ -158,7 +158,7 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
|
|
|
158
158
|
});
|
|
159
159
|
const SwitchViewIcon = slots?.switchViewIcon ?? PickersCalendarHeaderSwitchViewIcon;
|
|
160
160
|
// The spread is here to avoid this bug mui/material-ui#34056
|
|
161
|
-
const _useSlotProps = (0,
|
|
161
|
+
const _useSlotProps = (0, _useSlotProps2.default)({
|
|
162
162
|
elementType: SwitchViewIcon,
|
|
163
163
|
externalSlotProps: slotProps?.switchViewIcon,
|
|
164
164
|
ownerState,
|
|
@@ -9,7 +9,7 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
10
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
11
11
|
var _styles = require("@mui/material/styles");
|
|
12
|
-
var
|
|
12
|
+
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
13
13
|
var _pickersLayoutClasses = require("./pickersLayoutClasses");
|
|
14
14
|
var _usePickerLayout = _interopRequireDefault(require("./usePickerLayout"));
|
|
15
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -24,7 +24,7 @@ const useUtilityClasses = ownerState => {
|
|
|
24
24
|
root: ['root', isLandscape && 'landscape'],
|
|
25
25
|
contentWrapper: ['contentWrapper']
|
|
26
26
|
};
|
|
27
|
-
return (0,
|
|
27
|
+
return (0, _composeClasses.default)(slots, _pickersLayoutClasses.getPickersLayoutUtilityClass, classes);
|
|
28
28
|
};
|
|
29
29
|
const PickersLayoutRoot = exports.PickersLayoutRoot = (0, _styles.styled)('div', {
|
|
30
30
|
name: 'MuiPickersLayout',
|
|
@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var React = _interopRequireWildcard(require("react"));
|
|
10
|
-
var
|
|
11
|
-
var
|
|
10
|
+
var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
|
|
11
|
+
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
12
12
|
var _PickersActionBar = require("../PickersActionBar");
|
|
13
13
|
var _pickersLayoutClasses = require("./pickersLayoutClasses");
|
|
14
14
|
var _PickersShortcuts = require("../PickersShortcuts");
|
|
@@ -32,7 +32,7 @@ const useUtilityClasses = ownerState => {
|
|
|
32
32
|
landscape: ['landscape'],
|
|
33
33
|
shortcuts: ['shortcuts']
|
|
34
34
|
};
|
|
35
|
-
return (0,
|
|
35
|
+
return (0, _composeClasses.default)(slots, _pickersLayoutClasses.getPickersLayoutUtilityClass, classes);
|
|
36
36
|
};
|
|
37
37
|
const usePickerLayout = props => {
|
|
38
38
|
const {
|
|
@@ -63,7 +63,7 @@ const usePickerLayout = props => {
|
|
|
63
63
|
|
|
64
64
|
// Action bar
|
|
65
65
|
const ActionBar = slots?.actionBar ?? _PickersActionBar.PickersActionBar;
|
|
66
|
-
const actionBarProps = (0,
|
|
66
|
+
const actionBarProps = (0, _useSlotProps.default)({
|
|
67
67
|
elementType: ActionBar,
|
|
68
68
|
externalSlotProps: slotProps?.actionBar,
|
|
69
69
|
additionalProps: {
|
|
@@ -82,7 +82,7 @@ const usePickerLayout = props => {
|
|
|
82
82
|
|
|
83
83
|
// Toolbar
|
|
84
84
|
const Toolbar = slots?.toolbar;
|
|
85
|
-
const toolbarProps = (0,
|
|
85
|
+
const toolbarProps = (0, _useSlotProps.default)({
|
|
86
86
|
elementType: Toolbar,
|
|
87
87
|
externalSlotProps: slotProps?.toolbar,
|
|
88
88
|
additionalProps: {
|
|
@@ -115,7 +115,7 @@ const usePickerLayout = props => {
|
|
|
115
115
|
|
|
116
116
|
// Shortcuts
|
|
117
117
|
const Shortcuts = slots?.shortcuts ?? _PickersShortcuts.PickersShortcuts;
|
|
118
|
-
const shortcutsProps = (0,
|
|
118
|
+
const shortcutsProps = (0, _useSlotProps.default)({
|
|
119
119
|
elementType: Shortcuts,
|
|
120
120
|
externalSlotProps: slotProps?.shortcuts,
|
|
121
121
|
additionalProps: {
|
|
@@ -9,7 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
|
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
|
-
var
|
|
12
|
+
var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
|
|
13
13
|
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
14
14
|
var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
|
|
15
15
|
var _styles = require("@mui/material/styles");
|
|
@@ -73,7 +73,7 @@ function PickersSection(props) {
|
|
|
73
73
|
classes
|
|
74
74
|
} = props;
|
|
75
75
|
const Section = slots?.section ?? PickersSectionListSection;
|
|
76
|
-
const sectionProps = (0,
|
|
76
|
+
const sectionProps = (0, _useSlotProps.default)({
|
|
77
77
|
elementType: Section,
|
|
78
78
|
externalSlotProps: slotProps?.section,
|
|
79
79
|
externalForwardedProps: element.container,
|
|
@@ -81,7 +81,7 @@ function PickersSection(props) {
|
|
|
81
81
|
ownerState: {}
|
|
82
82
|
});
|
|
83
83
|
const SectionContent = slots?.sectionContent ?? PickersSectionListSectionContent;
|
|
84
|
-
const sectionContentProps = (0,
|
|
84
|
+
const sectionContentProps = (0, _useSlotProps.default)({
|
|
85
85
|
elementType: SectionContent,
|
|
86
86
|
externalSlotProps: slotProps?.sectionContent,
|
|
87
87
|
externalForwardedProps: element.content,
|
|
@@ -92,7 +92,7 @@ function PickersSection(props) {
|
|
|
92
92
|
ownerState: {}
|
|
93
93
|
});
|
|
94
94
|
const SectionSeparator = slots?.sectionSeparator ?? PickersSectionListSectionSeparator;
|
|
95
|
-
const sectionSeparatorBeforeProps = (0,
|
|
95
|
+
const sectionSeparatorBeforeProps = (0, _useSlotProps.default)({
|
|
96
96
|
elementType: SectionSeparator,
|
|
97
97
|
externalSlotProps: slotProps?.sectionSeparator,
|
|
98
98
|
externalForwardedProps: element.before,
|
|
@@ -100,7 +100,7 @@ function PickersSection(props) {
|
|
|
100
100
|
position: 'before'
|
|
101
101
|
}
|
|
102
102
|
});
|
|
103
|
-
const sectionSeparatorAfterProps = (0,
|
|
103
|
+
const sectionSeparatorAfterProps = (0, _useSlotProps.default)({
|
|
104
104
|
elementType: SectionSeparator,
|
|
105
105
|
externalSlotProps: slotProps?.sectionSeparator,
|
|
106
106
|
externalForwardedProps: element.after,
|
|
@@ -163,7 +163,7 @@ const PickersSectionList = exports.PickersSectionList = /*#__PURE__*/React.forwa
|
|
|
163
163
|
}
|
|
164
164
|
}));
|
|
165
165
|
const Root = slots?.root ?? PickersSectionListRoot;
|
|
166
|
-
const rootProps = (0,
|
|
166
|
+
const rootProps = (0, _useSlotProps.default)({
|
|
167
167
|
elementType: Root,
|
|
168
168
|
externalSlotProps: slotProps?.root,
|
|
169
169
|
externalForwardedProps: other,
|
|
@@ -15,7 +15,7 @@ var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
|
|
|
15
15
|
var _utils = require("@mui/utils");
|
|
16
16
|
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
17
17
|
var _capitalize = _interopRequireDefault(require("@mui/utils/capitalize"));
|
|
18
|
-
var
|
|
18
|
+
var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
|
|
19
19
|
var _visuallyHidden = _interopRequireDefault(require("@mui/utils/visuallyHidden"));
|
|
20
20
|
var _RtlProvider = require("@mui/system/RtlProvider");
|
|
21
21
|
var _pickersInputBaseClasses = require("./pickersInputBaseClasses");
|
|
@@ -243,7 +243,7 @@ const PickersInputBase = exports.PickersInputBase = /*#__PURE__*/React.forwardRe
|
|
|
243
243
|
});
|
|
244
244
|
const classes = useUtilityClasses(ownerState);
|
|
245
245
|
const InputRoot = slots?.root || PickersInputBaseRoot;
|
|
246
|
-
const inputRootProps = (0,
|
|
246
|
+
const inputRootProps = (0, _useSlotProps.default)({
|
|
247
247
|
elementType: InputRoot,
|
|
248
248
|
externalSlotProps: slotProps?.root,
|
|
249
249
|
externalForwardedProps: other,
|
|
@@ -72,6 +72,7 @@ const PickersTextField = exports.PickersTextField = /*#__PURE__*/React.forwardRe
|
|
|
72
72
|
areAllSectionsEmpty,
|
|
73
73
|
onClick,
|
|
74
74
|
onKeyDown,
|
|
75
|
+
onKeyUp,
|
|
75
76
|
onPaste,
|
|
76
77
|
onInput,
|
|
77
78
|
endAdornment,
|
|
@@ -131,6 +132,7 @@ const PickersTextField = exports.PickersTextField = /*#__PURE__*/React.forwardRe
|
|
|
131
132
|
areAllSectionsEmpty: areAllSectionsEmpty,
|
|
132
133
|
onClick: onClick,
|
|
133
134
|
onKeyDown: onKeyDown,
|
|
135
|
+
onKeyUp: onKeyUp,
|
|
134
136
|
onInput: onInput,
|
|
135
137
|
onPaste: onPaste,
|
|
136
138
|
endAdornment: endAdornment,
|
|
@@ -128,10 +128,12 @@ StaticDatePicker.propTypes = {
|
|
|
128
128
|
localeText: _propTypes.default.object,
|
|
129
129
|
/**
|
|
130
130
|
* Maximal selectable date.
|
|
131
|
+
* @default 2099-12-31
|
|
131
132
|
*/
|
|
132
133
|
maxDate: _propTypes.default.object,
|
|
133
134
|
/**
|
|
134
135
|
* Minimal selectable date.
|
|
136
|
+
* @default 1900-01-01
|
|
135
137
|
*/
|
|
136
138
|
minDate: _propTypes.default.object,
|
|
137
139
|
/**
|
|
@@ -153,6 +153,7 @@ StaticDateTimePicker.propTypes = {
|
|
|
153
153
|
localeText: _propTypes.default.object,
|
|
154
154
|
/**
|
|
155
155
|
* Maximal selectable date.
|
|
156
|
+
* @default 2099-12-31
|
|
156
157
|
*/
|
|
157
158
|
maxDate: _propTypes.default.object,
|
|
158
159
|
/**
|
|
@@ -166,6 +167,7 @@ StaticDateTimePicker.propTypes = {
|
|
|
166
167
|
maxTime: _propTypes.default.object,
|
|
167
168
|
/**
|
|
168
169
|
* Minimal selectable date.
|
|
170
|
+
* @default 1900-01-01
|
|
169
171
|
*/
|
|
170
172
|
minDate: _propTypes.default.object,
|
|
171
173
|
/**
|
|
@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
12
12
|
var _styles = require("@mui/material/styles");
|
|
13
|
-
var
|
|
13
|
+
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
14
14
|
var _shared = require("./shared");
|
|
15
15
|
var _clockNumberClasses = require("./clockNumberClasses");
|
|
16
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -26,7 +26,7 @@ const useUtilityClasses = ownerState => {
|
|
|
26
26
|
const slots = {
|
|
27
27
|
root: ['root', selected && 'selected', disabled && 'disabled']
|
|
28
28
|
};
|
|
29
|
-
return (0,
|
|
29
|
+
return (0, _composeClasses.default)(slots, _clockNumberClasses.getClockNumberUtilityClass, classes);
|
|
30
30
|
};
|
|
31
31
|
const ClockNumberRoot = (0, _styles.styled)('span', {
|
|
32
32
|
name: 'MuiClockNumber',
|
|
@@ -10,7 +10,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
|
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
12
12
|
var _styles = require("@mui/material/styles");
|
|
13
|
-
var
|
|
13
|
+
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
14
14
|
var _shared = require("./shared");
|
|
15
15
|
var _clockPointerClasses = require("./clockPointerClasses");
|
|
16
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -25,7 +25,7 @@ const useUtilityClasses = ownerState => {
|
|
|
25
25
|
root: ['root'],
|
|
26
26
|
thumb: ['thumb']
|
|
27
27
|
};
|
|
28
|
-
return (0,
|
|
28
|
+
return (0, _composeClasses.default)(slots, _clockPointerClasses.getClockPointerUtilityClass, classes);
|
|
29
29
|
};
|
|
30
30
|
const ClockPointerRoot = (0, _styles.styled)('div', {
|
|
31
31
|
name: 'MuiClockPointer',
|
|
@@ -11,8 +11,8 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
12
|
var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
|
|
13
13
|
var _styles = require("@mui/material/styles");
|
|
14
|
-
var
|
|
15
|
-
var
|
|
14
|
+
var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
|
|
15
|
+
var _utils = require("@mui/utils");
|
|
16
16
|
var _useTimeField = require("./useTimeField");
|
|
17
17
|
var _hooks = require("../hooks");
|
|
18
18
|
var _PickersTextField = require("../PickersTextField");
|
|
@@ -45,7 +45,7 @@ const TimeField = exports.TimeField = /*#__PURE__*/React.forwardRef(function Tim
|
|
|
45
45
|
other = (0, _objectWithoutPropertiesLoose2.default)(themeProps, _excluded);
|
|
46
46
|
const ownerState = themeProps;
|
|
47
47
|
const TextField = slots?.textField ?? (inProps.enableAccessibleFieldDOMStructure ? _PickersTextField.PickersTextField : _TextField.default);
|
|
48
|
-
const textFieldProps = (0,
|
|
48
|
+
const textFieldProps = (0, _useSlotProps.default)({
|
|
49
49
|
elementType: TextField,
|
|
50
50
|
externalSlotProps: slotProps?.textField,
|
|
51
51
|
externalForwardedProps: other,
|
|
@@ -181,7 +181,7 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
|
|
|
181
181
|
/**
|
|
182
182
|
* Pass a ref to the `input` element.
|
|
183
183
|
*/
|
|
184
|
-
inputRef:
|
|
184
|
+
inputRef: _utils.refType,
|
|
185
185
|
/**
|
|
186
186
|
* The label content.
|
|
187
187
|
*/
|
|
@@ -12,11 +12,11 @@ var _clsx = _interopRequireDefault(require("clsx"));
|
|
|
12
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
13
|
var _RtlProvider = require("@mui/system/RtlProvider");
|
|
14
14
|
var _styles = require("@mui/material/styles");
|
|
15
|
-
var
|
|
15
|
+
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
16
16
|
var _PickersToolbarText = require("../internals/components/PickersToolbarText");
|
|
17
17
|
var _PickersToolbarButton = require("../internals/components/PickersToolbarButton");
|
|
18
18
|
var _PickersToolbar = require("../internals/components/PickersToolbar");
|
|
19
|
-
var
|
|
19
|
+
var _utils = require("../internals/utils/utils");
|
|
20
20
|
var _usePickersTranslations = require("../hooks/usePickersTranslations");
|
|
21
21
|
var _useUtils = require("../internals/hooks/useUtils");
|
|
22
22
|
var _dateHelpersHooks = require("../internals/hooks/date-helpers-hooks");
|
|
@@ -39,7 +39,7 @@ const useUtilityClasses = ownerState => {
|
|
|
39
39
|
ampmSelection: ['ampmSelection', isLandscape && 'ampmLandscape'],
|
|
40
40
|
ampmLabel: ['ampmLabel']
|
|
41
41
|
};
|
|
42
|
-
return (0,
|
|
42
|
+
return (0, _composeClasses.default)(slots, _timePickerToolbarClasses.getTimePickerToolbarUtilityClass, classes);
|
|
43
43
|
};
|
|
44
44
|
const TimePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.PickersToolbar, {
|
|
45
45
|
name: 'MuiTimePickerToolbar',
|
|
@@ -170,19 +170,19 @@ function TimePickerToolbar(inProps) {
|
|
|
170
170
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(TimePickerToolbarHourMinuteLabel, {
|
|
171
171
|
className: classes.hourMinuteLabel,
|
|
172
172
|
ownerState: ownerState,
|
|
173
|
-
children: [(0,
|
|
173
|
+
children: [(0, _utils.arrayIncludes)(views, 'hours') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
|
|
174
174
|
tabIndex: -1,
|
|
175
175
|
variant: "h3",
|
|
176
176
|
onClick: () => onViewChange('hours'),
|
|
177
177
|
selected: view === 'hours',
|
|
178
178
|
value: value ? formatHours(value) : '--'
|
|
179
|
-
}), (0,
|
|
179
|
+
}), (0, _utils.arrayIncludes)(views, ['hours', 'minutes']) && separator, (0, _utils.arrayIncludes)(views, 'minutes') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
|
|
180
180
|
tabIndex: -1,
|
|
181
181
|
variant: "h3",
|
|
182
182
|
onClick: () => onViewChange('minutes'),
|
|
183
183
|
selected: view === 'minutes',
|
|
184
184
|
value: value ? utils.format(value, 'minutes') : '--'
|
|
185
|
-
}), (0,
|
|
185
|
+
}), (0, _utils.arrayIncludes)(views, ['minutes', 'seconds']) && separator, (0, _utils.arrayIncludes)(views, 'seconds') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersToolbarButton.PickersToolbarButton, {
|
|
186
186
|
variant: "h3",
|
|
187
187
|
onClick: () => onViewChange('seconds'),
|
|
188
188
|
selected: view === 'seconds',
|
|
@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
12
12
|
var _styles = require("@mui/material/styles");
|
|
13
|
-
var
|
|
13
|
+
var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
|
|
14
14
|
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
15
15
|
var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
|
|
16
16
|
var _pickersYearClasses = require("./pickersYearClasses");
|
|
@@ -130,7 +130,7 @@ const PickersYear = exports.PickersYear = /*#__PURE__*/React.memo(function Picke
|
|
|
130
130
|
}
|
|
131
131
|
}, [autoFocus]);
|
|
132
132
|
const YearButton = slots?.yearButton ?? YearCalendarButton;
|
|
133
|
-
const yearButtonProps = (0,
|
|
133
|
+
const yearButtonProps = (0, _useSlotProps.default)({
|
|
134
134
|
elementType: YearButton,
|
|
135
135
|
externalSlotProps: slotProps?.yearButton,
|
|
136
136
|
additionalProps: {
|
|
@@ -306,10 +306,12 @@ process.env.NODE_ENV !== "production" ? YearCalendar.propTypes = {
|
|
|
306
306
|
hasFocus: _propTypes.default.bool,
|
|
307
307
|
/**
|
|
308
308
|
* Maximal selectable date.
|
|
309
|
+
* @default 2099-12-31
|
|
309
310
|
*/
|
|
310
311
|
maxDate: _propTypes.default.object,
|
|
311
312
|
/**
|
|
312
313
|
* Minimal selectable date.
|
|
314
|
+
* @default 1900-01-01
|
|
313
315
|
*/
|
|
314
316
|
minDate: _propTypes.default.object,
|
|
315
317
|
/**
|
|
@@ -8,7 +8,7 @@ exports.useClearableField = void 0;
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
|
-
var
|
|
11
|
+
var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
|
|
12
12
|
var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
|
|
13
13
|
var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
|
|
14
14
|
var _icons = require("../icons");
|
|
@@ -31,7 +31,7 @@ const useClearableField = props => {
|
|
|
31
31
|
other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
32
32
|
const IconButton = slots?.clearButton ?? _IconButton.default;
|
|
33
33
|
// The spread is here to avoid this bug mui/material-ui#34056
|
|
34
|
-
const _useSlotProps = (0,
|
|
34
|
+
const _useSlotProps = (0, _useSlotProps2.default)({
|
|
35
35
|
elementType: IconButton,
|
|
36
36
|
externalSlotProps: slotProps?.clearButton,
|
|
37
37
|
ownerState: {},
|
|
@@ -42,7 +42,7 @@ const useClearableField = props => {
|
|
|
42
42
|
}),
|
|
43
43
|
iconButtonProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
|
|
44
44
|
const EndClearIcon = slots?.clearIcon ?? _icons.ClearIcon;
|
|
45
|
-
const endClearIconProps = (0,
|
|
45
|
+
const endClearIconProps = (0, _useSlotProps2.default)({
|
|
46
46
|
elementType: EndClearIcon,
|
|
47
47
|
externalSlotProps: slotProps?.clearIcon,
|
|
48
48
|
ownerState: {}
|
package/node/index.js
CHANGED
|
@@ -12,8 +12,8 @@ var _clsx = _interopRequireDefault(require("clsx"));
|
|
|
12
12
|
var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
|
|
13
13
|
var _RtlProvider = require("@mui/system/RtlProvider");
|
|
14
14
|
var _styles = require("@mui/material/styles");
|
|
15
|
-
var
|
|
16
|
-
var
|
|
15
|
+
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
16
|
+
var _useSlotProps3 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
|
|
17
17
|
var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
|
|
18
18
|
var _icons = require("../../../icons");
|
|
19
19
|
var _pickersArrowSwitcherClasses = require("./pickersArrowSwitcherClasses");
|
|
@@ -66,7 +66,7 @@ const useUtilityClasses = ownerState => {
|
|
|
66
66
|
leftArrowIcon: ['leftArrowIcon'],
|
|
67
67
|
rightArrowIcon: ['rightArrowIcon']
|
|
68
68
|
};
|
|
69
|
-
return (0,
|
|
69
|
+
return (0, _composeClasses.default)(slots, _pickersArrowSwitcherClasses.getPickersArrowSwitcherUtilityClass, classes);
|
|
70
70
|
};
|
|
71
71
|
const PickersArrowSwitcher = exports.PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function PickersArrowSwitcher(inProps, ref) {
|
|
72
72
|
const isRtl = (0, _RtlProvider.useRtl)();
|
|
@@ -105,7 +105,7 @@ const PickersArrowSwitcher = exports.PickersArrowSwitcher = /*#__PURE__*/React.f
|
|
|
105
105
|
label: previousLabel
|
|
106
106
|
};
|
|
107
107
|
const PreviousIconButton = slots?.previousIconButton ?? PickersArrowSwitcherButton;
|
|
108
|
-
const previousIconButtonProps = (0,
|
|
108
|
+
const previousIconButtonProps = (0, _useSlotProps3.default)({
|
|
109
109
|
elementType: PreviousIconButton,
|
|
110
110
|
externalSlotProps: slotProps?.previousIconButton,
|
|
111
111
|
additionalProps: {
|
|
@@ -122,7 +122,7 @@ const PickersArrowSwitcher = exports.PickersArrowSwitcher = /*#__PURE__*/React.f
|
|
|
122
122
|
className: (0, _clsx.default)(classes.button, classes.previousIconButton)
|
|
123
123
|
});
|
|
124
124
|
const NextIconButton = slots?.nextIconButton ?? PickersArrowSwitcherButton;
|
|
125
|
-
const nextIconButtonProps = (0,
|
|
125
|
+
const nextIconButtonProps = (0, _useSlotProps3.default)({
|
|
126
126
|
elementType: NextIconButton,
|
|
127
127
|
externalSlotProps: slotProps?.nextIconButton,
|
|
128
128
|
additionalProps: {
|
|
@@ -140,7 +140,7 @@ const PickersArrowSwitcher = exports.PickersArrowSwitcher = /*#__PURE__*/React.f
|
|
|
140
140
|
});
|
|
141
141
|
const LeftArrowIcon = slots?.leftArrowIcon ?? _icons.ArrowLeftIcon;
|
|
142
142
|
// The spread is here to avoid this bug mui/material-ui#34056
|
|
143
|
-
const _useSlotProps = (0,
|
|
143
|
+
const _useSlotProps = (0, _useSlotProps3.default)({
|
|
144
144
|
elementType: LeftArrowIcon,
|
|
145
145
|
externalSlotProps: slotProps?.leftArrowIcon,
|
|
146
146
|
additionalProps: {
|
|
@@ -152,7 +152,7 @@ const PickersArrowSwitcher = exports.PickersArrowSwitcher = /*#__PURE__*/React.f
|
|
|
152
152
|
leftArrowIconProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
|
|
153
153
|
const RightArrowIcon = slots?.rightArrowIcon ?? _icons.ArrowRightIcon;
|
|
154
154
|
// The spread is here to avoid this bug mui/material-ui#34056
|
|
155
|
-
const _useSlotProps2 = (0,
|
|
155
|
+
const _useSlotProps2 = (0, _useSlotProps3.default)({
|
|
156
156
|
elementType: RightArrowIcon,
|
|
157
157
|
externalSlotProps: slotProps?.rightArrowIcon,
|
|
158
158
|
additionalProps: {
|