@mui/x-date-pickers-pro 6.9.2 → 6.10.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.
- package/CHANGELOG.md +301 -114
- package/DateRangePicker/DateRangePickerToolbar.js +2 -7
- package/DateRangePickerDay/DateRangePickerDay.js +1 -6
- package/index.js +1 -1
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +1 -1
- package/internals/hooks/useStaticRangePicker/useStaticRangePicker.js +2 -2
- package/internals/utils/releaseInfo.js +1 -1
- package/legacy/DateRangePicker/DateRangePickerToolbar.js +2 -6
- package/legacy/DateRangePickerDay/DateRangePickerDay.js +2 -6
- package/legacy/index.js +1 -1
- package/legacy/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +1 -1
- package/legacy/internals/hooks/useStaticRangePicker/useStaticRangePicker.js +2 -2
- package/legacy/internals/utils/releaseInfo.js +1 -1
- package/modern/DateRangePicker/DateRangePickerToolbar.js +2 -7
- package/modern/DateRangePickerDay/DateRangePickerDay.js +1 -6
- package/modern/index.js +1 -1
- package/modern/internals/utils/releaseInfo.js +1 -1
- package/node/DateRangePicker/DateRangePickerToolbar.js +1 -6
- package/node/DateRangePickerDay/DateRangePickerDay.js +0 -5
- package/node/index.js +1 -1
- package/node/internals/utils/releaseInfo.js +1 -1
- package/package.json +5 -5
|
@@ -7,7 +7,7 @@ import clsx from 'clsx';
|
|
|
7
7
|
import Typography from '@mui/material/Typography';
|
|
8
8
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
9
9
|
import { unstable_composeClasses as composeClasses } from '@mui/utils';
|
|
10
|
-
import { PickersToolbar, PickersToolbarButton,
|
|
10
|
+
import { PickersToolbar, PickersToolbarButton, useUtils, useLocaleText } from '@mui/x-date-pickers/internals';
|
|
11
11
|
import { getDateRangePickerToolbarUtilityClass } from './dateRangePickerToolbarClasses';
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
13
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -25,12 +25,7 @@ const DateRangePickerToolbarRoot = styled(PickersToolbar, {
|
|
|
25
25
|
name: 'MuiDateRangePickerToolbar',
|
|
26
26
|
slot: 'Root',
|
|
27
27
|
overridesResolver: (_, styles) => styles.root
|
|
28
|
-
})({
|
|
29
|
-
[`& .${pickersToolbarClasses.penIconButton}`]: {
|
|
30
|
-
position: 'relative',
|
|
31
|
-
top: 4
|
|
32
|
-
}
|
|
33
|
-
});
|
|
28
|
+
})({});
|
|
34
29
|
const DateRangePickerToolbarContainer = styled('div', {
|
|
35
30
|
name: 'MuiDateRangePickerToolbar',
|
|
36
31
|
slot: 'Container',
|
|
@@ -8,7 +8,7 @@ import { useLicenseVerifier } from '@mui/x-license-pro';
|
|
|
8
8
|
import { alpha, styled, useThemeProps } from '@mui/material/styles';
|
|
9
9
|
import { unstable_composeClasses as composeClasses } from '@mui/utils';
|
|
10
10
|
import { useUtils } from '@mui/x-date-pickers/internals';
|
|
11
|
-
import { PickersDay
|
|
11
|
+
import { PickersDay } from '@mui/x-date-pickers/PickersDay';
|
|
12
12
|
import { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from './dateRangePickerDayClasses';
|
|
13
13
|
import { getReleaseInfo } from '../internals/utils/releaseInfo';
|
|
14
14
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -146,11 +146,6 @@ const DateRangePickerDayDay = styled(PickersDay, {
|
|
|
146
146
|
'& > *': {
|
|
147
147
|
transform: 'scale(0.9)'
|
|
148
148
|
}
|
|
149
|
-
}, !ownerState.selected && ownerState.isHighlighting && {
|
|
150
|
-
opacity: 0.7,
|
|
151
|
-
[`&.${pickersDayClasses.dayOutsideMonth}`]: {
|
|
152
|
-
opacity: 0.4
|
|
153
|
-
}
|
|
154
149
|
}, ownerState.draggable && {
|
|
155
150
|
cursor: 'grab'
|
|
156
151
|
}, ownerState.draggable && {
|
package/index.js
CHANGED
|
@@ -76,7 +76,7 @@ export const useMobileRangePicker = _ref => {
|
|
|
76
76
|
}),
|
|
77
77
|
ownerState: props
|
|
78
78
|
});
|
|
79
|
-
const isToolbarHidden = (_innerSlotProps$toolb = innerSlotProps == null
|
|
79
|
+
const isToolbarHidden = (_innerSlotProps$toolb = innerSlotProps == null || (_innerSlotProps$toolb2 = innerSlotProps.toolbar) == null ? void 0 : _innerSlotProps$toolb2.hidden) != null ? _innerSlotProps$toolb : false;
|
|
80
80
|
const enrichedFieldProps = useEnrichedRangePickerFieldProps({
|
|
81
81
|
wrapperVariant: 'mobile',
|
|
82
82
|
fieldType,
|
|
@@ -67,8 +67,8 @@ export const useStaticRangePicker = _ref => {
|
|
|
67
67
|
children: /*#__PURE__*/_jsx(Layout, _extends({}, layoutProps, slotProps == null ? void 0 : slotProps.layout, {
|
|
68
68
|
slots: slots,
|
|
69
69
|
slotProps: slotPropsForLayout,
|
|
70
|
-
sx: [...(Array.isArray(sx) ? sx : [sx]), ...(Array.isArray(slotProps == null
|
|
71
|
-
className: clsx(className, slotProps == null
|
|
70
|
+
sx: [...(Array.isArray(sx) ? sx : [sx]), ...(Array.isArray(slotProps == null || (_slotProps$layout = slotProps.layout) == null ? void 0 : _slotProps$layout.sx) ? slotProps.layout.sx : [slotProps == null || (_slotProps$layout2 = slotProps.layout) == null ? void 0 : _slotProps$layout2.sx])],
|
|
71
|
+
className: clsx(className, slotProps == null || (_slotProps$layout3 = slotProps.layout) == null ? void 0 : _slotProps$layout3.className),
|
|
72
72
|
ref: ref,
|
|
73
73
|
children: renderCurrentView()
|
|
74
74
|
}))
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ponyfillGlobal } from '@mui/utils';
|
|
2
2
|
export const getReleaseInfo = () => {
|
|
3
|
-
const releaseInfo = "
|
|
3
|
+
const releaseInfo = "MTY4OTgyMjAwMDAwMA==";
|
|
4
4
|
if (process.env.NODE_ENV !== 'production') {
|
|
5
5
|
// A simple hack to set the value in the test environment (has no build step).
|
|
6
6
|
// eslint-disable-next-line no-useless-concat
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
4
|
-
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
5
4
|
var _excluded = ["value", "rangePosition", "onRangePositionChange", "toolbarFormat", "className"];
|
|
6
5
|
import * as React from 'react';
|
|
7
6
|
import PropTypes from 'prop-types';
|
|
@@ -9,7 +8,7 @@ import clsx from 'clsx';
|
|
|
9
8
|
import Typography from '@mui/material/Typography';
|
|
10
9
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
11
10
|
import { unstable_composeClasses as composeClasses } from '@mui/utils';
|
|
12
|
-
import { PickersToolbar, PickersToolbarButton,
|
|
11
|
+
import { PickersToolbar, PickersToolbarButton, useUtils, useLocaleText } from '@mui/x-date-pickers/internals';
|
|
13
12
|
import { getDateRangePickerToolbarUtilityClass } from './dateRangePickerToolbarClasses';
|
|
14
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
14
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -27,10 +26,7 @@ var DateRangePickerToolbarRoot = styled(PickersToolbar, {
|
|
|
27
26
|
overridesResolver: function overridesResolver(_, styles) {
|
|
28
27
|
return styles.root;
|
|
29
28
|
}
|
|
30
|
-
})(
|
|
31
|
-
position: 'relative',
|
|
32
|
-
top: 4
|
|
33
|
-
}));
|
|
29
|
+
})({});
|
|
34
30
|
var DateRangePickerToolbarContainer = styled('div', {
|
|
35
31
|
name: 'MuiDateRangePickerToolbar',
|
|
36
32
|
slot: 'Container',
|
|
@@ -9,7 +9,7 @@ import { useLicenseVerifier } from '@mui/x-license-pro';
|
|
|
9
9
|
import { alpha, styled, useThemeProps } from '@mui/material/styles';
|
|
10
10
|
import { unstable_composeClasses as composeClasses } from '@mui/utils';
|
|
11
11
|
import { useUtils } from '@mui/x-date-pickers/internals';
|
|
12
|
-
import { PickersDay
|
|
12
|
+
import { PickersDay } from '@mui/x-date-pickers/PickersDay';
|
|
13
13
|
import { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from './dateRangePickerDayClasses';
|
|
14
14
|
import { getReleaseInfo } from '../internals/utils/releaseInfo';
|
|
15
15
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -121,11 +121,7 @@ var DateRangePickerDayDay = styled(PickersDay, {
|
|
|
121
121
|
'& > *': {
|
|
122
122
|
transform: 'scale(0.9)'
|
|
123
123
|
}
|
|
124
|
-
},
|
|
125
|
-
opacity: 0.7
|
|
126
|
-
}, "&.".concat(pickersDayClasses.dayOutsideMonth), {
|
|
127
|
-
opacity: 0.4
|
|
128
|
-
}), ownerState.draggable && {
|
|
124
|
+
}, ownerState.draggable && {
|
|
129
125
|
cursor: 'grab'
|
|
130
126
|
}, ownerState.draggable && {
|
|
131
127
|
touchAction: 'none'
|
package/legacy/index.js
CHANGED
|
@@ -70,7 +70,7 @@ export var useMobileRangePicker = function useMobileRangePicker(_ref) {
|
|
|
70
70
|
}),
|
|
71
71
|
ownerState: props
|
|
72
72
|
});
|
|
73
|
-
var isToolbarHidden = (_innerSlotProps$toolb = innerSlotProps == null
|
|
73
|
+
var isToolbarHidden = (_innerSlotProps$toolb = innerSlotProps == null || (_innerSlotProps$toolb2 = innerSlotProps.toolbar) == null ? void 0 : _innerSlotProps$toolb2.hidden) != null ? _innerSlotProps$toolb : false;
|
|
74
74
|
var enrichedFieldProps = useEnrichedRangePickerFieldProps({
|
|
75
75
|
wrapperVariant: 'mobile',
|
|
76
76
|
fieldType: fieldType,
|
|
@@ -63,8 +63,8 @@ export var useStaticRangePicker = function useStaticRangePicker(_ref2) {
|
|
|
63
63
|
children: /*#__PURE__*/_jsx(Layout, _extends({}, layoutProps, slotProps == null ? void 0 : slotProps.layout, {
|
|
64
64
|
slots: slots,
|
|
65
65
|
slotProps: slotPropsForLayout,
|
|
66
|
-
sx: [].concat(_toConsumableArray(Array.isArray(sx) ? sx : [sx]), _toConsumableArray(Array.isArray(slotProps == null
|
|
67
|
-
className: clsx(className, slotProps == null
|
|
66
|
+
sx: [].concat(_toConsumableArray(Array.isArray(sx) ? sx : [sx]), _toConsumableArray(Array.isArray(slotProps == null || (_slotProps$layout = slotProps.layout) == null ? void 0 : _slotProps$layout.sx) ? slotProps.layout.sx : [slotProps == null || (_slotProps$layout2 = slotProps.layout) == null ? void 0 : _slotProps$layout2.sx])),
|
|
67
|
+
className: clsx(className, slotProps == null || (_slotProps$layout3 = slotProps.layout) == null ? void 0 : _slotProps$layout3.className),
|
|
68
68
|
ref: ref,
|
|
69
69
|
children: renderCurrentView()
|
|
70
70
|
}))
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ponyfillGlobal } from '@mui/utils';
|
|
2
2
|
export var getReleaseInfo = function getReleaseInfo() {
|
|
3
|
-
var releaseInfo = "
|
|
3
|
+
var releaseInfo = "MTY4OTgyMjAwMDAwMA==";
|
|
4
4
|
if (process.env.NODE_ENV !== 'production') {
|
|
5
5
|
// A simple hack to set the value in the test environment (has no build step).
|
|
6
6
|
// eslint-disable-next-line no-useless-concat
|
|
@@ -7,7 +7,7 @@ import clsx from 'clsx';
|
|
|
7
7
|
import Typography from '@mui/material/Typography';
|
|
8
8
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
9
9
|
import { unstable_composeClasses as composeClasses } from '@mui/utils';
|
|
10
|
-
import { PickersToolbar, PickersToolbarButton,
|
|
10
|
+
import { PickersToolbar, PickersToolbarButton, useUtils, useLocaleText } from '@mui/x-date-pickers/internals';
|
|
11
11
|
import { getDateRangePickerToolbarUtilityClass } from './dateRangePickerToolbarClasses';
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
13
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -25,12 +25,7 @@ const DateRangePickerToolbarRoot = styled(PickersToolbar, {
|
|
|
25
25
|
name: 'MuiDateRangePickerToolbar',
|
|
26
26
|
slot: 'Root',
|
|
27
27
|
overridesResolver: (_, styles) => styles.root
|
|
28
|
-
})({
|
|
29
|
-
[`& .${pickersToolbarClasses.penIconButton}`]: {
|
|
30
|
-
position: 'relative',
|
|
31
|
-
top: 4
|
|
32
|
-
}
|
|
33
|
-
});
|
|
28
|
+
})({});
|
|
34
29
|
const DateRangePickerToolbarContainer = styled('div', {
|
|
35
30
|
name: 'MuiDateRangePickerToolbar',
|
|
36
31
|
slot: 'Container',
|
|
@@ -8,7 +8,7 @@ import { useLicenseVerifier } from '@mui/x-license-pro';
|
|
|
8
8
|
import { alpha, styled, useThemeProps } from '@mui/material/styles';
|
|
9
9
|
import { unstable_composeClasses as composeClasses } from '@mui/utils';
|
|
10
10
|
import { useUtils } from '@mui/x-date-pickers/internals';
|
|
11
|
-
import { PickersDay
|
|
11
|
+
import { PickersDay } from '@mui/x-date-pickers/PickersDay';
|
|
12
12
|
import { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from './dateRangePickerDayClasses';
|
|
13
13
|
import { getReleaseInfo } from '../internals/utils/releaseInfo';
|
|
14
14
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -146,11 +146,6 @@ const DateRangePickerDayDay = styled(PickersDay, {
|
|
|
146
146
|
'& > *': {
|
|
147
147
|
transform: 'scale(0.9)'
|
|
148
148
|
}
|
|
149
|
-
}, !ownerState.selected && ownerState.isHighlighting && {
|
|
150
|
-
opacity: 0.7,
|
|
151
|
-
[`&.${pickersDayClasses.dayOutsideMonth}`]: {
|
|
152
|
-
opacity: 0.4
|
|
153
|
-
}
|
|
154
149
|
}, ownerState.draggable && {
|
|
155
150
|
cursor: 'grab'
|
|
156
151
|
}, ownerState.draggable && {
|
package/modern/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ponyfillGlobal } from '@mui/utils';
|
|
2
2
|
export const getReleaseInfo = () => {
|
|
3
|
-
const releaseInfo = "
|
|
3
|
+
const releaseInfo = "MTY4OTgyMjAwMDAwMA==";
|
|
4
4
|
if (process.env.NODE_ENV !== 'production') {
|
|
5
5
|
// A simple hack to set the value in the test environment (has no build step).
|
|
6
6
|
// eslint-disable-next-line no-useless-concat
|
|
@@ -33,12 +33,7 @@ const DateRangePickerToolbarRoot = (0, _styles.styled)(_internals.PickersToolbar
|
|
|
33
33
|
name: 'MuiDateRangePickerToolbar',
|
|
34
34
|
slot: 'Root',
|
|
35
35
|
overridesResolver: (_, styles) => styles.root
|
|
36
|
-
})({
|
|
37
|
-
[`& .${_internals.pickersToolbarClasses.penIconButton}`]: {
|
|
38
|
-
position: 'relative',
|
|
39
|
-
top: 4
|
|
40
|
-
}
|
|
41
|
-
});
|
|
36
|
+
})({});
|
|
42
37
|
const DateRangePickerToolbarContainer = (0, _styles.styled)('div', {
|
|
43
38
|
name: 'MuiDateRangePickerToolbar',
|
|
44
39
|
slot: 'Container',
|
|
@@ -155,11 +155,6 @@ const DateRangePickerDayDay = (0, _styles.styled)(_PickersDay.PickersDay, {
|
|
|
155
155
|
'& > *': {
|
|
156
156
|
transform: 'scale(0.9)'
|
|
157
157
|
}
|
|
158
|
-
}, !ownerState.selected && ownerState.isHighlighting && {
|
|
159
|
-
opacity: 0.7,
|
|
160
|
-
[`&.${_PickersDay.pickersDayClasses.dayOutsideMonth}`]: {
|
|
161
|
-
opacity: 0.4
|
|
162
|
-
}
|
|
163
158
|
}, ownerState.draggable && {
|
|
164
159
|
cursor: 'grab'
|
|
165
160
|
}, ownerState.draggable && {
|
package/node/index.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.getReleaseInfo = void 0;
|
|
7
7
|
var _utils = require("@mui/utils");
|
|
8
8
|
const getReleaseInfo = () => {
|
|
9
|
-
const releaseInfo = "
|
|
9
|
+
const releaseInfo = "MTY4OTgyMjAwMDAwMA==";
|
|
10
10
|
if (process.env.NODE_ENV !== 'production') {
|
|
11
11
|
// A simple hack to set the value in the test environment (has no build step).
|
|
12
12
|
// eslint-disable-next-line no-useless-concat
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-date-pickers-pro",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.10.1",
|
|
4
4
|
"description": "The commercial edition of the date picker components (MUI X).",
|
|
5
5
|
"author": "MUI Team",
|
|
6
6
|
"main": "./node/index.js",
|
|
@@ -30,10 +30,10 @@
|
|
|
30
30
|
"directory": "packages/x-date-pickers-pro"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@babel/runtime": "^7.22.
|
|
34
|
-
"@mui/utils": "^5.13.
|
|
35
|
-
"@mui/x-date-pickers": "6.
|
|
36
|
-
"@mui/x-license-pro": "6.
|
|
33
|
+
"@babel/runtime": "^7.22.6",
|
|
34
|
+
"@mui/utils": "^5.13.7",
|
|
35
|
+
"@mui/x-date-pickers": "6.10.1",
|
|
36
|
+
"@mui/x-license-pro": "6.10.0",
|
|
37
37
|
"clsx": "^1.2.1",
|
|
38
38
|
"prop-types": "^15.8.1",
|
|
39
39
|
"react-transition-group": "^4.4.5"
|