@mui/x-date-pickers-pro 5.0.1 → 5.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/CHANGELOG.md +35 -1
  2. package/DateRangePicker/DateRangePickerInput.d.ts +4 -2
  3. package/DateRangePicker/DateRangePickerInput.js +31 -5
  4. package/DateRangePicker/DateRangePickerToolbar.d.ts +4 -4
  5. package/DateRangePicker/DateRangePickerToolbar.js +31 -8
  6. package/DateRangePicker/DateRangePickerView.d.ts +2 -2
  7. package/DateRangePicker/DateRangePickerViewDesktop.d.ts +4 -3
  8. package/DateRangePicker/DateRangePickerViewDesktop.js +38 -6
  9. package/DateRangePicker/DateRangePickerViewMobile.d.ts +1 -1
  10. package/DateRangePicker/DateRangePickerViewMobile.js +1 -1
  11. package/DateRangePicker/dateRangePickerInputClasses.d.ts +7 -0
  12. package/DateRangePicker/dateRangePickerInputClasses.js +5 -0
  13. package/DateRangePicker/dateRangePickerToolbarClasses.d.ts +9 -0
  14. package/DateRangePicker/dateRangePickerToolbarClasses.js +5 -0
  15. package/DateRangePicker/dateRangePickerViewDesktopClasses.d.ts +9 -0
  16. package/DateRangePicker/dateRangePickerViewDesktopClasses.js +5 -0
  17. package/DateRangePicker/index.d.ts +6 -0
  18. package/DateRangePicker/index.js +4 -1
  19. package/DateRangePickerDay/DateRangePickerDay.js +30 -5
  20. package/StaticDateRangePicker/StaticDateRangePicker.js +5 -3
  21. package/index.js +1 -1
  22. package/internal/utils/releaseInfo.js +1 -1
  23. package/legacy/DateRangePicker/DateRangePickerInput.js +30 -4
  24. package/legacy/DateRangePicker/DateRangePickerToolbar.js +31 -8
  25. package/legacy/DateRangePicker/DateRangePickerViewDesktop.js +40 -5
  26. package/legacy/DateRangePicker/DateRangePickerViewMobile.js +2 -1
  27. package/legacy/DateRangePicker/dateRangePickerInputClasses.js +5 -0
  28. package/legacy/DateRangePicker/dateRangePickerToolbarClasses.js +5 -0
  29. package/legacy/DateRangePicker/dateRangePickerViewDesktopClasses.js +5 -0
  30. package/legacy/DateRangePicker/index.js +4 -1
  31. package/legacy/DateRangePickerDay/DateRangePickerDay.js +27 -16
  32. package/legacy/StaticDateRangePicker/StaticDateRangePicker.js +4 -2
  33. package/legacy/index.js +1 -1
  34. package/legacy/internal/utils/releaseInfo.js +1 -1
  35. package/modern/DateRangePicker/DateRangePickerInput.js +31 -5
  36. package/modern/DateRangePicker/DateRangePickerToolbar.js +31 -8
  37. package/modern/DateRangePicker/DateRangePickerViewDesktop.js +38 -6
  38. package/modern/DateRangePicker/DateRangePickerViewMobile.js +1 -1
  39. package/modern/DateRangePicker/dateRangePickerInputClasses.js +5 -0
  40. package/modern/DateRangePicker/dateRangePickerToolbarClasses.js +5 -0
  41. package/modern/DateRangePicker/dateRangePickerViewDesktopClasses.js +5 -0
  42. package/modern/DateRangePicker/index.js +4 -1
  43. package/modern/DateRangePickerDay/DateRangePickerDay.js +30 -5
  44. package/modern/StaticDateRangePicker/StaticDateRangePicker.js +5 -3
  45. package/modern/index.js +1 -1
  46. package/modern/internal/utils/releaseInfo.js +1 -1
  47. package/node/DateRangePicker/DateRangePickerInput.js +31 -4
  48. package/node/DateRangePicker/DateRangePickerToolbar.js +30 -9
  49. package/node/DateRangePicker/DateRangePickerViewDesktop.js +38 -5
  50. package/node/DateRangePicker/DateRangePickerViewMobile.js +1 -1
  51. package/node/DateRangePicker/dateRangePickerInputClasses.js +16 -0
  52. package/node/DateRangePicker/dateRangePickerToolbarClasses.js +16 -0
  53. package/node/DateRangePicker/dateRangePickerViewDesktopClasses.js +16 -0
  54. package/node/DateRangePicker/index.js +43 -1
  55. package/node/DateRangePickerDay/DateRangePickerDay.js +28 -4
  56. package/node/StaticDateRangePicker/StaticDateRangePicker.js +5 -3
  57. package/node/index.js +1 -1
  58. package/node/internal/utils/releaseInfo.js +1 -1
  59. package/package.json +3 -3
  60. package/themeAugmentation/components.d.ts +38 -3
  61. package/themeAugmentation/overrides.d.ts +10 -0
  62. package/themeAugmentation/props.d.ts +14 -0
@@ -74,7 +74,13 @@ const startBorderStyle = {
74
74
  const DateRangePickerDayRoot = (0, _styles.styled)('div', {
75
75
  name: 'MuiDateRangePickerDay',
76
76
  slot: 'Root',
77
- overridesResolver: (props, styles) => styles.root
77
+ overridesResolver: (_, styles) => [{
78
+ [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayHighlight}`]: styles.rangeIntervalDayHighlight
79
+ }, {
80
+ [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayHighlightStart}`]: styles.rangeIntervalDayHighlightStart
81
+ }, {
82
+ [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayHighlightEnd}`]: styles.rangeIntervalDayHighlightEnd
83
+ }, styles.root]
78
84
  })(({
79
85
  theme,
80
86
  ownerState
@@ -107,7 +113,14 @@ DateRangePickerDayRoot.propTypes = {
107
113
  };
108
114
  const DateRangePickerDayRangeIntervalPreview = (0, _styles.styled)('div', {
109
115
  name: 'MuiDateRangePickerDay',
110
- slot: 'RangeIntervalPreview'
116
+ slot: 'RangeIntervalPreview',
117
+ overridesResolver: (_, styles) => [{
118
+ [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayPreview}`]: styles.rangeIntervalDayPreview
119
+ }, {
120
+ [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayPreviewStart}`]: styles.rangeIntervalDayPreviewStart
121
+ }, {
122
+ [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayPreviewEnd}`]: styles.rangeIntervalDayPreviewEnd
123
+ }, styles.rangeIntervalPreview]
111
124
  })(({
112
125
  theme,
113
126
  ownerState
@@ -133,7 +146,14 @@ DateRangePickerDayRangeIntervalPreview.propTypes = {
133
146
  };
134
147
  const DateRangePickerDayDay = (0, _styles.styled)(_PickersDay.PickersDay, {
135
148
  name: 'MuiDateRangePickerDay',
136
- slot: 'Day'
149
+ slot: 'Day',
150
+ overridesResolver: (_, styles) => [{
151
+ [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.dayInsideRangeInterval}`]: styles.dayInsideRangeInterval
152
+ }, {
153
+ [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.dayOutsideRangeInterval}`]: styles.dayOutsideRangeInterval
154
+ }, {
155
+ [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.notSelectedDate}`]: styles.notSelectedDate
156
+ }, styles.day]
137
157
  })(({
138
158
  theme,
139
159
  ownerState
@@ -152,7 +172,11 @@ const DateRangePickerDayDay = (0, _styles.styled)(_PickersDay.PickersDay, {
152
172
  }, !ownerState.selected && ownerState.isHighlighting && {
153
173
  color: theme.palette.getContrastText((0, _styles.alpha)(theme.palette.primary.light, 0.6))
154
174
  }));
155
- const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePickerDay(props, ref) {
175
+ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePickerDay(inProps, ref) {
176
+ const props = (0, _styles.useThemeProps)({
177
+ props: inProps,
178
+ name: 'MuiDateRangePickerDay'
179
+ });
156
180
  const {
157
181
  className,
158
182
  day,
@@ -29,7 +29,7 @@ var _shared = require("../DateRangePicker/shared");
29
29
 
30
30
  var _jsxRuntime = require("react/jsx-runtime");
31
31
 
32
- const _excluded = ["displayStaticWrapperAs", "value", "onChange", "components", "componentsProps"];
32
+ const _excluded = ["displayStaticWrapperAs", "value", "onChange", "components", "componentsProps", "className"];
33
33
 
34
34
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
35
35
 
@@ -60,7 +60,8 @@ const StaticDateRangePicker = /*#__PURE__*/React.forwardRef(function StaticDateR
60
60
  const {
61
61
  displayStaticWrapperAs = 'mobile',
62
62
  components,
63
- componentsProps
63
+ componentsProps,
64
+ className
64
65
  } = props,
65
66
  other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
66
67
  const DateInputProps = (0, _extends2.default)({}, inputProps, other, {
@@ -74,7 +75,8 @@ const StaticDateRangePicker = /*#__PURE__*/React.forwardRef(function StaticDateR
74
75
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickerStaticWrapper, (0, _extends2.default)({
75
76
  displayStaticWrapperAs: displayStaticWrapperAs,
76
77
  components: components,
77
- componentsProps: componentsProps
78
+ componentsProps: componentsProps,
79
+ className: className
78
80
  }, wrapperProps, {
79
81
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateRangePickerView.DateRangePickerView, (0, _extends2.default)({
80
82
  open: wrapperProps.open,
package/node/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v5.0.1
1
+ /** @license MUI v5.0.2
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
@@ -8,7 +8,7 @@ exports.getReleaseInfo = void 0;
8
8
  var _utils = require("@mui/utils");
9
9
 
10
10
  const getReleaseInfo = () => {
11
- const releaseInfo = "MTY2MjY3NDQwMDAwMA==";
11
+ const releaseInfo = "MTY2MzI5NzIwMDAwMA==";
12
12
 
13
13
  if (process.env.NODE_ENV !== 'production') {
14
14
  // A simple hack to set the value in the test environment (has no build step).
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/x-date-pickers-pro",
3
- "version": "5.0.1",
3
+ "version": "5.0.2",
4
4
  "description": "The commercial edition of the date picker components (MUI X).",
5
5
  "author": "MUI Team",
6
6
  "main": "./node/index.js",
@@ -35,8 +35,8 @@
35
35
  "@date-io/dayjs": "^2.15.0",
36
36
  "@date-io/luxon": "^2.15.0",
37
37
  "@date-io/moment": "^2.15.0",
38
- "@mui/utils": "^5.9.3",
39
- "@mui/x-date-pickers": "5.0.1",
38
+ "@mui/utils": "^5.10.3",
39
+ "@mui/x-date-pickers": "5.0.2",
40
40
  "@mui/x-license-pro": "5.17.0",
41
41
  "clsx": "^1.2.1",
42
42
  "prop-types": "^15.7.2",
@@ -1,13 +1,48 @@
1
1
  import { ComponentsProps, ComponentsOverrides, ComponentsVariants } from '@mui/material/styles';
2
2
 
3
- export interface PickersProComponents {
3
+ export interface PickersProComponents<Theme = unknown> {
4
+ MuiDateRangePicker?: {
5
+ defaultProps?: ComponentsProps['MuiDateRangePicker'];
6
+ styleOverrides?: ComponentsOverrides<Theme>['MuiDateRangePicker'];
7
+ variants?: ComponentsVariants['MuiDateRangePicker'];
8
+ };
4
9
  MuiDateRangePickerDay?: {
5
10
  defaultProps?: ComponentsProps['MuiDateRangePickerDay'];
6
- styleOverrides?: ComponentsOverrides['MuiDateRangePickerDay'];
11
+ styleOverrides?: ComponentsOverrides<Theme>['MuiDateRangePickerDay'];
7
12
  variants?: ComponentsVariants['MuiDateRangePickerDay'];
8
13
  };
14
+ MuiDateRangePickerInput?: {
15
+ defaultProps?: ComponentsProps['MuiDateRangePickerInput'];
16
+ styleOverrides?: ComponentsOverrides<Theme>['MuiDateRangePickerInput'];
17
+ variants?: ComponentsVariants['MuiDateRangePickerInput'];
18
+ };
19
+ MuiDateRangePickerToolbar?: {
20
+ defaultProps?: ComponentsProps['MuiDateRangePickerToolbar'];
21
+ styleOverrides?: ComponentsOverrides<Theme>['MuiDateRangePickerToolbar'];
22
+ variants?: ComponentsVariants['MuiDateRangePickerToolbar'];
23
+ };
24
+ MuiDateRangePickerViewDesktop?: {
25
+ defaultProps?: ComponentsProps['MuiDateRangePickerViewDesktop'];
26
+ styleOverrides?: ComponentsOverrides<Theme>['MuiDateRangePickerViewDesktop'];
27
+ variants?: ComponentsVariants['MuiDateRangePickerViewDesktop'];
28
+ };
29
+ MuiDesktopDateRangePicker?: {
30
+ defaultProps?: ComponentsProps['MuiDesktopDateRangePicker'];
31
+ styleOverrides?: ComponentsOverrides<Theme>['MuiDesktopDateRangePicker'];
32
+ variants?: ComponentsVariants['MuiDesktopDateRangePicker'];
33
+ };
34
+ MuiMobileDateRangePicker?: {
35
+ defaultProps?: ComponentsProps['MuiMobileDateRangePicker'];
36
+ styleOverrides?: ComponentsOverrides<Theme>['MuiMobileDateRangePicker'];
37
+ variants?: ComponentsVariants['MuiMobileDateRangePicker'];
38
+ };
39
+ MuiStaticDateRangePicker?: {
40
+ defaultProps?: ComponentsProps['MuiStaticDateRangePicker'];
41
+ styleOverrides?: ComponentsOverrides<Theme>['MuiStaticDateRangePicker'];
42
+ variants?: ComponentsVariants['MuiStaticDateRangePicker'];
43
+ };
9
44
  }
10
45
 
11
46
  declare module '@mui/material/styles' {
12
- interface Components extends PickersProComponents {}
47
+ interface Components<Theme = unknown> extends PickersProComponents<Theme> {}
13
48
  }
@@ -1,8 +1,18 @@
1
+ import { DateRangePickerInputClassKey } from '../DateRangePicker/dateRangePickerInputClasses';
2
+ import { DateRangePickerToolbarClassKey } from '../DateRangePicker/dateRangePickerToolbarClasses';
3
+ import { DateRangePickerViewDesktopClassKey } from '../DateRangePicker/dateRangePickerViewDesktopClasses';
1
4
  import { DateRangePickerDayClassKey } from '../DateRangePickerDay';
2
5
 
3
6
  // prettier-ignore
4
7
  export interface PickersProComponentNameToClassKey {
8
+ MuiDateRangePicker: never;
5
9
  MuiDateRangePickerDay: DateRangePickerDayClassKey;
10
+ MuiDateRangePickerInput: DateRangePickerInputClassKey;
11
+ MuiDateRangePickerToolbar: DateRangePickerToolbarClassKey;
12
+ MuiDateRangePickerViewDesktop: DateRangePickerViewDesktopClassKey;
13
+ MuiDesktopDateRangePicker: never;
14
+ MuiMobileDateRangePicker: never;
15
+ MuiStaticDateRangePicker: never;
6
16
  }
7
17
 
8
18
  declare module '@mui/material/styles' {
@@ -1,7 +1,21 @@
1
+ import { DateRangePickerProps } from '../DateRangePicker';
2
+ import { DateRangePickerInputProps } from '../DateRangePicker/DateRangePickerInput';
3
+ import { DateRangePickerToolbarProps } from '../DateRangePicker/DateRangePickerToolbar';
4
+ import { DesktopDateRangeCalendarProps } from '../DateRangePicker/DateRangePickerViewDesktop';
1
5
  import { DateRangePickerDayProps } from '../DateRangePickerDay';
6
+ import { DesktopDateRangePickerProps } from '../DesktopDateRangePicker';
7
+ import { MobileDateRangePickerProps } from '../MobileDateRangePicker';
8
+ import { StaticDateRangePickerProps } from '../StaticDateRangePicker';
2
9
 
3
10
  export interface PickersProComponentsPropsList {
11
+ MuiDateRangePicker: DateRangePickerProps<unknown, unknown>;
4
12
  MuiDateRangePickerDay: DateRangePickerDayProps<unknown>;
13
+ MuiDateRangePickerInput: DateRangePickerInputProps<unknown, unknown>;
14
+ MuiDateRangePickerToolbar: DateRangePickerToolbarProps<unknown>;
15
+ MuiDateRangePickerViewDesktop: DesktopDateRangeCalendarProps<unknown>;
16
+ MuiDesktopDateRangePicker: DesktopDateRangePickerProps<unknown, unknown>;
17
+ MuiMobileDateRangePicker: MobileDateRangePickerProps<unknown, unknown>;
18
+ MuiStaticDateRangePicker: StaticDateRangePickerProps<unknown, unknown>;
5
19
  }
6
20
 
7
21
  declare module '@mui/material/styles' {