@mui/x-date-pickers 7.11.0 → 7.12.0
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 +6 -4
- package/AdapterLuxon/AdapterLuxon.js +1 -0
- package/AdapterMomentJalaali/AdapterMomentJalaali.d.ts +1 -0
- package/AdapterMomentJalaali/AdapterMomentJalaali.js +3 -0
- package/CHANGELOG.md +194 -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/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.js +3 -1
- package/internals/hooks/useField/useField.utils.js +1 -1
- package/internals/hooks/useField/useFieldV6TextField.js +3 -2
- package/internals/hooks/useField/useFieldV7TextField.js +1 -1
- package/internals/hooks/useMobilePicker/useMobilePicker.js +1 -1
- package/internals/hooks/useMobilePicker/useMobilePicker.types.d.ts +1 -1
- package/internals/hooks/usePicker/usePicker.js +2 -3
- package/internals/index.d.ts +1 -1
- package/internals/index.js +1 -1
- package/internals/models/validation.d.ts +2 -0
- package/internals/utils/warning.d.ts +2 -4
- package/internals/utils/warning.js +17 -24
- package/locales/fiFI.js +2 -2
- package/locales/index.d.ts +1 -0
- package/locales/index.js +1 -0
- package/locales/nnNO.d.ts +80 -0
- package/locales/nnNO.js +73 -0
- 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 +6 -4
- 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/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.js +3 -1
- package/modern/internals/hooks/useField/useField.utils.js +1 -1
- package/modern/internals/hooks/useField/useFieldV6TextField.js +3 -2
- package/modern/internals/hooks/useField/useFieldV7TextField.js +1 -1
- package/modern/internals/hooks/useMobilePicker/useMobilePicker.js +1 -1
- package/modern/internals/hooks/usePicker/usePicker.js +2 -3
- package/modern/internals/index.js +1 -1
- package/modern/internals/utils/warning.js +17 -24
- package/modern/locales/fiFI.js +2 -2
- package/modern/locales/index.js +1 -0
- package/modern/locales/nnNO.js +73 -0
- 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 +5 -3
- 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/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.js +3 -1
- package/node/internals/hooks/useField/useField.utils.js +1 -1
- package/node/internals/hooks/useField/useFieldV6TextField.js +3 -2
- package/node/internals/hooks/useField/useFieldV7TextField.js +1 -1
- package/node/internals/hooks/useMobilePicker/useMobilePicker.js +4 -4
- package/node/internals/hooks/usePicker/usePicker.js +1 -2
- package/node/internals/index.js +6 -12
- package/node/internals/utils/warning.js +19 -27
- package/node/locales/fiFI.js +2 -2
- package/node/locales/index.js +11 -0
- package/node/locales/nnNO.js +79 -0
- package/package.json +4 -5
|
@@ -87,11 +87,14 @@ class AdapterDateFns extends _AdapterDateFnsBase.AdapterDateFnsBase {
|
|
|
87
87
|
locale,
|
|
88
88
|
formats
|
|
89
89
|
} = {}) {
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
90
|
+
/* istanbul ignore next */
|
|
91
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
92
|
+
if (typeof _addDays.addDays !== 'function') {
|
|
93
|
+
throw new Error([`MUI: The \`date-fns\` package v2.x is not compatible with this adapter.`, 'Please, install v3.x of the package or use the `AdapterDateFns` instead.'].join('\n'));
|
|
94
|
+
}
|
|
95
|
+
if (!_format.longFormatters) {
|
|
96
|
+
throw new Error('MUI: The minimum supported `date-fns` package version compatible with this adapter is `3.2.x`.');
|
|
97
|
+
}
|
|
95
98
|
}
|
|
96
99
|
super({
|
|
97
100
|
locale: locale ?? _enUS.enUS,
|
|
@@ -19,7 +19,6 @@ _dayjs.default.extend(_localizedFormat.default);
|
|
|
19
19
|
_dayjs.default.extend(_weekOfYear.default);
|
|
20
20
|
_dayjs.default.extend(_isBetween.default);
|
|
21
21
|
_dayjs.default.extend(_advancedFormat.default);
|
|
22
|
-
const localeNotFoundWarning = (0, _warning.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']);
|
|
23
22
|
const formatTokenMap = {
|
|
24
23
|
// Year
|
|
25
24
|
YY: 'year',
|
|
@@ -242,7 +241,10 @@ class AdapterDayjs {
|
|
|
242
241
|
const locale = this.locale || 'en';
|
|
243
242
|
let localeObject = locales[locale];
|
|
244
243
|
if (localeObject === undefined) {
|
|
245
|
-
|
|
244
|
+
/* istanbul ignore next */
|
|
245
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
246
|
+
(0, _warning.warnOnce)(['MUI X: 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.']);
|
|
247
|
+
}
|
|
246
248
|
localeObject = locales.en;
|
|
247
249
|
}
|
|
248
250
|
return localeObject.formats;
|
|
@@ -261,7 +263,7 @@ class AdapterDayjs {
|
|
|
261
263
|
if (timezone !== 'UTC') {
|
|
262
264
|
const fixedValue = value.tz(this.cleanTimezone(timezone), true);
|
|
263
265
|
// @ts-ignore
|
|
264
|
-
if (
|
|
266
|
+
if (fixedValue.$offset === (value.$offset ?? 0)) {
|
|
265
267
|
return value;
|
|
266
268
|
}
|
|
267
269
|
// Change only what is needed to avoid creating a new object with unwanted data
|
|
@@ -209,6 +209,9 @@ class AdapterMomentJalaali extends _AdapterMoment.AdapterMoment {
|
|
|
209
209
|
this.getDate = value => {
|
|
210
210
|
return value.jDate();
|
|
211
211
|
};
|
|
212
|
+
this.getDaysInMonth = value => {
|
|
213
|
+
return this.moment.jDaysInMonth(value.jYear(), value.jMonth());
|
|
214
|
+
};
|
|
212
215
|
this.setYear = (value, year) => {
|
|
213
216
|
return value.clone().jYear(year);
|
|
214
217
|
};
|
|
@@ -10,9 +10,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
12
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
13
|
-
var
|
|
13
|
+
var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
|
|
14
14
|
var _styles = require("@mui/material/styles");
|
|
15
|
-
var
|
|
15
|
+
var _utils = require("@mui/utils");
|
|
16
16
|
var _useCalendarState = require("./useCalendarState");
|
|
17
17
|
var _useUtils = require("../internals/hooks/useUtils");
|
|
18
18
|
var _PickersFadeTransitionGroup = require("./PickersFadeTransitionGroup");
|
|
@@ -40,7 +40,7 @@ const useUtilityClasses = ownerState => {
|
|
|
40
40
|
root: ['root'],
|
|
41
41
|
viewTransitionContainer: ['viewTransitionContainer']
|
|
42
42
|
};
|
|
43
|
-
return (0,
|
|
43
|
+
return (0, _utils.unstable_composeClasses)(slots, _dateCalendarClasses.getDateCalendarUtilityClass, classes);
|
|
44
44
|
};
|
|
45
45
|
function useDateCalendarDefaultizedProps(props, name) {
|
|
46
46
|
const utils = (0, _useUtils.useUtils)();
|
|
@@ -91,7 +91,7 @@ const DateCalendarViewTransitionContainer = (0, _styles.styled)(_PickersFadeTran
|
|
|
91
91
|
*/
|
|
92
92
|
const DateCalendar = exports.DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(inProps, ref) {
|
|
93
93
|
const utils = (0, _useUtils.useUtils)();
|
|
94
|
-
const id = (0,
|
|
94
|
+
const id = (0, _utils.unstable_useId)();
|
|
95
95
|
const props = useDateCalendarDefaultizedProps(inProps, 'MuiDateCalendar');
|
|
96
96
|
const {
|
|
97
97
|
autoFocus,
|
|
@@ -188,7 +188,7 @@ const DateCalendar = exports.DateCalendar = /*#__PURE__*/React.forwardRef(functi
|
|
|
188
188
|
const gridLabelId = `${id}-grid-label`;
|
|
189
189
|
const hasFocus = focusedView !== null;
|
|
190
190
|
const CalendarHeader = slots?.calendarHeader ?? _PickersCalendarHeader.PickersCalendarHeader;
|
|
191
|
-
const calendarHeaderProps = (0,
|
|
191
|
+
const calendarHeaderProps = (0, _useSlotProps.default)({
|
|
192
192
|
elementType: CalendarHeader,
|
|
193
193
|
externalSlotProps: slotProps?.calendarHeader,
|
|
194
194
|
additionalProps: {
|
|
@@ -211,7 +211,7 @@ const DateCalendar = exports.DateCalendar = /*#__PURE__*/React.forwardRef(functi
|
|
|
211
211
|
},
|
|
212
212
|
ownerState: props
|
|
213
213
|
});
|
|
214
|
-
const handleDateMonthChange = (0,
|
|
214
|
+
const handleDateMonthChange = (0, _utils.unstable_useEventCallback)(newDate => {
|
|
215
215
|
const startOfMonth = utils.startOfMonth(newDate);
|
|
216
216
|
const endOfMonth = utils.endOfMonth(newDate);
|
|
217
217
|
const closestEnabledDate = isDateDisabled(newDate) ? (0, _dateUtils.findClosestEnabledDate)({
|
|
@@ -233,7 +233,7 @@ const DateCalendar = exports.DateCalendar = /*#__PURE__*/React.forwardRef(functi
|
|
|
233
233
|
}
|
|
234
234
|
changeFocusedDay(closestEnabledDate, true);
|
|
235
235
|
});
|
|
236
|
-
const handleDateYearChange = (0,
|
|
236
|
+
const handleDateYearChange = (0, _utils.unstable_useEventCallback)(newDate => {
|
|
237
237
|
const startOfYear = utils.startOfYear(newDate);
|
|
238
238
|
const endOfYear = utils.endOfYear(newDate);
|
|
239
239
|
const closestEnabledDate = isDateDisabled(newDate) ? (0, _dateUtils.findClosestEnabledDate)({
|
|
@@ -255,7 +255,7 @@ const DateCalendar = exports.DateCalendar = /*#__PURE__*/React.forwardRef(functi
|
|
|
255
255
|
}
|
|
256
256
|
changeFocusedDay(closestEnabledDate, true);
|
|
257
257
|
});
|
|
258
|
-
const handleSelectedDayChange = (0,
|
|
258
|
+
const handleSelectedDayChange = (0, _utils.unstable_useEventCallback)(day => {
|
|
259
259
|
if (day) {
|
|
260
260
|
// If there is a date already selected, then we want to keep its time
|
|
261
261
|
return handleValueChange((0, _dateUtils.mergeDateAndTime)(utils, day, value ?? referenceDate), 'finish', view);
|
|
@@ -421,10 +421,12 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
|
|
|
421
421
|
loading: _propTypes.default.bool,
|
|
422
422
|
/**
|
|
423
423
|
* Maximal selectable date.
|
|
424
|
+
* @default 2099-12-31
|
|
424
425
|
*/
|
|
425
426
|
maxDate: _propTypes.default.object,
|
|
426
427
|
/**
|
|
427
428
|
* Minimal selectable date.
|
|
429
|
+
* @default 1900-01-01
|
|
428
430
|
*/
|
|
429
431
|
minDate: _propTypes.default.object,
|
|
430
432
|
/**
|
|
@@ -10,10 +10,10 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
|
|
12
12
|
var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
|
|
13
|
-
var
|
|
13
|
+
var _useSlotProps2 = _interopRequireDefault(require("@mui/utils/useSlotProps"));
|
|
14
14
|
var _RtlProvider = require("@mui/system/RtlProvider");
|
|
15
15
|
var _styles = require("@mui/material/styles");
|
|
16
|
-
var
|
|
16
|
+
var _utils = require("@mui/utils");
|
|
17
17
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
18
18
|
var _PickersDay = require("../PickersDay/PickersDay");
|
|
19
19
|
var _usePickersTranslations = require("../hooks/usePickersTranslations");
|
|
@@ -43,7 +43,7 @@ const useUtilityClasses = ownerState => {
|
|
|
43
43
|
weekNumberLabel: ['weekNumberLabel'],
|
|
44
44
|
weekNumber: ['weekNumber']
|
|
45
45
|
};
|
|
46
|
-
return (0,
|
|
46
|
+
return (0, _utils.unstable_composeClasses)(slots, _dayCalendarClasses.getDayCalendarUtilityClass, classes);
|
|
47
47
|
};
|
|
48
48
|
const weeksContainerHeight = (_dimensions.DAY_SIZE + _dimensions.DAY_MARGIN * 2) * 6;
|
|
49
49
|
const PickersCalendarDayRoot = (0, _styles.styled)('div', {
|
|
@@ -169,7 +169,7 @@ function WrappedDay(_ref) {
|
|
|
169
169
|
const isToday = utils.isSameDay(day, now);
|
|
170
170
|
const Day = slots?.day ?? _PickersDay.PickersDay;
|
|
171
171
|
// We don't want to pass to ownerState down, to avoid re-rendering all the day whenever a prop changes.
|
|
172
|
-
const _useSlotProps = (0,
|
|
172
|
+
const _useSlotProps = (0, _useSlotProps2.default)({
|
|
173
173
|
elementType: Day,
|
|
174
174
|
externalSlotProps: slotProps?.day,
|
|
175
175
|
additionalProps: (0, _extends2.default)({
|
|
@@ -272,7 +272,7 @@ function DayCalendar(inProps) {
|
|
|
272
272
|
timezone
|
|
273
273
|
});
|
|
274
274
|
const translations = (0, _usePickersTranslations.usePickersTranslations)();
|
|
275
|
-
const [internalHasFocus, setInternalHasFocus] = (0,
|
|
275
|
+
const [internalHasFocus, setInternalHasFocus] = (0, _utils.unstable_useControlled)({
|
|
276
276
|
name: 'DayCalendar',
|
|
277
277
|
state: 'hasFocus',
|
|
278
278
|
controlled: hasFocus,
|
|
@@ -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 _useDateField = require("./useDateField");
|
|
17
17
|
var _hooks = require("../hooks");
|
|
18
18
|
var _PickersTextField = require("../PickersTextField");
|
|
@@ -45,7 +45,7 @@ const DateField = exports.DateField = /*#__PURE__*/React.forwardRef(function Dat
|
|
|
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,
|
|
@@ -171,7 +171,7 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
|
|
|
171
171
|
/**
|
|
172
172
|
* Pass a ref to the `input` element.
|
|
173
173
|
*/
|
|
174
|
-
inputRef:
|
|
174
|
+
inputRef: _utils.refType,
|
|
175
175
|
/**
|
|
176
176
|
* The label content.
|
|
177
177
|
*/
|
|
@@ -183,10 +183,12 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
|
|
|
183
183
|
margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
|
|
184
184
|
/**
|
|
185
185
|
* Maximal selectable date.
|
|
186
|
+
* @default 2099-12-31
|
|
186
187
|
*/
|
|
187
188
|
maxDate: _propTypes.default.object,
|
|
188
189
|
/**
|
|
189
190
|
* Minimal selectable date.
|
|
191
|
+
* @default 1900-01-01
|
|
190
192
|
*/
|
|
191
193
|
minDate: _propTypes.default.object,
|
|
192
194
|
/**
|
|
@@ -158,10 +158,12 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
|
|
|
158
158
|
localeText: _propTypes.default.object,
|
|
159
159
|
/**
|
|
160
160
|
* Maximal selectable date.
|
|
161
|
+
* @default 2099-12-31
|
|
161
162
|
*/
|
|
162
163
|
maxDate: _propTypes.default.object,
|
|
163
164
|
/**
|
|
164
165
|
* Minimal selectable date.
|
|
166
|
+
* @default 1900-01-01
|
|
165
167
|
*/
|
|
166
168
|
minDate: _propTypes.default.object,
|
|
167
169
|
/**
|
|
@@ -12,7 +12,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
|
|
|
12
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
13
|
var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
|
|
14
14
|
var _styles = require("@mui/material/styles");
|
|
15
|
-
var
|
|
15
|
+
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
16
16
|
var _PickersToolbar = require("../internals/components/PickersToolbar");
|
|
17
17
|
var _usePickersTranslations = require("../hooks/usePickersTranslations");
|
|
18
18
|
var _useUtils = require("../internals/hooks/useUtils");
|
|
@@ -30,7 +30,7 @@ const useUtilityClasses = ownerState => {
|
|
|
30
30
|
root: ['root'],
|
|
31
31
|
title: ['title']
|
|
32
32
|
};
|
|
33
|
-
return (0,
|
|
33
|
+
return (0, _composeClasses.default)(slots, _datePickerToolbarClasses.getDatePickerToolbarUtilityClass, classes);
|
|
34
34
|
};
|
|
35
35
|
const DatePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.PickersToolbar, {
|
|
36
36
|
name: 'MuiDatePickerToolbar',
|
|
@@ -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 _useDateTimeField = require("./useDateTimeField");
|
|
17
17
|
var _hooks = require("../hooks");
|
|
18
18
|
var _PickersTextField = require("../PickersTextField");
|
|
@@ -45,7 +45,7 @@ const DateTimeField = exports.DateTimeField = /*#__PURE__*/React.forwardRef(func
|
|
|
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" ? DateTimeField.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
|
*/
|
|
@@ -193,6 +193,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
193
193
|
margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
|
|
194
194
|
/**
|
|
195
195
|
* Maximal selectable date.
|
|
196
|
+
* @default 2099-12-31
|
|
196
197
|
*/
|
|
197
198
|
maxDate: _propTypes.default.object,
|
|
198
199
|
/**
|
|
@@ -206,6 +207,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
206
207
|
maxTime: _propTypes.default.object,
|
|
207
208
|
/**
|
|
208
209
|
* Minimal selectable date.
|
|
210
|
+
* @default 1900-01-01
|
|
209
211
|
*/
|
|
210
212
|
minDate: _propTypes.default.object,
|
|
211
213
|
/**
|
|
@@ -173,6 +173,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
|
|
|
173
173
|
localeText: _propTypes.default.object,
|
|
174
174
|
/**
|
|
175
175
|
* Maximal selectable date.
|
|
176
|
+
* @default 2099-12-31
|
|
176
177
|
*/
|
|
177
178
|
maxDate: _propTypes.default.object,
|
|
178
179
|
/**
|
|
@@ -186,6 +187,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
|
|
|
186
187
|
maxTime: _propTypes.default.object,
|
|
187
188
|
/**
|
|
188
189
|
* Minimal selectable date.
|
|
190
|
+
* @default 1900-01-01
|
|
189
191
|
*/
|
|
190
192
|
minDate: _propTypes.default.object,
|
|
191
193
|
/**
|
|
@@ -12,7 +12,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
12
12
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
13
13
|
var _Skeleton = _interopRequireDefault(require("@mui/material/Skeleton"));
|
|
14
14
|
var _styles = require("@mui/material/styles");
|
|
15
|
-
var
|
|
15
|
+
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
16
16
|
var _dimensions = require("../internals/constants/dimensions");
|
|
17
17
|
var _dayCalendarSkeletonClasses = require("./dayCalendarSkeletonClasses");
|
|
18
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -28,7 +28,7 @@ const useUtilityClasses = ownerState => {
|
|
|
28
28
|
week: ['week'],
|
|
29
29
|
daySkeleton: ['daySkeleton']
|
|
30
30
|
};
|
|
31
|
-
return (0,
|
|
31
|
+
return (0, _composeClasses.default)(slots, _dayCalendarSkeletonClasses.getDayCalendarSkeletonUtilityClass, classes);
|
|
32
32
|
};
|
|
33
33
|
const DayCalendarSkeletonRoot = (0, _styles.styled)('div', {
|
|
34
34
|
name: 'MuiDayCalendarSkeleton',
|
|
@@ -8,8 +8,8 @@ exports.DesktopDatePicker = 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 _shared = require("../DatePicker/shared");
|
|
15
15
|
var _usePickersTranslations = require("../hooks/usePickersTranslations");
|
|
@@ -55,7 +55,7 @@ const DesktopDatePicker = exports.DesktopDatePicker = /*#__PURE__*/React.forward
|
|
|
55
55
|
field: _DateField.DateField
|
|
56
56
|
}, defaultizedProps.slots),
|
|
57
57
|
slotProps: (0, _extends2.default)({}, defaultizedProps.slotProps, {
|
|
58
|
-
field: ownerState => (0, _extends2.default)({}, (0,
|
|
58
|
+
field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _extractValidationProps.extractValidationProps)(defaultizedProps), {
|
|
59
59
|
ref
|
|
60
60
|
}),
|
|
61
61
|
toolbar: (0, _extends2.default)({
|
|
@@ -156,7 +156,7 @@ DesktopDatePicker.propTypes = {
|
|
|
156
156
|
/**
|
|
157
157
|
* Pass a ref to the `input` element.
|
|
158
158
|
*/
|
|
159
|
-
inputRef:
|
|
159
|
+
inputRef: _utils.refType,
|
|
160
160
|
/**
|
|
161
161
|
* The label content.
|
|
162
162
|
*/
|
|
@@ -174,10 +174,12 @@ DesktopDatePicker.propTypes = {
|
|
|
174
174
|
localeText: _propTypes.default.object,
|
|
175
175
|
/**
|
|
176
176
|
* Maximal selectable date.
|
|
177
|
+
* @default 2099-12-31
|
|
177
178
|
*/
|
|
178
179
|
maxDate: _propTypes.default.object,
|
|
179
180
|
/**
|
|
180
181
|
* Minimal selectable date.
|
|
182
|
+
* @default 1900-01-01
|
|
181
183
|
*/
|
|
182
184
|
minDate: _propTypes.default.object,
|
|
183
185
|
/**
|
|
@@ -9,8 +9,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
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
|
-
var
|
|
13
|
-
var
|
|
12
|
+
var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
|
|
13
|
+
var _utils = require("@mui/utils");
|
|
14
14
|
var _Divider = _interopRequireDefault(require("@mui/material/Divider"));
|
|
15
15
|
var _valueManagers = require("../internals/utils/valueManagers");
|
|
16
16
|
var _DateTimeField = require("../DateTimeField");
|
|
@@ -133,7 +133,7 @@ const DesktopDateTimePicker = exports.DesktopDateTimePicker = /*#__PURE__*/React
|
|
|
133
133
|
openPickerIcon: _icons.CalendarIcon
|
|
134
134
|
}, defaultizedProps.slots),
|
|
135
135
|
slotProps: (0, _extends2.default)({}, defaultizedProps.slotProps, {
|
|
136
|
-
field: ownerState => (0, _extends2.default)({}, (0,
|
|
136
|
+
field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _extractValidationProps.extractValidationProps)(defaultizedProps), {
|
|
137
137
|
ref
|
|
138
138
|
}),
|
|
139
139
|
toolbar: (0, _extends2.default)({
|
|
@@ -146,7 +146,7 @@ const DesktopDateTimePicker = exports.DesktopDateTimePicker = /*#__PURE__*/React
|
|
|
146
146
|
}, defaultizedProps.slotProps?.tabs),
|
|
147
147
|
actionBar: ownerState => (0, _extends2.default)({
|
|
148
148
|
actions: actionBarActions
|
|
149
|
-
}, (0,
|
|
149
|
+
}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.actionBar, ownerState))
|
|
150
150
|
})
|
|
151
151
|
});
|
|
152
152
|
const {
|
|
@@ -258,7 +258,7 @@ DesktopDateTimePicker.propTypes = {
|
|
|
258
258
|
/**
|
|
259
259
|
* Pass a ref to the `input` element.
|
|
260
260
|
*/
|
|
261
|
-
inputRef:
|
|
261
|
+
inputRef: _utils.refType,
|
|
262
262
|
/**
|
|
263
263
|
* The label content.
|
|
264
264
|
*/
|
|
@@ -276,6 +276,7 @@ DesktopDateTimePicker.propTypes = {
|
|
|
276
276
|
localeText: _propTypes.default.object,
|
|
277
277
|
/**
|
|
278
278
|
* Maximal selectable date.
|
|
279
|
+
* @default 2099-12-31
|
|
279
280
|
*/
|
|
280
281
|
maxDate: _propTypes.default.object,
|
|
281
282
|
/**
|
|
@@ -289,6 +290,7 @@ DesktopDateTimePicker.propTypes = {
|
|
|
289
290
|
maxTime: _propTypes.default.object,
|
|
290
291
|
/**
|
|
291
292
|
* Minimal selectable date.
|
|
293
|
+
* @default 1900-01-01
|
|
292
294
|
*/
|
|
293
295
|
minDate: _propTypes.default.object,
|
|
294
296
|
/**
|
|
@@ -8,8 +8,8 @@ exports.DesktopTimePicker = 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");
|
|
@@ -72,7 +72,7 @@ const DesktopTimePicker = exports.DesktopTimePicker = /*#__PURE__*/React.forward
|
|
|
72
72
|
openPickerIcon: _icons.ClockIcon
|
|
73
73
|
}, defaultizedProps.slots),
|
|
74
74
|
slotProps: (0, _extends2.default)({}, defaultizedProps.slotProps, {
|
|
75
|
-
field: ownerState => (0, _extends2.default)({}, (0,
|
|
75
|
+
field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _extractValidationProps.extractValidationProps)(defaultizedProps), {
|
|
76
76
|
ref
|
|
77
77
|
}),
|
|
78
78
|
toolbar: (0, _extends2.default)({
|
|
@@ -171,7 +171,7 @@ DesktopTimePicker.propTypes = {
|
|
|
171
171
|
/**
|
|
172
172
|
* Pass a ref to the `input` element.
|
|
173
173
|
*/
|
|
174
|
-
inputRef:
|
|
174
|
+
inputRef: _utils.refType,
|
|
175
175
|
/**
|
|
176
176
|
* The label content.
|
|
177
177
|
*/
|
|
@@ -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: {
|