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

package/node/AdapterMomentHijri/AdapterMomentHijri.js

@@ -206,21 +206,6 @@ class AdapterMomentHijri extends _AdapterMoment.AdapterMoment {
     this.setDate = (value, date) => {
       return value.clone().iDate(date);
     };
-    this.getWeekArray = value => {
-      const start = value.clone().startOf('iMonth').startOf('week');
-      const end = value.clone().endOf('iMonth').endOf('week');
-      let count = 0;
-      let current = start;
-      const nestedWeeks = [];
-      while (current.isBefore(end)) {
-        const 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 = value => {
       return value.iWeek();
     };
@@ -233,15 +218,7 @@ class AdapterMomentHijri extends _AdapterMoment.AdapterMoment {
       if (end.isAfter('2076-11-26')) {
         throw new Error('max date must be on or before 1499-12-29 H (2076-11-26)');
       }
-      const startDate = this.moment(start).startOf('iYear');
-      const endDate = this.moment(end).endOf('iYear');
-      const years = [];
-      let current = startDate;
-      while (current.isBefore(endDate)) {
-        years.push(current);
-        current = current.clone().add(1, 'iYear');
-      }
-      return years;
+      return super.getYearRange([start, end]);
     };
     this.moment = instance || _momentHijri.default;
     this.locale = 'ar-SA';

package/node/AdapterMomentJalaali/AdapterMomentJalaali.js

@@ -220,35 +220,9 @@ class AdapterMomentJalaali extends _AdapterMoment.AdapterMoment {
     this.setDate = (value, date) => {
       return value.clone().jDate(date);
     };
-    this.getWeekArray = value => {
-      const start = value.clone().startOf('jMonth').startOf('week');
-      const end = value.clone().endOf('jMonth').endOf('week');
-      let count = 0;
-      let current = start;
-      const nestedWeeks = [];
-      while (current.isBefore(end)) {
-        const 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 = value => {
       return value.jWeek();
     };
-    this.getYearRange = ([start, end]) => {
-      const startDate = this.moment(start).startOf('jYear');
-      const endDate = this.moment(end).endOf('jYear');
-      const years = [];
-      let current = startDate;
-      while (current.isBefore(endDate)) {
-        years.push(current);
-        current = current.clone().add(1, 'jYear');
-      }
-      return years;
-    };
     this.moment = instance || _momentJalaali.default;
     this.locale = 'fa';
     this.formats = (0, _extends2.default)({}, defaultFormats, formats);

package/node/DateCalendar/DateCalendar.js

@@ -401,8 +401,8 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
    */
   displayWeekNumber: _propTypes.default.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.default.number,

package/node/DateCalendar/useCalendarState.js

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

package/node/DatePicker/DatePicker.js

@@ -121,8 +121,8 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
    */
   displayWeekNumber: _propTypes.default.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.default.number,

package/node/DateTimePicker/DateTimePicker.js

@@ -136,8 +136,8 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
    */
   displayWeekNumber: _propTypes.default.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.default.number,

package/node/DesktopDatePicker/DesktopDatePicker.js

@@ -135,8 +135,8 @@ DesktopDatePicker.propTypes = {
    */
   displayWeekNumber: _propTypes.default.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.default.number,

package/node/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -189,8 +189,8 @@ DesktopDateTimePicker.propTypes = {
    */
   displayWeekNumber: _propTypes.default.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.default.number,

package/node/MobileDatePicker/MobileDatePicker.js

@@ -132,8 +132,8 @@ MobileDatePicker.propTypes = {
    */
   displayWeekNumber: _propTypes.default.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.default.number,

package/node/MobileDateTimePicker/MobileDateTimePicker.js

@@ -158,8 +158,8 @@ MobileDateTimePicker.propTypes = {
    */
   displayWeekNumber: _propTypes.default.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.default.number,

package/node/MonthCalendar/MonthCalendar.js

@@ -120,7 +120,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

@@ -258,6 +258,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
             },
             items: (0, _MultiSectionDigitalClock.getTimeSectionOptions)({
               value: utils.getMinutes(valueOrReferenceDate),
+              utils,
               isDisabled: minutes => disabled || isTimeDisabled(minutes, 'minutes'),
               resolveLabel: minutes => utils.format(utils.setMinutes(now, minutes), 'minutes'),
               timeStep: timeSteps.minutes,
@@ -274,6 +275,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
             },
             items: (0, _MultiSectionDigitalClock.getTimeSectionOptions)({
               value: utils.getSeconds(valueOrReferenceDate),
+              utils,
               isDisabled: seconds => disabled || isTimeDisabled(seconds, 'seconds'),
               resolveLabel: seconds => utils.format(utils.setSeconds(now, seconds), 'seconds'),
               timeStep: timeSteps.seconds,

package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js

@@ -51,6 +51,7 @@ const getHourSectionOptions = ({
 exports.getHourSectionOptions = getHourSectionOptions;
 const getTimeSectionOptions = ({
   value,
+  utils,
   isDisabled,
   timeStep,
   resolveLabel,
@@ -72,7 +73,7 @@ const getTimeSectionOptions = ({
     const timeValue = timeStep * index;
     return {
       value: timeValue,
-      label: resolveLabel(timeValue),
+      label: utils.formatNumber(resolveLabel(timeValue)),
       isDisabled,
       isSelected,
       isFocused,

package/node/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js

@@ -45,7 +45,12 @@ const MultiSectionDigitalClockSectionRoot = (0, _styles.styled)(_MenuList.defaul
   '@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)': {
@@ -161,7 +166,8 @@ const MultiSectionDigitalClockSection = exports.MultiSectionDigitalClockSection
         "aria-disabled": readOnly,
         "aria-label": option.ariaLabel,
         "aria-selected": isSelected,
-        tabIndex: tabIndex
+        tabIndex: tabIndex,
+        className: classes.item
       }, slotProps?.digitalClockSectionItem, {
         children: option.label
       }), option.label);

package/node/MultiSectionDigitalClock/multiSectionDigitalClockSectionClasses.js

@@ -9,6 +9,6 @@ exports.multiSectionDigitalClockSectionClasses = void 0;
 var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
 function getMultiSectionDigitalClockSectionUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiMultiSectionDigitalClock', slot);
+  return (0, _generateUtilityClass.default)('MuiMultiSectionDigitalClockSection', slot);
 }
-const multiSectionDigitalClockSectionClasses = exports.multiSectionDigitalClockSectionClasses = (0, _generateUtilityClasses.default)('MuiMultiSectionDigitalClock', ['root', 'item']);
+const multiSectionDigitalClockSectionClasses = exports.multiSectionDigitalClockSectionClasses = (0, _generateUtilityClasses.default)('MuiMultiSectionDigitalClockSection', ['root', 'item']);

package/node/PickersCalendarHeader/PickersCalendarHeader.js

@@ -46,13 +46,13 @@ const PickersCalendarHeaderRoot = (0, _styles.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
 });
 const PickersCalendarHeaderLabelContainer = (0, _styles.styled)('div', {
   name: 'MuiPickersCalendarHeader',

package/node/PickersShortcuts/PickersShortcuts.js

@@ -30,7 +30,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function PickersShortcuts(props) {
   const {
       items,
-      changeImportance,
+      changeImportance = 'accept',
       onChange,
       isValid
     } = props,

package/node/StaticDatePicker/StaticDatePicker.js

@@ -114,8 +114,8 @@ StaticDatePicker.propTypes = {
    */
   displayWeekNumber: _propTypes.default.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.default.number,

package/node/StaticDateTimePicker/StaticDateTimePicker.js

@@ -139,8 +139,8 @@ StaticDateTimePicker.propTypes = {
    */
   displayWeekNumber: _propTypes.default.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.default.number,

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/YearCalendar/YearCalendar.js

@@ -124,7 +124,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 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/node/internals/components/PickersTextField/Outline.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Outline;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _styles = require("@mui/material/styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["children", "className", "label"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const OutlineRoot = (0, _styles.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%'
+});
+const OutlineLegend = (0, _styles.styled)('legend')(({
+  ownerState,
+  theme
+}) => (0, _extends2.default)({
+  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 && (0, _extends2.default)({
+  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
+  })
+})));
+function Outline(props) {
+  const {
+      className,
+      label
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const withLabel = label != null && label !== '';
+  const ownerState = (0, _extends2.default)({}, props, {
+    withLabel
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(OutlineRoot, (0, _extends2.default)({
+    "aria-hidden": true,
+    className: className,
+    ownerState: ownerState
+  }, other, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(OutlineLegend, {
+      ownerState: ownerState,
+      children: withLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: label
+      }) :
+      /*#__PURE__*/
+      // notranslate needed while Google Translate will not fix zero-width space issue
+      (0, _jsxRuntime.jsx)("span", {
+        className: "notranslate",
+        children: "\u200B"
+      })
+    })
+  }));
+}