@mui/x-date-pickers 7.0.0-alpha.2 → 7.0.0-alpha.4

package/legacy/AdapterMomentHijri/AdapterMomentHijri.js

@@ -2,8 +2,10 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _get from "@babel/runtime/helpers/esm/get";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 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); }; }
 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; } }
@@ -140,7 +142,7 @@ export var AdapterMomentHijri = /*#__PURE__*/function (_AdapterMoment) {
   _inherits(AdapterMomentHijri, _AdapterMoment);
   var _super = _createSuper(AdapterMomentHijri);
   function AdapterMomentHijri() {
-    var _this;
+    var _thisSuper, _this;
     var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
       formats = _ref.formats,
       instance = _ref.instance;
@@ -212,21 +214,6 @@ export var AdapterMomentHijri = /*#__PURE__*/function (_AdapterMoment) {
     _this.setDate = function (value, date) {
       return value.clone().iDate(date);
     };
-    _this.getWeekArray = function (value) {
-      var start = value.clone().startOf('iMonth').startOf('week');
-      var end = value.clone().endOf('iMonth').endOf('week');
-      var count = 0;
-      var current = start;
-      var nestedWeeks = [];
-      while (current.isBefore(end)) {
-        var weekNumber = Math.floor(count / 7);
-        nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
-        nestedWeeks[weekNumber].push(current);
-        current = current.clone().add(1, 'day');
-        count += 1;
-      }
-      return nestedWeeks;
-    };
     _this.getWeekNumber = function (value) {
       return value.iWeek();
     };
@@ -242,15 +229,7 @@ export var AdapterMomentHijri = /*#__PURE__*/function (_AdapterMoment) {
       if (end.isAfter('2076-11-26')) {
         throw new Error('max date must be on or before 1499-12-29 H (2076-11-26)');
       }
-      var startDate = _this.moment(start).startOf('iYear');
-      var endDate = _this.moment(end).endOf('iYear');
-      var years = [];
-      var current = startDate;
-      while (current.isBefore(endDate)) {
-        years.push(current);
-        current = current.clone().add(1, 'iYear');
-      }
-      return years;
+      return _get((_thisSuper = _assertThisInitialized(_this), _getPrototypeOf(AdapterMomentHijri.prototype)), "getYearRange", _thisSuper).call(_thisSuper, [start, end]);
     };
     _this.moment = instance || defaultHMoment;
     _this.locale = 'ar-SA';

package/legacy/AdapterMomentJalaali/AdapterMomentJalaali.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
@@ -226,38 +225,9 @@ export var AdapterMomentJalaali = /*#__PURE__*/function (_AdapterMoment) {
     _this.setDate = function (value, date) {
       return value.clone().jDate(date);
     };
-    _this.getWeekArray = function (value) {
-      var start = value.clone().startOf('jMonth').startOf('week');
-      var end = value.clone().endOf('jMonth').endOf('week');
-      var count = 0;
-      var current = start;
-      var nestedWeeks = [];
-      while (current.isBefore(end)) {
-        var weekNumber = Math.floor(count / 7);
-        nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
-        nestedWeeks[weekNumber].push(current);
-        current = current.clone().add(1, 'day');
-        count += 1;
-      }
-      return nestedWeeks;
-    };
     _this.getWeekNumber = function (value) {
       return value.jWeek();
     };
-    _this.getYearRange = function (_ref2) {
-      var _ref3 = _slicedToArray(_ref2, 2),
-        start = _ref3[0],
-        end = _ref3[1];
-      var startDate = _this.moment(start).startOf('jYear');
-      var endDate = _this.moment(end).endOf('jYear');
-      var years = [];
-      var current = startDate;
-      while (current.isBefore(endDate)) {
-        years.push(current);
-        current = current.clone().add(1, 'jYear');
-      }
-      return years;
-    };
     _this.moment = instance || defaultJMoment;
     _this.locale = 'fa';
     _this.formats = _extends({}, defaultFormats, formats);

package/legacy/DateCalendar/DateCalendar.js

@@ -404,8 +404,8 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
    */
   displayWeekNumber: PropTypes.bool,
   /**
-   * Calendar will show more weeks in order to match this value.
-   * Put it to 6 for having fix number of week in Gregorian calendars
+   * The day view will show as many weeks as needed after the end of the current month to match this value.
+   * Put it to 6 to have a fixed number of weeks in Gregorian calendars
    * @default undefined
    */
   fixedWeekNumber: PropTypes.number,

package/legacy/DateCalendar/useCalendarState.js

@@ -63,7 +63,6 @@ export var useCalendarState = function useCalendarState(params) {
     });
   }, [] // eslint-disable-line react-hooks/exhaustive-deps
   );
-
   var _React$useReducer = React.useReducer(reducerFn, {
       isMonthSwitchingAnimating: false,
       focusedDay: referenceDate,

package/legacy/DatePicker/DatePicker.js

@@ -111,8 +111,8 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
    */
   displayWeekNumber: PropTypes.bool,
   /**
-   * Calendar will show more weeks in order to match this value.
-   * Put it to 6 for having fix number of week in Gregorian calendars
+   * The day view will show as many weeks as needed after the end of the current month to match this value.
+   * Put it to 6 to have a fixed number of weeks in Gregorian calendars
    * @default undefined
    */
   fixedWeekNumber: PropTypes.number,

package/legacy/DateTimePicker/DateTimePicker.js

@@ -126,8 +126,8 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
    */
   displayWeekNumber: PropTypes.bool,
   /**
-   * Calendar will show more weeks in order to match this value.
-   * Put it to 6 for having fix number of week in Gregorian calendars
+   * The day view will show as many weeks as needed after the end of the current month to match this value.
+   * Put it to 6 to have a fixed number of weeks in Gregorian calendars
    * @default undefined
    */
   fixedWeekNumber: PropTypes.number,

package/legacy/DesktopDatePicker/DesktopDatePicker.js

@@ -129,8 +129,8 @@ DesktopDatePicker.propTypes = {
    */
   displayWeekNumber: PropTypes.bool,
   /**
-   * Calendar will show more weeks in order to match this value.
-   * Put it to 6 for having fix number of week in Gregorian calendars
+   * The day view will show as many weeks as needed after the end of the current month to match this value.
+   * Put it to 6 to have a fixed number of weeks in Gregorian calendars
    * @default undefined
    */
   fixedWeekNumber: PropTypes.number,

package/legacy/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -182,8 +182,8 @@ DesktopDateTimePicker.propTypes = {
    */
   displayWeekNumber: PropTypes.bool,
   /**
-   * Calendar will show more weeks in order to match this value.
-   * Put it to 6 for having fix number of week in Gregorian calendars
+   * The day view will show as many weeks as needed after the end of the current month to match this value.
+   * Put it to 6 to have a fixed number of weeks in Gregorian calendars
    * @default undefined
    */
   fixedWeekNumber: PropTypes.number,

package/legacy/MobileDatePicker/MobileDatePicker.js

@@ -126,8 +126,8 @@ MobileDatePicker.propTypes = {
    */
   displayWeekNumber: PropTypes.bool,
   /**
-   * Calendar will show more weeks in order to match this value.
-   * Put it to 6 for having fix number of week in Gregorian calendars
+   * The day view will show as many weeks as needed after the end of the current month to match this value.
+   * Put it to 6 to have a fixed number of weeks in Gregorian calendars
    * @default undefined
    */
   fixedWeekNumber: PropTypes.number,

package/legacy/MobileDateTimePicker/MobileDateTimePicker.js

@@ -152,8 +152,8 @@ MobileDateTimePicker.propTypes = {
    */
   displayWeekNumber: PropTypes.bool,
   /**
-   * Calendar will show more weeks in order to match this value.
-   * Put it to 6 for having fix number of week in Gregorian calendars
+   * The day view will show as many weeks as needed after the end of the current month to match this value.
+   * Put it to 6 to have a fixed number of weeks in Gregorian calendars
    * @default undefined
    */
   fixedWeekNumber: PropTypes.number,

package/legacy/MonthCalendar/MonthCalendar.js

@@ -113,7 +113,6 @@ export var MonthCalendar = /*#__PURE__*/React.forwardRef(function MonthCalendar(
     });
   }, [] // eslint-disable-line react-hooks/exhaustive-deps
   );
-
   var ownerState = props;
   var classes = useUtilityClasses(ownerState);
   var todayMonth = React.useMemo(function () {

package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.js

@@ -259,6 +259,7 @@ export var MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function Mul
             },
             items: getTimeSectionOptions({
               value: utils.getMinutes(valueOrReferenceDate),
+              utils: utils,
               isDisabled: function isDisabled(minutes) {
                 return disabled || isTimeDisabled(minutes, 'minutes');
               },
@@ -279,6 +280,7 @@ export var MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function Mul
             },
             items: getTimeSectionOptions({
               value: utils.getSeconds(valueOrReferenceDate),
+              utils: utils,
               isDisabled: function isDisabled(seconds) {
                 return disabled || isTimeDisabled(seconds, 'seconds');
               },

package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js

@@ -44,6 +44,7 @@ export var getHourSectionOptions = function getHourSectionOptions(_ref) {
 };
 export var getTimeSectionOptions = function getTimeSectionOptions(_ref2) {
   var value = _ref2.value,
+    utils = _ref2.utils,
     isDisabled = _ref2.isDisabled,
     timeStep = _ref2.timeStep,
     resolveLabel = _ref2.resolveLabel,
@@ -65,7 +66,7 @@ export var getTimeSectionOptions = function getTimeSectionOptions(_ref2) {
     var timeValue = timeStep * index;
     return {
       value: timeValue,
-      label: resolveLabel(timeValue),
+      label: utils.formatNumber(resolveLabel(timeValue)),
       isDisabled: isDisabled,
       isSelected: isSelected,
       isFocused: isFocused,

package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js

@@ -36,7 +36,12 @@ var MultiSectionDigitalClockSectionRoot = styled(MenuList, {
     '@media (prefers-reduced-motion: no-preference)': {
       scrollBehavior: ownerState.alreadyRendered ? 'smooth' : 'auto'
     },
-    '&:hover': {
+    '@media (pointer: fine)': {
+      '&:hover': {
+        overflowY: 'auto'
+      }
+    },
+    '@media (pointer: none), (pointer: coarse)': {
       overflowY: 'auto'
     },
     '&:not(:first-of-type)': {
@@ -162,7 +167,8 @@ export var MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(funct
         "aria-disabled": readOnly,
         "aria-label": option.ariaLabel,
         "aria-selected": isSelected,
-        tabIndex: tabIndex
+        tabIndex: tabIndex,
+        className: classes.item
       }, slotProps == null ? void 0 : slotProps.digitalClockSectionItem, {
         children: option.label
       }), option.label);

package/legacy/MultiSectionDigitalClock/multiSectionDigitalClockSectionClasses.js

@@ -1,6 +1,6 @@
 import generateUtilityClass from '@mui/utils/generateUtilityClass';
 import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 export function getMultiSectionDigitalClockSectionUtilityClass(slot) {
-  return generateUtilityClass('MuiMultiSectionDigitalClock', slot);
+  return generateUtilityClass('MuiMultiSectionDigitalClockSection', slot);
 }
-export var multiSectionDigitalClockSectionClasses = generateUtilityClasses('MuiMultiSectionDigitalClock', ['root', 'item']);
+export var multiSectionDigitalClockSectionClasses = generateUtilityClasses('MuiMultiSectionDigitalClockSection', ['root', 'item']);

package/legacy/PickersCalendarHeader/PickersCalendarHeader.js

@@ -39,13 +39,13 @@ var PickersCalendarHeaderRoot = styled('div', {
 })({
   display: 'flex',
   alignItems: 'center',
-  marginTop: 16,
-  marginBottom: 8,
+  marginTop: 12,
+  marginBottom: 4,
   paddingLeft: 24,
   paddingRight: 12,
   // prevent jumping in safari
-  maxHeight: 30,
-  minHeight: 30
+  maxHeight: 40,
+  minHeight: 40
 });
 var PickersCalendarHeaderLabelContainer = styled('div', {
   name: 'MuiPickersCalendarHeader',

package/legacy/PickersShortcuts/PickersShortcuts.js

@@ -21,7 +21,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 function PickersShortcuts(props) {
   var items = props.items,
-    changeImportance = props.changeImportance,
+    _props$changeImportan = props.changeImportance,
+    changeImportance = _props$changeImportan === void 0 ? 'accept' : _props$changeImportan,
     isLandscape = props.isLandscape,
     onChange = props.onChange,
     isValid = props.isValid,

package/legacy/StaticDatePicker/StaticDatePicker.js

@@ -105,8 +105,8 @@ StaticDatePicker.propTypes = {
    */
   displayWeekNumber: PropTypes.bool,
   /**
-   * Calendar will show more weeks in order to match this value.
-   * Put it to 6 for having fix number of week in Gregorian calendars
+   * The day view will show as many weeks as needed after the end of the current month to match this value.
+   * Put it to 6 to have a fixed number of weeks in Gregorian calendars
    * @default undefined
    */
   fixedWeekNumber: PropTypes.number,

package/legacy/StaticDateTimePicker/StaticDateTimePicker.js

@@ -130,8 +130,8 @@ StaticDateTimePicker.propTypes = {
    */
   displayWeekNumber: PropTypes.bool,
   /**
-   * Calendar will show more weeks in order to match this value.
-   * Put it to 6 for having fix number of week in Gregorian calendars
+   * The day view will show as many weeks as needed after the end of the current month to match this value.
+   * Put it to 6 to have a fixed number of weeks in Gregorian calendars
    * @default undefined
    */
   fixedWeekNumber: PropTypes.number,

package/legacy/TimeClock/Clock.js

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

package/legacy/TimeClock/ClockPointer.js

@@ -88,7 +88,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(".concat(angle, "deg)")

package/legacy/YearCalendar/YearCalendar.js

@@ -117,7 +117,6 @@ export var YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(in
     });
   }, [] // eslint-disable-line react-hooks/exhaustive-deps
   );
-
   var ownerState = props;
   var classes = useUtilityClasses(ownerState);
   var todayYear = React.useMemo(function () {

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v7.0.0-alpha.2
+ * @mui/x-date-pickers v7.0.0-alpha.4
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/internals/components/PickersTextField/Outline.js

@@ -0,0 +1,97 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/esm/extends";
+var _excluded = ["children", "className", "label"];
+import * as React from 'react';
+import { styled } from '@mui/material/styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+var OutlineRoot = styled('fieldset')({
+  textAlign: 'left',
+  position: 'absolute',
+  bottom: 0,
+  right: 0,
+  top: -5,
+  left: 0,
+  margin: 0,
+  padding: '0 8px',
+  pointerEvents: 'none',
+  borderRadius: 'inherit',
+  borderStyle: 'solid',
+  borderWidth: 1,
+  overflow: 'hidden',
+  minWidth: '0%'
+});
+var OutlineLegend = styled('legend')(function (_ref) {
+  var ownerState = _ref.ownerState,
+    theme = _ref.theme;
+  return _extends({
+    float: 'unset',
+    // Fix conflict with bootstrap
+    width: 'auto',
+    // Fix conflict with bootstrap
+    overflow: 'hidden'
+  }, !ownerState.withLabel && {
+    padding: 0,
+    lineHeight: '11px',
+    // sync with `height` in `legend` styles
+    transition: theme.transitions.create('width', {
+      duration: 150,
+      easing: theme.transitions.easing.easeOut
+    })
+  }, ownerState.withLabel && _extends({
+    display: 'block',
+    // Fix conflict with normalize.css and sanitize.css
+    padding: 0,
+    height: 11,
+    // sync with `lineHeight` in `legend` styles
+    fontSize: '0.75em',
+    visibility: 'hidden',
+    maxWidth: 0.01,
+    transition: theme.transitions.create('max-width', {
+      duration: 50,
+      easing: theme.transitions.easing.easeOut
+    }),
+    whiteSpace: 'nowrap',
+    '& > span': {
+      paddingLeft: 5,
+      paddingRight: 5,
+      display: 'inline-block',
+      opacity: 0,
+      visibility: 'visible'
+    }
+  }, ownerState.notched && {
+    maxWidth: '100%',
+    transition: theme.transitions.create('max-width', {
+      duration: 100,
+      easing: theme.transitions.easing.easeOut,
+      delay: 50
+    })
+  }));
+});
+export default function Outline(props) {
+  var children = props.children,
+    className = props.className,
+    label = props.label,
+    other = _objectWithoutProperties(props, _excluded);
+  var withLabel = label != null && label !== '';
+  var ownerState = _extends({}, props, {
+    withLabel: withLabel
+  });
+  return /*#__PURE__*/_jsx(OutlineRoot, _extends({
+    "aria-hidden": true,
+    className: className,
+    ownerState: ownerState
+  }, other, {
+    children: /*#__PURE__*/_jsx(OutlineLegend, {
+      ownerState: ownerState,
+      children: withLabel ? /*#__PURE__*/_jsx("span", {
+        children: label
+      }) :
+      /*#__PURE__*/
+      // notranslate needed while Google Translate will not fix zero-width space issue
+      _jsx("span", {
+        className: "notranslate",
+        children: "\u200B"
+      })
+    })
+  }));
+}