@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
|
@@ -28,13 +28,12 @@ var PickersSlideTransitionRoot = styled(TransitionGroup, {
|
|
|
28
28
|
return [styles.root, _defineProperty({}, ".".concat(pickersSlideTransitionClasses['slideEnter-left']), styles['slideEnter-left']), _defineProperty({}, ".".concat(pickersSlideTransitionClasses['slideEnter-right']), styles['slideEnter-right']), _defineProperty({}, ".".concat(pickersSlideTransitionClasses.slideEnterActive), styles.slideEnterActive), _defineProperty({}, ".".concat(pickersSlideTransitionClasses.slideExit), styles.slideExit), _defineProperty({}, ".".concat(pickersSlideTransitionClasses['slideExitActiveLeft-left']), styles['slideExitActiveLeft-left']), _defineProperty({}, ".".concat(pickersSlideTransitionClasses['slideExitActiveLeft-right']), styles['slideExitActiveLeft-right'])];
|
|
29
29
|
}
|
|
30
30
|
})(function (_ref7) {
|
|
31
|
-
var _ref8;
|
|
32
31
|
var theme = _ref7.theme;
|
|
33
32
|
var slideTransition = theme.transitions.create('transform', {
|
|
34
33
|
duration: theme.transitions.duration.complex,
|
|
35
34
|
easing: 'cubic-bezier(0.35, 0.8, 0.4, 1)'
|
|
36
35
|
});
|
|
37
|
-
return
|
|
36
|
+
return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
|
|
38
37
|
display: 'block',
|
|
39
38
|
position: 'relative',
|
|
40
39
|
overflowX: 'hidden',
|
|
@@ -44,30 +43,30 @@ var PickersSlideTransitionRoot = styled(TransitionGroup, {
|
|
|
44
43
|
right: 0,
|
|
45
44
|
left: 0
|
|
46
45
|
}
|
|
47
|
-
},
|
|
46
|
+
}, "& .".concat(pickersSlideTransitionClasses['slideEnter-left']), {
|
|
48
47
|
willChange: 'transform',
|
|
49
48
|
transform: 'translate(100%)',
|
|
50
49
|
zIndex: 1
|
|
51
|
-
}),
|
|
50
|
+
}), "& .".concat(pickersSlideTransitionClasses['slideEnter-right']), {
|
|
52
51
|
willChange: 'transform',
|
|
53
52
|
transform: 'translate(-100%)',
|
|
54
53
|
zIndex: 1
|
|
55
|
-
}),
|
|
54
|
+
}), "& .".concat(pickersSlideTransitionClasses.slideEnterActive), {
|
|
56
55
|
transform: 'translate(0%)',
|
|
57
56
|
transition: slideTransition
|
|
58
|
-
}),
|
|
57
|
+
}), "& .".concat(pickersSlideTransitionClasses.slideExit), {
|
|
59
58
|
transform: 'translate(0%)'
|
|
60
|
-
}),
|
|
59
|
+
}), "& .".concat(pickersSlideTransitionClasses['slideExitActiveLeft-left']), {
|
|
61
60
|
willChange: 'transform',
|
|
62
61
|
transform: 'translate(-100%)',
|
|
63
62
|
transition: slideTransition,
|
|
64
63
|
zIndex: 0
|
|
65
|
-
}),
|
|
64
|
+
}), "& .".concat(pickersSlideTransitionClasses['slideExitActiveLeft-right']), {
|
|
66
65
|
willChange: 'transform',
|
|
67
66
|
transform: 'translate(100%)',
|
|
68
67
|
transition: slideTransition,
|
|
69
68
|
zIndex: 0
|
|
70
|
-
})
|
|
69
|
+
});
|
|
71
70
|
});
|
|
72
71
|
|
|
73
72
|
/**
|
|
@@ -2,4 +2,4 @@ import { unstable_generateUtilityClass as generateUtilityClass, unstable_generat
|
|
|
2
2
|
export var getDayCalendarUtilityClass = function getDayCalendarUtilityClass(slot) {
|
|
3
3
|
return generateUtilityClass('MuiDayCalendar', slot);
|
|
4
4
|
};
|
|
5
|
-
export var
|
|
5
|
+
export var 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';
|
|
@@ -40,7 +40,6 @@ export var createCalendarStateReducer = function createCalendarStateReducer(redu
|
|
|
40
40
|
export var useCalendarState = function useCalendarState(params) {
|
|
41
41
|
var value = params.value,
|
|
42
42
|
referenceDateProp = params.referenceDate,
|
|
43
|
-
defaultCalendarMonth = params.defaultCalendarMonth,
|
|
44
43
|
disableFuture = params.disableFuture,
|
|
45
44
|
disablePast = params.disablePast,
|
|
46
45
|
_params$disableSwitch = params.disableSwitchToMonthOnDayFocus,
|
|
@@ -54,19 +53,12 @@ export var useCalendarState = function useCalendarState(params) {
|
|
|
54
53
|
var utils = useUtils();
|
|
55
54
|
var reducerFn = React.useRef(createCalendarStateReducer(Boolean(reduceAnimations), disableSwitchToMonthOnDayFocus, utils)).current;
|
|
56
55
|
var referenceDate = React.useMemo(function () {
|
|
57
|
-
var externalReferenceDate = null;
|
|
58
|
-
if (referenceDateProp) {
|
|
59
|
-
externalReferenceDate = referenceDateProp;
|
|
60
|
-
} else if (defaultCalendarMonth) {
|
|
61
|
-
// For `defaultCalendarMonth`, we just want to keep the month and the year to avoid a behavior change.
|
|
62
|
-
externalReferenceDate = utils.startOfMonth(defaultCalendarMonth);
|
|
63
|
-
}
|
|
64
56
|
return singleItemValueManager.getInitialReferenceValue({
|
|
65
57
|
value: value,
|
|
66
58
|
utils: utils,
|
|
67
59
|
timezone: timezone,
|
|
68
60
|
props: params,
|
|
69
|
-
referenceDate:
|
|
61
|
+
referenceDate: referenceDateProp,
|
|
70
62
|
granularity: SECTION_TYPE_GRANULARITY.day
|
|
71
63
|
});
|
|
72
64
|
}, [] // eslint-disable-line react-hooks/exhaustive-deps
|
|
@@ -325,7 +325,7 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
|
|
|
325
325
|
* Choose which timezone to use for the value.
|
|
326
326
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
327
327
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
328
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
328
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
329
329
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
330
330
|
*/
|
|
331
331
|
timezone: PropTypes.string,
|
|
@@ -65,16 +65,11 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
|
|
|
65
65
|
closeOnSelect: PropTypes.bool,
|
|
66
66
|
/**
|
|
67
67
|
* Formats the day of week displayed in the calendar header.
|
|
68
|
-
* @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
|
|
69
68
|
* @param {TDate} date The date of the day of week provided by the adapter.
|
|
70
69
|
* @returns {string} The name to display.
|
|
71
70
|
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
|
72
71
|
*/
|
|
73
72
|
dayOfWeekFormatter: PropTypes.func,
|
|
74
|
-
/**
|
|
75
|
-
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
76
|
-
*/
|
|
77
|
-
defaultCalendarMonth: PropTypes.any,
|
|
78
73
|
/**
|
|
79
74
|
* The default value.
|
|
80
75
|
* Used when the component is not controlled.
|
|
@@ -319,7 +314,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
|
|
|
319
314
|
* Choose which timezone to use for the value.
|
|
320
315
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
321
316
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
322
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
317
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
323
318
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
324
319
|
*/
|
|
325
320
|
timezone: PropTypes.string,
|
|
@@ -296,14 +296,6 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
296
296
|
endIndex: PropTypes.number.isRequired,
|
|
297
297
|
startIndex: PropTypes.number.isRequired
|
|
298
298
|
})]),
|
|
299
|
-
/**
|
|
300
|
-
* Disable specific clock time.
|
|
301
|
-
* @param {number} clockValue The value to check.
|
|
302
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
303
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
304
|
-
* @deprecated Consider using `shouldDisableTime`.
|
|
305
|
-
*/
|
|
306
|
-
shouldDisableClock: PropTypes.func,
|
|
307
299
|
/**
|
|
308
300
|
* Disable specific date.
|
|
309
301
|
*
|
|
@@ -374,7 +366,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
374
366
|
* Choose which timezone to use for the value.
|
|
375
367
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
376
368
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
377
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
369
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
378
370
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
379
371
|
*/
|
|
380
372
|
timezone: PropTypes.string,
|
|
@@ -75,16 +75,11 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
|
|
|
75
75
|
closeOnSelect: PropTypes.bool,
|
|
76
76
|
/**
|
|
77
77
|
* Formats the day of week displayed in the calendar header.
|
|
78
|
-
* @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
|
|
79
78
|
* @param {TDate} date The date of the day of week provided by the adapter.
|
|
80
79
|
* @returns {string} The name to display.
|
|
81
80
|
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
|
82
81
|
*/
|
|
83
82
|
dayOfWeekFormatter: PropTypes.func,
|
|
84
|
-
/**
|
|
85
|
-
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
86
|
-
*/
|
|
87
|
-
defaultCalendarMonth: PropTypes.any,
|
|
88
83
|
/**
|
|
89
84
|
* The default value.
|
|
90
85
|
* Used when the component is not controlled.
|
|
@@ -304,14 +299,6 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
|
|
|
304
299
|
endIndex: PropTypes.number.isRequired,
|
|
305
300
|
startIndex: PropTypes.number.isRequired
|
|
306
301
|
})]),
|
|
307
|
-
/**
|
|
308
|
-
* Disable specific clock time.
|
|
309
|
-
* @param {number} clockValue The value to check.
|
|
310
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
311
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
312
|
-
* @deprecated Consider using `shouldDisableTime`.
|
|
313
|
-
*/
|
|
314
|
-
shouldDisableClock: PropTypes.func,
|
|
315
302
|
/**
|
|
316
303
|
* Disable specific date.
|
|
317
304
|
*
|
|
@@ -394,7 +381,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
|
|
|
394
381
|
* Choose which timezone to use for the value.
|
|
395
382
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
396
383
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
397
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
384
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
398
385
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
399
386
|
*/
|
|
400
387
|
timezone: PropTypes.string,
|
|
@@ -89,16 +89,11 @@ DesktopDatePicker.propTypes = {
|
|
|
89
89
|
closeOnSelect: PropTypes.bool,
|
|
90
90
|
/**
|
|
91
91
|
* Formats the day of week displayed in the calendar header.
|
|
92
|
-
* @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
|
|
93
92
|
* @param {TDate} date The date of the day of week provided by the adapter.
|
|
94
93
|
* @returns {string} The name to display.
|
|
95
94
|
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
|
96
95
|
*/
|
|
97
96
|
dayOfWeekFormatter: PropTypes.func,
|
|
98
|
-
/**
|
|
99
|
-
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
100
|
-
*/
|
|
101
|
-
defaultCalendarMonth: PropTypes.any,
|
|
102
97
|
/**
|
|
103
98
|
* The default value.
|
|
104
99
|
* Used when the component is not controlled.
|
|
@@ -337,7 +332,7 @@ DesktopDatePicker.propTypes = {
|
|
|
337
332
|
* Choose which timezone to use for the value.
|
|
338
333
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
339
334
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
340
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
335
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
341
336
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
342
337
|
*/
|
|
343
338
|
timezone: PropTypes.string,
|
|
@@ -137,16 +137,11 @@ DesktopDateTimePicker.propTypes = {
|
|
|
137
137
|
closeOnSelect: PropTypes.bool,
|
|
138
138
|
/**
|
|
139
139
|
* Formats the day of week displayed in the calendar header.
|
|
140
|
-
* @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
|
|
141
140
|
* @param {TDate} date The date of the day of week provided by the adapter.
|
|
142
141
|
* @returns {string} The name to display.
|
|
143
142
|
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
|
144
143
|
*/
|
|
145
144
|
dayOfWeekFormatter: PropTypes.func,
|
|
146
|
-
/**
|
|
147
|
-
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
148
|
-
*/
|
|
149
|
-
defaultCalendarMonth: PropTypes.any,
|
|
150
145
|
/**
|
|
151
146
|
* The default value.
|
|
152
147
|
* Used when the component is not controlled.
|
|
@@ -360,14 +355,6 @@ DesktopDateTimePicker.propTypes = {
|
|
|
360
355
|
endIndex: PropTypes.number.isRequired,
|
|
361
356
|
startIndex: PropTypes.number.isRequired
|
|
362
357
|
})]),
|
|
363
|
-
/**
|
|
364
|
-
* Disable specific clock time.
|
|
365
|
-
* @param {number} clockValue The value to check.
|
|
366
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
367
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
368
|
-
* @deprecated Consider using `shouldDisableTime`.
|
|
369
|
-
*/
|
|
370
|
-
shouldDisableClock: PropTypes.func,
|
|
371
358
|
/**
|
|
372
359
|
* Disable specific date.
|
|
373
360
|
*
|
|
@@ -450,7 +437,7 @@ DesktopDateTimePicker.propTypes = {
|
|
|
450
437
|
* Choose which timezone to use for the value.
|
|
451
438
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
452
439
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
453
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
440
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
454
441
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
455
442
|
*/
|
|
456
443
|
timezone: PropTypes.string,
|
|
@@ -273,14 +273,6 @@ DesktopTimePicker.propTypes = {
|
|
|
273
273
|
endIndex: PropTypes.number.isRequired,
|
|
274
274
|
startIndex: PropTypes.number.isRequired
|
|
275
275
|
})]),
|
|
276
|
-
/**
|
|
277
|
-
* Disable specific clock time.
|
|
278
|
-
* @param {number} clockValue The value to check.
|
|
279
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
280
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
281
|
-
* @deprecated Consider using `shouldDisableTime`.
|
|
282
|
-
*/
|
|
283
|
-
shouldDisableClock: PropTypes.func,
|
|
284
276
|
/**
|
|
285
277
|
* Disable specific time.
|
|
286
278
|
* @template TDate
|
|
@@ -328,7 +320,7 @@ DesktopTimePicker.propTypes = {
|
|
|
328
320
|
* Choose which timezone to use for the value.
|
|
329
321
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
330
322
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
331
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
323
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
332
324
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
333
325
|
*/
|
|
334
326
|
timezone: PropTypes.string,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
2
2
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
4
|
-
var _excluded = ["ampm", "timeStep", "autoFocus", "slots", "slotProps", "value", "defaultValue", "referenceDate", "disableIgnoringDatePartForTimeValidation", "maxTime", "minTime", "disableFuture", "disablePast", "minutesStep", "
|
|
4
|
+
var _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"];
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import clsx from 'clsx';
|
|
7
7
|
import PropTypes from 'prop-types';
|
|
@@ -123,7 +123,6 @@ export var DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(in
|
|
|
123
123
|
disablePast = props.disablePast,
|
|
124
124
|
_props$minutesStep = props.minutesStep,
|
|
125
125
|
minutesStep = _props$minutesStep === void 0 ? 1 : _props$minutesStep,
|
|
126
|
-
shouldDisableClock = props.shouldDisableClock,
|
|
127
126
|
shouldDisableTime = props.shouldDisableTime,
|
|
128
127
|
onChange = props.onChange,
|
|
129
128
|
inView = props.view,
|
|
@@ -226,16 +225,13 @@ export var DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(in
|
|
|
226
225
|
if (utils.getMinutes(valueToCheck) % minutesStep !== 0) {
|
|
227
226
|
return false;
|
|
228
227
|
}
|
|
229
|
-
if (shouldDisableClock != null && shouldDisableClock(utils.toJsDate(valueToCheck).getTime(), 'hours')) {
|
|
230
|
-
return false;
|
|
231
|
-
}
|
|
232
228
|
if (shouldDisableTime) {
|
|
233
229
|
return !shouldDisableTime(valueToCheck, 'hours');
|
|
234
230
|
}
|
|
235
231
|
return true;
|
|
236
232
|
};
|
|
237
233
|
return !containsValidTime() || !isValidValue();
|
|
238
|
-
}, [disableIgnoringDatePartForTimeValidation, utils, minTime, maxTime, disableFuture, now, disablePast, minutesStep,
|
|
234
|
+
}, [disableIgnoringDatePartForTimeValidation, utils, minTime, maxTime, disableFuture, now, disablePast, minutesStep, shouldDisableTime]);
|
|
239
235
|
var timeOptions = React.useMemo(function () {
|
|
240
236
|
var startOfDay = utils.startOfDay(valueOrReferenceDate);
|
|
241
237
|
return [startOfDay].concat(_toConsumableArray(Array.from({
|
|
@@ -261,6 +257,7 @@ export var DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(in
|
|
|
261
257
|
return null;
|
|
262
258
|
}
|
|
263
259
|
var isSelected = utils.isEqual(option, value);
|
|
260
|
+
var formattedValue = utils.format(option, ampm ? 'fullTime12h' : 'fullTime24h');
|
|
264
261
|
var tabIndex = focusedOptionIndex === index || focusedOptionIndex === -1 && index === 0 ? 0 : -1;
|
|
265
262
|
return /*#__PURE__*/_jsx(ClockItem, _extends({
|
|
266
263
|
onClick: function onClick() {
|
|
@@ -276,8 +273,8 @@ export var DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(in
|
|
|
276
273
|
"aria-selected": isSelected,
|
|
277
274
|
tabIndex: tabIndex
|
|
278
275
|
}, clockItemProps, {
|
|
279
|
-
children:
|
|
280
|
-
}),
|
|
276
|
+
children: formattedValue
|
|
277
|
+
}), formattedValue);
|
|
281
278
|
})
|
|
282
279
|
})
|
|
283
280
|
}));
|
|
@@ -385,14 +382,6 @@ process.env.NODE_ENV !== "production" ? DigitalClock.propTypes = {
|
|
|
385
382
|
* @default The closest valid time using the validation props, except callbacks such as `shouldDisableTime`.
|
|
386
383
|
*/
|
|
387
384
|
referenceDate: PropTypes.any,
|
|
388
|
-
/**
|
|
389
|
-
* Disable specific clock time.
|
|
390
|
-
* @param {number} clockValue The value to check.
|
|
391
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
392
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
393
|
-
* @deprecated Consider using `shouldDisableTime`.
|
|
394
|
-
*/
|
|
395
|
-
shouldDisableClock: PropTypes.func,
|
|
396
385
|
/**
|
|
397
386
|
* Disable specific time.
|
|
398
387
|
* @template TDate
|
|
@@ -430,7 +419,7 @@ process.env.NODE_ENV !== "production" ? DigitalClock.propTypes = {
|
|
|
430
419
|
* Choose which timezone to use for the value.
|
|
431
420
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
432
421
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
433
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
422
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
434
423
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
435
424
|
*/
|
|
436
425
|
timezone: PropTypes.string,
|
|
@@ -105,10 +105,6 @@ process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
|
|
|
105
105
|
dateFormats: PropTypes.shape({
|
|
106
106
|
dayOfMonth: PropTypes.string,
|
|
107
107
|
fullDate: PropTypes.string,
|
|
108
|
-
fullDateTime: PropTypes.string,
|
|
109
|
-
fullDateTime12h: PropTypes.string,
|
|
110
|
-
fullDateTime24h: PropTypes.string,
|
|
111
|
-
fullDateWithWeekday: PropTypes.string,
|
|
112
108
|
fullTime: PropTypes.string,
|
|
113
109
|
fullTime12h: PropTypes.string,
|
|
114
110
|
fullTime24h: PropTypes.string,
|
|
@@ -121,8 +117,6 @@ process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
|
|
|
121
117
|
meridiem: PropTypes.string,
|
|
122
118
|
minutes: PropTypes.string,
|
|
123
119
|
month: PropTypes.string,
|
|
124
|
-
monthAndDate: PropTypes.string,
|
|
125
|
-
monthAndYear: PropTypes.string,
|
|
126
120
|
monthShort: PropTypes.string,
|
|
127
121
|
normalDate: PropTypes.string,
|
|
128
122
|
normalDateWithWeekday: PropTypes.string,
|
|
@@ -86,16 +86,11 @@ MobileDatePicker.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 @@ MobileDatePicker.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,
|
|
@@ -107,16 +107,11 @@ MobileDateTimePicker.propTypes = {
|
|
|
107
107
|
closeOnSelect: PropTypes.bool,
|
|
108
108
|
/**
|
|
109
109
|
* Formats the day of week displayed in the calendar header.
|
|
110
|
-
* @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
|
|
111
110
|
* @param {TDate} date The date of the day of week provided by the adapter.
|
|
112
111
|
* @returns {string} The name to display.
|
|
113
112
|
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
|
114
113
|
*/
|
|
115
114
|
dayOfWeekFormatter: PropTypes.func,
|
|
116
|
-
/**
|
|
117
|
-
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
118
|
-
*/
|
|
119
|
-
defaultCalendarMonth: PropTypes.any,
|
|
120
115
|
/**
|
|
121
116
|
* The default value.
|
|
122
117
|
* Used when the component is not controlled.
|
|
@@ -330,14 +325,6 @@ MobileDateTimePicker.propTypes = {
|
|
|
330
325
|
endIndex: PropTypes.number.isRequired,
|
|
331
326
|
startIndex: PropTypes.number.isRequired
|
|
332
327
|
})]),
|
|
333
|
-
/**
|
|
334
|
-
* Disable specific clock time.
|
|
335
|
-
* @param {number} clockValue The value to check.
|
|
336
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
337
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
338
|
-
* @deprecated Consider using `shouldDisableTime`.
|
|
339
|
-
*/
|
|
340
|
-
shouldDisableClock: PropTypes.func,
|
|
341
328
|
/**
|
|
342
329
|
* Disable specific date.
|
|
343
330
|
*
|
|
@@ -399,7 +386,7 @@ MobileDateTimePicker.propTypes = {
|
|
|
399
386
|
* Choose which timezone to use for the value.
|
|
400
387
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
401
388
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
402
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
389
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
403
390
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
404
391
|
*/
|
|
405
392
|
timezone: PropTypes.string,
|
|
@@ -251,14 +251,6 @@ MobileTimePicker.propTypes = {
|
|
|
251
251
|
endIndex: PropTypes.number.isRequired,
|
|
252
252
|
startIndex: PropTypes.number.isRequired
|
|
253
253
|
})]),
|
|
254
|
-
/**
|
|
255
|
-
* Disable specific clock time.
|
|
256
|
-
* @param {number} clockValue The value to check.
|
|
257
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
258
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
259
|
-
* @deprecated Consider using `shouldDisableTime`.
|
|
260
|
-
*/
|
|
261
|
-
shouldDisableClock: PropTypes.func,
|
|
262
254
|
/**
|
|
263
255
|
* Disable specific time.
|
|
264
256
|
* @template TDate
|
|
@@ -285,7 +277,7 @@ MobileTimePicker.propTypes = {
|
|
|
285
277
|
* Choose which timezone to use for the value.
|
|
286
278
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
287
279
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
288
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
280
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
289
281
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
290
282
|
*/
|
|
291
283
|
timezone: PropTypes.string,
|
|
@@ -330,7 +330,7 @@ process.env.NODE_ENV !== "production" ? MonthCalendar.propTypes = {
|
|
|
330
330
|
* Choose which timezone to use for the value.
|
|
331
331
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
332
332
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
333
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
333
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
334
334
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
335
335
|
*/
|
|
336
336
|
timezone: PropTypes.string,
|
|
@@ -39,14 +39,13 @@ var PickersMonthButton = styled('button', {
|
|
|
39
39
|
return [styles.monthButton, _defineProperty({}, "&.".concat(pickersMonthClasses.disabled), styles.disabled), _defineProperty({}, "&.".concat(pickersMonthClasses.selected), styles.selected)];
|
|
40
40
|
}
|
|
41
41
|
})(function (_ref4) {
|
|
42
|
-
var _extends2;
|
|
43
42
|
var theme = _ref4.theme;
|
|
44
43
|
return _extends({
|
|
45
44
|
color: 'unset',
|
|
46
45
|
backgroundColor: 'transparent',
|
|
47
46
|
border: 0,
|
|
48
47
|
outline: 0
|
|
49
|
-
}, theme.typography.subtitle1, (
|
|
48
|
+
}, theme.typography.subtitle1, _defineProperty(_defineProperty({
|
|
50
49
|
margin: '8px 0',
|
|
51
50
|
height: 36,
|
|
52
51
|
width: 72,
|
|
@@ -62,15 +61,15 @@ var PickersMonthButton = styled('button', {
|
|
|
62
61
|
cursor: 'auto',
|
|
63
62
|
pointerEvents: 'none'
|
|
64
63
|
}
|
|
65
|
-
},
|
|
64
|
+
}, "&.".concat(pickersMonthClasses.disabled), {
|
|
66
65
|
color: (theme.vars || theme).palette.text.secondary
|
|
67
|
-
}),
|
|
66
|
+
}), "&.".concat(pickersMonthClasses.selected), {
|
|
68
67
|
color: (theme.vars || theme).palette.primary.contrastText,
|
|
69
68
|
backgroundColor: (theme.vars || theme).palette.primary.main,
|
|
70
69
|
'&:focus, &:hover': {
|
|
71
70
|
backgroundColor: (theme.vars || theme).palette.primary.dark
|
|
72
71
|
}
|
|
73
|
-
})
|
|
72
|
+
}));
|
|
74
73
|
});
|
|
75
74
|
|
|
76
75
|
/**
|
|
@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
|
3
3
|
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
4
4
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
5
5
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
6
|
-
var _excluded = ["ampm", "timeSteps", "autoFocus", "slots", "slotProps", "value", "defaultValue", "referenceDate", "disableIgnoringDatePartForTimeValidation", "maxTime", "minTime", "disableFuture", "disablePast", "minutesStep", "
|
|
6
|
+
var _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"];
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
import clsx from 'clsx';
|
|
9
9
|
import PropTypes from 'prop-types';
|
|
@@ -78,7 +78,6 @@ export var MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function Mul
|
|
|
78
78
|
disablePast = props.disablePast,
|
|
79
79
|
_props$minutesStep = props.minutesStep,
|
|
80
80
|
minutesStep = _props$minutesStep === void 0 ? 1 : _props$minutesStep,
|
|
81
|
-
shouldDisableClock = props.shouldDisableClock,
|
|
82
81
|
shouldDisableTime = props.shouldDisableTime,
|
|
83
82
|
onChange = props.onChange,
|
|
84
83
|
inView = props.view,
|
|
@@ -174,9 +173,6 @@ export var MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function Mul
|
|
|
174
173
|
if (timeValue % step !== 0) {
|
|
175
174
|
return false;
|
|
176
175
|
}
|
|
177
|
-
if (shouldDisableClock != null && shouldDisableClock(timeValue, viewType)) {
|
|
178
|
-
return false;
|
|
179
|
-
}
|
|
180
176
|
if (shouldDisableTime) {
|
|
181
177
|
switch (viewType) {
|
|
182
178
|
case 'hours':
|
|
@@ -226,7 +222,7 @@ export var MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function Mul
|
|
|
226
222
|
default:
|
|
227
223
|
throw new Error('not supported');
|
|
228
224
|
}
|
|
229
|
-
}, [ampm, valueOrReferenceDate, disableIgnoringDatePartForTimeValidation, maxTime, meridiemMode, minTime, minutesStep,
|
|
225
|
+
}, [ampm, valueOrReferenceDate, disableIgnoringDatePartForTimeValidation, maxTime, meridiemMode, minTime, minutesStep, shouldDisableTime, utils, disableFuture, disablePast, now, views]);
|
|
230
226
|
var handleSectionChange = useEventCallback(function (sectionView, newValue) {
|
|
231
227
|
var viewIndex = views.indexOf(sectionView);
|
|
232
228
|
var nextView = views[viewIndex + 1];
|
|
@@ -463,14 +459,6 @@ process.env.NODE_ENV !== "production" ? MultiSectionDigitalClock.propTypes = {
|
|
|
463
459
|
* @default The closest valid time using the validation props, except callbacks such as `shouldDisableTime`.
|
|
464
460
|
*/
|
|
465
461
|
referenceDate: PropTypes.any,
|
|
466
|
-
/**
|
|
467
|
-
* Disable specific clock time.
|
|
468
|
-
* @param {number} clockValue The value to check.
|
|
469
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
470
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
471
|
-
* @deprecated Consider using `shouldDisableTime`.
|
|
472
|
-
*/
|
|
473
|
-
shouldDisableClock: PropTypes.func,
|
|
474
462
|
/**
|
|
475
463
|
* Disable specific time.
|
|
476
464
|
* @template TDate
|
|
@@ -512,7 +500,7 @@ process.env.NODE_ENV !== "production" ? MultiSectionDigitalClock.propTypes = {
|
|
|
512
500
|
* Choose which timezone to use for the value.
|
|
513
501
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
514
502
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
515
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
503
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
516
504
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
517
505
|
*/
|
|
518
506
|
timezone: PropTypes.string,
|