@mui/x-date-pickers-pro 6.18.1 → 7.0.0-alpha.1

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 (84) hide show
  1. package/CHANGELOG.md +558 -1
  2. package/DateRangeCalendar/DateRangeCalendar.js +74 -80
  3. package/DateRangeCalendar/DateRangeCalendar.types.d.ts +12 -17
  4. package/DateRangePicker/DateRangePicker.js +0 -13
  5. package/DateRangePicker/DateRangePicker.types.d.ts +1 -14
  6. package/DateRangePicker/shared.d.ts +4 -16
  7. package/DateRangePicker/shared.js +7 -15
  8. package/DesktopDateRangePicker/DesktopDateRangePicker.js +0 -13
  9. package/DesktopDateRangePicker/DesktopDateRangePicker.types.d.ts +3 -15
  10. package/MobileDateRangePicker/MobileDateRangePicker.js +0 -13
  11. package/MobileDateRangePicker/MobileDateRangePicker.types.d.ts +3 -15
  12. package/MultiInputDateRangeField/MultiInputDateRangeField.js +6 -22
  13. package/MultiInputDateRangeField/MultiInputDateRangeField.types.d.ts +4 -17
  14. package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +4 -20
  15. package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.types.d.ts +4 -17
  16. package/MultiInputTimeRangeField/MultiInputTimeRangeField.js +4 -20
  17. package/MultiInputTimeRangeField/MultiInputTimeRangeField.types.d.ts +4 -17
  18. package/SingleInputDateRangeField/SingleInputDateRangeField.js +5 -21
  19. package/SingleInputDateRangeField/SingleInputDateRangeField.types.d.ts +3 -15
  20. package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +5 -21
  21. package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.d.ts +3 -15
  22. package/SingleInputTimeRangeField/SingleInputTimeRangeField.js +5 -21
  23. package/SingleInputTimeRangeField/SingleInputTimeRangeField.types.d.ts +3 -15
  24. package/StaticDateRangePicker/StaticDateRangePicker.js +0 -13
  25. package/StaticDateRangePicker/StaticDateRangePicker.types.d.ts +2 -14
  26. package/dateRangeViewRenderers/dateRangeViewRenderers.d.ts +1 -1
  27. package/dateRangeViewRenderers/dateRangeViewRenderers.js +0 -4
  28. package/index.js +1 -1
  29. package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.ts +2 -2
  30. package/internals/hooks/useEnrichedRangePickerFieldProps.d.ts +6 -6
  31. package/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.d.ts +2 -2
  32. package/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js +9 -3
  33. package/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.d.ts +2 -2
  34. package/internals/utils/date-fields-utils.d.ts +0 -1
  35. package/internals/utils/releaseInfo.js +1 -1
  36. package/legacy/DateRangeCalendar/DateRangeCalendar.js +39 -47
  37. package/legacy/DateRangePicker/DateRangePicker.js +0 -13
  38. package/legacy/DateRangePicker/shared.js +7 -13
  39. package/legacy/DesktopDateRangePicker/DesktopDateRangePicker.js +0 -13
  40. package/legacy/MobileDateRangePicker/MobileDateRangePicker.js +0 -13
  41. package/legacy/MultiInputDateRangeField/MultiInputDateRangeField.js +6 -22
  42. package/legacy/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +4 -20
  43. package/legacy/MultiInputTimeRangeField/MultiInputTimeRangeField.js +4 -20
  44. package/legacy/SingleInputDateRangeField/SingleInputDateRangeField.js +5 -21
  45. package/legacy/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +5 -21
  46. package/legacy/SingleInputTimeRangeField/SingleInputTimeRangeField.js +5 -21
  47. package/legacy/StaticDateRangePicker/StaticDateRangePicker.js +0 -13
  48. package/legacy/dateRangeViewRenderers/dateRangeViewRenderers.js +0 -4
  49. package/legacy/index.js +1 -1
  50. package/legacy/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js +9 -3
  51. package/legacy/internals/utils/releaseInfo.js +1 -1
  52. package/modern/DateRangeCalendar/DateRangeCalendar.js +35 -45
  53. package/modern/DateRangePicker/DateRangePicker.js +0 -13
  54. package/modern/DateRangePicker/shared.js +6 -14
  55. package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js +0 -13
  56. package/modern/MobileDateRangePicker/MobileDateRangePicker.js +0 -13
  57. package/modern/MultiInputDateRangeField/MultiInputDateRangeField.js +5 -21
  58. package/modern/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +4 -20
  59. package/modern/MultiInputTimeRangeField/MultiInputTimeRangeField.js +4 -20
  60. package/modern/SingleInputDateRangeField/SingleInputDateRangeField.js +4 -20
  61. package/modern/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +4 -20
  62. package/modern/SingleInputTimeRangeField/SingleInputTimeRangeField.js +4 -20
  63. package/modern/StaticDateRangePicker/StaticDateRangePicker.js +0 -13
  64. package/modern/dateRangeViewRenderers/dateRangeViewRenderers.js +0 -4
  65. package/modern/index.js +1 -1
  66. package/modern/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js +9 -3
  67. package/modern/internals/utils/releaseInfo.js +1 -1
  68. package/node/DateRangeCalendar/DateRangeCalendar.js +33 -43
  69. package/node/DateRangePicker/DateRangePicker.js +0 -13
  70. package/node/DateRangePicker/shared.js +5 -13
  71. package/node/DesktopDateRangePicker/DesktopDateRangePicker.js +0 -13
  72. package/node/MobileDateRangePicker/MobileDateRangePicker.js +0 -13
  73. package/node/MultiInputDateRangeField/MultiInputDateRangeField.js +4 -20
  74. package/node/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +3 -19
  75. package/node/MultiInputTimeRangeField/MultiInputTimeRangeField.js +3 -19
  76. package/node/SingleInputDateRangeField/SingleInputDateRangeField.js +4 -20
  77. package/node/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +4 -20
  78. package/node/SingleInputTimeRangeField/SingleInputTimeRangeField.js +4 -20
  79. package/node/StaticDateRangePicker/StaticDateRangePicker.js +0 -13
  80. package/node/dateRangeViewRenderers/dateRangeViewRenderers.js +0 -4
  81. package/node/index.js +1 -1
  82. package/node/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js +9 -3
  83. package/node/internals/utils/releaseInfo.js +1 -1
  84. package/package.json +3 -3
@@ -4,7 +4,6 @@ import Typography from '@mui/material/Typography';
4
4
  import Stack, { StackProps } from '@mui/material/Stack';
5
5
  import TextField from '@mui/material/TextField';
6
6
  import { FieldRef } from '@mui/x-date-pickers/models';
7
- import { UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
8
7
  import { UseDateRangeFieldProps } from '../internals/models/dateRange';
9
8
  import { RangePosition } from '../internals/models/range';
10
9
  import { UseMultiInputRangeFieldParams } from '../internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types';
@@ -22,23 +21,11 @@ export interface MultiInputDateRangeFieldProps<TDate> extends UseMultiInputDateR
22
21
  * Override or extend the styles applied to the component.
23
22
  */
24
23
  classes?: Partial<MultiInputRangeFieldClasses>;
25
- /**
26
- * Overridable components.
27
- * @default {}
28
- * @deprecated Please use `slots`.
29
- */
30
- components?: MultiInputDateRangeFieldSlotsComponent;
31
- /**
32
- * The props used for each component slot.
33
- * @default {}
34
- * @deprecated Please use `slotProps`.
35
- */
36
- componentsProps?: MultiInputDateRangeFieldSlotsComponentsProps<TDate>;
37
24
  /**
38
25
  * Overridable component slots.
39
26
  * @default {}
40
27
  */
41
- slots?: UncapitalizeObjectKeys<MultiInputDateRangeFieldSlotsComponent>;
28
+ slots?: MultiInputDateRangeFieldSlotsComponent;
42
29
  /**
43
30
  * The props used for each component slot.
44
31
  * @default {}
@@ -51,19 +38,19 @@ export interface MultiInputDateRangeFieldSlotsComponent {
51
38
  * Element rendered at the root.
52
39
  * @default MultiInputDateRangeFieldRoot
53
40
  */
54
- Root?: React.ElementType;
41
+ root?: React.ElementType;
55
42
  /**
56
43
  * Form control with an input to render a date.
57
44
  * It is rendered twice: once for the start date and once for the end date.
58
45
  * Receives the same props as `@mui/material/TextField`.
59
46
  * @default TextField from '@mui/material'
60
47
  */
61
- TextField?: React.ElementType;
48
+ textField?: React.ElementType;
62
49
  /**
63
50
  * Element rendered between the two inputs.
64
51
  * @default MultiInputDateRangeFieldSeparator
65
52
  */
66
- Separator?: React.ElementType;
53
+ separator?: React.ElementType;
67
54
  }
68
55
  export interface MultiInputDateRangeFieldSlotsComponentsProps<TDate> {
69
56
  root?: SlotComponentProps<typeof Stack, {}, MultiInputDateRangeFieldOwnerState<TDate>>;
@@ -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 = ["slots", "slotProps", "components", "componentsProps", "disabled", "autoFocus", "unstableStartFieldRef", "unstableEndFieldRef", "className"],
3
+ const _excluded = ["slots", "slotProps", "disabled", "autoFocus", "unstableStartFieldRef", "unstableEndFieldRef", "className"],
4
4
  _excluded2 = ["onKeyDown", "ref", "readOnly", "inputMode"],
5
5
  _excluded3 = ["onKeyDown", "ref", "readOnly", "inputMode"];
6
6
  import * as React from 'react';
@@ -12,7 +12,7 @@ import Typography from '@mui/material/Typography';
12
12
  import { styled, useThemeProps } from '@mui/material/styles';
13
13
  import { useSlotProps } from '@mui/base/utils';
14
14
  import { unstable_composeClasses as composeClasses, unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
15
- import { splitFieldInternalAndForwardedProps, uncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
15
+ import { splitFieldInternalAndForwardedProps } from '@mui/x-date-pickers/internals';
16
16
  import { useMultiInputDateTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField';
17
17
  import { jsx as _jsx } from "react/jsx-runtime";
18
18
  import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -69,10 +69,8 @@ const MultiInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function Mult
69
69
  forwardedProps
70
70
  } = splitFieldInternalAndForwardedProps(themeProps, 'date-time');
71
71
  const {
72
- slots: innerSlots,
73
- slotProps: innerSlotProps,
74
- components,
75
- componentsProps,
72
+ slots,
73
+ slotProps,
76
74
  disabled,
77
75
  autoFocus,
78
76
  unstableStartFieldRef,
@@ -80,8 +78,6 @@ const MultiInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function Mult
80
78
  className
81
79
  } = forwardedProps,
82
80
  otherForwardedProps = _objectWithoutPropertiesLoose(forwardedProps, _excluded);
83
- const slots = innerSlots != null ? innerSlots : uncapitalizeObjectKeys(components);
84
- const slotProps = innerSlotProps != null ? innerSlotProps : componentsProps;
85
81
  const ownerState = themeProps;
86
82
  const classes = useUtilityClasses(ownerState);
87
83
  const Root = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : MultiInputDateTimeRangeFieldRoot;
@@ -191,18 +187,6 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
191
187
  classes: PropTypes.object,
192
188
  className: PropTypes.string,
193
189
  component: PropTypes.elementType,
194
- /**
195
- * Overridable components.
196
- * @default {}
197
- * @deprecated Please use `slots`.
198
- */
199
- components: PropTypes.object,
200
- /**
201
- * The props used for each component slot.
202
- * @default {}
203
- * @deprecated Please use `slotProps`.
204
- */
205
- componentsProps: PropTypes.object,
206
190
  /**
207
191
  * The default value. Use when the component is not controlled.
208
192
  */
@@ -4,7 +4,6 @@ import { SlotComponentProps } from '@mui/base/utils';
4
4
  import Typography from '@mui/material/Typography';
5
5
  import Stack, { StackProps } from '@mui/material/Stack';
6
6
  import TextField from '@mui/material/TextField';
7
- import { UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
8
7
  import { UseDateTimeRangeFieldDefaultizedProps, UseDateTimeRangeFieldProps } from '../internals/models/dateTimeRange';
9
8
  import { RangePosition } from '../internals/models/range';
10
9
  import { RangeFieldSection } from '../internals/models/fields';
@@ -22,23 +21,11 @@ export interface MultiInputDateTimeRangeFieldProps<TDate> extends UseMultiInputD
22
21
  * Override or extend the styles applied to the component.
23
22
  */
24
23
  classes?: Partial<MultiInputRangeFieldClasses>;
25
- /**
26
- * Overridable components.
27
- * @default {}
28
- * @deprecated Please use `slots`.
29
- */
30
- components?: MultiInputDateTimeRangeFieldSlotsComponent;
31
- /**
32
- * The props used for each component slot.
33
- * @default {}
34
- * @deprecated Please use `slotProps`.
35
- */
36
- componentsProps?: MultiInputDateTimeRangeFieldSlotsComponentsProps<TDate>;
37
24
  /**
38
25
  * Overridable component slots.
39
26
  * @default {}
40
27
  */
41
- slots?: UncapitalizeObjectKeys<MultiInputDateTimeRangeFieldSlotsComponent>;
28
+ slots?: MultiInputDateTimeRangeFieldSlotsComponent;
42
29
  /**
43
30
  * The props used for each component slot.
44
31
  * @default {}
@@ -51,19 +38,19 @@ export interface MultiInputDateTimeRangeFieldSlotsComponent {
51
38
  * Element rendered at the root.
52
39
  * @default MultiInputDateTimeRangeFieldRoot
53
40
  */
54
- Root?: React.ElementType;
41
+ root?: React.ElementType;
55
42
  /**
56
43
  * Form control with an input to render a date and time.
57
44
  * It is rendered twice: once for the start date time and once for the end date time.
58
45
  * Receives the same props as `@mui/material/TextField`.
59
46
  * @default TextField from '@mui/material'
60
47
  */
61
- TextField?: React.ElementType;
48
+ textField?: React.ElementType;
62
49
  /**
63
50
  * Element rendered between the two inputs.
64
51
  * @default MultiInputDateTimeRangeFieldSeparator
65
52
  */
66
- Separator?: React.ElementType;
53
+ separator?: React.ElementType;
67
54
  }
68
55
  export interface MultiInputDateTimeRangeFieldSlotsComponentsProps<TDate> {
69
56
  root?: SlotComponentProps<typeof Stack, {}, MultiInputDateTimeRangeFieldOwnerState<TDate>>;
@@ -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 = ["slots", "slotProps", "components", "componentsProps", "disabled", "autoFocus", "unstableStartFieldRef", "unstableEndFieldRef", "className"],
3
+ const _excluded = ["slots", "slotProps", "disabled", "autoFocus", "unstableStartFieldRef", "unstableEndFieldRef", "className"],
4
4
  _excluded2 = ["onKeyDown", "ref", "readOnly", "inputMode"],
5
5
  _excluded3 = ["onKeyDown", "ref", "readOnly", "inputMode"];
6
6
  import * as React from 'react';
@@ -12,7 +12,7 @@ import Typography from '@mui/material/Typography';
12
12
  import { styled, useThemeProps } from '@mui/material/styles';
13
13
  import { useSlotProps } from '@mui/base/utils';
14
14
  import { unstable_composeClasses as composeClasses, unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
15
- import { splitFieldInternalAndForwardedProps, uncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
15
+ import { splitFieldInternalAndForwardedProps } from '@mui/x-date-pickers/internals';
16
16
  import { useMultiInputTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField';
17
17
  import { jsx as _jsx } from "react/jsx-runtime";
18
18
  import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -69,10 +69,8 @@ const MultiInputTimeRangeField = /*#__PURE__*/React.forwardRef(function MultiInp
69
69
  forwardedProps
70
70
  } = splitFieldInternalAndForwardedProps(themeProps, 'time');
71
71
  const {
72
- slots: innerSlots,
73
- slotProps: innerSlotProps,
74
- components,
75
- componentsProps,
72
+ slots,
73
+ slotProps,
76
74
  disabled,
77
75
  autoFocus,
78
76
  unstableStartFieldRef,
@@ -80,8 +78,6 @@ const MultiInputTimeRangeField = /*#__PURE__*/React.forwardRef(function MultiInp
80
78
  className
81
79
  } = forwardedProps,
82
80
  otherForwardedProps = _objectWithoutPropertiesLoose(forwardedProps, _excluded);
83
- const slots = innerSlots != null ? innerSlots : uncapitalizeObjectKeys(components);
84
- const slotProps = innerSlotProps != null ? innerSlotProps : componentsProps;
85
81
  const ownerState = themeProps;
86
82
  const classes = useUtilityClasses(ownerState);
87
83
  const Root = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : MultiInputTimeRangeFieldRoot;
@@ -191,18 +187,6 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
191
187
  classes: PropTypes.object,
192
188
  className: PropTypes.string,
193
189
  component: PropTypes.elementType,
194
- /**
195
- * Overridable components.
196
- * @default {}
197
- * @deprecated Please use `slots`.
198
- */
199
- components: PropTypes.object,
200
- /**
201
- * The props used for each component slot.
202
- * @default {}
203
- * @deprecated Please use `slotProps`.
204
- */
205
- componentsProps: PropTypes.object,
206
190
  /**
207
191
  * The default value. Use when the component is not controlled.
208
192
  */
@@ -4,7 +4,6 @@ import Typography from '@mui/material/Typography';
4
4
  import Stack, { StackProps } from '@mui/material/Stack';
5
5
  import TextField from '@mui/material/TextField';
6
6
  import { FieldRef } from '@mui/x-date-pickers/models';
7
- import { UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
8
7
  import { UseTimeRangeFieldDefaultizedProps, UseTimeRangeFieldProps } from '../internals/models/timeRange';
9
8
  import { RangePosition } from '../internals/models/range';
10
9
  import { UseMultiInputRangeFieldParams } from '../internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types';
@@ -22,23 +21,11 @@ export interface MultiInputTimeRangeFieldProps<TDate> extends UseMultiInputTimeR
22
21
  * Override or extend the styles applied to the component.
23
22
  */
24
23
  classes?: Partial<MultiInputRangeFieldClasses>;
25
- /**
26
- * Overridable components.
27
- * @default {}
28
- * @deprecated Please use `slots`.
29
- */
30
- components?: MultiInputTimeRangeFieldSlotsComponent;
31
- /**
32
- * The props used for each component slot.
33
- * @default {}
34
- * @deprecated Please use `slotProps`.
35
- */
36
- componentsProps?: MultiInputTimeRangeFieldSlotsComponentsProps<TDate>;
37
24
  /**
38
25
  * Overridable slots.
39
26
  * @default {}
40
27
  */
41
- slots?: UncapitalizeObjectKeys<MultiInputTimeRangeFieldSlotsComponent>;
28
+ slots?: MultiInputTimeRangeFieldSlotsComponent;
42
29
  /**
43
30
  * The props used for each component slot.
44
31
  * @default {}
@@ -51,19 +38,19 @@ export interface MultiInputTimeRangeFieldSlotsComponent {
51
38
  * Element rendered at the root.
52
39
  * @default MultiInputTimeRangeFieldRoot
53
40
  */
54
- Root?: React.ElementType;
41
+ root?: React.ElementType;
55
42
  /**
56
43
  * Form control with an input to render a time.
57
44
  * It is rendered twice: once for the start time and once for the end time.
58
45
  * Receives the same props as `@mui/material/TextField`.
59
46
  * @default TextField from '@mui/material'
60
47
  */
61
- TextField?: React.ElementType;
48
+ textField?: React.ElementType;
62
49
  /**
63
50
  * Element rendered between the two inputs.
64
51
  * @default MultiInputTimeRangeFieldSeparator
65
52
  */
66
- Separator?: React.ElementType;
53
+ separator?: React.ElementType;
67
54
  }
68
55
  export interface MultiInputTimeRangeFieldSlotsComponentsProps<TDate> {
69
56
  root?: SlotComponentProps<typeof Stack, {}, MultiInputTimeRangeFieldOwnerState<TDate>>;
@@ -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 = ["slots", "slotProps", "components", "componentsProps", "InputProps", "inputProps"],
3
+ const _excluded = ["slots", "slotProps", "InputProps", "inputProps"],
4
4
  _excluded2 = ["inputRef"],
5
5
  _excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
6
6
  import * as React from 'react';
@@ -23,7 +23,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
23
23
  * - [SingleInputDateRangeField API](https://mui.com/x/api/single-input-date-range-field/)
24
24
  */
25
25
  const SingleInputDateRangeField = /*#__PURE__*/React.forwardRef(function SingleInputDateRangeField(inProps, ref) {
26
- var _ref, _slots$textField, _slotProps$textField;
26
+ var _slots$textField;
27
27
  const themeProps = useThemeProps({
28
28
  props: inProps,
29
29
  name: 'MuiSingleInputDateRangeField'
@@ -31,17 +31,15 @@ const SingleInputDateRangeField = /*#__PURE__*/React.forwardRef(function SingleI
31
31
  const {
32
32
  slots,
33
33
  slotProps,
34
- components,
35
- componentsProps,
36
34
  InputProps,
37
35
  inputProps
38
36
  } = themeProps,
39
37
  other = _objectWithoutPropertiesLoose(themeProps, _excluded);
40
38
  const ownerState = themeProps;
41
- const TextField = (_ref = (_slots$textField = slots == null ? void 0 : slots.textField) != null ? _slots$textField : components == null ? void 0 : components.TextField) != null ? _ref : MuiTextField;
39
+ const TextField = (_slots$textField = slots == null ? void 0 : slots.textField) != null ? _slots$textField : MuiTextField;
42
40
  const _useSlotProps = useSlotProps({
43
41
  elementType: TextField,
44
- externalSlotProps: (_slotProps$textField = slotProps == null ? void 0 : slotProps.textField) != null ? _slotProps$textField : componentsProps == null ? void 0 : componentsProps.textField,
42
+ externalSlotProps: slotProps == null ? void 0 : slotProps.textField,
45
43
  externalForwardedProps: other,
46
44
  ownerState
47
45
  }),
@@ -76,9 +74,7 @@ const SingleInputDateRangeField = /*#__PURE__*/React.forwardRef(function SingleI
76
74
  fieldProps,
77
75
  InputProps: fieldProps.InputProps,
78
76
  slots,
79
- slotProps,
80
- components,
81
- componentsProps
77
+ slotProps
82
78
  });
83
79
  return /*#__PURE__*/_jsx(TextField, _extends({
84
80
  ref: ref
@@ -119,18 +115,6 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
119
115
  */
120
116
  color: PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
121
117
  component: PropTypes.elementType,
122
- /**
123
- * Overridable components.
124
- * @default {}
125
- * @deprecated Please use `slots`.
126
- */
127
- components: PropTypes.object,
128
- /**
129
- * The props used for each component slot.
130
- * @default {}
131
- * @deprecated Please use `slotProps`.
132
- */
133
- componentsProps: PropTypes.object,
134
118
  /**
135
119
  * The default value. Use when the component is not controlled.
136
120
  */
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { SlotComponentProps } from '@mui/base/utils';
3
3
  import TextField from '@mui/material/TextField';
4
- import { FieldsTextFieldProps, UncapitalizeObjectKeys, FieldSlotsComponents, FieldSlotsComponentsProps } from '@mui/x-date-pickers/internals';
4
+ import { FieldsTextFieldProps, FieldSlotsComponents, FieldSlotsComponentsProps } from '@mui/x-date-pickers/internals';
5
5
  import { UseDateRangeFieldDefaultizedProps, UseDateRangeFieldProps } from '../internals/models';
6
6
  export interface UseSingleInputDateRangeFieldParams<TDate, TChildProps extends {}> {
7
7
  props: UseSingleInputDateRangeFieldComponentProps<TDate, TChildProps>;
@@ -12,23 +12,11 @@ export interface UseSingleInputDateRangeFieldProps<TDate> extends UseDateRangeFi
12
12
  export type UseSingleInputDateRangeFieldDefaultizedProps<TDate, AdditionalProps extends {}> = UseDateRangeFieldDefaultizedProps<TDate> & Omit<AdditionalProps, 'value' | 'defaultValue' | 'onChange'>;
13
13
  export type UseSingleInputDateRangeFieldComponentProps<TDate, TChildProps extends {}> = Omit<TChildProps, keyof UseSingleInputDateRangeFieldProps<TDate>> & UseSingleInputDateRangeFieldProps<TDate>;
14
14
  export type SingleInputDateRangeFieldProps<TDate, TChildProps extends {} = FieldsTextFieldProps> = UseSingleInputDateRangeFieldComponentProps<TDate, TChildProps> & {
15
- /**
16
- * Overridable components.
17
- * @default {}
18
- * @deprecated Please use `slots`.
19
- */
20
- components?: SingleInputDateRangeFieldSlotsComponent;
21
- /**
22
- * The props used for each component slot.
23
- * @default {}
24
- * @deprecated Please use `slotProps`.
25
- */
26
- componentsProps?: SingleInputDateRangeFieldSlotsComponentsProps<TDate>;
27
15
  /**
28
16
  * Overridable component slots.
29
17
  * @default {}
30
18
  */
31
- slots?: UncapitalizeObjectKeys<SingleInputDateRangeFieldSlotsComponent>;
19
+ slots?: SingleInputDateRangeFieldSlotsComponent;
32
20
  /**
33
21
  * The props used for each component slot.
34
22
  * @default {}
@@ -42,7 +30,7 @@ export interface SingleInputDateRangeFieldSlotsComponent extends FieldSlotsCompo
42
30
  * Receives the same props as `@mui/material/TextField`.
43
31
  * @default TextField from '@mui/material'
44
32
  */
45
- TextField?: React.ElementType;
33
+ textField?: React.ElementType;
46
34
  }
47
35
  export interface SingleInputDateRangeFieldSlotsComponentsProps<TDate> extends FieldSlotsComponentsProps {
48
36
  textField?: SlotComponentProps<typeof TextField, {}, SingleInputDateRangeFieldOwnerState<TDate>>;
@@ -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 = ["slots", "slotProps", "components", "componentsProps", "InputProps", "inputProps"],
3
+ const _excluded = ["slots", "slotProps", "InputProps", "inputProps"],
4
4
  _excluded2 = ["inputRef"],
5
5
  _excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
6
6
  import * as React from 'react';
@@ -23,7 +23,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
23
23
  * - [SingleInputDateTimeRangeField API](https://mui.com/x/api/single-input-date-time-range-field/)
24
24
  */
25
25
  const SingleInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleInputDateTimeRangeField(inProps, ref) {
26
- var _ref, _slots$textField, _slotProps$textField;
26
+ var _slots$textField;
27
27
  const themeProps = useThemeProps({
28
28
  props: inProps,
29
29
  name: 'MuiSingleInputDateTimeRangeField'
@@ -31,17 +31,15 @@ const SingleInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function Sin
31
31
  const {
32
32
  slots,
33
33
  slotProps,
34
- components,
35
- componentsProps,
36
34
  InputProps,
37
35
  inputProps
38
36
  } = themeProps,
39
37
  other = _objectWithoutPropertiesLoose(themeProps, _excluded);
40
38
  const ownerState = themeProps;
41
- const TextField = (_ref = (_slots$textField = slots == null ? void 0 : slots.textField) != null ? _slots$textField : components == null ? void 0 : components.TextField) != null ? _ref : MuiTextField;
39
+ const TextField = (_slots$textField = slots == null ? void 0 : slots.textField) != null ? _slots$textField : MuiTextField;
42
40
  const _useSlotProps = useSlotProps({
43
41
  elementType: TextField,
44
- externalSlotProps: (_slotProps$textField = slotProps == null ? void 0 : slotProps.textField) != null ? _slotProps$textField : componentsProps == null ? void 0 : componentsProps.textField,
42
+ externalSlotProps: slotProps == null ? void 0 : slotProps.textField,
45
43
  externalForwardedProps: other,
46
44
  ownerState
47
45
  }),
@@ -76,9 +74,7 @@ const SingleInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function Sin
76
74
  fieldProps,
77
75
  InputProps: fieldProps.InputProps,
78
76
  slots,
79
- slotProps,
80
- components,
81
- componentsProps
77
+ slotProps
82
78
  });
83
79
  return /*#__PURE__*/_jsx(TextField, _extends({
84
80
  ref: ref
@@ -124,18 +120,6 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
124
120
  */
125
121
  color: PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
126
122
  component: PropTypes.elementType,
127
- /**
128
- * Overridable components.
129
- * @default {}
130
- * @deprecated Please use `slots`.
131
- */
132
- components: PropTypes.object,
133
- /**
134
- * The props used for each component slot.
135
- * @default {}
136
- * @deprecated Please use `slotProps`.
137
- */
138
- componentsProps: PropTypes.object,
139
123
  /**
140
124
  * The default value. Use when the component is not controlled.
141
125
  */
@@ -2,7 +2,7 @@ import * as React from 'react';
2
2
  import { SlotComponentProps } from '@mui/base/utils';
3
3
  import TextField from '@mui/material/TextField';
4
4
  import { FieldsTextFieldProps } from '@mui/x-date-pickers/internals/models/fields';
5
- import { UncapitalizeObjectKeys, FieldSlotsComponents, FieldSlotsComponentsProps } from '@mui/x-date-pickers/internals';
5
+ import { FieldSlotsComponents, FieldSlotsComponentsProps } from '@mui/x-date-pickers/internals';
6
6
  import { UseDateTimeRangeFieldDefaultizedProps, UseDateTimeRangeFieldProps } from '../internals/models';
7
7
  export interface UseSingleInputDateTimeRangeFieldParams<TDate, TChildProps extends {}> {
8
8
  props: UseSingleInputDateTimeRangeFieldComponentProps<TDate, TChildProps>;
@@ -13,23 +13,11 @@ export interface UseSingleInputDateTimeRangeFieldProps<TDate> extends UseDateTim
13
13
  export type UseSingleInputDateTimeRangeFieldDefaultizedProps<TDate, AdditionalProps extends {}> = UseDateTimeRangeFieldDefaultizedProps<TDate> & AdditionalProps;
14
14
  export type UseSingleInputDateTimeRangeFieldComponentProps<TDate, TChildProps extends {}> = Omit<TChildProps, keyof UseSingleInputDateTimeRangeFieldProps<TDate>> & UseSingleInputDateTimeRangeFieldProps<TDate>;
15
15
  export interface SingleInputDateTimeRangeFieldProps<TDate> extends UseSingleInputDateTimeRangeFieldComponentProps<TDate, FieldsTextFieldProps> {
16
- /**
17
- * Overridable components.
18
- * @default {}
19
- * @deprecated Please use `slots`.
20
- */
21
- components?: SingleInputDateTimeRangeFieldSlotsComponent;
22
- /**
23
- * The props used for each component slot.
24
- * @default {}
25
- * @deprecated Please use `slotProps`.
26
- */
27
- componentsProps?: SingleInputDateTimeRangeFieldSlotsComponentsProps<TDate>;
28
16
  /**
29
17
  * Overridable component slots.
30
18
  * @default {}
31
19
  */
32
- slots?: UncapitalizeObjectKeys<SingleInputDateTimeRangeFieldSlotsComponent>;
20
+ slots?: SingleInputDateTimeRangeFieldSlotsComponent;
33
21
  /**
34
22
  * The props used for each component slot.
35
23
  * @default {}
@@ -43,7 +31,7 @@ export interface SingleInputDateTimeRangeFieldSlotsComponent extends FieldSlotsC
43
31
  * Receives the same props as `@mui/material/TextField`.
44
32
  * @default TextField from '@mui/material'
45
33
  */
46
- TextField?: React.ElementType;
34
+ textField?: React.ElementType;
47
35
  }
48
36
  export interface SingleInputDateTimeRangeFieldSlotsComponentsProps<TDate> extends FieldSlotsComponentsProps {
49
37
  textField?: SlotComponentProps<typeof TextField, {}, SingleInputDateTimeRangeFieldOwnerState<TDate>>;
@@ -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 = ["slots", "slotProps", "components", "componentsProps", "InputProps", "inputProps"],
3
+ const _excluded = ["slots", "slotProps", "InputProps", "inputProps"],
4
4
  _excluded2 = ["inputRef"],
5
5
  _excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
6
6
  import * as React from 'react';
@@ -23,7 +23,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
23
23
  * - [SingleInputTimeRangeField API](https://mui.com/x/api/single-input-time-range-field/)
24
24
  */
25
25
  const SingleInputTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleInputTimeRangeField(inProps, ref) {
26
- var _ref, _slots$textField, _slotProps$textField;
26
+ var _slots$textField;
27
27
  const themeProps = useThemeProps({
28
28
  props: inProps,
29
29
  name: 'MuiSingleInputTimeRangeField'
@@ -31,17 +31,15 @@ const SingleInputTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleI
31
31
  const {
32
32
  slots,
33
33
  slotProps,
34
- components,
35
- componentsProps,
36
34
  InputProps,
37
35
  inputProps
38
36
  } = themeProps,
39
37
  other = _objectWithoutPropertiesLoose(themeProps, _excluded);
40
38
  const ownerState = themeProps;
41
- const TextField = (_ref = (_slots$textField = slots == null ? void 0 : slots.textField) != null ? _slots$textField : components == null ? void 0 : components.TextField) != null ? _ref : MuiTextField;
39
+ const TextField = (_slots$textField = slots == null ? void 0 : slots.textField) != null ? _slots$textField : MuiTextField;
42
40
  const _useSlotProps = useSlotProps({
43
41
  elementType: TextField,
44
- externalSlotProps: (_slotProps$textField = slotProps == null ? void 0 : slotProps.textField) != null ? _slotProps$textField : componentsProps == null ? void 0 : componentsProps.textField,
42
+ externalSlotProps: slotProps == null ? void 0 : slotProps.textField,
45
43
  externalForwardedProps: other,
46
44
  ownerState
47
45
  }),
@@ -76,9 +74,7 @@ const SingleInputTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleI
76
74
  fieldProps,
77
75
  InputProps: fieldProps.InputProps,
78
76
  slots,
79
- slotProps,
80
- components,
81
- componentsProps
77
+ slotProps
82
78
  });
83
79
  return /*#__PURE__*/_jsx(TextField, _extends({
84
80
  ref: ref
@@ -124,18 +120,6 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
124
120
  */
125
121
  color: PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
126
122
  component: PropTypes.elementType,
127
- /**
128
- * Overridable components.
129
- * @default {}
130
- * @deprecated Please use `slots`.
131
- */
132
- components: PropTypes.object,
133
- /**
134
- * The props used for each component slot.
135
- * @default {}
136
- * @deprecated Please use `slotProps`.
137
- */
138
- componentsProps: PropTypes.object,
139
123
  /**
140
124
  * The default value. Use when the component is not controlled.
141
125
  */
@@ -2,7 +2,7 @@ import * as React from 'react';
2
2
  import { SlotComponentProps } from '@mui/base/utils';
3
3
  import TextField from '@mui/material/TextField';
4
4
  import { FieldsTextFieldProps } from '@mui/x-date-pickers/internals/models/fields';
5
- import { UncapitalizeObjectKeys, FieldSlotsComponents, FieldSlotsComponentsProps } from '@mui/x-date-pickers/internals';
5
+ import { FieldSlotsComponents, FieldSlotsComponentsProps } from '@mui/x-date-pickers/internals';
6
6
  import { UseTimeRangeFieldDefaultizedProps, UseTimeRangeFieldProps } from '../internals/models';
7
7
  export interface UseSingleInputTimeRangeFieldParams<TDate, TChildProps extends {}> {
8
8
  props: UseSingleInputTimeRangeFieldComponentProps<TDate, TChildProps>;
@@ -13,23 +13,11 @@ export interface UseSingleInputTimeRangeFieldProps<TDate> extends UseTimeRangeFi
13
13
  export type UseSingleInputTimeRangeFieldDefaultizedProps<TDate, AdditionalProps extends {}> = UseTimeRangeFieldDefaultizedProps<TDate> & AdditionalProps;
14
14
  export type UseSingleInputTimeRangeFieldComponentProps<TDate, TChildProps extends {}> = Omit<TChildProps, keyof UseSingleInputTimeRangeFieldProps<TDate>> & UseSingleInputTimeRangeFieldProps<TDate>;
15
15
  export interface SingleInputTimeRangeFieldProps<TDate> extends UseSingleInputTimeRangeFieldComponentProps<TDate, FieldsTextFieldProps> {
16
- /**
17
- * Overridable components.
18
- * @default {}
19
- * @deprecated Please use `slots`.
20
- */
21
- components?: SingleInputTimeRangeFieldSlotsComponent;
22
- /**
23
- * The props used for each component slot.
24
- * @default {}
25
- * @deprecated Please use `slotProps`.
26
- */
27
- componentsProps?: SingleInputTimeRangeFieldSlotsComponentsProps<TDate>;
28
16
  /**
29
17
  * Overridable component slots.
30
18
  * @default {}
31
19
  */
32
- slots?: UncapitalizeObjectKeys<SingleInputTimeRangeFieldSlotsComponent>;
20
+ slots?: SingleInputTimeRangeFieldSlotsComponent;
33
21
  /**
34
22
  * The props used for each component slot.
35
23
  * @default {}
@@ -43,7 +31,7 @@ export interface SingleInputTimeRangeFieldSlotsComponent extends FieldSlotsCompo
43
31
  * Receives the same props as `@mui/material/TextField`.
44
32
  * @default TextField from '@mui/material'
45
33
  */
46
- TextField?: React.ElementType;
34
+ textField?: React.ElementType;
47
35
  }
48
36
  export interface SingleInputTimeRangeFieldSlotsComponentsProps<TDate> extends FieldSlotsComponentsProps {
49
37
  textField?: SlotComponentProps<typeof TextField, {}, SingleInputTimeRangeFieldOwnerState<TDate>>;
@@ -69,18 +69,6 @@ StaticDateRangePicker.propTypes = {
69
69
  * Class name applied to the root element.
70
70
  */
71
71
  className: PropTypes.string,
72
- /**
73
- * Overridable components.
74
- * @default {}
75
- * @deprecated Please use `slots`.
76
- */
77
- components: PropTypes.object,
78
- /**
79
- * The props used for each component slot.
80
- * @default {}
81
- * @deprecated Please use `slotProps`.
82
- */
83
- componentsProps: PropTypes.object,
84
72
  /**
85
73
  * Position the current month is rendered in.
86
74
  * @default 1
@@ -88,7 +76,6 @@ StaticDateRangePicker.propTypes = {
88
76
  currentMonthCalendarPosition: PropTypes.oneOf([1, 2, 3]),
89
77
  /**
90
78
  * Formats the day of week displayed in the calendar header.
91
- * @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
92
79
  * @param {TDate} date The date of the day of week provided by the adapter.
93
80
  * @returns {string} The name to display.
94
81
  * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()