@mui/x-date-pickers 8.4.0 → 8.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +103 -0
- package/DateCalendar/DateCalendar.js +8 -6
- package/DateCalendar/DateCalendar.types.d.ts +1 -1
- package/DateCalendar/dateCalendarClasses.js +5 -3
- package/DateCalendar/dayCalendarClasses.js +5 -3
- package/DateCalendar/pickersFadeTransitionGroupClasses.js +5 -3
- package/DateCalendar/pickersSlideTransitionClasses.js +5 -3
- package/DateField/DateField.js +2 -2
- package/DatePicker/DatePicker.js +4 -4
- package/DatePicker/datePickerToolbarClasses.js +5 -3
- package/DateTimeField/DateTimeField.js +2 -2
- package/DateTimePicker/DateTimePicker.js +4 -4
- package/DateTimePicker/dateTimePickerTabsClasses.js +5 -3
- package/DateTimePicker/dateTimePickerToolbarClasses.js +5 -3
- package/DayCalendarSkeleton/dayCalendarSkeletonClasses.js +5 -3
- package/DesktopDatePicker/DesktopDatePicker.js +2 -2
- package/DesktopDateTimePicker/DesktopDateTimePicker.js +2 -2
- package/DesktopTimePicker/DesktopTimePicker.js +2 -2
- package/DigitalClock/DigitalClock.types.d.ts +1 -1
- package/MobileDatePicker/MobileDatePicker.js +2 -2
- package/MobileDateTimePicker/MobileDateTimePicker.js +4 -4
- package/MobileTimePicker/MobileTimePicker.js +2 -2
- package/MonthCalendar/MonthCalendar.js +11 -9
- package/MonthCalendar/monthCalendarClasses.js +5 -3
- package/MultiSectionDigitalClock/MultiSectionDigitalClock.types.d.ts +1 -1
- package/PickersCalendarHeader/PickersCalendarHeader.types.d.ts +1 -1
- package/PickersCalendarHeader/pickersCalendarHeaderClasses.js +5 -3
- package/PickersDay/PickersDay.js +6 -4
- package/PickersDay/pickersDayClasses.js +5 -3
- package/PickersLayout/PickersLayout.types.d.ts +1 -1
- package/PickersSectionList/PickersSectionList.types.d.ts +1 -1
- package/PickersTextField/PickersFilledInput/PickersFilledInput.js +2 -2
- package/PickersTextField/PickersInput/PickersInput.js +2 -2
- package/PickersTextField/PickersInputBase/PickersInputBase.js +2 -2
- package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js +2 -2
- package/PickersTextField/PickersTextField.js +2 -2
- package/TimeClock/Clock.js +4 -3
- package/TimeClock/TimeClock.js +4 -3
- package/TimeClock/clockClasses.js +5 -3
- package/TimeClock/clockNumberClasses.js +5 -3
- package/TimeClock/clockPointerClasses.js +5 -3
- package/TimeClock/timeClockClasses.js +5 -3
- package/TimeField/TimeField.js +2 -2
- package/TimePicker/TimePicker.js +4 -4
- package/TimePicker/timePickerToolbarClasses.js +5 -3
- package/YearCalendar/YearCalendar.js +13 -10
- package/YearCalendar/yearCalendarClasses.js +5 -3
- package/esm/DateCalendar/DateCalendar.js +3 -1
- package/esm/DateCalendar/DateCalendar.types.d.ts +1 -1
- package/esm/DateCalendar/dateCalendarClasses.js +2 -1
- package/esm/DateCalendar/dayCalendarClasses.js +2 -1
- package/esm/DateCalendar/pickersFadeTransitionGroupClasses.js +2 -1
- package/esm/DateCalendar/pickersSlideTransitionClasses.js +2 -1
- package/esm/DateField/DateField.js +1 -1
- package/esm/DatePicker/DatePicker.js +1 -1
- package/esm/DatePicker/datePickerToolbarClasses.js +2 -1
- package/esm/DateTimeField/DateTimeField.js +1 -1
- package/esm/DateTimePicker/DateTimePicker.js +1 -1
- package/esm/DateTimePicker/dateTimePickerTabsClasses.js +2 -1
- package/esm/DateTimePicker/dateTimePickerToolbarClasses.js +2 -1
- package/esm/DayCalendarSkeleton/dayCalendarSkeletonClasses.js +2 -1
- package/esm/DesktopDatePicker/DesktopDatePicker.js +1 -1
- package/esm/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -1
- package/esm/DesktopTimePicker/DesktopTimePicker.js +1 -1
- package/esm/DigitalClock/DigitalClock.types.d.ts +1 -1
- package/esm/MobileDatePicker/MobileDatePicker.js +1 -1
- package/esm/MobileDateTimePicker/MobileDateTimePicker.js +1 -1
- package/esm/MobileTimePicker/MobileTimePicker.js +1 -1
- package/esm/MonthCalendar/MonthCalendar.js +3 -1
- package/esm/MonthCalendar/monthCalendarClasses.js +2 -1
- package/esm/MultiSectionDigitalClock/MultiSectionDigitalClock.types.d.ts +1 -1
- package/esm/PickersCalendarHeader/PickersCalendarHeader.types.d.ts +1 -1
- package/esm/PickersCalendarHeader/pickersCalendarHeaderClasses.js +2 -1
- package/esm/PickersDay/PickersDay.js +3 -1
- package/esm/PickersDay/pickersDayClasses.js +2 -1
- package/esm/PickersLayout/PickersLayout.types.d.ts +1 -1
- package/esm/PickersSectionList/PickersSectionList.types.d.ts +1 -1
- package/esm/PickersTextField/PickersFilledInput/PickersFilledInput.js +1 -1
- package/esm/PickersTextField/PickersInput/PickersInput.js +1 -1
- package/esm/PickersTextField/PickersInputBase/PickersInputBase.js +1 -1
- package/esm/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js +1 -1
- package/esm/PickersTextField/PickersTextField.js +1 -1
- package/esm/TimeClock/Clock.js +2 -1
- package/esm/TimeClock/TimeClock.js +2 -1
- package/esm/TimeClock/clockClasses.js +2 -1
- package/esm/TimeClock/clockNumberClasses.js +2 -1
- package/esm/TimeClock/clockPointerClasses.js +2 -1
- package/esm/TimeClock/timeClockClasses.js +2 -1
- package/esm/TimeField/TimeField.js +1 -1
- package/esm/TimePicker/TimePicker.js +1 -1
- package/esm/TimePicker/timePickerToolbarClasses.js +2 -1
- package/esm/YearCalendar/YearCalendar.js +4 -1
- package/esm/YearCalendar/yearCalendarClasses.js +2 -1
- package/esm/index.js +1 -1
- package/esm/internals/components/PickerPopper/PickerPopper.js +4 -1
- package/esm/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.types.d.ts +1 -1
- package/esm/internals/components/PickersArrowSwitcher/pickersArrowSwitcherClasses.js +2 -1
- package/esm/internals/components/pickersToolbarButtonClasses.js +2 -1
- package/esm/internals/components/pickersToolbarClasses.js +2 -1
- package/esm/internals/components/pickersToolbarTextClasses.js +2 -1
- package/index.js +1 -1
- package/internals/components/PickerPopper/PickerPopper.js +16 -13
- package/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.types.d.ts +1 -1
- package/internals/components/PickersArrowSwitcher/pickersArrowSwitcherClasses.js +5 -3
- package/internals/components/pickersToolbarButtonClasses.js +5 -3
- package/internals/components/pickersToolbarClasses.js +5 -3
- package/internals/components/pickersToolbarTextClasses.js +5 -3
- package/package.json +2 -2
|
@@ -5,7 +5,7 @@ const _excluded = ["slots", "slotProps"];
|
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import PropTypes from 'prop-types';
|
|
7
7
|
import { useThemeProps } from '@mui/material/styles';
|
|
8
|
-
import
|
|
8
|
+
import refType from '@mui/utils/refType';
|
|
9
9
|
import { useDateTimeField } from "./useDateTimeField.js";
|
|
10
10
|
import { PickerFieldUI, useFieldTextFieldProps } from "../internals/components/PickerFieldUI.js";
|
|
11
11
|
import { CalendarIcon } from "../icons/index.js";
|
|
@@ -7,7 +7,7 @@ import * as React from 'react';
|
|
|
7
7
|
import PropTypes from 'prop-types';
|
|
8
8
|
import useMediaQuery from '@mui/material/useMediaQuery';
|
|
9
9
|
import { useThemeProps } from '@mui/material/styles';
|
|
10
|
-
import
|
|
10
|
+
import refType from '@mui/utils/refType';
|
|
11
11
|
import { DesktopDateTimePicker } from "../DesktopDateTimePicker/index.js";
|
|
12
12
|
import { MobileDateTimePicker } from "../MobileDateTimePicker/index.js";
|
|
13
13
|
import { DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from "../internals/utils/utils.js";
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
+
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
2
3
|
export function getDateTimePickerTabsUtilityClass(slot) {
|
|
3
4
|
return generateUtilityClass('MuiDateTimePickerTabs', slot);
|
|
4
5
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
+
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
2
3
|
export function getDateTimePickerToolbarUtilityClass(slot) {
|
|
3
4
|
return generateUtilityClass('MuiDateTimePickerToolbar', slot);
|
|
4
5
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
+
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
2
3
|
export const getDayCalendarSkeletonUtilityClass = slot => generateUtilityClass('MuiDayCalendarSkeleton', slot);
|
|
3
4
|
export const dayCalendarSkeletonClasses = generateUtilityClasses('MuiDayCalendarSkeleton', ['root', 'week', 'daySkeleton']);
|
|
@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import resolveComponentProps from '@mui/utils/resolveComponentProps';
|
|
7
|
-
import
|
|
7
|
+
import refType from '@mui/utils/refType';
|
|
8
8
|
import { singleItemValueManager } from "../internals/utils/valueManagers.js";
|
|
9
9
|
import { useDatePickerDefaultizedProps } from "../DatePicker/shared.js";
|
|
10
10
|
import { useUtils } from "../internals/hooks/useUtils.js";
|
|
@@ -6,7 +6,7 @@ const _excluded = ["openTo", "focusedView", "timeViewsCount"];
|
|
|
6
6
|
import * as React from 'react';
|
|
7
7
|
import PropTypes from 'prop-types';
|
|
8
8
|
import resolveComponentProps from '@mui/utils/resolveComponentProps';
|
|
9
|
-
import
|
|
9
|
+
import refType from '@mui/utils/refType';
|
|
10
10
|
import Divider from '@mui/material/Divider';
|
|
11
11
|
import { singleItemValueManager } from "../internals/utils/valueManagers.js";
|
|
12
12
|
import { DateTimeField } from "../DateTimeField/index.js";
|
|
@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import resolveComponentProps from '@mui/utils/resolveComponentProps';
|
|
7
|
-
import
|
|
7
|
+
import refType from '@mui/utils/refType';
|
|
8
8
|
import { singleItemValueManager } from "../internals/utils/valueManagers.js";
|
|
9
9
|
import { TimeField } from "../TimeField/index.js";
|
|
10
10
|
import { useTimePickerDefaultizedProps } from "../TimePicker/shared.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { SlotComponentProps } from '@mui/utils';
|
|
2
|
+
import { SlotComponentProps } from '@mui/utils/types';
|
|
3
3
|
import MenuItem from '@mui/material/MenuItem';
|
|
4
4
|
import { DigitalClockClasses } from "./digitalClockClasses.js";
|
|
5
5
|
import { BaseClockProps, DigitalClockOnlyProps, ExportedBaseClockProps } from "../internals/models/props/time.js";
|
|
@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import resolveComponentProps from '@mui/utils/resolveComponentProps';
|
|
7
|
-
import
|
|
7
|
+
import refType from '@mui/utils/refType';
|
|
8
8
|
import { useMobilePicker } from "../internals/hooks/useMobilePicker/index.js";
|
|
9
9
|
import { useDatePickerDefaultizedProps } from "../DatePicker/shared.js";
|
|
10
10
|
import { useUtils } from "../internals/hooks/useUtils.js";
|
|
@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import resolveComponentProps from '@mui/utils/resolveComponentProps';
|
|
7
|
-
import
|
|
7
|
+
import refType from '@mui/utils/refType';
|
|
8
8
|
import { singleItemValueManager } from "../internals/utils/valueManagers.js";
|
|
9
9
|
import { DateTimeField } from "../DateTimeField/index.js";
|
|
10
10
|
import { useDateTimePickerDefaultizedProps } from "../DateTimePicker/shared.js";
|
|
@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import resolveComponentProps from '@mui/utils/resolveComponentProps';
|
|
7
|
-
import
|
|
7
|
+
import refType from '@mui/utils/refType';
|
|
8
8
|
import { singleItemValueManager } from "../internals/utils/valueManagers.js";
|
|
9
9
|
import { TimeField } from "../TimeField/index.js";
|
|
10
10
|
import { useTimePickerDefaultizedProps } from "../TimePicker/shared.js";
|
|
@@ -9,7 +9,9 @@ import clsx from 'clsx';
|
|
|
9
9
|
import { useRtl } from '@mui/system/RtlProvider';
|
|
10
10
|
import { shouldForwardProp } from '@mui/system/createStyled';
|
|
11
11
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
12
|
-
import
|
|
12
|
+
import useControlled from '@mui/utils/useControlled';
|
|
13
|
+
import composeClasses from '@mui/utils/composeClasses';
|
|
14
|
+
import useEventCallback from '@mui/utils/useEventCallback';
|
|
13
15
|
import { MonthCalendarButton } from "./MonthCalendarButton.js";
|
|
14
16
|
import { useUtils, useNow } from "../internals/hooks/useUtils.js";
|
|
15
17
|
import { getMonthCalendarUtilityClass } from "./monthCalendarClasses.js";
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
+
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
2
3
|
export function getMonthCalendarUtilityClass(slot) {
|
|
3
4
|
return generateUtilityClass('MuiMonthCalendar', slot);
|
|
4
5
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { SlotComponentProps } from '@mui/utils';
|
|
2
|
+
import { SlotComponentProps } from '@mui/utils/types';
|
|
3
3
|
import MenuItem from '@mui/material/MenuItem';
|
|
4
4
|
import { MultiSectionDigitalClockClasses } from "./multiSectionDigitalClockClasses.js";
|
|
5
5
|
import { BaseClockProps, ExportedBaseClockProps, MultiSectionDigitalClockOnlyProps } from "../internals/models/props/time.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { SlotComponentProps } from '@mui/utils';
|
|
2
|
+
import { SlotComponentProps } from '@mui/utils/types';
|
|
3
3
|
import IconButton from '@mui/material/IconButton';
|
|
4
4
|
import SvgIcon from '@mui/material/SvgIcon';
|
|
5
5
|
import { SxProps, Theme } from '@mui/material/styles';
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
+
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
2
3
|
export const getPickersCalendarHeaderUtilityClass = slot => generateUtilityClass('MuiPickersCalendarHeader', slot);
|
|
3
4
|
export const pickersCalendarHeaderClasses = generateUtilityClasses('MuiPickersCalendarHeader', ['root', 'labelContainer', 'label', 'switchViewButton', 'switchViewIcon']);
|
|
@@ -7,7 +7,9 @@ import * as React from 'react';
|
|
|
7
7
|
import PropTypes from 'prop-types';
|
|
8
8
|
import clsx from 'clsx';
|
|
9
9
|
import ButtonBase from '@mui/material/ButtonBase';
|
|
10
|
-
import
|
|
10
|
+
import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
|
|
11
|
+
import composeClasses from '@mui/utils/composeClasses';
|
|
12
|
+
import useForkRef from '@mui/utils/useForkRef';
|
|
11
13
|
import { alpha, styled, useThemeProps } from '@mui/material/styles';
|
|
12
14
|
import { useUtils } from "../internals/hooks/useUtils.js";
|
|
13
15
|
import { DAY_SIZE, DAY_MARGIN } from "../internals/constants/dimensions.js";
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
+
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
2
3
|
export function getPickersDayUtilityClass(slot) {
|
|
3
4
|
return generateUtilityClass('MuiPickersDay', slot);
|
|
4
5
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { SxProps, Theme } from '@mui/material/styles';
|
|
3
|
-
import { SlotComponentProps } from '@mui/utils';
|
|
3
|
+
import { SlotComponentProps } from '@mui/utils/types';
|
|
4
4
|
import { PickersActionBar, PickersActionBarProps } from "../PickersActionBar/index.js";
|
|
5
5
|
import { BaseToolbarProps, ExportedBaseToolbarProps } from "../internals/models/props/toolbar.js";
|
|
6
6
|
import { ExportedBaseTabsProps } from "../internals/models/props/tabs.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { SlotComponentProps } from '@mui/utils';
|
|
2
|
+
import { SlotComponentProps } from '@mui/utils/types';
|
|
3
3
|
import { PickersSectionListClasses } from "./pickersSectionListClasses.js";
|
|
4
4
|
import { PickerOwnerState } from "../models/index.js";
|
|
5
5
|
import type { UseFieldDOMGetters } from "../internals/hooks/useField/useField.types.js";
|
|
@@ -5,7 +5,7 @@ import * as React from 'react';
|
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
7
7
|
import { shouldForwardProp } from '@mui/system';
|
|
8
|
-
import
|
|
8
|
+
import refType from '@mui/utils/refType';
|
|
9
9
|
import composeClasses from '@mui/utils/composeClasses';
|
|
10
10
|
import { pickersFilledInputClasses, getPickersFilledInputUtilityClass } from "./pickersFilledInputClasses.js";
|
|
11
11
|
import { PickersInputBase } from "../PickersInputBase/index.js";
|
|
@@ -5,7 +5,7 @@ import * as React from 'react';
|
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
7
7
|
import { shouldForwardProp } from '@mui/system/createStyled';
|
|
8
|
-
import
|
|
8
|
+
import refType from '@mui/utils/refType';
|
|
9
9
|
import composeClasses from '@mui/utils/composeClasses';
|
|
10
10
|
import { pickersInputClasses, getPickersInputUtilityClass } from "./pickersInputClasses.js";
|
|
11
11
|
import { PickersInputBase } from "../PickersInputBase/index.js";
|
|
@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
|
|
|
6
6
|
import { useFormControl } from '@mui/material/FormControl';
|
|
7
7
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
8
8
|
import useForkRef from '@mui/utils/useForkRef';
|
|
9
|
-
import
|
|
9
|
+
import refType from '@mui/utils/refType';
|
|
10
10
|
import composeClasses from '@mui/utils/composeClasses';
|
|
11
11
|
import capitalize from '@mui/utils/capitalize';
|
|
12
12
|
import useSlotProps from '@mui/utils/useSlotProps';
|
|
@@ -5,7 +5,7 @@ import * as React from 'react';
|
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import { useFormControl } from '@mui/material/FormControl';
|
|
7
7
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
8
|
-
import
|
|
8
|
+
import refType from '@mui/utils/refType';
|
|
9
9
|
import composeClasses from '@mui/utils/composeClasses';
|
|
10
10
|
import { pickersOutlinedInputClasses, getPickersOutlinedInputUtilityClass } from "./pickersOutlinedInputClasses.js";
|
|
11
11
|
import Outline from "./Outline.js";
|
|
@@ -7,7 +7,7 @@ import * as React from 'react';
|
|
|
7
7
|
import PropTypes from 'prop-types';
|
|
8
8
|
import clsx from 'clsx';
|
|
9
9
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
10
|
-
import
|
|
10
|
+
import refType from '@mui/utils/refType';
|
|
11
11
|
import useForkRef from '@mui/utils/useForkRef';
|
|
12
12
|
import composeClasses from '@mui/utils/composeClasses';
|
|
13
13
|
import useId from '@mui/utils/useId';
|
package/esm/TimeClock/Clock.js
CHANGED
|
@@ -4,7 +4,8 @@ import clsx from 'clsx';
|
|
|
4
4
|
import IconButton from '@mui/material/IconButton';
|
|
5
5
|
import Typography from '@mui/material/Typography';
|
|
6
6
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
7
|
-
import
|
|
7
|
+
import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
|
|
8
|
+
import composeClasses from '@mui/utils/composeClasses';
|
|
8
9
|
import { ClockPointer } from "./ClockPointer.js";
|
|
9
10
|
import { usePickerTranslations } from "../hooks/usePickerTranslations.js";
|
|
10
11
|
import { useUtils } from "../internals/hooks/useUtils.js";
|
|
@@ -7,7 +7,8 @@ import * as React from 'react';
|
|
|
7
7
|
import clsx from 'clsx';
|
|
8
8
|
import PropTypes from 'prop-types';
|
|
9
9
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
10
|
-
import
|
|
10
|
+
import composeClasses from '@mui/utils/composeClasses';
|
|
11
|
+
import useId from '@mui/utils/useId';
|
|
11
12
|
import { usePickerTranslations } from "../hooks/usePickerTranslations.js";
|
|
12
13
|
import { useUtils, useNow } from "../internals/hooks/useUtils.js";
|
|
13
14
|
import { PickersArrowSwitcher } from "../internals/components/PickersArrowSwitcher/index.js";
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
+
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
2
3
|
export function getClockUtilityClass(slot) {
|
|
3
4
|
return generateUtilityClass('MuiClock', slot);
|
|
4
5
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
+
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
2
3
|
export function getClockNumberUtilityClass(slot) {
|
|
3
4
|
return generateUtilityClass('MuiClockNumber', slot);
|
|
4
5
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
+
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
2
3
|
export function getClockPointerUtilityClass(slot) {
|
|
3
4
|
return generateUtilityClass('MuiClockPointer', slot);
|
|
4
5
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
+
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
2
3
|
export function getTimeClockUtilityClass(slot) {
|
|
3
4
|
return generateUtilityClass('MuiTimeClock', slot);
|
|
4
5
|
}
|
|
@@ -5,7 +5,7 @@ const _excluded = ["slots", "slotProps", "InputProps", "inputProps"];
|
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import PropTypes from 'prop-types';
|
|
7
7
|
import { useThemeProps } from '@mui/material/styles';
|
|
8
|
-
import
|
|
8
|
+
import refType from '@mui/utils/refType';
|
|
9
9
|
import { useTimeField } from "./useTimeField.js";
|
|
10
10
|
import { PickerFieldUI, useFieldTextFieldProps } from "../internals/components/PickerFieldUI.js";
|
|
11
11
|
import { ClockIcon } from "../icons/index.js";
|
|
@@ -7,7 +7,7 @@ import * as React from 'react';
|
|
|
7
7
|
import PropTypes from 'prop-types';
|
|
8
8
|
import useMediaQuery from '@mui/material/useMediaQuery';
|
|
9
9
|
import { useThemeProps } from '@mui/material/styles';
|
|
10
|
-
import
|
|
10
|
+
import refType from '@mui/utils/refType';
|
|
11
11
|
import { DesktopTimePicker } from "../DesktopTimePicker/index.js";
|
|
12
12
|
import { MobileTimePicker } from "../MobileTimePicker/index.js";
|
|
13
13
|
import { DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from "../internals/utils/utils.js";
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
+
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
2
3
|
export function getTimePickerToolbarUtilityClass(slot) {
|
|
3
4
|
return generateUtilityClass('MuiTimePickerToolbar', slot);
|
|
4
5
|
}
|
|
@@ -9,7 +9,10 @@ import clsx from 'clsx';
|
|
|
9
9
|
import { useRtl } from '@mui/system/RtlProvider';
|
|
10
10
|
import { shouldForwardProp } from '@mui/system/createStyled';
|
|
11
11
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
12
|
-
import
|
|
12
|
+
import useForkRef from '@mui/utils/useForkRef';
|
|
13
|
+
import composeClasses from '@mui/utils/composeClasses';
|
|
14
|
+
import useControlled from '@mui/utils/useControlled';
|
|
15
|
+
import useEventCallback from '@mui/utils/useEventCallback';
|
|
13
16
|
import { YearCalendarButton } from "./YearCalendarButton.js";
|
|
14
17
|
import { useUtils, useNow } from "../internals/hooks/useUtils.js";
|
|
15
18
|
import { getYearCalendarUtilityClass } from "./yearCalendarClasses.js";
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
+
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
2
3
|
export function getYearCalendarUtilityClass(slot) {
|
|
3
4
|
return generateUtilityClass('MuiYearCalendar', slot);
|
|
4
5
|
}
|
package/esm/index.js
CHANGED
|
@@ -8,7 +8,10 @@ import Fade from '@mui/material/Fade';
|
|
|
8
8
|
import MuiPaper from '@mui/material/Paper';
|
|
9
9
|
import MuiPopper from '@mui/material/Popper';
|
|
10
10
|
import BaseFocusTrap from '@mui/material/Unstable_TrapFocus';
|
|
11
|
-
import
|
|
11
|
+
import useForkRef from '@mui/utils/useForkRef';
|
|
12
|
+
import useEventCallback from '@mui/utils/useEventCallback';
|
|
13
|
+
import ownerDocument from '@mui/utils/ownerDocument';
|
|
14
|
+
import composeClasses from '@mui/utils/composeClasses';
|
|
12
15
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
13
16
|
import { getPickerPopperUtilityClass } from "./pickerPopperClasses.js";
|
|
14
17
|
import { executeInTheNextEventLoopTick, getActiveElement } from "../../utils/utils.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { SlotComponentProps } from '@mui/utils';
|
|
2
|
+
import { SlotComponentProps } from '@mui/utils/types';
|
|
3
3
|
import IconButton from '@mui/material/IconButton';
|
|
4
4
|
import SvgIcon from '@mui/material/SvgIcon';
|
|
5
5
|
import { PickersArrowSwitcherClasses } from "./pickersArrowSwitcherClasses.js";
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
+
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
2
3
|
export function getPickersArrowSwitcherUtilityClass(slot) {
|
|
3
4
|
return generateUtilityClass('MuiPickersArrowSwitcher', slot);
|
|
4
5
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
+
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
2
3
|
export function getPickersToolbarButtonUtilityClass(slot) {
|
|
3
4
|
return generateUtilityClass('MuiPickersToolbarButton', slot);
|
|
4
5
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
+
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
2
3
|
export function getPickersToolbarUtilityClass(slot) {
|
|
3
4
|
return generateUtilityClass('MuiPickersToolbar', slot);
|
|
4
5
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
+
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
2
3
|
export function getPickersToolbarTextUtilityClass(slot) {
|
|
3
4
|
return generateUtilityClass('MuiPickersToolbarText', slot);
|
|
4
5
|
}
|
package/index.js
CHANGED
|
@@ -15,10 +15,13 @@ var _Fade = _interopRequireDefault(require("@mui/material/Fade"));
|
|
|
15
15
|
var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
|
|
16
16
|
var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
|
|
17
17
|
var _Unstable_TrapFocus = _interopRequireDefault(require("@mui/material/Unstable_TrapFocus"));
|
|
18
|
-
var
|
|
18
|
+
var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
|
|
19
|
+
var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
|
|
20
|
+
var _ownerDocument = _interopRequireDefault(require("@mui/utils/ownerDocument"));
|
|
21
|
+
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
19
22
|
var _styles = require("@mui/material/styles");
|
|
20
23
|
var _pickerPopperClasses = require("./pickerPopperClasses");
|
|
21
|
-
var
|
|
24
|
+
var _utils = require("../../utils/utils");
|
|
22
25
|
var _usePickerPrivateContext = require("../../hooks/usePickerPrivateContext");
|
|
23
26
|
var _hooks = require("../../../hooks");
|
|
24
27
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -28,7 +31,7 @@ const useUtilityClasses = classes => {
|
|
|
28
31
|
root: ['root'],
|
|
29
32
|
paper: ['paper']
|
|
30
33
|
};
|
|
31
|
-
return (0,
|
|
34
|
+
return (0, _composeClasses.default)(slots, _pickerPopperClasses.getPickerPopperUtilityClass, classes);
|
|
32
35
|
};
|
|
33
36
|
const PickerPopperRoot = (0, _styles.styled)(_Popper.default, {
|
|
34
37
|
name: 'MuiPickerPopper',
|
|
@@ -93,7 +96,7 @@ function useClickAwayListener(active, onClickAway) {
|
|
|
93
96
|
// clicking a checkbox to check it, hitting a button to submit a form,
|
|
94
97
|
// and hitting left arrow to move the cursor in a text input etc.
|
|
95
98
|
// Only special HTML elements have these default behaviors.
|
|
96
|
-
const handleClickAway = (0,
|
|
99
|
+
const handleClickAway = (0, _useEventCallback.default)(event => {
|
|
97
100
|
if (!activatedRef.current) {
|
|
98
101
|
return;
|
|
99
102
|
}
|
|
@@ -102,7 +105,7 @@ function useClickAwayListener(active, onClickAway) {
|
|
|
102
105
|
// we can only be confident with a positive value.
|
|
103
106
|
const insideReactTree = syntheticEventRef.current;
|
|
104
107
|
syntheticEventRef.current = false;
|
|
105
|
-
const doc = (0,
|
|
108
|
+
const doc = (0, _ownerDocument.default)(nodeRef.current);
|
|
106
109
|
|
|
107
110
|
// 1. IE11 support, which trigger the handleClickAway even after the unbind
|
|
108
111
|
// 2. The child might render null.
|
|
@@ -137,7 +140,7 @@ function useClickAwayListener(active, onClickAway) {
|
|
|
137
140
|
};
|
|
138
141
|
React.useEffect(() => {
|
|
139
142
|
if (active) {
|
|
140
|
-
const doc = (0,
|
|
143
|
+
const doc = (0, _ownerDocument.default)(nodeRef.current);
|
|
141
144
|
const handleTouchMove = () => {
|
|
142
145
|
movedRef.current = true;
|
|
143
146
|
};
|
|
@@ -156,7 +159,7 @@ function useClickAwayListener(active, onClickAway) {
|
|
|
156
159
|
// Or if this is a timing related issues due to different Transition components
|
|
157
160
|
// Once we get rid of all the manual scheduling (for example setTimeout(update, 0)) we can revisit this code+test.
|
|
158
161
|
if (active) {
|
|
159
|
-
const doc = (0,
|
|
162
|
+
const doc = (0, _ownerDocument.default)(nodeRef.current);
|
|
160
163
|
doc.addEventListener('click', handleClickAway);
|
|
161
164
|
return () => {
|
|
162
165
|
doc.removeEventListener('click', handleClickAway);
|
|
@@ -247,7 +250,7 @@ function PickerPopper(inProps) {
|
|
|
247
250
|
return;
|
|
248
251
|
}
|
|
249
252
|
if (open) {
|
|
250
|
-
lastFocusedElementRef.current = (0,
|
|
253
|
+
lastFocusedElementRef.current = (0, _utils.getActiveElement)(document);
|
|
251
254
|
} else if (lastFocusedElementRef.current && lastFocusedElementRef.current instanceof HTMLElement) {
|
|
252
255
|
// make sure the button is flushed with updated label, before returning focus to it
|
|
253
256
|
// avoids issue, where screen reader could fail to announce selected date after selection
|
|
@@ -266,10 +269,10 @@ function PickerPopper(inProps) {
|
|
|
266
269
|
const ownerState = (0, _extends2.default)({}, pickerOwnerState, {
|
|
267
270
|
popperPlacement: placement
|
|
268
271
|
});
|
|
269
|
-
const handleClickAway = (0,
|
|
272
|
+
const handleClickAway = (0, _useEventCallback.default)(() => {
|
|
270
273
|
if (viewContainerRole === 'tooltip') {
|
|
271
|
-
(0,
|
|
272
|
-
if (rootRefObject.current?.contains((0,
|
|
274
|
+
(0, _utils.executeInTheNextEventLoopTick)(() => {
|
|
275
|
+
if (rootRefObject.current?.contains((0, _utils.getActiveElement)(document)) || popupRef.current?.contains((0, _utils.getActiveElement)(document))) {
|
|
273
276
|
return;
|
|
274
277
|
}
|
|
275
278
|
dismissViews();
|
|
@@ -280,8 +283,8 @@ function PickerPopper(inProps) {
|
|
|
280
283
|
});
|
|
281
284
|
const [clickAwayRef, onPaperClick, onPaperTouchStart] = useClickAwayListener(open, handleClickAway);
|
|
282
285
|
const paperRef = React.useRef(null);
|
|
283
|
-
const handleRef = (0,
|
|
284
|
-
const handlePaperRef = (0,
|
|
286
|
+
const handleRef = (0, _useForkRef.default)(paperRef, popupRef);
|
|
287
|
+
const handlePaperRef = (0, _useForkRef.default)(handleRef, clickAwayRef);
|
|
285
288
|
const handleKeyDown = event => {
|
|
286
289
|
if (event.key === 'Escape') {
|
|
287
290
|
// stop the propagation to avoid closing parent modal
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { SlotComponentProps } from '@mui/utils';
|
|
2
|
+
import { SlotComponentProps } from '@mui/utils/types';
|
|
3
3
|
import IconButton from '@mui/material/IconButton';
|
|
4
4
|
import SvgIcon from '@mui/material/SvgIcon';
|
|
5
5
|
import { PickersArrowSwitcherClasses } from "./pickersArrowSwitcherClasses.js";
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports.getPickersArrowSwitcherUtilityClass = getPickersArrowSwitcherUtilityClass;
|
|
7
8
|
exports.pickersArrowSwitcherClasses = void 0;
|
|
8
|
-
var
|
|
9
|
+
var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
|
|
10
|
+
var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
|
|
9
11
|
function getPickersArrowSwitcherUtilityClass(slot) {
|
|
10
|
-
return (0,
|
|
12
|
+
return (0, _generateUtilityClass.default)('MuiPickersArrowSwitcher', slot);
|
|
11
13
|
}
|
|
12
|
-
const pickersArrowSwitcherClasses = exports.pickersArrowSwitcherClasses = (0,
|
|
14
|
+
const pickersArrowSwitcherClasses = exports.pickersArrowSwitcherClasses = (0, _generateUtilityClasses.default)('MuiPickersArrowSwitcher', ['root', 'spacer', 'button', 'previousIconButton', 'nextIconButton', 'leftArrowIcon', 'rightArrowIcon']);
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports.getPickersToolbarButtonUtilityClass = getPickersToolbarButtonUtilityClass;
|
|
7
8
|
exports.pickersToolbarButtonClasses = void 0;
|
|
8
|
-
var
|
|
9
|
+
var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
|
|
10
|
+
var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
|
|
9
11
|
function getPickersToolbarButtonUtilityClass(slot) {
|
|
10
|
-
return (0,
|
|
12
|
+
return (0, _generateUtilityClass.default)('MuiPickersToolbarButton', slot);
|
|
11
13
|
}
|
|
12
|
-
const pickersToolbarButtonClasses = exports.pickersToolbarButtonClasses = (0,
|
|
14
|
+
const pickersToolbarButtonClasses = exports.pickersToolbarButtonClasses = (0, _generateUtilityClasses.default)('MuiPickersToolbarButton', ['root']);
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports.getPickersToolbarUtilityClass = getPickersToolbarUtilityClass;
|
|
7
8
|
exports.pickersToolbarClasses = void 0;
|
|
8
|
-
var
|
|
9
|
+
var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
|
|
10
|
+
var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
|
|
9
11
|
function getPickersToolbarUtilityClass(slot) {
|
|
10
|
-
return (0,
|
|
12
|
+
return (0, _generateUtilityClass.default)('MuiPickersToolbar', slot);
|
|
11
13
|
}
|
|
12
|
-
const pickersToolbarClasses = exports.pickersToolbarClasses = (0,
|
|
14
|
+
const pickersToolbarClasses = exports.pickersToolbarClasses = (0, _generateUtilityClasses.default)('MuiPickersToolbar', ['root', 'title', 'content']);
|