@mui/x-date-pickers 7.0.0-alpha.1 → 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 +2 -2
- package/AdapterDateFns/AdapterDateFns.js +1 -3
- package/AdapterDateFnsJalali/AdapterDateFnsJalali.d.ts +2 -2
- package/AdapterDateFnsJalali/AdapterDateFnsJalali.js +1 -3
- package/AdapterDayjs/AdapterDayjs.d.ts +2 -2
- package/AdapterDayjs/AdapterDayjs.js +2 -7
- package/AdapterLuxon/AdapterLuxon.d.ts +2 -2
- package/AdapterLuxon/AdapterLuxon.js +2 -23
- package/AdapterMoment/AdapterMoment.d.ts +2 -2
- package/AdapterMoment/AdapterMoment.js +2 -9
- package/AdapterMomentHijri/AdapterMomentHijri.d.ts +1 -2
- package/AdapterMomentHijri/AdapterMomentHijri.js +0 -3
- package/AdapterMomentJalaali/AdapterMomentJalaali.d.ts +1 -2
- package/AdapterMomentJalaali/AdapterMomentJalaali.js +0 -3
- package/CHANGELOG.md +366 -188
- package/DateCalendar/DateCalendar.js +2 -8
- package/DateCalendar/DateCalendar.types.d.ts +0 -4
- package/DateCalendar/dayCalendarClasses.d.ts +1 -1
- package/DateCalendar/dayCalendarClasses.js +1 -1
- package/DateCalendar/index.d.ts +1 -1
- package/DateCalendar/index.js +1 -1
- package/DateCalendar/useCalendarState.d.ts +1 -1
- package/DateCalendar/useCalendarState.js +1 -9
- package/DateField/DateField.js +1 -1
- package/DatePicker/DatePicker.js +1 -5
- package/DateTimeField/DateTimeField.js +1 -9
- package/DateTimePicker/DateTimePicker.js +1 -13
- package/DesktopDatePicker/DesktopDatePicker.js +1 -5
- package/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -13
- package/DesktopTimePicker/DesktopTimePicker.js +1 -9
- package/DigitalClock/DigitalClock.js +3 -15
- package/MobileDatePicker/MobileDatePicker.js +1 -5
- package/MobileDateTimePicker/MobileDateTimePicker.js +1 -13
- package/MobileTimePicker/MobileTimePicker.js +1 -9
- package/MonthCalendar/MonthCalendar.js +1 -1
- package/MultiSectionDigitalClock/MultiSectionDigitalClock.js +3 -15
- package/PickersDay/PickersDay.js +1 -1
- package/StaticDatePicker/StaticDatePicker.js +1 -5
- package/StaticDateTimePicker/StaticDateTimePicker.js +1 -13
- 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/YearCalendar/YearCalendar.js +1 -1
- package/dateTimeViewRenderers/dateTimeViewRenderers.d.ts +1 -1
- package/dateTimeViewRenderers/dateTimeViewRenderers.js +0 -4
- package/dateViewRenderers/dateViewRenderers.d.ts +1 -1
- package/dateViewRenderers/dateViewRenderers.js +0 -2
- package/index.js +1 -1
- package/internals/hooks/date-helpers-hooks.js +2 -2
- package/internals/hooks/useField/useField.utils.js +8 -8
- package/internals/hooks/useField/useFieldState.js +1 -1
- 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/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 +2 -2
- package/legacy/AdapterDateFnsJalali/AdapterDateFnsJalali.js +2 -2
- package/legacy/AdapterDayjs/AdapterDayjs.js +4 -6
- package/legacy/AdapterLuxon/AdapterLuxon.js +4 -22
- package/legacy/AdapterMoment/AdapterMoment.js +4 -8
- package/legacy/AdapterMomentHijri/AdapterMomentHijri.js +0 -3
- package/legacy/AdapterMomentJalaali/AdapterMomentJalaali.js +0 -3
- package/legacy/DateCalendar/DateCalendar.js +2 -8
- package/legacy/DateCalendar/PickersSlideTransition.js +8 -9
- package/legacy/DateCalendar/dayCalendarClasses.js +1 -1
- package/legacy/DateCalendar/index.js +1 -1
- package/legacy/DateCalendar/useCalendarState.js +1 -9
- package/legacy/DateField/DateField.js +1 -1
- package/legacy/DatePicker/DatePicker.js +1 -5
- package/legacy/DateTimeField/DateTimeField.js +1 -9
- package/legacy/DateTimePicker/DateTimePicker.js +1 -13
- package/legacy/DesktopDatePicker/DesktopDatePicker.js +1 -5
- package/legacy/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -13
- package/legacy/DesktopTimePicker/DesktopTimePicker.js +1 -9
- package/legacy/DigitalClock/DigitalClock.js +3 -15
- package/legacy/MobileDatePicker/MobileDatePicker.js +1 -5
- package/legacy/MobileDateTimePicker/MobileDateTimePicker.js +1 -13
- 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/PickersDay/PickersDay.js +6 -7
- package/legacy/PickersLayout/PickersLayout.js +5 -6
- package/legacy/StaticDatePicker/StaticDatePicker.js +1 -5
- package/legacy/StaticDateTimePicker/StaticDateTimePicker.js +1 -13
- 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 +1 -1
- package/legacy/dateTimeViewRenderers/dateTimeViewRenderers.js +0 -4
- package/legacy/dateViewRenderers/dateViewRenderers.js +0 -2
- package/legacy/index.js +1 -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 -8
- package/legacy/internals/hooks/useField/useFieldState.js +1 -1
- 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/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 +6 -10
- package/models/timezone.d.ts +1 -1
- package/models/validation.d.ts +1 -1
- package/modern/AdapterDateFns/AdapterDateFns.js +1 -3
- package/modern/AdapterDateFnsJalali/AdapterDateFnsJalali.js +1 -3
- package/modern/AdapterDayjs/AdapterDayjs.js +2 -7
- package/modern/AdapterLuxon/AdapterLuxon.js +2 -23
- package/modern/AdapterMoment/AdapterMoment.js +2 -9
- package/modern/AdapterMomentHijri/AdapterMomentHijri.js +0 -3
- package/modern/AdapterMomentJalaali/AdapterMomentJalaali.js +0 -3
- package/modern/DateCalendar/DateCalendar.js +2 -8
- package/modern/DateCalendar/dayCalendarClasses.js +1 -1
- package/modern/DateCalendar/index.js +1 -1
- package/modern/DateCalendar/useCalendarState.js +1 -9
- package/modern/DateField/DateField.js +1 -1
- package/modern/DatePicker/DatePicker.js +1 -5
- package/modern/DateTimeField/DateTimeField.js +1 -9
- package/modern/DateTimePicker/DateTimePicker.js +1 -13
- package/modern/DesktopDatePicker/DesktopDatePicker.js +1 -5
- package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -13
- package/modern/DesktopTimePicker/DesktopTimePicker.js +1 -9
- package/modern/DigitalClock/DigitalClock.js +3 -15
- package/modern/MobileDatePicker/MobileDatePicker.js +1 -5
- package/modern/MobileDateTimePicker/MobileDateTimePicker.js +1 -13
- package/modern/MobileTimePicker/MobileTimePicker.js +1 -9
- package/modern/MonthCalendar/MonthCalendar.js +1 -1
- package/modern/MultiSectionDigitalClock/MultiSectionDigitalClock.js +3 -15
- package/modern/PickersDay/PickersDay.js +1 -1
- package/modern/StaticDatePicker/StaticDatePicker.js +1 -5
- package/modern/StaticDateTimePicker/StaticDateTimePicker.js +1 -13
- 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 +1 -1
- package/modern/dateTimeViewRenderers/dateTimeViewRenderers.js +0 -4
- package/modern/dateViewRenderers/dateViewRenderers.js +0 -2
- package/modern/index.js +1 -1
- package/modern/internals/hooks/date-helpers-hooks.js +2 -2
- package/modern/internals/hooks/useField/useField.utils.js +8 -8
- package/modern/internals/hooks/useField/useFieldState.js +1 -1
- 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/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 +1 -3
- package/node/AdapterDateFnsJalali/AdapterDateFnsJalali.js +1 -3
- package/node/AdapterDayjs/AdapterDayjs.js +2 -7
- package/node/AdapterLuxon/AdapterLuxon.js +2 -23
- package/node/AdapterMoment/AdapterMoment.js +2 -9
- package/node/AdapterMomentHijri/AdapterMomentHijri.js +0 -3
- package/node/AdapterMomentJalaali/AdapterMomentJalaali.js +0 -3
- package/node/DateCalendar/DateCalendar.js +2 -8
- package/node/DateCalendar/dayCalendarClasses.js +2 -2
- package/node/DateCalendar/index.js +2 -2
- package/node/DateCalendar/useCalendarState.js +1 -9
- package/node/DateField/DateField.js +1 -1
- package/node/DatePicker/DatePicker.js +1 -5
- package/node/DateTimeField/DateTimeField.js +1 -9
- package/node/DateTimePicker/DateTimePicker.js +1 -13
- package/node/DesktopDatePicker/DesktopDatePicker.js +1 -5
- package/node/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -13
- package/node/DesktopTimePicker/DesktopTimePicker.js +1 -9
- package/node/DigitalClock/DigitalClock.js +3 -15
- package/node/MobileDatePicker/MobileDatePicker.js +1 -5
- package/node/MobileDateTimePicker/MobileDateTimePicker.js +1 -13
- package/node/MobileTimePicker/MobileTimePicker.js +1 -9
- package/node/MonthCalendar/MonthCalendar.js +1 -1
- package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.js +3 -15
- package/node/PickersDay/PickersDay.js +1 -1
- package/node/StaticDatePicker/StaticDatePicker.js +1 -5
- package/node/StaticDateTimePicker/StaticDateTimePicker.js +1 -13
- 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 +1 -1
- package/node/dateTimeViewRenderers/dateTimeViewRenderers.js +0 -4
- package/node/dateViewRenderers/dateViewRenderers.js +0 -2
- package/node/index.js +1 -1
- package/node/internals/hooks/date-helpers-hooks.js +2 -2
- package/node/internals/hooks/useField/useField.utils.js +8 -8
- package/node/internals/hooks/useField/useFieldState.js +1 -1
- 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/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/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';
|
|
@@ -95,7 +95,6 @@ export const DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(
|
|
|
95
95
|
referenceDate: referenceDateProp,
|
|
96
96
|
disableFuture,
|
|
97
97
|
disablePast,
|
|
98
|
-
defaultCalendarMonth,
|
|
99
98
|
onChange,
|
|
100
99
|
onYearChange,
|
|
101
100
|
onMonthChange,
|
|
@@ -166,7 +165,6 @@ export const DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(
|
|
|
166
165
|
onMonthSwitchingAnimationEnd
|
|
167
166
|
} = useCalendarState({
|
|
168
167
|
value,
|
|
169
|
-
defaultCalendarMonth,
|
|
170
168
|
referenceDate: referenceDateProp,
|
|
171
169
|
reduceAnimations,
|
|
172
170
|
onMonthChange,
|
|
@@ -367,10 +365,6 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
|
|
|
367
365
|
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
|
368
366
|
*/
|
|
369
367
|
dayOfWeekFormatter: PropTypes.func,
|
|
370
|
-
/**
|
|
371
|
-
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
372
|
-
*/
|
|
373
|
-
defaultCalendarMonth: PropTypes.any,
|
|
374
368
|
/**
|
|
375
369
|
* The default selected value.
|
|
376
370
|
* Used when the component is not controlled.
|
|
@@ -541,7 +535,7 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
|
|
|
541
535
|
* Choose which timezone to use for the value.
|
|
542
536
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
543
537
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
544
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
538
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
545
539
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
546
540
|
*/
|
|
547
541
|
timezone: PropTypes.string,
|
|
@@ -24,10 +24,6 @@ export interface DateCalendarSlotsComponentsProps<TDate> extends PickersCalendar
|
|
|
24
24
|
calendarHeader?: SlotComponentProps<typeof PickersCalendarHeader, {}, DateCalendarProps<TDate>>;
|
|
25
25
|
}
|
|
26
26
|
export interface ExportedDateCalendarProps<TDate> extends ExportedDayCalendarProps<TDate>, ExportedMonthCalendarProps, ExportedYearCalendarProps, BaseDateValidationProps<TDate>, DayValidationProps<TDate>, YearValidationProps<TDate>, MonthValidationProps<TDate>, TimezoneProps {
|
|
27
|
-
/**
|
|
28
|
-
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
29
|
-
*/
|
|
30
|
-
defaultCalendarMonth?: TDate;
|
|
31
27
|
/**
|
|
32
28
|
* If `true`, the picker and text field are disabled.
|
|
33
29
|
* @default false
|
|
@@ -20,4 +20,4 @@ export interface DayCalendarClasses {
|
|
|
20
20
|
}
|
|
21
21
|
export type DayCalendarClassKey = keyof DayCalendarClasses;
|
|
22
22
|
export declare const getDayCalendarUtilityClass: (slot: string) => string;
|
|
23
|
-
export declare const
|
|
23
|
+
export declare const dayCalendarClasses: DayCalendarClasses;
|
|
@@ -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']);
|
package/DateCalendar/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ export { DateCalendar } from './DateCalendar';
|
|
|
2
2
|
export type { DateCalendarProps, DateCalendarSlotsComponent, DateCalendarSlotsComponentsProps, } from './DateCalendar.types';
|
|
3
3
|
export { getDateCalendarUtilityClass, dateCalendarClasses } from './dateCalendarClasses';
|
|
4
4
|
export type { DateCalendarClassKey, DateCalendarClasses } from './dateCalendarClasses';
|
|
5
|
-
export {
|
|
5
|
+
export { dayCalendarClasses } from './dayCalendarClasses';
|
|
6
6
|
export type { DayCalendarClassKey, DayCalendarClasses } from './dayCalendarClasses';
|
|
7
7
|
export type { PickersFadeTransitionGroupProps } from './PickersFadeTransitionGroup';
|
|
8
8
|
export { pickersFadeTransitionGroupClasses } from './pickersFadeTransitionGroupClasses';
|
package/DateCalendar/index.js
CHANGED
|
@@ -1,5 +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
5
|
export { pickersSlideTransitionClasses } from './pickersSlideTransitionClasses';
|
|
@@ -25,7 +25,7 @@ interface ChangeFocusedDayPayload<TDate> {
|
|
|
25
25
|
export declare const createCalendarStateReducer: <TDate extends unknown>(reduceAnimations: boolean, disableSwitchToMonthOnDayFocus: boolean, utils: MuiPickersAdapter<TDate, any>) => (state: CalendarState<TDate>, action: {
|
|
26
26
|
type: "finishMonthSwitchingAnimation";
|
|
27
27
|
} | ReducerAction<"changeMonth", ChangeMonthPayload<TDate>> | ReducerAction<"changeFocusedDay", ChangeFocusedDayPayload<TDate>>) => CalendarState<TDate>;
|
|
28
|
-
interface UseCalendarStateParams<TDate> extends Pick<DateCalendarDefaultizedProps<TDate>, 'value' | 'referenceDate' | '
|
|
28
|
+
interface UseCalendarStateParams<TDate> extends Pick<DateCalendarDefaultizedProps<TDate>, 'value' | 'referenceDate' | 'disableFuture' | 'disablePast' | 'minDate' | 'maxDate' | 'onMonthChange' | 'reduceAnimations' | 'shouldDisableDate'> {
|
|
29
29
|
disableSwitchToMonthOnDayFocus?: boolean;
|
|
30
30
|
timezone: PickersTimezone;
|
|
31
31
|
}
|
|
@@ -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
|
package/DateField/DateField.js
CHANGED
|
@@ -332,7 +332,7 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
|
|
|
332
332
|
* Choose which timezone to use for the value.
|
|
333
333
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
334
334
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
335
|
-
* @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.
|
|
336
336
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
337
337
|
*/
|
|
338
338
|
timezone: PropTypes.string,
|
package/DatePicker/DatePicker.js
CHANGED
|
@@ -71,10 +71,6 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
|
|
|
71
71
|
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
|
72
72
|
*/
|
|
73
73
|
dayOfWeekFormatter: PropTypes.func,
|
|
74
|
-
/**
|
|
75
|
-
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
76
|
-
*/
|
|
77
|
-
defaultCalendarMonth: PropTypes.any,
|
|
78
74
|
/**
|
|
79
75
|
* The default value.
|
|
80
76
|
* Used when the component is not controlled.
|
|
@@ -319,7 +315,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
|
|
|
319
315
|
* Choose which timezone to use for the value.
|
|
320
316
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
321
317
|
* 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
|
|
318
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
323
319
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
324
320
|
*/
|
|
325
321
|
timezone: PropTypes.string,
|
|
@@ -303,14 +303,6 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
303
303
|
endIndex: PropTypes.number.isRequired,
|
|
304
304
|
startIndex: PropTypes.number.isRequired
|
|
305
305
|
})]),
|
|
306
|
-
/**
|
|
307
|
-
* Disable specific clock time.
|
|
308
|
-
* @param {number} clockValue The value to check.
|
|
309
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
310
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
311
|
-
* @deprecated Consider using `shouldDisableTime`.
|
|
312
|
-
*/
|
|
313
|
-
shouldDisableClock: PropTypes.func,
|
|
314
306
|
/**
|
|
315
307
|
* Disable specific date.
|
|
316
308
|
*
|
|
@@ -381,7 +373,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
381
373
|
* Choose which timezone to use for the value.
|
|
382
374
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
383
375
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
384
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
376
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
385
377
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
386
378
|
*/
|
|
387
379
|
timezone: PropTypes.string,
|
|
@@ -81,10 +81,6 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
|
|
|
81
81
|
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
|
82
82
|
*/
|
|
83
83
|
dayOfWeekFormatter: PropTypes.func,
|
|
84
|
-
/**
|
|
85
|
-
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
86
|
-
*/
|
|
87
|
-
defaultCalendarMonth: PropTypes.any,
|
|
88
84
|
/**
|
|
89
85
|
* The default value.
|
|
90
86
|
* Used when the component is not controlled.
|
|
@@ -304,14 +300,6 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
|
|
|
304
300
|
endIndex: PropTypes.number.isRequired,
|
|
305
301
|
startIndex: PropTypes.number.isRequired
|
|
306
302
|
})]),
|
|
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
303
|
/**
|
|
316
304
|
* Disable specific date.
|
|
317
305
|
*
|
|
@@ -394,7 +382,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
|
|
|
394
382
|
* Choose which timezone to use for the value.
|
|
395
383
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
396
384
|
* 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
|
|
385
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
398
386
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
399
387
|
*/
|
|
400
388
|
timezone: PropTypes.string,
|
|
@@ -95,10 +95,6 @@ DesktopDatePicker.propTypes = {
|
|
|
95
95
|
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
|
96
96
|
*/
|
|
97
97
|
dayOfWeekFormatter: PropTypes.func,
|
|
98
|
-
/**
|
|
99
|
-
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
100
|
-
*/
|
|
101
|
-
defaultCalendarMonth: PropTypes.any,
|
|
102
98
|
/**
|
|
103
99
|
* The default value.
|
|
104
100
|
* Used when the component is not controlled.
|
|
@@ -337,7 +333,7 @@ DesktopDatePicker.propTypes = {
|
|
|
337
333
|
* Choose which timezone to use for the value.
|
|
338
334
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
339
335
|
* 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
|
|
336
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
341
337
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
342
338
|
*/
|
|
343
339
|
timezone: PropTypes.string,
|
|
@@ -144,10 +144,6 @@ DesktopDateTimePicker.propTypes = {
|
|
|
144
144
|
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
|
145
145
|
*/
|
|
146
146
|
dayOfWeekFormatter: PropTypes.func,
|
|
147
|
-
/**
|
|
148
|
-
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
149
|
-
*/
|
|
150
|
-
defaultCalendarMonth: PropTypes.any,
|
|
151
147
|
/**
|
|
152
148
|
* The default value.
|
|
153
149
|
* Used when the component is not controlled.
|
|
@@ -361,14 +357,6 @@ DesktopDateTimePicker.propTypes = {
|
|
|
361
357
|
endIndex: PropTypes.number.isRequired,
|
|
362
358
|
startIndex: PropTypes.number.isRequired
|
|
363
359
|
})]),
|
|
364
|
-
/**
|
|
365
|
-
* Disable specific clock time.
|
|
366
|
-
* @param {number} clockValue The value to check.
|
|
367
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
368
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
369
|
-
* @deprecated Consider using `shouldDisableTime`.
|
|
370
|
-
*/
|
|
371
|
-
shouldDisableClock: PropTypes.func,
|
|
372
360
|
/**
|
|
373
361
|
* Disable specific date.
|
|
374
362
|
*
|
|
@@ -451,7 +439,7 @@ DesktopDateTimePicker.propTypes = {
|
|
|
451
439
|
* Choose which timezone to use for the value.
|
|
452
440
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
453
441
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
454
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
442
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
455
443
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
456
444
|
*/
|
|
457
445
|
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,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';
|
|
@@ -113,7 +113,6 @@ export const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(
|
|
|
113
113
|
disableFuture,
|
|
114
114
|
disablePast,
|
|
115
115
|
minutesStep = 1,
|
|
116
|
-
shouldDisableClock,
|
|
117
116
|
shouldDisableTime,
|
|
118
117
|
onChange,
|
|
119
118
|
view: inView,
|
|
@@ -213,16 +212,13 @@ export const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(
|
|
|
213
212
|
if (utils.getMinutes(valueToCheck) % minutesStep !== 0) {
|
|
214
213
|
return false;
|
|
215
214
|
}
|
|
216
|
-
if (shouldDisableClock != null && shouldDisableClock(utils.toJsDate(valueToCheck).getTime(), 'hours')) {
|
|
217
|
-
return false;
|
|
218
|
-
}
|
|
219
215
|
if (shouldDisableTime) {
|
|
220
216
|
return !shouldDisableTime(valueToCheck, 'hours');
|
|
221
217
|
}
|
|
222
218
|
return true;
|
|
223
219
|
};
|
|
224
220
|
return !containsValidTime() || !isValidValue();
|
|
225
|
-
}, [disableIgnoringDatePartForTimeValidation, utils, minTime, maxTime, disableFuture, now, disablePast, minutesStep,
|
|
221
|
+
}, [disableIgnoringDatePartForTimeValidation, utils, minTime, maxTime, disableFuture, now, disablePast, minutesStep, shouldDisableTime]);
|
|
226
222
|
const timeOptions = React.useMemo(() => {
|
|
227
223
|
const startOfDay = utils.startOfDay(valueOrReferenceDate);
|
|
228
224
|
return [startOfDay, ...Array.from({
|
|
@@ -367,14 +363,6 @@ process.env.NODE_ENV !== "production" ? DigitalClock.propTypes = {
|
|
|
367
363
|
* @default The closest valid time using the validation props, except callbacks such as `shouldDisableTime`.
|
|
368
364
|
*/
|
|
369
365
|
referenceDate: PropTypes.any,
|
|
370
|
-
/**
|
|
371
|
-
* Disable specific clock time.
|
|
372
|
-
* @param {number} clockValue The value to check.
|
|
373
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
374
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
375
|
-
* @deprecated Consider using `shouldDisableTime`.
|
|
376
|
-
*/
|
|
377
|
-
shouldDisableClock: PropTypes.func,
|
|
378
366
|
/**
|
|
379
367
|
* Disable specific time.
|
|
380
368
|
* @template TDate
|
|
@@ -412,7 +400,7 @@ process.env.NODE_ENV !== "production" ? DigitalClock.propTypes = {
|
|
|
412
400
|
* Choose which timezone to use for the value.
|
|
413
401
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
414
402
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
415
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
403
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
416
404
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
417
405
|
*/
|
|
418
406
|
timezone: PropTypes.string,
|
|
@@ -92,10 +92,6 @@ MobileDatePicker.propTypes = {
|
|
|
92
92
|
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
|
93
93
|
*/
|
|
94
94
|
dayOfWeekFormatter: PropTypes.func,
|
|
95
|
-
/**
|
|
96
|
-
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
97
|
-
*/
|
|
98
|
-
defaultCalendarMonth: PropTypes.any,
|
|
99
95
|
/**
|
|
100
96
|
* The default value.
|
|
101
97
|
* Used when the component is not controlled.
|
|
@@ -334,7 +330,7 @@ MobileDatePicker.propTypes = {
|
|
|
334
330
|
* Choose which timezone to use for the value.
|
|
335
331
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
336
332
|
* 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
|
|
333
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
338
334
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
339
335
|
*/
|
|
340
336
|
timezone: PropTypes.string,
|
|
@@ -113,10 +113,6 @@ MobileDateTimePicker.propTypes = {
|
|
|
113
113
|
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
|
114
114
|
*/
|
|
115
115
|
dayOfWeekFormatter: PropTypes.func,
|
|
116
|
-
/**
|
|
117
|
-
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
118
|
-
*/
|
|
119
|
-
defaultCalendarMonth: PropTypes.any,
|
|
120
116
|
/**
|
|
121
117
|
* The default value.
|
|
122
118
|
* Used when the component is not controlled.
|
|
@@ -330,14 +326,6 @@ MobileDateTimePicker.propTypes = {
|
|
|
330
326
|
endIndex: PropTypes.number.isRequired,
|
|
331
327
|
startIndex: PropTypes.number.isRequired
|
|
332
328
|
})]),
|
|
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
329
|
/**
|
|
342
330
|
* Disable specific date.
|
|
343
331
|
*
|
|
@@ -399,7 +387,7 @@ MobileDateTimePicker.propTypes = {
|
|
|
399
387
|
* Choose which timezone to use for the value.
|
|
400
388
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
401
389
|
* 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
|
|
390
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
403
391
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
404
392
|
*/
|
|
405
393
|
timezone: PropTypes.string,
|
|
@@ -252,14 +252,6 @@ MobileTimePicker.propTypes = {
|
|
|
252
252
|
endIndex: PropTypes.number.isRequired,
|
|
253
253
|
startIndex: PropTypes.number.isRequired
|
|
254
254
|
})]),
|
|
255
|
-
/**
|
|
256
|
-
* Disable specific clock time.
|
|
257
|
-
* @param {number} clockValue The value to check.
|
|
258
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
259
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
260
|
-
* @deprecated Consider using `shouldDisableTime`.
|
|
261
|
-
*/
|
|
262
|
-
shouldDisableClock: PropTypes.func,
|
|
263
255
|
/**
|
|
264
256
|
* Disable specific time.
|
|
265
257
|
* @template TDate
|
|
@@ -286,7 +278,7 @@ MobileTimePicker.propTypes = {
|
|
|
286
278
|
* Choose which timezone to use for the value.
|
|
287
279
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
288
280
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
289
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
281
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
290
282
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
291
283
|
*/
|
|
292
284
|
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 != null && 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,
|
package/PickersDay/PickersDay.js
CHANGED
|
@@ -156,7 +156,7 @@ const PickersDayRaw = /*#__PURE__*/React.forwardRef(function PickersDay(inProps,
|
|
|
156
156
|
}
|
|
157
157
|
}, [autoFocus, disabled, isAnimating, outsideCurrentMonth]);
|
|
158
158
|
|
|
159
|
-
// For day outside
|
|
159
|
+
// For a day outside the current month, move the focus from mouseDown to mouseUp
|
|
160
160
|
// Goal: have the onClick ends before sliding to the new month
|
|
161
161
|
const handleMouseDown = event => {
|
|
162
162
|
onMouseDown(event);
|
|
@@ -71,10 +71,6 @@ StaticDatePicker.propTypes = {
|
|
|
71
71
|
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
|
72
72
|
*/
|
|
73
73
|
dayOfWeekFormatter: PropTypes.func,
|
|
74
|
-
/**
|
|
75
|
-
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
76
|
-
*/
|
|
77
|
-
defaultCalendarMonth: PropTypes.any,
|
|
78
74
|
/**
|
|
79
75
|
* The default value.
|
|
80
76
|
* Used when the component is not controlled.
|
|
@@ -267,7 +263,7 @@ StaticDatePicker.propTypes = {
|
|
|
267
263
|
* Choose which timezone to use for the value.
|
|
268
264
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
269
265
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
270
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
266
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
271
267
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
272
268
|
*/
|
|
273
269
|
timezone: PropTypes.string,
|
|
@@ -91,10 +91,6 @@ StaticDateTimePicker.propTypes = {
|
|
|
91
91
|
* @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
|
|
92
92
|
*/
|
|
93
93
|
dayOfWeekFormatter: PropTypes.func,
|
|
94
|
-
/**
|
|
95
|
-
* Default calendar month displayed when `value` and `defaultValue` are empty.
|
|
96
|
-
*/
|
|
97
|
-
defaultCalendarMonth: PropTypes.any,
|
|
98
94
|
/**
|
|
99
95
|
* The default value.
|
|
100
96
|
* Used when the component is not controlled.
|
|
@@ -262,14 +258,6 @@ StaticDateTimePicker.propTypes = {
|
|
|
262
258
|
* @default () => <span data-mui-test="loading-progress">...</span>
|
|
263
259
|
*/
|
|
264
260
|
renderLoading: PropTypes.func,
|
|
265
|
-
/**
|
|
266
|
-
* Disable specific clock time.
|
|
267
|
-
* @param {number} clockValue The value to check.
|
|
268
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
269
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
270
|
-
* @deprecated Consider using `shouldDisableTime`.
|
|
271
|
-
*/
|
|
272
|
-
shouldDisableClock: PropTypes.func,
|
|
273
261
|
/**
|
|
274
262
|
* Disable specific date.
|
|
275
263
|
*
|
|
@@ -331,7 +319,7 @@ StaticDateTimePicker.propTypes = {
|
|
|
331
319
|
* Choose which timezone to use for the value.
|
|
332
320
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
333
321
|
* 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
|
|
322
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
335
323
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
336
324
|
*/
|
|
337
325
|
timezone: PropTypes.string,
|
|
@@ -183,14 +183,6 @@ StaticTimePicker.propTypes = {
|
|
|
183
183
|
* @default The closest valid date-time using the validation props, except callbacks like `shouldDisable<...>`.
|
|
184
184
|
*/
|
|
185
185
|
referenceDate: PropTypes.any,
|
|
186
|
-
/**
|
|
187
|
-
* Disable specific clock time.
|
|
188
|
-
* @param {number} clockValue The value to check.
|
|
189
|
-
* @param {TimeView} view The clock type of the timeValue.
|
|
190
|
-
* @returns {boolean} If `true` the time will be disabled.
|
|
191
|
-
* @deprecated Consider using `shouldDisableTime`.
|
|
192
|
-
*/
|
|
193
|
-
shouldDisableClock: PropTypes.func,
|
|
194
186
|
/**
|
|
195
187
|
* Disable specific time.
|
|
196
188
|
* @template TDate
|
|
@@ -217,7 +209,7 @@ StaticTimePicker.propTypes = {
|
|
|
217
209
|
* Choose which timezone to use for the value.
|
|
218
210
|
* Example: "default", "system", "UTC", "America/New_York".
|
|
219
211
|
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
220
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones
|
|
212
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
|
|
221
213
|
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
222
214
|
*/
|
|
223
215
|
timezone: PropTypes.string,
|
package/TimeClock/Clock.js
CHANGED