@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.
Files changed (136) hide show
  1. package/AdapterDateFns/AdapterDateFns.d.ts +4 -24
  2. package/AdapterDateFns/AdapterDateFns.js +11 -272
  3. package/AdapterDateFnsBase/AdapterDateFnsBase.d.ts +65 -0
  4. package/AdapterDateFnsBase/AdapterDateFnsBase.js +308 -0
  5. package/AdapterDateFnsBase/index.d.ts +1 -0
  6. package/AdapterDateFnsBase/index.js +1 -0
  7. package/AdapterDateFnsBase/package.json +6 -0
  8. package/AdapterDateFnsJalali/AdapterDateFnsJalali.d.ts +1 -0
  9. package/AdapterDateFnsV3/AdapterDateFnsV3.d.ts +88 -0
  10. package/AdapterDateFnsV3/AdapterDateFnsV3.js +358 -0
  11. package/AdapterDateFnsV3/index.d.ts +1 -0
  12. package/AdapterDateFnsV3/index.js +1 -0
  13. package/AdapterDateFnsV3/package.json +6 -0
  14. package/AdapterLuxon/AdapterLuxon.js +0 -1
  15. package/CHANGELOG.md +106 -0
  16. package/DateCalendar/useCalendarState.js +0 -1
  17. package/DatePicker/DatePickerToolbar.d.ts +2 -2
  18. package/DatePicker/DatePickerToolbar.js +2 -7
  19. package/DateTimePicker/DateTimePickerTabs.js +6 -3
  20. package/DigitalClock/DigitalClock.js +1 -0
  21. package/DigitalClock/DigitalClock.types.d.ts +5 -0
  22. package/MonthCalendar/MonthCalendar.js +0 -1
  23. package/MultiSectionDigitalClock/MultiSectionDigitalClock.js +1 -0
  24. package/MultiSectionDigitalClock/MultiSectionDigitalClock.types.d.ts +5 -0
  25. package/PickersLayout/pickersLayoutClasses.js +3 -2
  26. package/PickersLayout/usePickerLayout.js +2 -1
  27. package/TimeClock/Clock.js +0 -1
  28. package/TimeClock/ClockPointer.js +0 -1
  29. package/TimeClock/TimeClock.js +1 -0
  30. package/TimeClock/TimeClock.types.d.ts +5 -0
  31. package/YearCalendar/YearCalendar.js +0 -1
  32. package/hooks/useClearableField.d.ts +1 -1
  33. package/hooks/useClearableField.js +3 -3
  34. package/index.js +1 -1
  35. package/internals/hooks/useClockReferenceDate.js +0 -1
  36. package/internals/hooks/useField/useField.utils.js +0 -2
  37. package/internals/hooks/useViews.js +0 -1
  38. package/internals/models/helpers.d.ts +1 -0
  39. package/internals/models/props/tabs.d.ts +1 -0
  40. package/legacy/AdapterDateFns/AdapterDateFns.js +278 -529
  41. package/legacy/AdapterDateFnsBase/AdapterDateFnsBase.js +308 -0
  42. package/legacy/AdapterDateFnsBase/index.js +1 -0
  43. package/legacy/AdapterDateFnsV3/AdapterDateFnsV3.js +376 -0
  44. package/legacy/AdapterDateFnsV3/index.js +1 -0
  45. package/legacy/AdapterLuxon/AdapterLuxon.js +0 -1
  46. package/legacy/AdapterMomentHijri/AdapterMomentHijri.js +5 -6
  47. package/legacy/AdapterMomentJalaali/AdapterMomentJalaali.js +5 -6
  48. package/legacy/DateCalendar/PickersSlideTransition.js +8 -9
  49. package/legacy/DateCalendar/useCalendarState.js +0 -1
  50. package/legacy/DatePicker/DatePickerToolbar.js +2 -7
  51. package/legacy/DateTimePicker/DateTimePickerTabs.js +6 -3
  52. package/legacy/DigitalClock/DigitalClock.js +1 -0
  53. package/legacy/MonthCalendar/MonthCalendar.js +0 -1
  54. package/legacy/MonthCalendar/PickersMonth.js +4 -5
  55. package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.js +1 -0
  56. package/legacy/PickersDay/PickersDay.js +5 -6
  57. package/legacy/PickersLayout/PickersLayout.js +5 -6
  58. package/legacy/PickersLayout/pickersLayoutClasses.js +3 -2
  59. package/legacy/PickersLayout/usePickerLayout.js +2 -1
  60. package/legacy/TimeClock/Clock.js +0 -1
  61. package/legacy/TimeClock/ClockNumber.js +4 -5
  62. package/legacy/TimeClock/ClockPointer.js +0 -1
  63. package/legacy/TimeClock/TimeClock.js +1 -0
  64. package/legacy/TimePicker/TimePickerToolbar.js +1 -2
  65. package/legacy/YearCalendar/PickersYear.js +4 -5
  66. package/legacy/YearCalendar/YearCalendar.js +0 -1
  67. package/legacy/hooks/useClearableField.js +3 -3
  68. package/legacy/index.js +1 -1
  69. package/legacy/internals/components/PickersModalDialog.js +3 -4
  70. package/legacy/internals/hooks/useClockReferenceDate.js +0 -1
  71. package/legacy/internals/hooks/useField/useField.utils.js +0 -2
  72. package/legacy/internals/hooks/useViews.js +0 -1
  73. package/legacy/locales/index.js +1 -0
  74. package/legacy/locales/plPL.js +0 -1
  75. package/legacy/locales/svSE.js +0 -1
  76. package/legacy/locales/urPK.js +0 -1
  77. package/locales/index.d.ts +1 -0
  78. package/locales/index.js +1 -0
  79. package/locales/plPL.js +0 -1
  80. package/locales/svSE.js +0 -1
  81. package/locales/urPK.js +0 -1
  82. package/modern/AdapterDateFns/AdapterDateFns.js +11 -271
  83. package/modern/AdapterDateFnsBase/AdapterDateFnsBase.js +307 -0
  84. package/modern/AdapterDateFnsBase/index.js +1 -0
  85. package/modern/AdapterDateFnsV3/AdapterDateFnsV3.js +358 -0
  86. package/modern/AdapterDateFnsV3/index.js +1 -0
  87. package/modern/AdapterLuxon/AdapterLuxon.js +0 -1
  88. package/modern/DateCalendar/useCalendarState.js +0 -1
  89. package/modern/DatePicker/DatePickerToolbar.js +2 -7
  90. package/modern/DateTimePicker/DateTimePickerTabs.js +6 -3
  91. package/modern/DigitalClock/DigitalClock.js +1 -0
  92. package/modern/MonthCalendar/MonthCalendar.js +0 -1
  93. package/modern/MultiSectionDigitalClock/MultiSectionDigitalClock.js +1 -0
  94. package/modern/PickersLayout/pickersLayoutClasses.js +3 -2
  95. package/modern/PickersLayout/usePickerLayout.js +2 -1
  96. package/modern/TimeClock/Clock.js +0 -1
  97. package/modern/TimeClock/ClockPointer.js +0 -1
  98. package/modern/TimeClock/TimeClock.js +1 -0
  99. package/modern/YearCalendar/YearCalendar.js +0 -1
  100. package/modern/hooks/useClearableField.js +3 -3
  101. package/modern/index.js +1 -1
  102. package/modern/internals/hooks/useClockReferenceDate.js +0 -1
  103. package/modern/internals/hooks/useField/useField.utils.js +0 -2
  104. package/modern/internals/hooks/useViews.js +0 -1
  105. package/modern/locales/index.js +1 -0
  106. package/modern/locales/plPL.js +0 -1
  107. package/modern/locales/svSE.js +0 -1
  108. package/modern/locales/urPK.js +0 -1
  109. package/node/AdapterDateFns/AdapterDateFns.js +11 -271
  110. package/node/AdapterDateFnsBase/AdapterDateFnsBase.js +315 -0
  111. package/node/AdapterDateFnsBase/index.js +12 -0
  112. package/node/AdapterDateFnsV3/AdapterDateFnsV3.js +366 -0
  113. package/node/AdapterDateFnsV3/index.js +12 -0
  114. package/node/AdapterLuxon/AdapterLuxon.js +0 -1
  115. package/node/DateCalendar/useCalendarState.js +0 -1
  116. package/node/DatePicker/DatePickerToolbar.js +0 -4
  117. package/node/DateTimePicker/DateTimePickerTabs.js +7 -4
  118. package/node/DigitalClock/DigitalClock.js +1 -0
  119. package/node/MonthCalendar/MonthCalendar.js +0 -1
  120. package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.js +1 -0
  121. package/node/PickersLayout/pickersLayoutClasses.js +5 -3
  122. package/node/PickersLayout/usePickerLayout.js +2 -1
  123. package/node/TimeClock/Clock.js +0 -1
  124. package/node/TimeClock/ClockPointer.js +0 -1
  125. package/node/TimeClock/TimeClock.js +1 -0
  126. package/node/YearCalendar/YearCalendar.js +0 -1
  127. package/node/hooks/useClearableField.js +3 -3
  128. package/node/index.js +1 -1
  129. package/node/internals/hooks/useClockReferenceDate.js +0 -1
  130. package/node/internals/hooks/useField/useField.utils.js +0 -2
  131. package/node/internals/hooks/useViews.js +0 -1
  132. package/node/locales/index.js +11 -0
  133. package/node/locales/plPL.js +0 -1
  134. package/node/locales/svSE.js +0 -1
  135. package/node/locales/urPK.js +0 -1
  136. 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
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
8
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
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 = _super.call(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
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
8
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
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 = _super.call(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 _ref8 = {
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
- }, _defineProperty(_ref8, "& .".concat(pickersSlideTransitionClasses['slideEnter-left']), {
46
+ }, "& .".concat(pickersSlideTransitionClasses['slideEnter-left']), {
48
47
  willChange: 'transform',
49
48
  transform: 'translate(100%)',
50
49
  zIndex: 1
51
- }), _defineProperty(_ref8, "& .".concat(pickersSlideTransitionClasses['slideEnter-right']), {
50
+ }), "& .".concat(pickersSlideTransitionClasses['slideEnter-right']), {
52
51
  willChange: 'transform',
53
52
  transform: 'translate(-100%)',
54
53
  zIndex: 1
55
- }), _defineProperty(_ref8, "& .".concat(pickersSlideTransitionClasses.slideEnterActive), {
54
+ }), "& .".concat(pickersSlideTransitionClasses.slideEnterActive), {
56
55
  transform: 'translate(0%)',
57
56
  transition: slideTransition
58
- }), _defineProperty(_ref8, "& .".concat(pickersSlideTransitionClasses.slideExit), {
57
+ }), "& .".concat(pickersSlideTransitionClasses.slideExit), {
59
58
  transform: 'translate(0%)'
60
- }), _defineProperty(_ref8, "& .".concat(pickersSlideTransitionClasses['slideExitActiveLeft-left']), {
59
+ }), "& .".concat(pickersSlideTransitionClasses['slideExitActiveLeft-left']), {
61
60
  willChange: 'transform',
62
61
  transform: 'translate(-100%)',
63
62
  transition: slideTransition,
64
63
  zIndex: 0
65
- }), _defineProperty(_ref8, "& .".concat(pickersSlideTransitionClasses['slideExitActiveLeft-right']), {
64
+ }), "& .".concat(pickersSlideTransitionClasses['slideExitActiveLeft-right']), {
66
65
  willChange: 'transform',
67
66
  transform: 'translate(100%)',
68
67
  transition: slideTransition,
69
68
  zIndex: 0
70
- }), _ref8;
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 { unstable_composeClasses as composeClasses } from '@mui/utils';
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
@@ -455,6 +455,7 @@ process.env.NODE_ENV !== "production" ? DigitalClock.propTypes = {
455
455
  view: PropTypes.oneOf(['hours']),
456
456
  /**
457
457
  * Available views.
458
+ * @default ['hours']
458
459
  */
459
460
  views: PropTypes.arrayOf(PropTypes.oneOf(['hours']))
460
461
  } : void 0;
@@ -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, (_extends2 = {
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
- }, _defineProperty(_extends2, "&.".concat(pickersMonthClasses.disabled), {
64
+ }, "&.".concat(pickersMonthClasses.disabled), {
66
65
  color: (theme.vars || theme).palette.text.secondary
67
- }), _defineProperty(_extends2, "&.".concat(pickersMonthClasses.selected), {
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
- }), _extends2));
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, (_extends2 = {
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
- }, _defineProperty(_extends2, "&.".concat(pickersDayClasses.selected), {
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
- }), _defineProperty(_extends2, "&.".concat(pickersDayClasses.disabled, ":not(.").concat(pickersDayClasses.selected, ")"), {
64
+ }), "&.".concat(pickersDayClasses.disabled, ":not(.").concat(pickersDayClasses.selected, ")"), {
66
65
  color: (theme.vars || theme).palette.text.disabled
67
- }), _defineProperty(_extends2, "&.".concat(pickersDayClasses.disabled, "&.").concat(pickersDayClasses.selected), {
66
+ }), "&.".concat(pickersDayClasses.disabled, "&.").concat(pickersDayClasses.selected), {
68
67
  opacity: 0.6
69
- }), _extends2), !ownerState.disableMargin && {
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 _ref2 = {
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
- }, _defineProperty(_ref2, "& .".concat(pickersLayoutClasses.toolbar), ownerState.isLandscape ? {
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
- }), _defineProperty(_ref2, ".".concat(pickersLayoutClasses.shortcuts), ownerState.isLandscape ? {
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
- }), _defineProperty(_ref2, "& .".concat(pickersLayoutClasses.actionBar), {
45
+ }), "& .".concat(pickersLayoutClasses.actionBar), {
47
46
  gridColumn: '1 / 4',
48
47
  gridRow: 3
49
- }), _ref2;
48
+ });
50
49
  });
51
50
  PickersLayoutRoot.propTypes = {
52
51
  // ----------------------------- Warning --------------------------------
@@ -1,5 +1,6 @@
1
- import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
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
@@ -293,7 +293,6 @@ export function Clock(inProps) {
293
293
  // do nothing
294
294
  }
295
295
  };
296
-
297
296
  return /*#__PURE__*/_jsxs(ClockRoot, {
298
297
  className: clsx(className, classes.root),
299
298
  children: [/*#__PURE__*/_jsxs(ClockClock, {
@@ -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((_extends2 = {
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
- }, _defineProperty(_extends2, "&.".concat(clockNumberClasses.selected), {
44
+ }, "&.".concat(clockNumberClasses.selected), {
46
45
  color: (theme.vars || theme).palette.primary.contrastText
47
- }), _defineProperty(_extends2, "&.".concat(clockNumberClasses.disabled), {
46
+ }), "&.".concat(clockNumberClasses.disabled), {
48
47
  pointerEvents: 'none',
49
48
  color: (theme.vars || theme).palette.text.disabled
50
- }), _extends2), ownerState.inner && _extends({}, theme.typography.body2, {
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
- var _ref;
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, (_extends2 = {
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
- }, _defineProperty(_extends2, "&.".concat(pickersYearClasses.disabled), {
65
+ }, "&.".concat(pickersYearClasses.disabled), {
67
66
  color: (theme.vars || theme).palette.text.secondary
68
- }), _defineProperty(_extends2, "&.".concat(pickersYearClasses.selected), {
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
- }), _extends2));
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: clearable ? /*#__PURE__*/_jsxs(React.Fragment, {
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
- }) : ForwardedInputProps == null ? void 0 : ForwardedInputProps.endAdornment
57
+ })
58
58
  });
59
59
  var fieldProps = _extends({}, forwardedFieldProps, {
60
60
  sx: [{
package/legacy/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-date-pickers v6.18.7
2
+ * @mui/x-date-pickers v6.19.2
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -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)((_styled = {}, _defineProperty(_styled, "& .".concat(dialogClasses.container), {
10
+ var PickersModalDialogRoot = styled(MuiDialog)(_defineProperty(_defineProperty({}, "& .".concat(dialogClasses.container), {
12
11
  outline: 0
13
- }), _defineProperty(_styled, "& .".concat(dialogClasses.paper), {
12
+ }), "& .".concat(dialogClasses.paper), {
14
13
  outline: 0,
15
14
  minWidth: DIALOG_WIDTH
16
- }), _styled));
15
+ }));
17
16
  var PickersModalDialogContent = styled(DialogContent)({
18
17
  '&:first-of-type': {
19
18
  padding: 0
@@ -24,6 +24,5 @@ export var useClockReferenceDate = function useClockReferenceDate(_ref) {
24
24
  // We only want to compute the reference date on mount.
25
25
  [] // eslint-disable-line react-hooks/exhaustive-deps
26
26
  );
27
-
28
27
  return value != null ? value : referenceDate;
29
28
  };
@@ -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) {
@@ -71,7 +71,6 @@ export function useViews(_ref) {
71
71
  } // If false the blur is due to view switching
72
72
  );
73
73
  }
74
-
75
74
  onFocusedViewChange == null || onFocusedViewChange(viewToFocus, hasFocus);
76
75
  });
77
76
  var handleChangeView = useEventCallback(function (newView) {
@@ -1,6 +1,7 @@
1
1
  export * from './beBY';
2
2
  export * from './caES';
3
3
  export * from './csCZ';
4
+ export * from './daDK';
4
5
  export * from './deDE';
5
6
  export * from './elGR';
6
7
  export * from './enUS';
@@ -77,5 +77,4 @@ var plPLPickers = {
77
77
  // fieldSecondsPlaceholder: () => 'ss',
78
78
  // fieldMeridiemPlaceholder: () => 'aa',
79
79
  };
80
-
81
80
  export var plPL = getPickersLocalization(plPLPickers);
@@ -77,5 +77,4 @@ var svSEPickers = {
77
77
  // fieldSecondsPlaceholder: () => 'ss',
78
78
  // fieldMeridiemPlaceholder: () => 'aa',
79
79
  };
80
-
81
80
  export var svSE = getPickersLocalization(svSEPickers);
@@ -77,5 +77,4 @@ var urPKPickers = {
77
77
  // fieldSecondsPlaceholder: () => 'ss',
78
78
  // fieldMeridiemPlaceholder: () => 'aa',
79
79
  };
80
-
81
80
  export var urPK = getPickersLocalization(urPKPickers);
@@ -1,6 +1,7 @@
1
1
  export * from './beBY';
2
2
  export * from './caES';
3
3
  export * from './csCZ';
4
+ export * from './daDK';
4
5
  export * from './deDE';
5
6
  export * from './elGR';
6
7
  export * from './enUS';
package/locales/index.js CHANGED
@@ -1,6 +1,7 @@
1
1
  export * from './beBY';
2
2
  export * from './caES';
3
3
  export * from './csCZ';
4
+ export * from './daDK';
4
5
  export * from './deDE';
5
6
  export * from './elGR';
6
7
  export * from './enUS';
package/locales/plPL.js CHANGED
@@ -57,5 +57,4 @@ const plPLPickers = {
57
57
  // fieldSecondsPlaceholder: () => 'ss',
58
58
  // fieldMeridiemPlaceholder: () => 'aa',
59
59
  };
60
-
61
60
  export const plPL = getPickersLocalization(plPLPickers);
package/locales/svSE.js CHANGED
@@ -57,5 +57,4 @@ const svSEPickers = {
57
57
  // fieldSecondsPlaceholder: () => 'ss',
58
58
  // fieldMeridiemPlaceholder: () => 'aa',
59
59
  };
60
-
61
60
  export const svSE = getPickersLocalization(svSEPickers);
package/locales/urPK.js CHANGED
@@ -57,5 +57,4 @@ const urPKPickers = {
57
57
  // fieldSecondsPlaceholder: () => 'ss',
58
58
  // fieldMeridiemPlaceholder: () => 'aa',
59
59
  };
60
-
61
60
  export const urPK = getPickersLocalization(urPKPickers);