@mui/x-date-pickers 7.0.0-alpha.0 → 7.0.0-alpha.2
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.d.ts +6 -17
- package/AdapterDateFns/AdapterDateFns.js +9 -93
- package/AdapterDateFnsJalali/AdapterDateFnsJalali.d.ts +6 -17
- package/AdapterDateFnsJalali/AdapterDateFnsJalali.js +9 -93
- package/AdapterDayjs/AdapterDayjs.d.ts +7 -19
- package/AdapterDayjs/AdapterDayjs.js +13 -67
- package/AdapterLuxon/AdapterLuxon.d.ts +6 -17
- package/AdapterLuxon/AdapterLuxon.js +5 -96
- package/AdapterMoment/AdapterMoment.d.ts +6 -22
- package/AdapterMoment/AdapterMoment.js +11 -75
- package/AdapterMomentHijri/AdapterMomentHijri.d.ts +2 -9
- package/AdapterMomentHijri/AdapterMomentHijri.js +1 -33
- package/AdapterMomentJalaali/AdapterMomentJalaali.d.ts +2 -11
- package/AdapterMomentJalaali/AdapterMomentJalaali.js +1 -43
- package/CHANGELOG.md +591 -5
- package/DateCalendar/DateCalendar.js +2 -9
- package/DateCalendar/DateCalendar.types.d.ts +0 -4
- package/DateCalendar/DayCalendar.d.ts +1 -2
- package/DateCalendar/DayCalendar.js +9 -16
- package/DateCalendar/dayCalendarClasses.d.ts +1 -1
- package/DateCalendar/dayCalendarClasses.js +1 -1
- package/DateCalendar/index.d.ts +1 -2
- package/DateCalendar/index.js +2 -4
- package/DateCalendar/useCalendarState.d.ts +1 -1
- package/DateCalendar/useCalendarState.js +1 -9
- package/DateField/DateField.js +1 -1
- package/DatePicker/DatePicker.js +1 -6
- package/DatePicker/shared.d.ts +1 -1
- package/DateTimeField/DateTimeField.js +1 -9
- package/DateTimePicker/DateTimePicker.js +1 -14
- package/DateTimePicker/shared.d.ts +1 -1
- package/DesktopDatePicker/DesktopDatePicker.js +1 -6
- package/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -14
- package/DesktopTimePicker/DesktopTimePicker.js +1 -9
- package/DigitalClock/DigitalClock.js +6 -17
- package/LocalizationProvider/LocalizationProvider.js +0 -6
- package/MobileDatePicker/MobileDatePicker.js +1 -6
- package/MobileDateTimePicker/MobileDateTimePicker.js +1 -14
- package/MobileTimePicker/MobileTimePicker.js +1 -9
- package/MonthCalendar/MonthCalendar.js +1 -1
- package/MultiSectionDigitalClock/MultiSectionDigitalClock.js +3 -15
- package/PickersCalendarHeader/PickersCalendarHeader.js +11 -4
- package/PickersDay/PickersDay.js +1 -1
- package/StaticDatePicker/StaticDatePicker.js +1 -6
- package/StaticDateTimePicker/StaticDateTimePicker.js +1 -14
- package/StaticTimePicker/StaticTimePicker.js +1 -9
- package/TimeClock/Clock.js +1 -1
- package/TimeClock/TimeClock.js +3 -15
- package/TimeField/TimeField.js +1 -9
- package/TimePicker/TimePicker.js +1 -9
- package/TimePicker/shared.d.ts +1 -1
- package/YearCalendar/YearCalendar.js +2 -2
- package/dateTimeViewRenderers/dateTimeViewRenderers.d.ts +2 -2
- package/dateTimeViewRenderers/dateTimeViewRenderers.js +0 -4
- package/dateViewRenderers/dateViewRenderers.d.ts +1 -1
- package/dateViewRenderers/dateViewRenderers.js +0 -2
- package/index.d.ts +1 -0
- package/index.js +4 -1
- package/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.types.d.ts +5 -0
- package/internals/hooks/date-helpers-hooks.js +2 -2
- package/internals/hooks/useField/useField.utils.js +8 -9
- package/internals/hooks/useField/useFieldState.js +2 -2
- package/internals/hooks/usePicker/usePickerValue.types.d.ts +1 -1
- package/internals/hooks/useUtils.js +1 -1
- package/internals/hooks/useViews.js +2 -2
- package/internals/models/validation.d.ts +0 -8
- package/internals/utils/date-utils.js +2 -2
- package/internals/utils/getDefaultReferenceDate.d.ts +1 -2
- package/internals/utils/getDefaultReferenceDate.js +0 -4
- package/internals/utils/validation/extractValidationProps.d.ts +1 -1
- package/internals/utils/validation/extractValidationProps.js +1 -1
- package/internals/utils/validation/validateDate.js +1 -1
- package/internals/utils/validation/validateTime.js +1 -8
- package/legacy/AdapterDateFns/AdapterDateFns.js +13 -94
- package/legacy/AdapterDateFnsJalali/AdapterDateFnsJalali.js +13 -94
- package/legacy/AdapterDayjs/AdapterDayjs.js +19 -69
- package/legacy/AdapterLuxon/AdapterLuxon.js +10 -97
- package/legacy/AdapterMoment/AdapterMoment.js +16 -78
- package/legacy/AdapterMomentHijri/AdapterMomentHijri.js +5 -33
- package/legacy/AdapterMomentJalaali/AdapterMomentJalaali.js +5 -43
- package/legacy/DateCalendar/DateCalendar.js +2 -9
- package/legacy/DateCalendar/DayCalendar.js +7 -11
- package/legacy/DateCalendar/PickersSlideTransition.js +8 -9
- package/legacy/DateCalendar/dayCalendarClasses.js +1 -1
- package/legacy/DateCalendar/index.js +2 -4
- package/legacy/DateCalendar/useCalendarState.js +1 -9
- package/legacy/DateField/DateField.js +1 -1
- package/legacy/DatePicker/DatePicker.js +1 -6
- package/legacy/DateTimeField/DateTimeField.js +1 -9
- package/legacy/DateTimePicker/DateTimePicker.js +1 -14
- package/legacy/DesktopDatePicker/DesktopDatePicker.js +1 -6
- package/legacy/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -14
- package/legacy/DesktopTimePicker/DesktopTimePicker.js +1 -9
- package/legacy/DigitalClock/DigitalClock.js +6 -17
- package/legacy/LocalizationProvider/LocalizationProvider.js +0 -6
- package/legacy/MobileDatePicker/MobileDatePicker.js +1 -6
- package/legacy/MobileDateTimePicker/MobileDateTimePicker.js +1 -14
- package/legacy/MobileTimePicker/MobileTimePicker.js +1 -9
- package/legacy/MonthCalendar/MonthCalendar.js +1 -1
- package/legacy/MonthCalendar/PickersMonth.js +4 -5
- package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.js +3 -15
- package/legacy/PickersCalendarHeader/PickersCalendarHeader.js +11 -3
- package/legacy/PickersDay/PickersDay.js +6 -7
- package/legacy/PickersLayout/PickersLayout.js +5 -6
- package/legacy/StaticDatePicker/StaticDatePicker.js +1 -6
- package/legacy/StaticDateTimePicker/StaticDateTimePicker.js +1 -14
- package/legacy/StaticTimePicker/StaticTimePicker.js +1 -9
- package/legacy/TimeClock/Clock.js +1 -1
- package/legacy/TimeClock/ClockNumber.js +4 -5
- package/legacy/TimeClock/TimeClock.js +3 -15
- package/legacy/TimeField/TimeField.js +1 -9
- package/legacy/TimePicker/TimePicker.js +1 -9
- package/legacy/TimePicker/TimePickerToolbar.js +1 -2
- package/legacy/YearCalendar/PickersYear.js +4 -5
- package/legacy/YearCalendar/YearCalendar.js +2 -2
- package/legacy/dateTimeViewRenderers/dateTimeViewRenderers.js +0 -4
- package/legacy/dateViewRenderers/dateViewRenderers.js +0 -2
- package/legacy/index.js +4 -1
- package/legacy/internals/components/PickersModalDialog.js +3 -4
- package/legacy/internals/hooks/date-helpers-hooks.js +2 -2
- package/legacy/internals/hooks/useField/useField.utils.js +8 -9
- package/legacy/internals/hooks/useField/useFieldState.js +2 -2
- package/legacy/internals/hooks/useUtils.js +1 -1
- package/legacy/internals/hooks/useViews.js +2 -2
- package/legacy/internals/utils/date-utils.js +2 -2
- package/legacy/internals/utils/getDefaultReferenceDate.js +0 -6
- package/legacy/internals/utils/validation/extractValidationProps.js +1 -1
- package/legacy/internals/utils/validation/validateDate.js +1 -1
- package/legacy/internals/utils/validation/validateTime.js +1 -8
- package/legacy/locales/deDE.js +4 -3
- package/legacy/locales/index.js +1 -0
- package/legacy/locales/mk.js +91 -0
- package/legacy/timeViewRenderers/timeViewRenderers.js +0 -6
- package/locales/deDE.js +2 -3
- package/locales/index.d.ts +1 -0
- package/locales/index.js +1 -0
- package/locales/mk.d.ts +53 -0
- package/locales/mk.js +55 -0
- package/models/adapters.d.ts +16 -145
- package/models/fields.d.ts +0 -6
- package/models/timezone.d.ts +1 -1
- package/models/validation.d.ts +1 -1
- package/modern/AdapterDateFns/AdapterDateFns.js +9 -93
- package/modern/AdapterDateFnsJalali/AdapterDateFnsJalali.js +9 -93
- package/modern/AdapterDayjs/AdapterDayjs.js +13 -66
- package/modern/AdapterLuxon/AdapterLuxon.js +5 -96
- package/modern/AdapterMoment/AdapterMoment.js +11 -74
- package/modern/AdapterMomentHijri/AdapterMomentHijri.js +1 -33
- package/modern/AdapterMomentJalaali/AdapterMomentJalaali.js +1 -43
- package/modern/DateCalendar/DateCalendar.js +2 -9
- package/modern/DateCalendar/DayCalendar.js +9 -15
- package/modern/DateCalendar/dayCalendarClasses.js +1 -1
- package/modern/DateCalendar/index.js +2 -4
- package/modern/DateCalendar/useCalendarState.js +1 -9
- package/modern/DateField/DateField.js +1 -1
- package/modern/DatePicker/DatePicker.js +1 -6
- package/modern/DateTimeField/DateTimeField.js +1 -9
- package/modern/DateTimePicker/DateTimePicker.js +1 -14
- package/modern/DesktopDatePicker/DesktopDatePicker.js +1 -6
- package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -14
- package/modern/DesktopTimePicker/DesktopTimePicker.js +1 -9
- package/modern/DigitalClock/DigitalClock.js +6 -17
- package/modern/LocalizationProvider/LocalizationProvider.js +0 -6
- package/modern/MobileDatePicker/MobileDatePicker.js +1 -6
- package/modern/MobileDateTimePicker/MobileDateTimePicker.js +1 -14
- package/modern/MobileTimePicker/MobileTimePicker.js +1 -9
- package/modern/MonthCalendar/MonthCalendar.js +1 -1
- package/modern/MultiSectionDigitalClock/MultiSectionDigitalClock.js +3 -15
- package/modern/PickersCalendarHeader/PickersCalendarHeader.js +11 -4
- package/modern/PickersDay/PickersDay.js +1 -1
- package/modern/StaticDatePicker/StaticDatePicker.js +1 -6
- package/modern/StaticDateTimePicker/StaticDateTimePicker.js +1 -14
- package/modern/StaticTimePicker/StaticTimePicker.js +1 -9
- package/modern/TimeClock/Clock.js +1 -1
- package/modern/TimeClock/TimeClock.js +3 -15
- package/modern/TimeField/TimeField.js +1 -9
- package/modern/TimePicker/TimePicker.js +1 -9
- package/modern/YearCalendar/YearCalendar.js +2 -2
- package/modern/dateTimeViewRenderers/dateTimeViewRenderers.js +0 -4
- package/modern/dateViewRenderers/dateViewRenderers.js +0 -2
- package/modern/index.js +4 -1
- package/modern/internals/hooks/date-helpers-hooks.js +2 -2
- package/modern/internals/hooks/useField/useField.utils.js +8 -9
- package/modern/internals/hooks/useField/useFieldState.js +2 -2
- package/modern/internals/hooks/useUtils.js +1 -1
- package/modern/internals/hooks/useViews.js +2 -2
- package/modern/internals/utils/date-utils.js +2 -2
- package/modern/internals/utils/getDefaultReferenceDate.js +0 -1
- package/modern/internals/utils/validation/extractValidationProps.js +1 -1
- package/modern/internals/utils/validation/validateDate.js +1 -1
- package/modern/internals/utils/validation/validateTime.js +1 -8
- package/modern/locales/deDE.js +2 -3
- package/modern/locales/index.js +1 -0
- package/modern/locales/mk.js +55 -0
- package/modern/timeViewRenderers/timeViewRenderers.js +0 -6
- package/node/AdapterDateFns/AdapterDateFns.js +9 -93
- package/node/AdapterDateFnsJalali/AdapterDateFnsJalali.js +9 -93
- package/node/AdapterDayjs/AdapterDayjs.js +13 -66
- package/node/AdapterLuxon/AdapterLuxon.js +5 -96
- package/node/AdapterMoment/AdapterMoment.js +11 -74
- package/node/AdapterMomentHijri/AdapterMomentHijri.js +1 -33
- package/node/AdapterMomentJalaali/AdapterMomentJalaali.js +1 -43
- package/node/DateCalendar/DateCalendar.js +2 -9
- package/node/DateCalendar/DayCalendar.js +9 -15
- package/node/DateCalendar/dayCalendarClasses.js +2 -2
- package/node/DateCalendar/index.js +3 -23
- package/node/DateCalendar/useCalendarState.js +1 -9
- package/node/DateField/DateField.js +1 -1
- package/node/DatePicker/DatePicker.js +1 -6
- package/node/DateTimeField/DateTimeField.js +1 -9
- package/node/DateTimePicker/DateTimePicker.js +1 -14
- package/node/DesktopDatePicker/DesktopDatePicker.js +1 -6
- package/node/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -14
- package/node/DesktopTimePicker/DesktopTimePicker.js +1 -9
- package/node/DigitalClock/DigitalClock.js +6 -17
- package/node/LocalizationProvider/LocalizationProvider.js +0 -6
- package/node/MobileDatePicker/MobileDatePicker.js +1 -6
- package/node/MobileDateTimePicker/MobileDateTimePicker.js +1 -14
- package/node/MobileTimePicker/MobileTimePicker.js +1 -9
- package/node/MonthCalendar/MonthCalendar.js +1 -1
- package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.js +3 -15
- package/node/PickersCalendarHeader/PickersCalendarHeader.js +11 -4
- package/node/PickersDay/PickersDay.js +1 -1
- package/node/StaticDatePicker/StaticDatePicker.js +1 -6
- package/node/StaticDateTimePicker/StaticDateTimePicker.js +1 -14
- package/node/StaticTimePicker/StaticTimePicker.js +1 -9
- package/node/TimeClock/Clock.js +1 -1
- package/node/TimeClock/TimeClock.js +3 -15
- package/node/TimeField/TimeField.js +1 -9
- package/node/TimePicker/TimePicker.js +1 -9
- package/node/YearCalendar/YearCalendar.js +2 -2
- package/node/dateTimeViewRenderers/dateTimeViewRenderers.js +0 -4
- package/node/dateViewRenderers/dateViewRenderers.js +0 -2
- package/node/index.js +13 -1
- package/node/internals/hooks/date-helpers-hooks.js +2 -2
- package/node/internals/hooks/useField/useField.utils.js +8 -9
- package/node/internals/hooks/useField/useFieldState.js +2 -2
- package/node/internals/hooks/useUtils.js +1 -1
- package/node/internals/hooks/useViews.js +2 -2
- package/node/internals/utils/date-utils.js +2 -2
- package/node/internals/utils/getDefaultReferenceDate.js +1 -3
- package/node/internals/utils/validation/extractValidationProps.js +1 -1
- package/node/internals/utils/validation/validateDate.js +1 -1
- package/node/internals/utils/validation/validateTime.js +1 -8
- package/node/locales/deDE.js +2 -3
- package/node/locales/index.js +11 -0
- package/node/locales/mk.js +60 -0
- package/node/timeViewRenderers/timeViewRenderers.js +0 -6
- package/package.json +7 -6
- package/themeAugmentation/overrides.d.ts +1 -1
- package/timeViewRenderers/timeViewRenderers.d.ts +3 -3
- package/timeViewRenderers/timeViewRenderers.js +0 -6
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
2
2
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
3
|
-
const _excluded = ["autoFocus", "onViewChange", "value", "defaultValue", "referenceDate", "disableFuture", "disablePast", "
|
|
3
|
+
const _excluded = ["autoFocus", "onViewChange", "value", "defaultValue", "referenceDate", "disableFuture", "disablePast", "onChange", "onYearChange", "onMonthChange", "reduceAnimations", "shouldDisableDate", "shouldDisableMonth", "shouldDisableYear", "view", "views", "openTo", "className", "disabled", "readOnly", "minDate", "maxDate", "disableHighlightToday", "focusedView", "onFocusedViewChange", "showDaysOutsideCurrentMonth", "fixedWeekNumber", "dayOfWeekFormatter", "slots", "slotProps", "loading", "renderLoading", "displayWeekNumber", "yearsPerRow", "monthsPerRow", "timezone"];
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import clsx from 'clsx';
|
|
@@ -93,7 +93,6 @@ export const DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(
|
|
|
93
93
|
referenceDate: referenceDateProp,
|
|
94
94
|
disableFuture,
|
|
95
95
|
disablePast,
|
|
96
|
-
defaultCalendarMonth,
|
|
97
96
|
onChange,
|
|
98
97
|
onYearChange,
|
|
99
98
|
onMonthChange,
|
|
@@ -164,7 +163,6 @@ export const DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(
|
|
|
164
163
|
onMonthSwitchingAnimationEnd
|
|
165
164
|
} = useCalendarState({
|
|
166
165
|
value,
|
|
167
|
-
defaultCalendarMonth,
|
|
168
166
|
referenceDate: referenceDateProp,
|
|
169
167
|
reduceAnimations,
|
|
170
168
|
onMonthChange,
|
|
@@ -360,16 +358,11 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
|
|
|
360
358
|
className: PropTypes.string,
|
|
361
359
|
/**
|
|
362
360
|
* Formats the day of week displayed in the calendar header.
|
|
363
|
-
* @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
|
|
364
361
|
* @param {TDate} date The date of the day of week provided by the adapter.
|
|
365
362
|
* @returns {string} The name to display.
|
|
366
363
|
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
|
367
364
|
*/
|
|
368
365
|
dayOfWeekFormatter: PropTypes.func,
|
|
369
|
-
/**
|
|
370
|
-
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
371
|
-
*/
|
|
372
|
-
defaultCalendarMonth: PropTypes.any,
|
|
373
366
|
/**
|
|
374
367
|
* The default selected value.
|
|
375
368
|
* Used when the component is not controlled.
|
|
@@ -540,7 +533,7 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
|
|
|
540
533
|
* Choose which timezone to use for the value.
|
|
541
534
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
542
535
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
543
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
536
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
544
537
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
545
538
|
*/
|
|
546
539
|
timezone: PropTypes.string,
|
|
@@ -215,6 +215,7 @@ export function DayCalendar(inProps) {
|
|
|
215
215
|
props: inProps,
|
|
216
216
|
name: 'MuiDayCalendar'
|
|
217
217
|
});
|
|
218
|
+
const utils = useUtils();
|
|
218
219
|
const {
|
|
219
220
|
onFocusedDayChange,
|
|
220
221
|
className,
|
|
@@ -238,7 +239,7 @@ export function DayCalendar(inProps) {
|
|
|
238
239
|
shouldDisableDate,
|
|
239
240
|
shouldDisableMonth,
|
|
240
241
|
shouldDisableYear,
|
|
241
|
-
dayOfWeekFormatter
|
|
242
|
+
dayOfWeekFormatter = date => utils.format(date, 'weekdayShort').charAt(0).toUpperCase(),
|
|
242
243
|
hasFocus,
|
|
243
244
|
onFocusedViewChange,
|
|
244
245
|
gridLabelId,
|
|
@@ -248,13 +249,9 @@ export function DayCalendar(inProps) {
|
|
|
248
249
|
timezone
|
|
249
250
|
} = props;
|
|
250
251
|
const now = useNow(timezone);
|
|
251
|
-
const utils = useUtils();
|
|
252
252
|
const classes = useUtilityClasses(props);
|
|
253
253
|
const theme = useTheme();
|
|
254
254
|
const isRTL = theme.direction === 'rtl';
|
|
255
|
-
|
|
256
|
-
// before we could define this outside of the component scope, but now we need utils, which is only defined here
|
|
257
|
-
const dayOfWeekFormatter = dayOfWeekFormatterFromProps || ((_day, date) => utils.format(date, 'weekdayShort').charAt(0).toUpperCase());
|
|
258
255
|
const isDateDisabled = useIsDateDisabled({
|
|
259
256
|
shouldDisableDate,
|
|
260
257
|
shouldDisableMonth,
|
|
@@ -409,16 +406,13 @@ export function DayCalendar(inProps) {
|
|
|
409
406
|
"aria-label": localeText.calendarWeekNumberHeaderLabel,
|
|
410
407
|
className: classes.weekNumberLabel,
|
|
411
408
|
children: localeText.calendarWeekNumberHeaderText
|
|
412
|
-
}), getWeekdays(utils, now).map((weekday, i) => {
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
children: dayOfWeekFormatter?.(day, weekday) ?? day
|
|
420
|
-
}, day + i.toString());
|
|
421
|
-
})]
|
|
409
|
+
}), getWeekdays(utils, now).map((weekday, i) => /*#__PURE__*/_jsx(PickersCalendarWeekDayLabel, {
|
|
410
|
+
variant: "caption",
|
|
411
|
+
role: "columnheader",
|
|
412
|
+
"aria-label": utils.format(utils.addDays(startOfCurrentWeek, i), 'weekday'),
|
|
413
|
+
className: classes.weekDayLabel,
|
|
414
|
+
children: dayOfWeekFormatter(weekday)
|
|
415
|
+
}, i.toString()))]
|
|
422
416
|
}), loading ? /*#__PURE__*/_jsx(PickersCalendarLoadingContainer, {
|
|
423
417
|
className: classes.loadingContainer,
|
|
424
418
|
children: renderLoading()
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
|
|
2
2
|
export const getDayCalendarUtilityClass = slot => generateUtilityClass('MuiDayCalendar', slot);
|
|
3
|
-
export const
|
|
3
|
+
export const dayCalendarClasses = generateUtilityClasses('MuiDayCalendar', ['root', 'header', 'weekDayLabel', 'loadingContainer', 'slideTransition', 'monthContainer', 'weekContainer', 'weekNumberLabel', 'weekNumber']);
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
export { DateCalendar } from './DateCalendar';
|
|
2
2
|
export { getDateCalendarUtilityClass, dateCalendarClasses } from './dateCalendarClasses';
|
|
3
|
-
export {
|
|
3
|
+
export { dayCalendarClasses } from './dayCalendarClasses';
|
|
4
4
|
export { pickersFadeTransitionGroupClasses } from './pickersFadeTransitionGroupClasses';
|
|
5
|
-
export { pickersSlideTransitionClasses } from './pickersSlideTransitionClasses';
|
|
6
|
-
// TODO v7: Remove and export the `PickersCalendarHeader` folder from the root instead.
|
|
7
|
-
export * from '../PickersCalendarHeader';
|
|
5
|
+
export { pickersSlideTransitionClasses } from './pickersSlideTransitionClasses';
|
|
@@ -38,7 +38,6 @@ export const useCalendarState = params => {
|
|
|
38
38
|
const {
|
|
39
39
|
value,
|
|
40
40
|
referenceDate: referenceDateProp,
|
|
41
|
-
defaultCalendarMonth,
|
|
42
41
|
disableFuture,
|
|
43
42
|
disablePast,
|
|
44
43
|
disableSwitchToMonthOnDayFocus = false,
|
|
@@ -52,19 +51,12 @@ export const useCalendarState = params => {
|
|
|
52
51
|
const utils = useUtils();
|
|
53
52
|
const reducerFn = React.useRef(createCalendarStateReducer(Boolean(reduceAnimations), disableSwitchToMonthOnDayFocus, utils)).current;
|
|
54
53
|
const referenceDate = React.useMemo(() => {
|
|
55
|
-
let externalReferenceDate = null;
|
|
56
|
-
if (referenceDateProp) {
|
|
57
|
-
externalReferenceDate = referenceDateProp;
|
|
58
|
-
} else if (defaultCalendarMonth) {
|
|
59
|
-
// For `defaultCalendarMonth`, we just want to keep the month and the year to avoid a behavior change.
|
|
60
|
-
externalReferenceDate = utils.startOfMonth(defaultCalendarMonth);
|
|
61
|
-
}
|
|
62
54
|
return singleItemValueManager.getInitialReferenceValue({
|
|
63
55
|
value,
|
|
64
56
|
utils,
|
|
65
57
|
timezone,
|
|
66
58
|
props: params,
|
|
67
|
-
referenceDate:
|
|
59
|
+
referenceDate: referenceDateProp,
|
|
68
60
|
granularity: SECTION_TYPE_GRANULARITY.day
|
|
69
61
|
});
|
|
70
62
|
}, [] // eslint-disable-line react-hooks/exhaustive-deps
|
|
@@ -331,7 +331,7 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
|
|
|
331
331
|
* Choose which timezone to use for the value.
|
|
332
332
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
333
333
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
334
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
334
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
335
335
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
336
336
|
*/
|
|
337
337
|
timezone: PropTypes.string,
|
|
@@ -66,16 +66,11 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
|
|
|
66
66
|
closeOnSelect: PropTypes.bool,
|
|
67
67
|
/**
|
|
68
68
|
* Formats the day of week displayed in the calendar header.
|
|
69
|
-
* @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
|
|
70
69
|
* @param {TDate} date The date of the day of week provided by the adapter.
|
|
71
70
|
* @returns {string} The name to display.
|
|
72
71
|
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
|
73
72
|
*/
|
|
74
73
|
dayOfWeekFormatter: PropTypes.func,
|
|
75
|
-
/**
|
|
76
|
-
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
77
|
-
*/
|
|
78
|
-
defaultCalendarMonth: PropTypes.any,
|
|
79
74
|
/**
|
|
80
75
|
* The default value.
|
|
81
76
|
* Used when the component is not controlled.
|
|
@@ -320,7 +315,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
|
|
|
320
315
|
* Choose which timezone to use for the value.
|
|
321
316
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
322
317
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
323
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
318
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
324
319
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
325
320
|
*/
|
|
326
321
|
timezone: PropTypes.string,
|
|
@@ -302,14 +302,6 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
302
302
|
endIndex: PropTypes.number.isRequired,
|
|
303
303
|
startIndex: PropTypes.number.isRequired
|
|
304
304
|
})]),
|
|
305
|
-
/**
|
|
306
|
-
* Disable specific clock time.
|
|
307
|
-
* @param {number} clockValue The value to check.
|
|
308
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
309
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
310
|
-
* @deprecated Consider using `shouldDisableTime`.
|
|
311
|
-
*/
|
|
312
|
-
shouldDisableClock: PropTypes.func,
|
|
313
305
|
/**
|
|
314
306
|
* Disable specific date.
|
|
315
307
|
*
|
|
@@ -380,7 +372,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
380
372
|
* Choose which timezone to use for the value.
|
|
381
373
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
382
374
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
383
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
375
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
384
376
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
385
377
|
*/
|
|
386
378
|
timezone: PropTypes.string,
|
|
@@ -76,16 +76,11 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
|
|
|
76
76
|
closeOnSelect: PropTypes.bool,
|
|
77
77
|
/**
|
|
78
78
|
* Formats the day of week displayed in the calendar header.
|
|
79
|
-
* @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
|
|
80
79
|
* @param {TDate} date The date of the day of week provided by the adapter.
|
|
81
80
|
* @returns {string} The name to display.
|
|
82
81
|
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
|
83
82
|
*/
|
|
84
83
|
dayOfWeekFormatter: PropTypes.func,
|
|
85
|
-
/**
|
|
86
|
-
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
87
|
-
*/
|
|
88
|
-
defaultCalendarMonth: PropTypes.any,
|
|
89
84
|
/**
|
|
90
85
|
* The default value.
|
|
91
86
|
* Used when the component is not controlled.
|
|
@@ -305,14 +300,6 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
|
|
|
305
300
|
endIndex: PropTypes.number.isRequired,
|
|
306
301
|
startIndex: PropTypes.number.isRequired
|
|
307
302
|
})]),
|
|
308
|
-
/**
|
|
309
|
-
* Disable specific clock time.
|
|
310
|
-
* @param {number} clockValue The value to check.
|
|
311
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
312
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
313
|
-
* @deprecated Consider using `shouldDisableTime`.
|
|
314
|
-
*/
|
|
315
|
-
shouldDisableClock: PropTypes.func,
|
|
316
303
|
/**
|
|
317
304
|
* Disable specific date.
|
|
318
305
|
*
|
|
@@ -395,7 +382,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
|
|
|
395
382
|
* Choose which timezone to use for the value.
|
|
396
383
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
397
384
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
398
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
385
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
399
386
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
400
387
|
*/
|
|
401
388
|
timezone: PropTypes.string,
|
|
@@ -86,16 +86,11 @@ DesktopDatePicker.propTypes = {
|
|
|
86
86
|
closeOnSelect: PropTypes.bool,
|
|
87
87
|
/**
|
|
88
88
|
* Formats the day of week displayed in the calendar header.
|
|
89
|
-
* @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
|
|
90
89
|
* @param {TDate} date The date of the day of week provided by the adapter.
|
|
91
90
|
* @returns {string} The name to display.
|
|
92
91
|
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
|
93
92
|
*/
|
|
94
93
|
dayOfWeekFormatter: PropTypes.func,
|
|
95
|
-
/**
|
|
96
|
-
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
97
|
-
*/
|
|
98
|
-
defaultCalendarMonth: PropTypes.any,
|
|
99
94
|
/**
|
|
100
95
|
* The default value.
|
|
101
96
|
* Used when the component is not controlled.
|
|
@@ -334,7 +329,7 @@ DesktopDatePicker.propTypes = {
|
|
|
334
329
|
* Choose which timezone to use for the value.
|
|
335
330
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
336
331
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
337
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
332
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
338
333
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
339
334
|
*/
|
|
340
335
|
timezone: PropTypes.string,
|
|
@@ -135,16 +135,11 @@ DesktopDateTimePicker.propTypes = {
|
|
|
135
135
|
closeOnSelect: PropTypes.bool,
|
|
136
136
|
/**
|
|
137
137
|
* Formats the day of week displayed in the calendar header.
|
|
138
|
-
* @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
|
|
139
138
|
* @param {TDate} date The date of the day of week provided by the adapter.
|
|
140
139
|
* @returns {string} The name to display.
|
|
141
140
|
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
|
142
141
|
*/
|
|
143
142
|
dayOfWeekFormatter: PropTypes.func,
|
|
144
|
-
/**
|
|
145
|
-
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
146
|
-
*/
|
|
147
|
-
defaultCalendarMonth: PropTypes.any,
|
|
148
143
|
/**
|
|
149
144
|
* The default value.
|
|
150
145
|
* Used when the component is not controlled.
|
|
@@ -358,14 +353,6 @@ DesktopDateTimePicker.propTypes = {
|
|
|
358
353
|
endIndex: PropTypes.number.isRequired,
|
|
359
354
|
startIndex: PropTypes.number.isRequired
|
|
360
355
|
})]),
|
|
361
|
-
/**
|
|
362
|
-
* Disable specific clock time.
|
|
363
|
-
* @param {number} clockValue The value to check.
|
|
364
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
365
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
366
|
-
* @deprecated Consider using `shouldDisableTime`.
|
|
367
|
-
*/
|
|
368
|
-
shouldDisableClock: PropTypes.func,
|
|
369
356
|
/**
|
|
370
357
|
* Disable specific date.
|
|
371
358
|
*
|
|
@@ -448,7 +435,7 @@ DesktopDateTimePicker.propTypes = {
|
|
|
448
435
|
* Choose which timezone to use for the value.
|
|
449
436
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
450
437
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
451
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
438
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
452
439
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
453
440
|
*/
|
|
454
441
|
timezone: PropTypes.string,
|
|
@@ -269,14 +269,6 @@ DesktopTimePicker.propTypes = {
|
|
|
269
269
|
endIndex: PropTypes.number.isRequired,
|
|
270
270
|
startIndex: PropTypes.number.isRequired
|
|
271
271
|
})]),
|
|
272
|
-
/**
|
|
273
|
-
* Disable specific clock time.
|
|
274
|
-
* @param {number} clockValue The value to check.
|
|
275
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
276
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
277
|
-
* @deprecated Consider using `shouldDisableTime`.
|
|
278
|
-
*/
|
|
279
|
-
shouldDisableClock: PropTypes.func,
|
|
280
272
|
/**
|
|
281
273
|
* Disable specific time.
|
|
282
274
|
* @template TDate
|
|
@@ -324,7 +316,7 @@ DesktopTimePicker.propTypes = {
|
|
|
324
316
|
* Choose which timezone to use for the value.
|
|
325
317
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
326
318
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
327
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
319
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
328
320
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
329
321
|
*/
|
|
330
322
|
timezone: PropTypes.string,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
-
const _excluded = ["ampm", "timeStep", "autoFocus", "slots", "slotProps", "value", "defaultValue", "referenceDate", "disableIgnoringDatePartForTimeValidation", "maxTime", "minTime", "disableFuture", "disablePast", "minutesStep", "
|
|
3
|
+
const _excluded = ["ampm", "timeStep", "autoFocus", "slots", "slotProps", "value", "defaultValue", "referenceDate", "disableIgnoringDatePartForTimeValidation", "maxTime", "minTime", "disableFuture", "disablePast", "minutesStep", "shouldDisableTime", "onChange", "view", "openTo", "onViewChange", "focusedView", "onFocusedViewChange", "className", "disabled", "readOnly", "views", "skipDisabled", "timezone"];
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import clsx from 'clsx';
|
|
6
6
|
import PropTypes from 'prop-types';
|
|
@@ -112,7 +112,6 @@ export const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(
|
|
|
112
112
|
disableFuture,
|
|
113
113
|
disablePast,
|
|
114
114
|
minutesStep = 1,
|
|
115
|
-
shouldDisableClock,
|
|
116
115
|
shouldDisableTime,
|
|
117
116
|
onChange,
|
|
118
117
|
view: inView,
|
|
@@ -212,16 +211,13 @@ export const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(
|
|
|
212
211
|
if (utils.getMinutes(valueToCheck) % minutesStep !== 0) {
|
|
213
212
|
return false;
|
|
214
213
|
}
|
|
215
|
-
if (shouldDisableClock?.(utils.toJsDate(valueToCheck).getTime(), 'hours')) {
|
|
216
|
-
return false;
|
|
217
|
-
}
|
|
218
214
|
if (shouldDisableTime) {
|
|
219
215
|
return !shouldDisableTime(valueToCheck, 'hours');
|
|
220
216
|
}
|
|
221
217
|
return true;
|
|
222
218
|
};
|
|
223
219
|
return !containsValidTime() || !isValidValue();
|
|
224
|
-
}, [disableIgnoringDatePartForTimeValidation, utils, minTime, maxTime, disableFuture, now, disablePast, minutesStep,
|
|
220
|
+
}, [disableIgnoringDatePartForTimeValidation, utils, minTime, maxTime, disableFuture, now, disablePast, minutesStep, shouldDisableTime]);
|
|
225
221
|
const timeOptions = React.useMemo(() => {
|
|
226
222
|
const startOfDay = utils.startOfDay(valueOrReferenceDate);
|
|
227
223
|
return [startOfDay, ...Array.from({
|
|
@@ -243,6 +239,7 @@ export const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(
|
|
|
243
239
|
return null;
|
|
244
240
|
}
|
|
245
241
|
const isSelected = utils.isEqual(option, value);
|
|
242
|
+
const formattedValue = utils.format(option, ampm ? 'fullTime12h' : 'fullTime24h');
|
|
246
243
|
const tabIndex = focusedOptionIndex === index || focusedOptionIndex === -1 && index === 0 ? 0 : -1;
|
|
247
244
|
return /*#__PURE__*/_jsx(ClockItem, _extends({
|
|
248
245
|
onClick: () => !readOnly && handleItemSelect(option),
|
|
@@ -256,8 +253,8 @@ export const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(
|
|
|
256
253
|
"aria-selected": isSelected,
|
|
257
254
|
tabIndex: tabIndex
|
|
258
255
|
}, clockItemProps, {
|
|
259
|
-
children:
|
|
260
|
-
}),
|
|
256
|
+
children: formattedValue
|
|
257
|
+
}), formattedValue);
|
|
261
258
|
})
|
|
262
259
|
})
|
|
263
260
|
}));
|
|
@@ -365,14 +362,6 @@ process.env.NODE_ENV !== "production" ? DigitalClock.propTypes = {
|
|
|
365
362
|
* @default The closest valid time using the validation props, except callbacks such as `shouldDisableTime`.
|
|
366
363
|
*/
|
|
367
364
|
referenceDate: PropTypes.any,
|
|
368
|
-
/**
|
|
369
|
-
* Disable specific clock time.
|
|
370
|
-
* @param {number} clockValue The value to check.
|
|
371
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
372
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
373
|
-
* @deprecated Consider using `shouldDisableTime`.
|
|
374
|
-
*/
|
|
375
|
-
shouldDisableClock: PropTypes.func,
|
|
376
365
|
/**
|
|
377
366
|
* Disable specific time.
|
|
378
367
|
* @template TDate
|
|
@@ -410,7 +399,7 @@ process.env.NODE_ENV !== "production" ? DigitalClock.propTypes = {
|
|
|
410
399
|
* Choose which timezone to use for the value.
|
|
411
400
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
412
401
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
413
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
402
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
414
403
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
415
404
|
*/
|
|
416
405
|
timezone: PropTypes.string,
|
|
@@ -107,10 +107,6 @@ process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
|
|
|
107
107
|
dateFormats: PropTypes.shape({
|
|
108
108
|
dayOfMonth: PropTypes.string,
|
|
109
109
|
fullDate: PropTypes.string,
|
|
110
|
-
fullDateTime: PropTypes.string,
|
|
111
|
-
fullDateTime12h: PropTypes.string,
|
|
112
|
-
fullDateTime24h: PropTypes.string,
|
|
113
|
-
fullDateWithWeekday: PropTypes.string,
|
|
114
110
|
fullTime: PropTypes.string,
|
|
115
111
|
fullTime12h: PropTypes.string,
|
|
116
112
|
fullTime24h: PropTypes.string,
|
|
@@ -123,8 +119,6 @@ process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
|
|
|
123
119
|
meridiem: PropTypes.string,
|
|
124
120
|
minutes: PropTypes.string,
|
|
125
121
|
month: PropTypes.string,
|
|
126
|
-
monthAndDate: PropTypes.string,
|
|
127
|
-
monthAndYear: PropTypes.string,
|
|
128
122
|
monthShort: PropTypes.string,
|
|
129
123
|
normalDate: PropTypes.string,
|
|
130
124
|
normalDateWithWeekday: PropTypes.string,
|
|
@@ -83,16 +83,11 @@ MobileDatePicker.propTypes = {
|
|
|
83
83
|
closeOnSelect: PropTypes.bool,
|
|
84
84
|
/**
|
|
85
85
|
* Formats the day of week displayed in the calendar header.
|
|
86
|
-
* @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
|
|
87
86
|
* @param {TDate} date The date of the day of week provided by the adapter.
|
|
88
87
|
* @returns {string} The name to display.
|
|
89
88
|
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
|
90
89
|
*/
|
|
91
90
|
dayOfWeekFormatter: PropTypes.func,
|
|
92
|
-
/**
|
|
93
|
-
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
94
|
-
*/
|
|
95
|
-
defaultCalendarMonth: PropTypes.any,
|
|
96
91
|
/**
|
|
97
92
|
* The default value.
|
|
98
93
|
* Used when the component is not controlled.
|
|
@@ -331,7 +326,7 @@ MobileDatePicker.propTypes = {
|
|
|
331
326
|
* Choose which timezone to use for the value.
|
|
332
327
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
333
328
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
334
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
329
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
335
330
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
336
331
|
*/
|
|
337
332
|
timezone: PropTypes.string,
|
|
@@ -104,16 +104,11 @@ MobileDateTimePicker.propTypes = {
|
|
|
104
104
|
closeOnSelect: PropTypes.bool,
|
|
105
105
|
/**
|
|
106
106
|
* Formats the day of week displayed in the calendar header.
|
|
107
|
-
* @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
|
|
108
107
|
* @param {TDate} date The date of the day of week provided by the adapter.
|
|
109
108
|
* @returns {string} The name to display.
|
|
110
109
|
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
|
111
110
|
*/
|
|
112
111
|
dayOfWeekFormatter: PropTypes.func,
|
|
113
|
-
/**
|
|
114
|
-
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
115
|
-
*/
|
|
116
|
-
defaultCalendarMonth: PropTypes.any,
|
|
117
112
|
/**
|
|
118
113
|
* The default value.
|
|
119
114
|
* Used when the component is not controlled.
|
|
@@ -327,14 +322,6 @@ MobileDateTimePicker.propTypes = {
|
|
|
327
322
|
endIndex: PropTypes.number.isRequired,
|
|
328
323
|
startIndex: PropTypes.number.isRequired
|
|
329
324
|
})]),
|
|
330
|
-
/**
|
|
331
|
-
* Disable specific clock time.
|
|
332
|
-
* @param {number} clockValue The value to check.
|
|
333
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
334
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
335
|
-
* @deprecated Consider using `shouldDisableTime`.
|
|
336
|
-
*/
|
|
337
|
-
shouldDisableClock: PropTypes.func,
|
|
338
325
|
/**
|
|
339
326
|
* Disable specific date.
|
|
340
327
|
*
|
|
@@ -396,7 +383,7 @@ MobileDateTimePicker.propTypes = {
|
|
|
396
383
|
* Choose which timezone to use for the value.
|
|
397
384
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
398
385
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
399
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
386
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
400
387
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
401
388
|
*/
|
|
402
389
|
timezone: PropTypes.string,
|
|
@@ -248,14 +248,6 @@ MobileTimePicker.propTypes = {
|
|
|
248
248
|
endIndex: PropTypes.number.isRequired,
|
|
249
249
|
startIndex: PropTypes.number.isRequired
|
|
250
250
|
})]),
|
|
251
|
-
/**
|
|
252
|
-
* Disable specific clock time.
|
|
253
|
-
* @param {number} clockValue The value to check.
|
|
254
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
255
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
256
|
-
* @deprecated Consider using `shouldDisableTime`.
|
|
257
|
-
*/
|
|
258
|
-
shouldDisableClock: PropTypes.func,
|
|
259
251
|
/**
|
|
260
252
|
* Disable specific time.
|
|
261
253
|
* @template TDate
|
|
@@ -282,7 +274,7 @@ MobileTimePicker.propTypes = {
|
|
|
282
274
|
* Choose which timezone to use for the value.
|
|
283
275
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
284
276
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
285
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
277
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
286
278
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
287
279
|
*/
|
|
288
280
|
timezone: PropTypes.string,
|
|
@@ -315,7 +315,7 @@ process.env.NODE_ENV !== "production" ? MonthCalendar.propTypes = {
|
|
|
315
315
|
* Choose which timezone to use for the value.
|
|
316
316
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
317
317
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
318
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
318
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
319
319
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
320
320
|
*/
|
|
321
321
|
timezone: PropTypes.string,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
-
const _excluded = ["ampm", "timeSteps", "autoFocus", "slots", "slotProps", "value", "defaultValue", "referenceDate", "disableIgnoringDatePartForTimeValidation", "maxTime", "minTime", "disableFuture", "disablePast", "minutesStep", "
|
|
3
|
+
const _excluded = ["ampm", "timeSteps", "autoFocus", "slots", "slotProps", "value", "defaultValue", "referenceDate", "disableIgnoringDatePartForTimeValidation", "maxTime", "minTime", "disableFuture", "disablePast", "minutesStep", "shouldDisableTime", "onChange", "view", "views", "openTo", "onViewChange", "focusedView", "onFocusedViewChange", "className", "disabled", "readOnly", "skipDisabled", "timezone"];
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import clsx from 'clsx';
|
|
6
6
|
import PropTypes from 'prop-types';
|
|
@@ -72,7 +72,6 @@ export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function M
|
|
|
72
72
|
disableFuture,
|
|
73
73
|
disablePast,
|
|
74
74
|
minutesStep = 1,
|
|
75
|
-
shouldDisableClock,
|
|
76
75
|
shouldDisableTime,
|
|
77
76
|
onChange,
|
|
78
77
|
view: inView,
|
|
@@ -166,9 +165,6 @@ export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function M
|
|
|
166
165
|
if (timeValue % step !== 0) {
|
|
167
166
|
return false;
|
|
168
167
|
}
|
|
169
|
-
if (shouldDisableClock?.(timeValue, viewType)) {
|
|
170
|
-
return false;
|
|
171
|
-
}
|
|
172
168
|
if (shouldDisableTime) {
|
|
173
169
|
switch (viewType) {
|
|
174
170
|
case 'hours':
|
|
@@ -218,7 +214,7 @@ export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function M
|
|
|
218
214
|
default:
|
|
219
215
|
throw new Error('not supported');
|
|
220
216
|
}
|
|
221
|
-
}, [ampm, valueOrReferenceDate, disableIgnoringDatePartForTimeValidation, maxTime, meridiemMode, minTime, minutesStep,
|
|
217
|
+
}, [ampm, valueOrReferenceDate, disableIgnoringDatePartForTimeValidation, maxTime, meridiemMode, minTime, minutesStep, shouldDisableTime, utils, disableFuture, disablePast, now, views]);
|
|
222
218
|
const handleSectionChange = useEventCallback((sectionView, newValue) => {
|
|
223
219
|
const viewIndex = views.indexOf(sectionView);
|
|
224
220
|
const nextView = views[viewIndex + 1];
|
|
@@ -434,14 +430,6 @@ process.env.NODE_ENV !== "production" ? MultiSectionDigitalClock.propTypes = {
|
|
|
434
430
|
* @default The closest valid time using the validation props, except callbacks such as `shouldDisableTime`.
|
|
435
431
|
*/
|
|
436
432
|
referenceDate: PropTypes.any,
|
|
437
|
-
/**
|
|
438
|
-
* Disable specific clock time.
|
|
439
|
-
* @param {number} clockValue The value to check.
|
|
440
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
441
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
442
|
-
* @deprecated Consider using `shouldDisableTime`.
|
|
443
|
-
*/
|
|
444
|
-
shouldDisableClock: PropTypes.func,
|
|
445
433
|
/**
|
|
446
434
|
* Disable specific time.
|
|
447
435
|
* @template TDate
|
|
@@ -483,7 +471,7 @@ process.env.NODE_ENV !== "production" ? MultiSectionDigitalClock.propTypes = {
|
|
|
483
471
|
* Choose which timezone to use for the value.
|
|
484
472
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
485
473
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
486
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
474
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
487
475
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
488
476
|
*/
|
|
489
477
|
timezone: PropTypes.string,
|