@mui/x-date-pickers 6.19.0 → 6.19.3

package/modern/PickersLayout/pickersLayoutClasses.js

@@ -1,5 +1,6 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getPickersLayoutUtilityClass(slot) {
   return generateUtilityClass('MuiPickersLayout', slot);
 }
-export const pickersLayoutClasses = generateUtilityClasses('MuiPickersLayout', ['root', 'landscape', 'contentWrapper', 'toolbar', 'actionBar', 'shortcuts']);
+export const pickersLayoutClasses = generateUtilityClasses('MuiPickersLayout', ['root', 'landscape', 'contentWrapper', 'toolbar', 'actionBar', 'tabs', 'shortcuts']);

package/modern/PickersLayout/usePickerLayout.js

@@ -109,7 +109,8 @@ const usePickerLayout = props => {
   const Tabs = slots?.tabs;
   const tabs = view && Tabs ? /*#__PURE__*/_jsx(Tabs, _extends({
     view: view,
-    onViewChange: onViewChange
+    onViewChange: onViewChange,
+    className: classes.tabs
   }, slotProps?.tabs)) : null;
 
   // Shortcuts

package/modern/TimeClock/Clock.js

@@ -276,7 +276,6 @@ export function Clock(inProps) {
       // do nothing
     }
   };
-
   return /*#__PURE__*/_jsxs(ClockRoot, {
     className: clsx(className, classes.root),
     children: [/*#__PURE__*/_jsxs(ClockClock, {

package/modern/TimeClock/ClockPointer.js

@@ -85,7 +85,6 @@ export function ClockPointer(inProps) {
     if (type === 'hours' && viewValue > 12) {
       angle -= 360; // round up angle to max 360 degrees
     }
-
     return {
       height: Math.round((isInner ? 0.26 : 0.4) * CLOCK_WIDTH),
       transform: `rotateZ(${angle}deg)`

package/modern/TimeClock/TimeClock.js

@@ -492,6 +492,7 @@ process.env.NODE_ENV !== "production" ? TimeClock.propTypes = {
   view: PropTypes.oneOf(['hours', 'minutes', 'seconds']),
   /**
    * Available views.
+   * @default ['hours', 'minutes']
    */
   views: PropTypes.arrayOf(PropTypes.oneOf(['hours', 'minutes', 'seconds']).isRequired)
 } : void 0;

package/modern/YearCalendar/YearCalendar.js

@@ -116,7 +116,6 @@ export const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(
     granularity: SECTION_TYPE_GRANULARITY.year
   }), [] // eslint-disable-line react-hooks/exhaustive-deps
   );
-
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   const todayYear = React.useMemo(() => utils.getYear(now), [utils, now]);

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v6.19.0
+ * @mui/x-date-pickers v6.19.3
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/internals/hooks/useClockReferenceDate.js

@@ -21,6 +21,5 @@ export const useClockReferenceDate = ({
   // We only want to compute the reference date on mount.
   [] // eslint-disable-line react-hooks/exhaustive-deps
   );
-
   return value ?? referenceDate;
 };

package/modern/internals/hooks/useField/useField.utils.js

@@ -125,7 +125,6 @@ export const adjustSectionValue = (utils, timezone, section, keyCode, sectionsVa
       if (delta < 0 || isStart) {
         newSectionValueNumber += step - (step + newSectionValueNumber) % step; // for JS -3 % 5 = -3 (should be 2)
       }
-
       if (delta > 0 || isEnd) {
         newSectionValueNumber -= newSectionValueNumber % step;
       }
@@ -401,7 +400,6 @@ export const splitFormatIntoSections = (utils, timezone, localeText, format, dat
   const isTokenStartRegExp = new RegExp(`^(${Object.keys(utils.formatTokenMap).sort((a, b) => b.length - a.length) // Sort to put longest word first
   .join('|')})`, 'g') // used to get access to lastIndex state
   ;
-
   let currentTokenValue = '';
   for (let i = 0; i < expandedFormat.length; i += 1) {
     const escapedPartOfCurrentChar = escapedParts.find(escapeIndex => escapeIndex.start <= i && escapeIndex.end >= i);

package/modern/internals/hooks/useViews.js

@@ -60,7 +60,6 @@ export function useViews({
       setFocusedView(prevFocusedView => viewToFocus === prevFocusedView ? null : prevFocusedView // If false the blur is due to view switching
       );
     }
-
     onFocusedViewChange?.(viewToFocus, hasFocus);
   });
   const handleChangeView = useEventCallback(newView => {

package/modern/locales/plPL.js

@@ -57,5 +57,4 @@ const plPLPickers = {
   // fieldSecondsPlaceholder: () => 'ss',
   // fieldMeridiemPlaceholder: () => 'aa',
 };
-
 export const plPL = getPickersLocalization(plPLPickers);

package/modern/locales/svSE.js

@@ -57,5 +57,4 @@ const svSEPickers = {
   // fieldSecondsPlaceholder: () => 'ss',
   // fieldMeridiemPlaceholder: () => 'aa',
 };
-
 export const svSE = getPickersLocalization(svSEPickers);

package/modern/locales/urPK.js

@@ -57,5 +57,4 @@ const urPKPickers = {
   // fieldSecondsPlaceholder: () => 'ss',
   // fieldMeridiemPlaceholder: () => 'aa',
 };
-
 export const urPK = getPickersLocalization(urPKPickers);

package/node/AdapterLuxon/AdapterLuxon.js

@@ -273,7 +273,6 @@ class AdapterLuxon {
       if (typeof Intl === 'undefined' || typeof Intl.DateTimeFormat === 'undefined') {
         return true; // Luxon defaults to en-US if Intl not found
       }
-
       return Boolean(new Intl.DateTimeFormat(this.locale, {
         hour: 'numeric'
       })?.resolvedOptions()?.hour12);

package/node/DateCalendar/useCalendarState.js

@@ -80,7 +80,6 @@ const useCalendarState = params => {
     });
   }, [] // eslint-disable-line react-hooks/exhaustive-deps
   );
-
   const [calendarState, dispatch] = React.useReducer(reducerFn, {
     isMonthSwitchingAnimating: false,
     focusedDay: utils.isValid(value) ? value : now,

package/node/DatePicker/DatePickerToolbar.js

@@ -35,10 +35,6 @@ const DatePickerToolbarRoot = (0, _styles.styled)(_PickersToolbar.PickersToolbar
   slot: 'Root',
   overridesResolver: (_, styles) => styles.root
 })({});
-
-/**
- * @ignore - do not document.
- */
 const DatePickerToolbarTitle = (0, _styles.styled)(_Typography.default, {
   name: 'MuiDatePickerToolbar',
   slot: 'Title',

package/node/DateTimePicker/DateTimePickerTabs.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DateTimePickerTabs = void 0;
 var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Tab = _interopRequireDefault(require("@mui/material/Tab"));
 var _Tabs = _interopRequireWildcard(require("@mui/material/Tabs"));
 var _styles = require("@mui/material/styles");
-var _utils = require("@mui/utils");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _icons = require("../icons");
 var _useUtils = require("../internals/hooks/useUtils");
 var _dateTimePickerTabsClasses = require("./dateTimePickerTabsClasses");
@@ -37,7 +38,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _utils.unstable_composeClasses)(slots, _dateTimePickerTabsClasses.getDateTimePickerTabsUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _dateTimePickerTabsClasses.getDateTimePickerTabsUtilityClass, classes);
 };
 const DateTimePickerTabsRoot = (0, _styles.styled)(_Tabs.default, {
   name: 'MuiDateTimePickerTabs',
@@ -76,7 +77,8 @@ const DateTimePickerTabs = exports.DateTimePickerTabs = function DateTimePickerT
     onViewChange,
     timeIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.TimeIcon, {}),
     view,
-    hidden = typeof window === 'undefined' || window.innerHeight < 667
+    hidden = typeof window === 'undefined' || window.innerHeight < 667,
+    className
   } = props;
   const localeText = (0, _useUtils.useLocaleText)();
   const classes = useUtilityClasses(props);
@@ -91,7 +93,7 @@ const DateTimePickerTabs = exports.DateTimePickerTabs = function DateTimePickerT
     variant: "fullWidth",
     value: viewToTab(view),
     onChange: handleChange,
-    className: classes.root,
+    className: (0, _clsx.default)(className, classes.root),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
       value: "date",
       "aria-label": localeText.dateTableLabel,
@@ -116,6 +118,7 @@ process.env.NODE_ENV !== "production" ? DateTimePickerTabs.propTypes = {
    * Override or extend the styles applied to the component.
    */
   classes: _propTypes.default.object,
+  className: _propTypes.default.string,
   /**
    * Date tab icon.
    * @default DateRange

package/node/DigitalClock/DigitalClock.js

@@ -446,6 +446,7 @@ process.env.NODE_ENV !== "production" ? DigitalClock.propTypes = {
   view: _propTypes.default.oneOf(['hours']),
   /**
    * Available views.
+   * @default ['hours']
    */
   views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['hours']))
 } : void 0;

package/node/MonthCalendar/MonthCalendar.js

@@ -121,7 +121,6 @@ const MonthCalendar = exports.MonthCalendar = /*#__PURE__*/React.forwardRef(func
     granularity: _getDefaultReferenceDate.SECTION_TYPE_GRANULARITY.month
   }), [] // eslint-disable-line react-hooks/exhaustive-deps
   );
-
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   const todayMonth = React.useMemo(() => utils.getMonth(now), [utils, now]);

package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.js

@@ -518,6 +518,7 @@ process.env.NODE_ENV !== "production" ? MultiSectionDigitalClock.propTypes = {
   view: _propTypes.default.oneOf(['hours', 'meridiem', 'minutes', 'seconds']),
   /**
    * Available views.
+   * @default ['hours', 'minutes']
    */
   views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['hours', 'meridiem', 'minutes', 'seconds']).isRequired)
 } : void 0;

package/node/PickersLayout/pickersLayoutClasses.js

@@ -1,12 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getPickersLayoutUtilityClass = getPickersLayoutUtilityClass;
 exports.pickersLayoutClasses = void 0;
-var _utils = require("@mui/utils");
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
 function getPickersLayoutUtilityClass(slot) {
-  return (0, _utils.unstable_generateUtilityClass)('MuiPickersLayout', slot);
+  return (0, _generateUtilityClass.default)('MuiPickersLayout', slot);
 }
-const pickersLayoutClasses = exports.pickersLayoutClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersLayout', ['root', 'landscape', 'contentWrapper', 'toolbar', 'actionBar', 'shortcuts']);
+const pickersLayoutClasses = exports.pickersLayoutClasses = (0, _generateUtilityClasses.default)('MuiPickersLayout', ['root', 'landscape', 'contentWrapper', 'toolbar', 'actionBar', 'tabs', 'shortcuts']);

package/node/PickersLayout/usePickerLayout.js

@@ -118,7 +118,8 @@ const usePickerLayout = props => {
   const Tabs = slots?.tabs;
   const tabs = view && Tabs ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs, (0, _extends2.default)({
     view: view,
-    onViewChange: onViewChange
+    onViewChange: onViewChange,
+    className: classes.tabs
   }, slotProps?.tabs)) : null;
 
   // Shortcuts

package/node/TimeClock/Clock.js

@@ -284,7 +284,6 @@ function Clock(inProps) {
       // do nothing
     }
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ClockRoot, {
     className: (0, _clsx.default)(className, classes.root),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(ClockClock, {

package/node/TimeClock/ClockPointer.js

@@ -94,7 +94,6 @@ function ClockPointer(inProps) {
     if (type === 'hours' && viewValue > 12) {
       angle -= 360; // round up angle to max 360 degrees
     }
-
     return {
       height: Math.round((isInner ? 0.26 : 0.4) * _shared.CLOCK_WIDTH),
       transform: `rotateZ(${angle}deg)`

package/node/TimeClock/TimeClock.js

@@ -500,6 +500,7 @@ process.env.NODE_ENV !== "production" ? TimeClock.propTypes = {
   view: _propTypes.default.oneOf(['hours', 'minutes', 'seconds']),
   /**
    * Available views.
+   * @default ['hours', 'minutes']
    */
   views: _propTypes.default.arrayOf(_propTypes.default.oneOf(['hours', 'minutes', 'seconds']).isRequired)
 } : void 0;

package/node/YearCalendar/YearCalendar.js

@@ -125,7 +125,6 @@ const YearCalendar = exports.YearCalendar = /*#__PURE__*/React.forwardRef(functi
     granularity: _getDefaultReferenceDate.SECTION_TYPE_GRANULARITY.year
   }), [] // eslint-disable-line react-hooks/exhaustive-deps
   );
-
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   const todayYear = React.useMemo(() => utils.getYear(now), [utils, now]);

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v6.19.0
+ * @mui/x-date-pickers v6.19.3
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/internals/hooks/useClockReferenceDate.js

@@ -29,7 +29,6 @@ const useClockReferenceDate = ({
   // We only want to compute the reference date on mount.
   [] // eslint-disable-line react-hooks/exhaustive-deps
   );
-
   return value ?? referenceDate;
 };
 exports.useClockReferenceDate = useClockReferenceDate;

package/node/internals/hooks/useField/useField.utils.js

@@ -137,7 +137,6 @@ const adjustSectionValue = (utils, timezone, section, keyCode, sectionsValueBoun
       if (delta < 0 || isStart) {
         newSectionValueNumber += step - (step + newSectionValueNumber) % step; // for JS -3 % 5 = -3 (should be 2)
       }
-
       if (delta > 0 || isEnd) {
         newSectionValueNumber -= newSectionValueNumber % step;
       }
@@ -419,7 +418,6 @@ const splitFormatIntoSections = (utils, timezone, localeText, format, date, form
   const isTokenStartRegExp = new RegExp(`^(${Object.keys(utils.formatTokenMap).sort((a, b) => b.length - a.length) // Sort to put longest word first
   .join('|')})`, 'g') // used to get access to lastIndex state
   ;
-
   let currentTokenValue = '';
   for (let i = 0; i < expandedFormat.length; i += 1) {
     const escapedPartOfCurrentChar = escapedParts.find(escapeIndex => escapeIndex.start <= i && escapeIndex.end >= i);

package/node/internals/hooks/useViews.js

@@ -69,7 +69,6 @@ function useViews({
       setFocusedView(prevFocusedView => viewToFocus === prevFocusedView ? null : prevFocusedView // If false the blur is due to view switching
       );
     }
-
     onFocusedViewChange?.(viewToFocus, hasFocus);
   });
   const handleChangeView = (0, _useEventCallback.default)(newView => {

package/node/locales/plPL.js

@@ -63,5 +63,4 @@ const plPLPickers = {
   // fieldSecondsPlaceholder: () => 'ss',
   // fieldMeridiemPlaceholder: () => 'aa',
 };
-
 const plPL = exports.plPL = (0, _getPickersLocalization.getPickersLocalization)(plPLPickers);

package/node/locales/svSE.js

@@ -63,5 +63,4 @@ const svSEPickers = {
   // fieldSecondsPlaceholder: () => 'ss',
   // fieldMeridiemPlaceholder: () => 'aa',
 };
-
 const svSE = exports.svSE = (0, _getPickersLocalization.getPickersLocalization)(svSEPickers);

package/node/locales/urPK.js

@@ -63,5 +63,4 @@ const urPKPickers = {
   // fieldSecondsPlaceholder: () => 'ss',
   // fieldMeridiemPlaceholder: () => 'aa',
 };
-
 const urPK = exports.urPK = (0, _getPickersLocalization.getPickersLocalization)(urPKPickers);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "6.19.0",
+  "version": "6.19.3",
   "description": "The community edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",