@mui/x-date-pickers 6.18.7 → 6.19.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/AdapterDateFns/AdapterDateFns.d.ts +4 -24
- package/AdapterDateFns/AdapterDateFns.js +11 -272
- package/AdapterDateFnsBase/AdapterDateFnsBase.d.ts +65 -0
- package/AdapterDateFnsBase/AdapterDateFnsBase.js +308 -0
- package/AdapterDateFnsBase/index.d.ts +1 -0
- package/AdapterDateFnsBase/index.js +1 -0
- package/AdapterDateFnsBase/package.json +6 -0
- package/AdapterDateFnsJalali/AdapterDateFnsJalali.d.ts +1 -0
- package/AdapterDateFnsV3/AdapterDateFnsV3.d.ts +88 -0
- package/AdapterDateFnsV3/AdapterDateFnsV3.js +358 -0
- package/AdapterDateFnsV3/index.d.ts +1 -0
- package/AdapterDateFnsV3/index.js +1 -0
- package/AdapterDateFnsV3/package.json +6 -0
- package/AdapterLuxon/AdapterLuxon.js +0 -1
- package/CHANGELOG.md +106 -0
- package/DateCalendar/useCalendarState.js +0 -1
- package/DatePicker/DatePickerToolbar.d.ts +2 -2
- package/DatePicker/DatePickerToolbar.js +2 -7
- package/DateTimePicker/DateTimePickerTabs.js +6 -3
- package/DigitalClock/DigitalClock.js +1 -0
- package/DigitalClock/DigitalClock.types.d.ts +5 -0
- package/MonthCalendar/MonthCalendar.js +0 -1
- package/MultiSectionDigitalClock/MultiSectionDigitalClock.js +1 -0
- package/MultiSectionDigitalClock/MultiSectionDigitalClock.types.d.ts +5 -0
- package/PickersLayout/pickersLayoutClasses.js +3 -2
- package/PickersLayout/usePickerLayout.js +2 -1
- package/TimeClock/Clock.js +0 -1
- package/TimeClock/ClockPointer.js +0 -1
- package/TimeClock/TimeClock.js +1 -0
- package/TimeClock/TimeClock.types.d.ts +5 -0
- package/YearCalendar/YearCalendar.js +0 -1
- package/hooks/useClearableField.d.ts +1 -1
- package/hooks/useClearableField.js +3 -3
- package/index.js +1 -1
- package/internals/hooks/useClockReferenceDate.js +0 -1
- package/internals/hooks/useField/useField.utils.js +0 -2
- package/internals/hooks/useViews.js +0 -1
- package/internals/models/helpers.d.ts +1 -0
- package/internals/models/props/tabs.d.ts +1 -0
- package/legacy/AdapterDateFns/AdapterDateFns.js +278 -529
- package/legacy/AdapterDateFnsBase/AdapterDateFnsBase.js +308 -0
- package/legacy/AdapterDateFnsBase/index.js +1 -0
- package/legacy/AdapterDateFnsV3/AdapterDateFnsV3.js +376 -0
- package/legacy/AdapterDateFnsV3/index.js +1 -0
- package/legacy/AdapterLuxon/AdapterLuxon.js +0 -1
- package/legacy/AdapterMomentHijri/AdapterMomentHijri.js +5 -6
- package/legacy/AdapterMomentJalaali/AdapterMomentJalaali.js +5 -6
- package/legacy/DateCalendar/PickersSlideTransition.js +8 -9
- package/legacy/DateCalendar/useCalendarState.js +0 -1
- package/legacy/DatePicker/DatePickerToolbar.js +2 -7
- package/legacy/DateTimePicker/DateTimePickerTabs.js +6 -3
- package/legacy/DigitalClock/DigitalClock.js +1 -0
- package/legacy/MonthCalendar/MonthCalendar.js +0 -1
- package/legacy/MonthCalendar/PickersMonth.js +4 -5
- package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.js +1 -0
- package/legacy/PickersDay/PickersDay.js +5 -6
- package/legacy/PickersLayout/PickersLayout.js +5 -6
- package/legacy/PickersLayout/pickersLayoutClasses.js +3 -2
- package/legacy/PickersLayout/usePickerLayout.js +2 -1
- package/legacy/TimeClock/Clock.js +0 -1
- package/legacy/TimeClock/ClockNumber.js +4 -5
- package/legacy/TimeClock/ClockPointer.js +0 -1
- package/legacy/TimeClock/TimeClock.js +1 -0
- package/legacy/TimePicker/TimePickerToolbar.js +1 -2
- package/legacy/YearCalendar/PickersYear.js +4 -5
- package/legacy/YearCalendar/YearCalendar.js +0 -1
- package/legacy/hooks/useClearableField.js +3 -3
- package/legacy/index.js +1 -1
- package/legacy/internals/components/PickersModalDialog.js +3 -4
- package/legacy/internals/hooks/useClockReferenceDate.js +0 -1
- package/legacy/internals/hooks/useField/useField.utils.js +0 -2
- package/legacy/internals/hooks/useViews.js +0 -1
- package/legacy/locales/index.js +1 -0
- package/legacy/locales/plPL.js +0 -1
- package/legacy/locales/svSE.js +0 -1
- package/legacy/locales/urPK.js +0 -1
- package/locales/index.d.ts +1 -0
- package/locales/index.js +1 -0
- package/locales/plPL.js +0 -1
- package/locales/svSE.js +0 -1
- package/locales/urPK.js +0 -1
- package/modern/AdapterDateFns/AdapterDateFns.js +11 -271
- package/modern/AdapterDateFnsBase/AdapterDateFnsBase.js +307 -0
- package/modern/AdapterDateFnsBase/index.js +1 -0
- package/modern/AdapterDateFnsV3/AdapterDateFnsV3.js +358 -0
- package/modern/AdapterDateFnsV3/index.js +1 -0
- package/modern/AdapterLuxon/AdapterLuxon.js +0 -1
- package/modern/DateCalendar/useCalendarState.js +0 -1
- package/modern/DatePicker/DatePickerToolbar.js +2 -7
- package/modern/DateTimePicker/DateTimePickerTabs.js +6 -3
- package/modern/DigitalClock/DigitalClock.js +1 -0
- package/modern/MonthCalendar/MonthCalendar.js +0 -1
- package/modern/MultiSectionDigitalClock/MultiSectionDigitalClock.js +1 -0
- package/modern/PickersLayout/pickersLayoutClasses.js +3 -2
- package/modern/PickersLayout/usePickerLayout.js +2 -1
- package/modern/TimeClock/Clock.js +0 -1
- package/modern/TimeClock/ClockPointer.js +0 -1
- package/modern/TimeClock/TimeClock.js +1 -0
- package/modern/YearCalendar/YearCalendar.js +0 -1
- package/modern/hooks/useClearableField.js +3 -3
- package/modern/index.js +1 -1
- package/modern/internals/hooks/useClockReferenceDate.js +0 -1
- package/modern/internals/hooks/useField/useField.utils.js +0 -2
- package/modern/internals/hooks/useViews.js +0 -1
- package/modern/locales/index.js +1 -0
- package/modern/locales/plPL.js +0 -1
- package/modern/locales/svSE.js +0 -1
- package/modern/locales/urPK.js +0 -1
- package/node/AdapterDateFns/AdapterDateFns.js +11 -271
- package/node/AdapterDateFnsBase/AdapterDateFnsBase.js +315 -0
- package/node/AdapterDateFnsBase/index.js +12 -0
- package/node/AdapterDateFnsV3/AdapterDateFnsV3.js +366 -0
- package/node/AdapterDateFnsV3/index.js +12 -0
- package/node/AdapterLuxon/AdapterLuxon.js +0 -1
- package/node/DateCalendar/useCalendarState.js +0 -1
- package/node/DatePicker/DatePickerToolbar.js +0 -4
- package/node/DateTimePicker/DateTimePickerTabs.js +7 -4
- package/node/DigitalClock/DigitalClock.js +1 -0
- package/node/MonthCalendar/MonthCalendar.js +0 -1
- package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.js +1 -0
- package/node/PickersLayout/pickersLayoutClasses.js +5 -3
- package/node/PickersLayout/usePickerLayout.js +2 -1
- package/node/TimeClock/Clock.js +0 -1
- package/node/TimeClock/ClockPointer.js +0 -1
- package/node/TimeClock/TimeClock.js +1 -0
- package/node/YearCalendar/YearCalendar.js +0 -1
- package/node/hooks/useClearableField.js +3 -3
- package/node/index.js +1 -1
- package/node/internals/hooks/useClockReferenceDate.js +0 -1
- package/node/internals/hooks/useField/useField.utils.js +0 -2
- package/node/internals/hooks/useViews.js +0 -1
- package/node/locales/index.js +11 -0
- package/node/locales/plPL.js +0 -1
- package/node/locales/svSE.js +0 -1
- package/node/locales/urPK.js +0 -1
- package/package.json +2 -2
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
3
3
|
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
4
|
-
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
5
4
|
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
6
5
|
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
7
|
-
|
|
8
|
-
function
|
|
6
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
7
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
8
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
9
9
|
/* eslint-disable class-methods-use-this */
|
|
10
10
|
import defaultHMoment from 'moment-hijri';
|
|
11
11
|
import { AdapterMoment } from '../AdapterMoment';
|
|
@@ -143,17 +143,16 @@ var NUMBER_SYMBOL_MAP = {
|
|
|
143
143
|
*/
|
|
144
144
|
export var AdapterMomentHijri = /*#__PURE__*/function (_AdapterMoment) {
|
|
145
145
|
_inherits(AdapterMomentHijri, _AdapterMoment);
|
|
146
|
-
var _super = _createSuper(AdapterMomentHijri);
|
|
147
146
|
function AdapterMomentHijri() {
|
|
148
147
|
var _this;
|
|
149
148
|
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
150
149
|
formats = _ref.formats,
|
|
151
150
|
instance = _ref.instance;
|
|
152
151
|
_classCallCheck(this, AdapterMomentHijri);
|
|
153
|
-
_this =
|
|
152
|
+
_this = _callSuper(this, AdapterMomentHijri, [{
|
|
154
153
|
locale: 'ar-SA',
|
|
155
154
|
instance: instance
|
|
156
|
-
});
|
|
155
|
+
}]);
|
|
157
156
|
_this.lib = 'moment-hijri';
|
|
158
157
|
_this.moment = void 0;
|
|
159
158
|
_this.isTimezoneCompatible = false;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
3
3
|
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
4
|
-
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
5
4
|
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
6
5
|
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
7
|
-
|
|
8
|
-
function
|
|
6
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
7
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
8
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
9
9
|
/* eslint-disable class-methods-use-this */
|
|
10
10
|
import defaultJMoment from 'moment-jalaali';
|
|
11
11
|
import { AdapterMoment } from '../AdapterMoment';
|
|
@@ -141,17 +141,16 @@ var NUMBER_SYMBOL_MAP = {
|
|
|
141
141
|
*/
|
|
142
142
|
export var AdapterMomentJalaali = /*#__PURE__*/function (_AdapterMoment) {
|
|
143
143
|
_inherits(AdapterMomentJalaali, _AdapterMoment);
|
|
144
|
-
var _super = _createSuper(AdapterMomentJalaali);
|
|
145
144
|
function AdapterMomentJalaali() {
|
|
146
145
|
var _this;
|
|
147
146
|
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
148
147
|
formats = _ref.formats,
|
|
149
148
|
instance = _ref.instance;
|
|
150
149
|
_classCallCheck(this, AdapterMomentJalaali);
|
|
151
|
-
_this =
|
|
150
|
+
_this = _callSuper(this, AdapterMomentJalaali, [{
|
|
152
151
|
locale: 'fa',
|
|
153
152
|
instance: instance
|
|
154
|
-
});
|
|
153
|
+
}]);
|
|
155
154
|
_this.isTimezoneCompatible = false;
|
|
156
155
|
_this.lib = 'moment-jalaali';
|
|
157
156
|
_this.moment = void 0;
|
|
@@ -28,13 +28,12 @@ var PickersSlideTransitionRoot = styled(TransitionGroup, {
|
|
|
28
28
|
return [styles.root, _defineProperty({}, ".".concat(pickersSlideTransitionClasses['slideEnter-left']), styles['slideEnter-left']), _defineProperty({}, ".".concat(pickersSlideTransitionClasses['slideEnter-right']), styles['slideEnter-right']), _defineProperty({}, ".".concat(pickersSlideTransitionClasses.slideEnterActive), styles.slideEnterActive), _defineProperty({}, ".".concat(pickersSlideTransitionClasses.slideExit), styles.slideExit), _defineProperty({}, ".".concat(pickersSlideTransitionClasses['slideExitActiveLeft-left']), styles['slideExitActiveLeft-left']), _defineProperty({}, ".".concat(pickersSlideTransitionClasses['slideExitActiveLeft-right']), styles['slideExitActiveLeft-right'])];
|
|
29
29
|
}
|
|
30
30
|
})(function (_ref7) {
|
|
31
|
-
var _ref8;
|
|
32
31
|
var theme = _ref7.theme;
|
|
33
32
|
var slideTransition = theme.transitions.create('transform', {
|
|
34
33
|
duration: theme.transitions.duration.complex,
|
|
35
34
|
easing: 'cubic-bezier(0.35, 0.8, 0.4, 1)'
|
|
36
35
|
});
|
|
37
|
-
return
|
|
36
|
+
return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
|
|
38
37
|
display: 'block',
|
|
39
38
|
position: 'relative',
|
|
40
39
|
overflowX: 'hidden',
|
|
@@ -44,30 +43,30 @@ var PickersSlideTransitionRoot = styled(TransitionGroup, {
|
|
|
44
43
|
right: 0,
|
|
45
44
|
left: 0
|
|
46
45
|
}
|
|
47
|
-
},
|
|
46
|
+
}, "& .".concat(pickersSlideTransitionClasses['slideEnter-left']), {
|
|
48
47
|
willChange: 'transform',
|
|
49
48
|
transform: 'translate(100%)',
|
|
50
49
|
zIndex: 1
|
|
51
|
-
}),
|
|
50
|
+
}), "& .".concat(pickersSlideTransitionClasses['slideEnter-right']), {
|
|
52
51
|
willChange: 'transform',
|
|
53
52
|
transform: 'translate(-100%)',
|
|
54
53
|
zIndex: 1
|
|
55
|
-
}),
|
|
54
|
+
}), "& .".concat(pickersSlideTransitionClasses.slideEnterActive), {
|
|
56
55
|
transform: 'translate(0%)',
|
|
57
56
|
transition: slideTransition
|
|
58
|
-
}),
|
|
57
|
+
}), "& .".concat(pickersSlideTransitionClasses.slideExit), {
|
|
59
58
|
transform: 'translate(0%)'
|
|
60
|
-
}),
|
|
59
|
+
}), "& .".concat(pickersSlideTransitionClasses['slideExitActiveLeft-left']), {
|
|
61
60
|
willChange: 'transform',
|
|
62
61
|
transform: 'translate(-100%)',
|
|
63
62
|
transition: slideTransition,
|
|
64
63
|
zIndex: 0
|
|
65
|
-
}),
|
|
64
|
+
}), "& .".concat(pickersSlideTransitionClasses['slideExitActiveLeft-right']), {
|
|
66
65
|
willChange: 'transform',
|
|
67
66
|
transform: 'translate(100%)',
|
|
68
67
|
transition: slideTransition,
|
|
69
68
|
zIndex: 0
|
|
70
|
-
})
|
|
69
|
+
});
|
|
71
70
|
});
|
|
72
71
|
|
|
73
72
|
/**
|
|
@@ -72,7 +72,6 @@ export var useCalendarState = function useCalendarState(params) {
|
|
|
72
72
|
});
|
|
73
73
|
}, [] // eslint-disable-line react-hooks/exhaustive-deps
|
|
74
74
|
);
|
|
75
|
-
|
|
76
75
|
var _React$useReducer = React.useReducer(reducerFn, {
|
|
77
76
|
isMonthSwitchingAnimating: false,
|
|
78
77
|
focusedDay: utils.isValid(value) ? value : now,
|
|
@@ -26,10 +26,6 @@ var DatePickerToolbarRoot = styled(PickersToolbar, {
|
|
|
26
26
|
return styles.root;
|
|
27
27
|
}
|
|
28
28
|
})({});
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
* @ignore - do not document.
|
|
32
|
-
*/
|
|
33
29
|
var DatePickerToolbarTitle = styled(Typography, {
|
|
34
30
|
name: 'MuiDatePickerToolbar',
|
|
35
31
|
slot: 'Title',
|
|
@@ -52,7 +48,7 @@ var DatePickerToolbarTitle = styled(Typography, {
|
|
|
52
48
|
*
|
|
53
49
|
* - [DatePickerToolbar API](https://mui.com/x/api/date-pickers/date-picker-toolbar/)
|
|
54
50
|
*/
|
|
55
|
-
var DatePickerToolbar = /*#__PURE__*/React.forwardRef(function DatePickerToolbar(inProps, ref) {
|
|
51
|
+
export var DatePickerToolbar = /*#__PURE__*/React.forwardRef(function DatePickerToolbar(inProps, ref) {
|
|
56
52
|
var props = useThemeProps({
|
|
57
53
|
props: inProps,
|
|
58
54
|
name: 'MuiDatePickerToolbar'
|
|
@@ -136,5 +132,4 @@ process.env.NODE_ENV !== "production" ? DatePickerToolbar.propTypes = {
|
|
|
136
132
|
*/
|
|
137
133
|
view: PropTypes.oneOf(['day', 'month', 'year']).isRequired,
|
|
138
134
|
views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'month', 'year']).isRequired).isRequired
|
|
139
|
-
} : void 0;
|
|
140
|
-
export { DatePickerToolbar };
|
|
135
|
+
} : void 0;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
+
import clsx from 'clsx';
|
|
3
4
|
import PropTypes from 'prop-types';
|
|
4
5
|
import Tab from '@mui/material/Tab';
|
|
5
6
|
import Tabs, { tabsClasses } from '@mui/material/Tabs';
|
|
6
7
|
import { styled, useThemeProps } from '@mui/material/styles';
|
|
7
|
-
import
|
|
8
|
+
import composeClasses from '@mui/utils/composeClasses';
|
|
8
9
|
import { TimeIcon, DateRangeIcon } from '../icons';
|
|
9
10
|
import { useLocaleText } from '../internals/hooks/useUtils';
|
|
10
11
|
import { getDateTimePickerTabsUtilityClass } from './dateTimePickerTabsClasses';
|
|
@@ -71,7 +72,8 @@ var DateTimePickerTabs = function DateTimePickerTabs(inProps) {
|
|
|
71
72
|
timeIcon = _props$timeIcon === void 0 ? /*#__PURE__*/_jsx(TimeIcon, {}) : _props$timeIcon,
|
|
72
73
|
view = props.view,
|
|
73
74
|
_props$hidden = props.hidden,
|
|
74
|
-
hidden = _props$hidden === void 0 ? typeof window === 'undefined' || window.innerHeight < 667 : _props$hidden
|
|
75
|
+
hidden = _props$hidden === void 0 ? typeof window === 'undefined' || window.innerHeight < 667 : _props$hidden,
|
|
76
|
+
className = props.className;
|
|
75
77
|
var localeText = useLocaleText();
|
|
76
78
|
var classes = useUtilityClasses(props);
|
|
77
79
|
var handleChange = function handleChange(event, value) {
|
|
@@ -85,7 +87,7 @@ var DateTimePickerTabs = function DateTimePickerTabs(inProps) {
|
|
|
85
87
|
variant: "fullWidth",
|
|
86
88
|
value: viewToTab(view),
|
|
87
89
|
onChange: handleChange,
|
|
88
|
-
className: classes.root,
|
|
90
|
+
className: clsx(className, classes.root),
|
|
89
91
|
children: [/*#__PURE__*/_jsx(Tab, {
|
|
90
92
|
value: "date",
|
|
91
93
|
"aria-label": localeText.dateTableLabel,
|
|
@@ -110,6 +112,7 @@ process.env.NODE_ENV !== "production" ? DateTimePickerTabs.propTypes = {
|
|
|
110
112
|
* Override or extend the styles applied to the component.
|
|
111
113
|
*/
|
|
112
114
|
classes: PropTypes.object,
|
|
115
|
+
className: PropTypes.string,
|
|
113
116
|
/**
|
|
114
117
|
* Date tab icon.
|
|
115
118
|
* @default DateRange
|
|
@@ -113,7 +113,6 @@ export var MonthCalendar = /*#__PURE__*/React.forwardRef(function MonthCalendar(
|
|
|
113
113
|
});
|
|
114
114
|
}, [] // eslint-disable-line react-hooks/exhaustive-deps
|
|
115
115
|
);
|
|
116
|
-
|
|
117
116
|
var ownerState = props;
|
|
118
117
|
var classes = useUtilityClasses(ownerState);
|
|
119
118
|
var todayMonth = React.useMemo(function () {
|
|
@@ -39,14 +39,13 @@ var PickersMonthButton = styled('button', {
|
|
|
39
39
|
return [styles.monthButton, _defineProperty({}, "&.".concat(pickersMonthClasses.disabled), styles.disabled), _defineProperty({}, "&.".concat(pickersMonthClasses.selected), styles.selected)];
|
|
40
40
|
}
|
|
41
41
|
})(function (_ref4) {
|
|
42
|
-
var _extends2;
|
|
43
42
|
var theme = _ref4.theme;
|
|
44
43
|
return _extends({
|
|
45
44
|
color: 'unset',
|
|
46
45
|
backgroundColor: 'transparent',
|
|
47
46
|
border: 0,
|
|
48
47
|
outline: 0
|
|
49
|
-
}, theme.typography.subtitle1, (
|
|
48
|
+
}, theme.typography.subtitle1, _defineProperty(_defineProperty({
|
|
50
49
|
margin: '8px 0',
|
|
51
50
|
height: 36,
|
|
52
51
|
width: 72,
|
|
@@ -62,15 +61,15 @@ var PickersMonthButton = styled('button', {
|
|
|
62
61
|
cursor: 'auto',
|
|
63
62
|
pointerEvents: 'none'
|
|
64
63
|
}
|
|
65
|
-
},
|
|
64
|
+
}, "&.".concat(pickersMonthClasses.disabled), {
|
|
66
65
|
color: (theme.vars || theme).palette.text.secondary
|
|
67
|
-
}),
|
|
66
|
+
}), "&.".concat(pickersMonthClasses.selected), {
|
|
68
67
|
color: (theme.vars || theme).palette.primary.contrastText,
|
|
69
68
|
backgroundColor: (theme.vars || theme).palette.primary.main,
|
|
70
69
|
'&:focus, &:hover': {
|
|
71
70
|
backgroundColor: (theme.vars || theme).palette.primary.dark
|
|
72
71
|
}
|
|
73
|
-
})
|
|
72
|
+
}));
|
|
74
73
|
});
|
|
75
74
|
|
|
76
75
|
/**
|
|
@@ -534,6 +534,7 @@ process.env.NODE_ENV !== "production" ? MultiSectionDigitalClock.propTypes = {
|
|
|
534
534
|
view: PropTypes.oneOf(['hours', 'meridiem', 'minutes', 'seconds']),
|
|
535
535
|
/**
|
|
536
536
|
* Available views.
|
|
537
|
+
* @default ['hours', 'minutes']
|
|
537
538
|
*/
|
|
538
539
|
views: PropTypes.arrayOf(PropTypes.oneOf(['hours', 'meridiem', 'minutes', 'seconds']).isRequired)
|
|
539
540
|
} : void 0;
|
|
@@ -29,10 +29,9 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
|
|
|
29
29
|
return composeClasses(slots, getPickersDayUtilityClass, classes);
|
|
30
30
|
};
|
|
31
31
|
var styleArg = function styleArg(_ref) {
|
|
32
|
-
var _extends2;
|
|
33
32
|
var theme = _ref.theme,
|
|
34
33
|
ownerState = _ref.ownerState;
|
|
35
|
-
return _extends({}, theme.typography.caption, (
|
|
34
|
+
return _extends({}, theme.typography.caption, _defineProperty(_defineProperty(_defineProperty({
|
|
36
35
|
width: DAY_SIZE,
|
|
37
36
|
height: DAY_SIZE,
|
|
38
37
|
borderRadius: '50%',
|
|
@@ -54,7 +53,7 @@ var styleArg = function styleArg(_ref) {
|
|
|
54
53
|
willChange: 'background-color',
|
|
55
54
|
backgroundColor: (theme.vars || theme).palette.primary.dark
|
|
56
55
|
})
|
|
57
|
-
},
|
|
56
|
+
}, "&.".concat(pickersDayClasses.selected), {
|
|
58
57
|
color: (theme.vars || theme).palette.primary.contrastText,
|
|
59
58
|
backgroundColor: (theme.vars || theme).palette.primary.main,
|
|
60
59
|
fontWeight: theme.typography.fontWeightMedium,
|
|
@@ -62,11 +61,11 @@ var styleArg = function styleArg(_ref) {
|
|
|
62
61
|
willChange: 'background-color',
|
|
63
62
|
backgroundColor: (theme.vars || theme).palette.primary.dark
|
|
64
63
|
}
|
|
65
|
-
}),
|
|
64
|
+
}), "&.".concat(pickersDayClasses.disabled, ":not(.").concat(pickersDayClasses.selected, ")"), {
|
|
66
65
|
color: (theme.vars || theme).palette.text.disabled
|
|
67
|
-
}),
|
|
66
|
+
}), "&.".concat(pickersDayClasses.disabled, "&.").concat(pickersDayClasses.selected), {
|
|
68
67
|
opacity: 0.6
|
|
69
|
-
}),
|
|
68
|
+
}), !ownerState.disableMargin && {
|
|
70
69
|
margin: "0 ".concat(DAY_MARGIN, "px")
|
|
71
70
|
}, ownerState.outsideCurrentMonth && ownerState.showDaysOutsideCurrentMonth && {
|
|
72
71
|
color: (theme.vars || theme).palette.text.secondary
|
|
@@ -24,29 +24,28 @@ var PickersLayoutRoot = styled('div', {
|
|
|
24
24
|
return styles.root;
|
|
25
25
|
}
|
|
26
26
|
})(function (_ref) {
|
|
27
|
-
var _ref2;
|
|
28
27
|
var theme = _ref.theme,
|
|
29
28
|
ownerState = _ref.ownerState;
|
|
30
|
-
return
|
|
29
|
+
return _defineProperty(_defineProperty(_defineProperty({
|
|
31
30
|
display: 'grid',
|
|
32
31
|
gridAutoColumns: 'max-content auto max-content',
|
|
33
32
|
gridAutoRows: 'max-content auto max-content'
|
|
34
|
-
},
|
|
33
|
+
}, "& .".concat(pickersLayoutClasses.toolbar), ownerState.isLandscape ? {
|
|
35
34
|
gridColumn: theme.direction === 'rtl' ? 3 : 1,
|
|
36
35
|
gridRow: '2 / 3'
|
|
37
36
|
} : {
|
|
38
37
|
gridColumn: '2 / 4',
|
|
39
38
|
gridRow: 1
|
|
40
|
-
}),
|
|
39
|
+
}), ".".concat(pickersLayoutClasses.shortcuts), ownerState.isLandscape ? {
|
|
41
40
|
gridColumn: '2 / 4',
|
|
42
41
|
gridRow: 1
|
|
43
42
|
} : {
|
|
44
43
|
gridColumn: theme.direction === 'rtl' ? 3 : 1,
|
|
45
44
|
gridRow: '2 / 3'
|
|
46
|
-
}),
|
|
45
|
+
}), "& .".concat(pickersLayoutClasses.actionBar), {
|
|
47
46
|
gridColumn: '1 / 4',
|
|
48
47
|
gridRow: 3
|
|
49
|
-
})
|
|
48
|
+
});
|
|
50
49
|
});
|
|
51
50
|
PickersLayoutRoot.propTypes = {
|
|
52
51
|
// ----------------------------- Warning --------------------------------
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
+
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
2
3
|
export function getPickersLayoutUtilityClass(slot) {
|
|
3
4
|
return generateUtilityClass('MuiPickersLayout', slot);
|
|
4
5
|
}
|
|
5
|
-
export var pickersLayoutClasses = generateUtilityClasses('MuiPickersLayout', ['root', 'landscape', 'contentWrapper', 'toolbar', 'actionBar', 'shortcuts']);
|
|
6
|
+
export var pickersLayoutClasses = generateUtilityClasses('MuiPickersLayout', ['root', 'landscape', 'contentWrapper', 'toolbar', 'actionBar', 'tabs', 'shortcuts']);
|
|
@@ -103,7 +103,8 @@ var usePickerLayout = function usePickerLayout(props) {
|
|
|
103
103
|
var Tabs = slots == null ? void 0 : slots.tabs;
|
|
104
104
|
var tabs = view && Tabs ? /*#__PURE__*/_jsx(Tabs, _extends({
|
|
105
105
|
view: view,
|
|
106
|
-
onViewChange: onViewChange
|
|
106
|
+
onViewChange: onViewChange,
|
|
107
|
+
className: classes.tabs
|
|
107
108
|
}, slotProps == null ? void 0 : slotProps.tabs)) : null;
|
|
108
109
|
|
|
109
110
|
// Shortcuts
|
|
@@ -25,10 +25,9 @@ var ClockNumberRoot = styled('span', {
|
|
|
25
25
|
return [styles.root, _defineProperty({}, "&.".concat(clockNumberClasses.disabled), styles.disabled), _defineProperty({}, "&.".concat(clockNumberClasses.selected), styles.selected)];
|
|
26
26
|
}
|
|
27
27
|
})(function (_ref3) {
|
|
28
|
-
var _extends2;
|
|
29
28
|
var theme = _ref3.theme,
|
|
30
29
|
ownerState = _ref3.ownerState;
|
|
31
|
-
return _extends((
|
|
30
|
+
return _extends(_defineProperty(_defineProperty({
|
|
32
31
|
height: CLOCK_HOUR_WIDTH,
|
|
33
32
|
width: CLOCK_HOUR_WIDTH,
|
|
34
33
|
position: 'absolute',
|
|
@@ -42,12 +41,12 @@ var ClockNumberRoot = styled('span', {
|
|
|
42
41
|
'&:focused': {
|
|
43
42
|
backgroundColor: (theme.vars || theme).palette.background.paper
|
|
44
43
|
}
|
|
45
|
-
},
|
|
44
|
+
}, "&.".concat(clockNumberClasses.selected), {
|
|
46
45
|
color: (theme.vars || theme).palette.primary.contrastText
|
|
47
|
-
}),
|
|
46
|
+
}), "&.".concat(clockNumberClasses.disabled), {
|
|
48
47
|
pointerEvents: 'none',
|
|
49
48
|
color: (theme.vars || theme).palette.text.disabled
|
|
50
|
-
}),
|
|
49
|
+
}), ownerState.inner && _extends({}, theme.typography.body2, {
|
|
51
50
|
color: (theme.vars || theme).palette.text.secondary
|
|
52
51
|
}));
|
|
53
52
|
});
|
|
@@ -88,7 +88,6 @@ export function ClockPointer(inProps) {
|
|
|
88
88
|
if (type === 'hours' && viewValue > 12) {
|
|
89
89
|
angle -= 360; // round up angle to max 360 degrees
|
|
90
90
|
}
|
|
91
|
-
|
|
92
91
|
return {
|
|
93
92
|
height: Math.round((isInner ? 0.26 : 0.4) * CLOCK_WIDTH),
|
|
94
93
|
transform: "rotateZ(".concat(angle, "deg)")
|
|
@@ -504,6 +504,7 @@ process.env.NODE_ENV !== "production" ? TimeClock.propTypes = {
|
|
|
504
504
|
view: PropTypes.oneOf(['hours', 'minutes', 'seconds']),
|
|
505
505
|
/**
|
|
506
506
|
* Available views.
|
|
507
|
+
* @default ['hours', 'minutes']
|
|
507
508
|
*/
|
|
508
509
|
views: PropTypes.arrayOf(PropTypes.oneOf(['hours', 'minutes', 'seconds']).isRequired)
|
|
509
510
|
} : void 0;
|
|
@@ -51,8 +51,7 @@ var TimePickerToolbarHourMinuteLabel = styled('div', {
|
|
|
51
51
|
name: 'MuiTimePickerToolbar',
|
|
52
52
|
slot: 'HourMinuteLabel',
|
|
53
53
|
overridesResolver: function overridesResolver(props, styles) {
|
|
54
|
-
|
|
55
|
-
return [(_ref = {}, _defineProperty(_ref, "&.".concat(timePickerToolbarClasses.hourMinuteLabelLandscape), styles.hourMinuteLabelLandscape), _defineProperty(_ref, "&.".concat(timePickerToolbarClasses.hourMinuteLabelReverse), styles.hourMinuteLabelReverse), _ref), styles.hourMinuteLabel];
|
|
54
|
+
return [_defineProperty(_defineProperty({}, "&.".concat(timePickerToolbarClasses.hourMinuteLabelLandscape), styles.hourMinuteLabelLandscape), "&.".concat(timePickerToolbarClasses.hourMinuteLabelReverse), styles.hourMinuteLabelReverse), styles.hourMinuteLabel];
|
|
56
55
|
}
|
|
57
56
|
})(function (_ref2) {
|
|
58
57
|
var theme = _ref2.theme,
|
|
@@ -40,14 +40,13 @@ var PickersYearButton = styled('button', {
|
|
|
40
40
|
return [styles.yearButton, _defineProperty({}, "&.".concat(pickersYearClasses.disabled), styles.disabled), _defineProperty({}, "&.".concat(pickersYearClasses.selected), styles.selected)];
|
|
41
41
|
}
|
|
42
42
|
})(function (_ref4) {
|
|
43
|
-
var _extends2;
|
|
44
43
|
var theme = _ref4.theme;
|
|
45
44
|
return _extends({
|
|
46
45
|
color: 'unset',
|
|
47
46
|
backgroundColor: 'transparent',
|
|
48
47
|
border: 0,
|
|
49
48
|
outline: 0
|
|
50
|
-
}, theme.typography.subtitle1, (
|
|
49
|
+
}, theme.typography.subtitle1, _defineProperty(_defineProperty({
|
|
51
50
|
margin: '6px 0',
|
|
52
51
|
height: 36,
|
|
53
52
|
width: 72,
|
|
@@ -63,15 +62,15 @@ var PickersYearButton = styled('button', {
|
|
|
63
62
|
cursor: 'auto',
|
|
64
63
|
pointerEvents: 'none'
|
|
65
64
|
}
|
|
66
|
-
},
|
|
65
|
+
}, "&.".concat(pickersYearClasses.disabled), {
|
|
67
66
|
color: (theme.vars || theme).palette.text.secondary
|
|
68
|
-
}),
|
|
67
|
+
}), "&.".concat(pickersYearClasses.selected), {
|
|
69
68
|
color: (theme.vars || theme).palette.primary.contrastText,
|
|
70
69
|
backgroundColor: (theme.vars || theme).palette.primary.main,
|
|
71
70
|
'&:focus, &:hover': {
|
|
72
71
|
backgroundColor: (theme.vars || theme).palette.primary.dark
|
|
73
72
|
}
|
|
74
|
-
})
|
|
73
|
+
}));
|
|
75
74
|
});
|
|
76
75
|
|
|
77
76
|
/**
|
|
@@ -117,7 +117,6 @@ export var YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(in
|
|
|
117
117
|
});
|
|
118
118
|
}, [] // eslint-disable-line react-hooks/exhaustive-deps
|
|
119
119
|
);
|
|
120
|
-
|
|
121
120
|
var ownerState = props;
|
|
122
121
|
var classes = useUtilityClasses(ownerState);
|
|
123
122
|
var todayYear = React.useMemo(function () {
|
|
@@ -41,8 +41,8 @@ export var useClearableField = function useClearableField(_ref) {
|
|
|
41
41
|
ownerState: {}
|
|
42
42
|
});
|
|
43
43
|
var InputProps = _extends({}, ForwardedInputProps, {
|
|
44
|
-
endAdornment:
|
|
45
|
-
children: [/*#__PURE__*/_jsx(InputAdornment, {
|
|
44
|
+
endAdornment: /*#__PURE__*/_jsxs(React.Fragment, {
|
|
45
|
+
children: [clearable && /*#__PURE__*/_jsx(InputAdornment, {
|
|
46
46
|
position: "end",
|
|
47
47
|
sx: {
|
|
48
48
|
marginRight: ForwardedInputProps != null && ForwardedInputProps.endAdornment ? -1 : -1.5
|
|
@@ -54,7 +54,7 @@ export var useClearableField = function useClearableField(_ref) {
|
|
|
54
54
|
}, endClearIconProps))
|
|
55
55
|
}))
|
|
56
56
|
}), ForwardedInputProps == null ? void 0 : ForwardedInputProps.endAdornment]
|
|
57
|
-
})
|
|
57
|
+
})
|
|
58
58
|
});
|
|
59
59
|
var fieldProps = _extends({}, forwardedFieldProps, {
|
|
60
60
|
sx: [{
|
package/legacy/index.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
3
|
-
var _styled;
|
|
4
3
|
import * as React from 'react';
|
|
5
4
|
import DialogContent from '@mui/material/DialogContent';
|
|
6
5
|
import Fade from '@mui/material/Fade';
|
|
@@ -8,12 +7,12 @@ import MuiDialog, { dialogClasses } from '@mui/material/Dialog';
|
|
|
8
7
|
import { styled } from '@mui/material/styles';
|
|
9
8
|
import { DIALOG_WIDTH } from '../constants/dimensions';
|
|
10
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
|
-
var PickersModalDialogRoot = styled(MuiDialog)((
|
|
10
|
+
var PickersModalDialogRoot = styled(MuiDialog)(_defineProperty(_defineProperty({}, "& .".concat(dialogClasses.container), {
|
|
12
11
|
outline: 0
|
|
13
|
-
}),
|
|
12
|
+
}), "& .".concat(dialogClasses.paper), {
|
|
14
13
|
outline: 0,
|
|
15
14
|
minWidth: DIALOG_WIDTH
|
|
16
|
-
})
|
|
15
|
+
}));
|
|
17
16
|
var PickersModalDialogContent = styled(DialogContent)({
|
|
18
17
|
'&:first-of-type': {
|
|
19
18
|
padding: 0
|
|
@@ -133,7 +133,6 @@ export var adjustSectionValue = function adjustSectionValue(utils, timezone, sec
|
|
|
133
133
|
if (delta < 0 || isStart) {
|
|
134
134
|
newSectionValueNumber += step - (step + newSectionValueNumber) % step; // for JS -3 % 5 = -3 (should be 2)
|
|
135
135
|
}
|
|
136
|
-
|
|
137
136
|
if (delta > 0 || isEnd) {
|
|
138
137
|
newSectionValueNumber -= newSectionValueNumber % step;
|
|
139
138
|
}
|
|
@@ -414,7 +413,6 @@ export var splitFormatIntoSections = function splitFormatIntoSections(utils, tim
|
|
|
414
413
|
}) // Sort to put longest word first
|
|
415
414
|
.join('|'), ")"), 'g') // used to get access to lastIndex state
|
|
416
415
|
;
|
|
417
|
-
|
|
418
416
|
var currentTokenValue = '';
|
|
419
417
|
var _loop = function _loop(_i) {
|
|
420
418
|
var escapedPartOfCurrentChar = escapedParts.find(function (escapeIndex) {
|
package/legacy/locales/index.js
CHANGED
package/legacy/locales/plPL.js
CHANGED
package/legacy/locales/svSE.js
CHANGED
package/legacy/locales/urPK.js
CHANGED
package/locales/index.d.ts
CHANGED
package/locales/index.js
CHANGED
package/locales/plPL.js
CHANGED
package/locales/svSE.js
CHANGED