@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.
Files changed (108) hide show
  1. package/CHANGELOG.md +103 -0
  2. package/DateCalendar/DateCalendar.js +8 -6
  3. package/DateCalendar/DateCalendar.types.d.ts +1 -1
  4. package/DateCalendar/dateCalendarClasses.js +5 -3
  5. package/DateCalendar/dayCalendarClasses.js +5 -3
  6. package/DateCalendar/pickersFadeTransitionGroupClasses.js +5 -3
  7. package/DateCalendar/pickersSlideTransitionClasses.js +5 -3
  8. package/DateField/DateField.js +2 -2
  9. package/DatePicker/DatePicker.js +4 -4
  10. package/DatePicker/datePickerToolbarClasses.js +5 -3
  11. package/DateTimeField/DateTimeField.js +2 -2
  12. package/DateTimePicker/DateTimePicker.js +4 -4
  13. package/DateTimePicker/dateTimePickerTabsClasses.js +5 -3
  14. package/DateTimePicker/dateTimePickerToolbarClasses.js +5 -3
  15. package/DayCalendarSkeleton/dayCalendarSkeletonClasses.js +5 -3
  16. package/DesktopDatePicker/DesktopDatePicker.js +2 -2
  17. package/DesktopDateTimePicker/DesktopDateTimePicker.js +2 -2
  18. package/DesktopTimePicker/DesktopTimePicker.js +2 -2
  19. package/DigitalClock/DigitalClock.types.d.ts +1 -1
  20. package/MobileDatePicker/MobileDatePicker.js +2 -2
  21. package/MobileDateTimePicker/MobileDateTimePicker.js +4 -4
  22. package/MobileTimePicker/MobileTimePicker.js +2 -2
  23. package/MonthCalendar/MonthCalendar.js +11 -9
  24. package/MonthCalendar/monthCalendarClasses.js +5 -3
  25. package/MultiSectionDigitalClock/MultiSectionDigitalClock.types.d.ts +1 -1
  26. package/PickersCalendarHeader/PickersCalendarHeader.types.d.ts +1 -1
  27. package/PickersCalendarHeader/pickersCalendarHeaderClasses.js +5 -3
  28. package/PickersDay/PickersDay.js +6 -4
  29. package/PickersDay/pickersDayClasses.js +5 -3
  30. package/PickersLayout/PickersLayout.types.d.ts +1 -1
  31. package/PickersSectionList/PickersSectionList.types.d.ts +1 -1
  32. package/PickersTextField/PickersFilledInput/PickersFilledInput.js +2 -2
  33. package/PickersTextField/PickersInput/PickersInput.js +2 -2
  34. package/PickersTextField/PickersInputBase/PickersInputBase.js +2 -2
  35. package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js +2 -2
  36. package/PickersTextField/PickersTextField.js +2 -2
  37. package/TimeClock/Clock.js +4 -3
  38. package/TimeClock/TimeClock.js +4 -3
  39. package/TimeClock/clockClasses.js +5 -3
  40. package/TimeClock/clockNumberClasses.js +5 -3
  41. package/TimeClock/clockPointerClasses.js +5 -3
  42. package/TimeClock/timeClockClasses.js +5 -3
  43. package/TimeField/TimeField.js +2 -2
  44. package/TimePicker/TimePicker.js +4 -4
  45. package/TimePicker/timePickerToolbarClasses.js +5 -3
  46. package/YearCalendar/YearCalendar.js +13 -10
  47. package/YearCalendar/yearCalendarClasses.js +5 -3
  48. package/esm/DateCalendar/DateCalendar.js +3 -1
  49. package/esm/DateCalendar/DateCalendar.types.d.ts +1 -1
  50. package/esm/DateCalendar/dateCalendarClasses.js +2 -1
  51. package/esm/DateCalendar/dayCalendarClasses.js +2 -1
  52. package/esm/DateCalendar/pickersFadeTransitionGroupClasses.js +2 -1
  53. package/esm/DateCalendar/pickersSlideTransitionClasses.js +2 -1
  54. package/esm/DateField/DateField.js +1 -1
  55. package/esm/DatePicker/DatePicker.js +1 -1
  56. package/esm/DatePicker/datePickerToolbarClasses.js +2 -1
  57. package/esm/DateTimeField/DateTimeField.js +1 -1
  58. package/esm/DateTimePicker/DateTimePicker.js +1 -1
  59. package/esm/DateTimePicker/dateTimePickerTabsClasses.js +2 -1
  60. package/esm/DateTimePicker/dateTimePickerToolbarClasses.js +2 -1
  61. package/esm/DayCalendarSkeleton/dayCalendarSkeletonClasses.js +2 -1
  62. package/esm/DesktopDatePicker/DesktopDatePicker.js +1 -1
  63. package/esm/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -1
  64. package/esm/DesktopTimePicker/DesktopTimePicker.js +1 -1
  65. package/esm/DigitalClock/DigitalClock.types.d.ts +1 -1
  66. package/esm/MobileDatePicker/MobileDatePicker.js +1 -1
  67. package/esm/MobileDateTimePicker/MobileDateTimePicker.js +1 -1
  68. package/esm/MobileTimePicker/MobileTimePicker.js +1 -1
  69. package/esm/MonthCalendar/MonthCalendar.js +3 -1
  70. package/esm/MonthCalendar/monthCalendarClasses.js +2 -1
  71. package/esm/MultiSectionDigitalClock/MultiSectionDigitalClock.types.d.ts +1 -1
  72. package/esm/PickersCalendarHeader/PickersCalendarHeader.types.d.ts +1 -1
  73. package/esm/PickersCalendarHeader/pickersCalendarHeaderClasses.js +2 -1
  74. package/esm/PickersDay/PickersDay.js +3 -1
  75. package/esm/PickersDay/pickersDayClasses.js +2 -1
  76. package/esm/PickersLayout/PickersLayout.types.d.ts +1 -1
  77. package/esm/PickersSectionList/PickersSectionList.types.d.ts +1 -1
  78. package/esm/PickersTextField/PickersFilledInput/PickersFilledInput.js +1 -1
  79. package/esm/PickersTextField/PickersInput/PickersInput.js +1 -1
  80. package/esm/PickersTextField/PickersInputBase/PickersInputBase.js +1 -1
  81. package/esm/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js +1 -1
  82. package/esm/PickersTextField/PickersTextField.js +1 -1
  83. package/esm/TimeClock/Clock.js +2 -1
  84. package/esm/TimeClock/TimeClock.js +2 -1
  85. package/esm/TimeClock/clockClasses.js +2 -1
  86. package/esm/TimeClock/clockNumberClasses.js +2 -1
  87. package/esm/TimeClock/clockPointerClasses.js +2 -1
  88. package/esm/TimeClock/timeClockClasses.js +2 -1
  89. package/esm/TimeField/TimeField.js +1 -1
  90. package/esm/TimePicker/TimePicker.js +1 -1
  91. package/esm/TimePicker/timePickerToolbarClasses.js +2 -1
  92. package/esm/YearCalendar/YearCalendar.js +4 -1
  93. package/esm/YearCalendar/yearCalendarClasses.js +2 -1
  94. package/esm/index.js +1 -1
  95. package/esm/internals/components/PickerPopper/PickerPopper.js +4 -1
  96. package/esm/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.types.d.ts +1 -1
  97. package/esm/internals/components/PickersArrowSwitcher/pickersArrowSwitcherClasses.js +2 -1
  98. package/esm/internals/components/pickersToolbarButtonClasses.js +2 -1
  99. package/esm/internals/components/pickersToolbarClasses.js +2 -1
  100. package/esm/internals/components/pickersToolbarTextClasses.js +2 -1
  101. package/index.js +1 -1
  102. package/internals/components/PickerPopper/PickerPopper.js +16 -13
  103. package/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.types.d.ts +1 -1
  104. package/internals/components/PickersArrowSwitcher/pickersArrowSwitcherClasses.js +5 -3
  105. package/internals/components/pickersToolbarButtonClasses.js +5 -3
  106. package/internals/components/pickersToolbarClasses.js +5 -3
  107. package/internals/components/pickersToolbarTextClasses.js +5 -3
  108. 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 { refType } from '@mui/utils';
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 { refType } from '@mui/utils';
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 { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
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 { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
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 { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
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 { refType } from '@mui/utils';
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 { refType } from '@mui/utils';
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 { refType } from '@mui/utils';
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 { refType } from '@mui/utils';
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 { refType } from '@mui/utils';
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 { refType } from '@mui/utils';
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 { unstable_useControlled as useControlled, unstable_composeClasses as composeClasses, unstable_useEventCallback as useEventCallback } from '@mui/utils';
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 { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
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 { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
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 { unstable_useEnhancedEffect as useEnhancedEffect, unstable_composeClasses as composeClasses, unstable_useForkRef as useForkRef } from '@mui/utils';
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 { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
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 { refType } from '@mui/utils';
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 { refType } from '@mui/utils';
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 { refType } from '@mui/utils';
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 { refType } from '@mui/utils';
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 { refType } from '@mui/utils';
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';
@@ -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 { unstable_useEnhancedEffect as useEnhancedEffect, unstable_composeClasses as composeClasses } from '@mui/utils';
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 { unstable_composeClasses as composeClasses, unstable_useId as useId } from '@mui/utils';
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 { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
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 { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
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 { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
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 { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
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 { refType } from '@mui/utils';
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 { refType } from '@mui/utils';
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 { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
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 { unstable_useForkRef as useForkRef, unstable_composeClasses as composeClasses, unstable_useControlled as useControlled, unstable_useEventCallback as useEventCallback } from '@mui/utils';
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 { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
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
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-date-pickers v8.4.0
2
+ * @mui/x-date-pickers v8.5.0
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -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 { unstable_useForkRef as useForkRef, unstable_useEventCallback as useEventCallback, unstable_ownerDocument as ownerDocument, unstable_composeClasses as composeClasses } from '@mui/utils';
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 { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
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 { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
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 { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
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 { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
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
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-date-pickers v8.4.0
2
+ * @mui/x-date-pickers v8.5.0
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -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 _utils = require("@mui/utils");
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 _utils2 = require("../../utils/utils");
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, _utils.unstable_composeClasses)(slots, _pickerPopperClasses.getPickerPopperUtilityClass, classes);
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, _utils.unstable_useEventCallback)(event => {
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, _utils.unstable_ownerDocument)(nodeRef.current);
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, _utils.unstable_ownerDocument)(nodeRef.current);
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, _utils.unstable_ownerDocument)(nodeRef.current);
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, _utils2.getActiveElement)(document);
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, _utils.unstable_useEventCallback)(() => {
272
+ const handleClickAway = (0, _useEventCallback.default)(() => {
270
273
  if (viewContainerRole === 'tooltip') {
271
- (0, _utils2.executeInTheNextEventLoopTick)(() => {
272
- if (rootRefObject.current?.contains((0, _utils2.getActiveElement)(document)) || popupRef.current?.contains((0, _utils2.getActiveElement)(document))) {
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, _utils.unstable_useForkRef)(paperRef, popupRef);
284
- const handlePaperRef = (0, _utils.unstable_useForkRef)(handleRef, clickAwayRef);
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 _utils = require("@mui/utils");
9
+ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
10
+ var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
9
11
  function getPickersArrowSwitcherUtilityClass(slot) {
10
- return (0, _utils.unstable_generateUtilityClass)('MuiPickersArrowSwitcher', slot);
12
+ return (0, _generateUtilityClass.default)('MuiPickersArrowSwitcher', slot);
11
13
  }
12
- const pickersArrowSwitcherClasses = exports.pickersArrowSwitcherClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersArrowSwitcher', ['root', 'spacer', 'button', 'previousIconButton', 'nextIconButton', 'leftArrowIcon', 'rightArrowIcon']);
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 _utils = require("@mui/utils");
9
+ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
10
+ var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
9
11
  function getPickersToolbarButtonUtilityClass(slot) {
10
- return (0, _utils.unstable_generateUtilityClass)('MuiPickersToolbarButton', slot);
12
+ return (0, _generateUtilityClass.default)('MuiPickersToolbarButton', slot);
11
13
  }
12
- const pickersToolbarButtonClasses = exports.pickersToolbarButtonClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersToolbarButton', ['root']);
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 _utils = require("@mui/utils");
9
+ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
10
+ var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
9
11
  function getPickersToolbarUtilityClass(slot) {
10
- return (0, _utils.unstable_generateUtilityClass)('MuiPickersToolbar', slot);
12
+ return (0, _generateUtilityClass.default)('MuiPickersToolbar', slot);
11
13
  }
12
- const pickersToolbarClasses = exports.pickersToolbarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersToolbar', ['root', 'title', 'content']);
14
+ const pickersToolbarClasses = exports.pickersToolbarClasses = (0, _generateUtilityClasses.default)('MuiPickersToolbar', ['root', 'title', 'content']);