@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.
- package/CHANGELOG.md +35 -1
- package/DateRangePicker/DateRangePickerInput.d.ts +4 -2
- package/DateRangePicker/DateRangePickerInput.js +31 -5
- package/DateRangePicker/DateRangePickerToolbar.d.ts +4 -4
- package/DateRangePicker/DateRangePickerToolbar.js +31 -8
- package/DateRangePicker/DateRangePickerView.d.ts +2 -2
- package/DateRangePicker/DateRangePickerViewDesktop.d.ts +4 -3
- package/DateRangePicker/DateRangePickerViewDesktop.js +38 -6
- package/DateRangePicker/DateRangePickerViewMobile.d.ts +1 -1
- package/DateRangePicker/DateRangePickerViewMobile.js +1 -1
- package/DateRangePicker/dateRangePickerInputClasses.d.ts +7 -0
- package/DateRangePicker/dateRangePickerInputClasses.js +5 -0
- package/DateRangePicker/dateRangePickerToolbarClasses.d.ts +9 -0
- package/DateRangePicker/dateRangePickerToolbarClasses.js +5 -0
- package/DateRangePicker/dateRangePickerViewDesktopClasses.d.ts +9 -0
- package/DateRangePicker/dateRangePickerViewDesktopClasses.js +5 -0
- package/DateRangePicker/index.d.ts +6 -0
- package/DateRangePicker/index.js +4 -1
- package/DateRangePickerDay/DateRangePickerDay.js +30 -5
- package/StaticDateRangePicker/StaticDateRangePicker.js +5 -3
- package/index.js +1 -1
- package/internal/utils/releaseInfo.js +1 -1
- package/legacy/DateRangePicker/DateRangePickerInput.js +30 -4
- package/legacy/DateRangePicker/DateRangePickerToolbar.js +31 -8
- package/legacy/DateRangePicker/DateRangePickerViewDesktop.js +40 -5
- package/legacy/DateRangePicker/DateRangePickerViewMobile.js +2 -1
- package/legacy/DateRangePicker/dateRangePickerInputClasses.js +5 -0
- package/legacy/DateRangePicker/dateRangePickerToolbarClasses.js +5 -0
- package/legacy/DateRangePicker/dateRangePickerViewDesktopClasses.js +5 -0
- package/legacy/DateRangePicker/index.js +4 -1
- package/legacy/DateRangePickerDay/DateRangePickerDay.js +27 -16
- package/legacy/StaticDateRangePicker/StaticDateRangePicker.js +4 -2
- package/legacy/index.js +1 -1
- package/legacy/internal/utils/releaseInfo.js +1 -1
- package/modern/DateRangePicker/DateRangePickerInput.js +31 -5
- package/modern/DateRangePicker/DateRangePickerToolbar.js +31 -8
- package/modern/DateRangePicker/DateRangePickerViewDesktop.js +38 -6
- package/modern/DateRangePicker/DateRangePickerViewMobile.js +1 -1
- package/modern/DateRangePicker/dateRangePickerInputClasses.js +5 -0
- package/modern/DateRangePicker/dateRangePickerToolbarClasses.js +5 -0
- package/modern/DateRangePicker/dateRangePickerViewDesktopClasses.js +5 -0
- package/modern/DateRangePicker/index.js +4 -1
- package/modern/DateRangePickerDay/DateRangePickerDay.js +30 -5
- package/modern/StaticDateRangePicker/StaticDateRangePicker.js +5 -3
- package/modern/index.js +1 -1
- package/modern/internal/utils/releaseInfo.js +1 -1
- package/node/DateRangePicker/DateRangePickerInput.js +31 -4
- package/node/DateRangePicker/DateRangePickerToolbar.js +30 -9
- package/node/DateRangePicker/DateRangePickerViewDesktop.js +38 -5
- package/node/DateRangePicker/DateRangePickerViewMobile.js +1 -1
- package/node/DateRangePicker/dateRangePickerInputClasses.js +16 -0
- package/node/DateRangePicker/dateRangePickerToolbarClasses.js +16 -0
- package/node/DateRangePicker/dateRangePickerViewDesktopClasses.js +16 -0
- package/node/DateRangePicker/index.js +43 -1
- package/node/DateRangePickerDay/DateRangePickerDay.js +28 -4
- package/node/StaticDateRangePicker/StaticDateRangePicker.js +5 -3
- package/node/index.js +1 -1
- package/node/internal/utils/releaseInfo.js +1 -1
- package/package.json +3 -3
- package/themeAugmentation/components.d.ts +38 -3
- package/themeAugmentation/overrides.d.ts +10 -0
- 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: (
|
|
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(
|
|
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
|
@@ -8,7 +8,7 @@ exports.getReleaseInfo = void 0;
|
|
|
8
8
|
var _utils = require("@mui/utils");
|
|
9
9
|
|
|
10
10
|
const getReleaseInfo = () => {
|
|
11
|
-
const releaseInfo = "
|
|
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.
|
|
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.
|
|
39
|
-
"@mui/x-date-pickers": "5.0.
|
|
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' {
|