@mui/x-date-pickers-pro 6.4.0 → 6.6.0

package/node/MultiInputTimeRangeField/MultiInputTimeRangeField.js

@@ -17,7 +17,7 @@ var _utils = require("@mui/base/utils");
 var _internals = require("@mui/x-date-pickers/internals");
 var _useMultiInputTimeRangeField = require("../internal/hooks/useMultiInputRangeField/useMultiInputTimeRangeField");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps", "components", "componentsProps", "value", "defaultValue", "format", "formatDensity", "shouldRespectLeadingZeros", "onChange", "readOnly", "disabled", "onError", "minTime", "maxTime", "minutesStep", "shouldDisableClock", "shouldDisableTime", "disableFuture", "disablePast", "selectedSections", "onSelectedSectionsChange", "unstableStartFieldRef", "unstableEndFieldRef", "autoFocus"],
+const _excluded = ["slots", "slotProps", "components", "componentsProps", "disabled", "autoFocus", "unstableStartFieldRef", "unstableEndFieldRef"],
   _excluded2 = ["onKeyDown", "ref", "readOnly", "inputMode"],
   _excluded3 = ["onKeyDown", "ref", "readOnly", "inputMode"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -44,34 +44,21 @@ const MultiInputTimeRangeField = /*#__PURE__*/React.forwardRef(function MultiInp
     props: inProps,
     name: 'MuiMultiInputTimeRangeField'
   });
+  const {
+    internalProps: timeFieldInternalProps,
+    forwardedProps
+  } = (0, _internals.splitFieldInternalAndForwardedProps)(themeProps, 'time');
   const {
       slots: innerSlots,
       slotProps: innerSlotProps,
       components,
       componentsProps,
-      value,
-      defaultValue,
-      format,
-      formatDensity,
-      shouldRespectLeadingZeros,
-      onChange,
-      readOnly,
       disabled,
-      onError,
-      minTime,
-      maxTime,
-      minutesStep,
-      shouldDisableClock,
-      shouldDisableTime,
-      disableFuture,
-      disablePast,
-      selectedSections,
-      onSelectedSectionsChange,
+      autoFocus,
       unstableStartFieldRef,
-      unstableEndFieldRef,
-      autoFocus
-    } = themeProps,
-    other = (0, _objectWithoutPropertiesLoose2.default)(themeProps, _excluded);
+      unstableEndFieldRef
+    } = forwardedProps,
+    otherForwardedProps = (0, _objectWithoutPropertiesLoose2.default)(forwardedProps, _excluded);
   const slots = innerSlots ?? (0, _internals.uncapitalizeObjectKeys)(components);
   const slotProps = innerSlotProps ?? componentsProps;
   const ownerState = themeProps;
@@ -79,7 +66,7 @@ const MultiInputTimeRangeField = /*#__PURE__*/React.forwardRef(function MultiInp
   const rootProps = (0, _utils.useSlotProps)({
     elementType: Root,
     externalSlotProps: slotProps?.root,
-    externalForwardedProps: other,
+    externalForwardedProps: otherForwardedProps,
     additionalProps: {
       ref
     },
@@ -110,26 +97,9 @@ const MultiInputTimeRangeField = /*#__PURE__*/React.forwardRef(function MultiInp
     ownerState
   });
   const _useMultiInputTimeRan = (0, _useMultiInputTimeRangeField.useMultiInputTimeRangeField)({
-      sharedProps: {
-        value,
-        defaultValue,
-        format,
-        formatDensity,
-        shouldRespectLeadingZeros,
-        onChange,
-        readOnly,
-        disabled,
-        onError,
-        minTime,
-        maxTime,
-        minutesStep,
-        shouldDisableClock,
-        shouldDisableTime,
-        disableFuture,
-        disablePast,
-        selectedSections,
-        onSelectedSectionsChange
-      },
+      sharedProps: (0, _extends2.default)({}, timeFieldInternalProps, {
+        disabled
+      }),
       startTextFieldProps,
       endTextFieldProps,
       startInputRef: startTextFieldProps.inputRef,
@@ -291,6 +261,12 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
    * @default false
    */
   readOnly: _propTypes.default.bool,
+  /**
+   * The date used to generate a part of the date-time that is not present in the format when both `value` and `defaultValue` are not present.
+   * For example, on time fields it will be used to determine the date to set.
+   * @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`. Value is rounded to the most granular section used.
+   */
+  referenceDate: _propTypes.default.any,
   /**
    * The currently selected sections.
    * This prop accept four formats:

package/node/SingleInputDateRangeField/SingleInputDateRangeField.js

@@ -239,6 +239,12 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
    * @default false
    */
   readOnly: _propTypes.default.bool,
+  /**
+   * The date used to generate a part of the date-time that is not present in the format when both `value` and `defaultValue` are not present.
+   * For example, on time fields it will be used to determine the date to set.
+   * @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`. Value is rounded to the most granular section used.
+   */
+  referenceDate: _propTypes.default.any,
   /**
    * If `true`, the label is displayed as required and the `input` element is required.
    * @default false

package/node/SingleInputDateRangeField/useSingleInputDateRangeField.js

@@ -5,12 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSingleInputDateRangeField = exports.useDefaultizedDateRangeFieldProps = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _internals = require("@mui/x-date-pickers/internals");
 var _valueManagers = require("../internal/utils/valueManagers");
 var _validateDateRange = require("../internal/utils/validation/validateDateRange");
-const _excluded = ["value", "defaultValue", "format", "formatDensity", "shouldRespectLeadingZeros", "onChange", "readOnly", "onError", "shouldDisableDate", "minDate", "maxDate", "disableFuture", "disablePast", "selectedSections", "onSelectedSectionsChange", "unstableFieldRef"];
 const useDefaultizedDateRangeFieldProps = props => {
   const utils = (0, _internals.useUtils)();
   const defaultDates = (0, _internals.useDefaultDates)();
@@ -24,50 +22,18 @@ const useDefaultizedDateRangeFieldProps = props => {
 };
 exports.useDefaultizedDateRangeFieldProps = useDefaultizedDateRangeFieldProps;
 const useSingleInputDateRangeField = ({
-  props,
+  props: inProps,
   inputRef
 }) => {
-  const _useDefaultizedDateRa = useDefaultizedDateRangeFieldProps(props),
-    {
-      value,
-      defaultValue,
-      format,
-      formatDensity,
-      shouldRespectLeadingZeros,
-      onChange,
-      readOnly,
-      onError,
-      shouldDisableDate,
-      minDate,
-      maxDate,
-      disableFuture,
-      disablePast,
-      selectedSections,
-      onSelectedSectionsChange,
-      unstableFieldRef
-    } = _useDefaultizedDateRa,
-    other = (0, _objectWithoutPropertiesLoose2.default)(_useDefaultizedDateRa, _excluded);
+  const props = useDefaultizedDateRangeFieldProps(inProps);
+  const {
+    forwardedProps,
+    internalProps
+  } = (0, _internals.splitFieldInternalAndForwardedProps)(props, 'date');
   return (0, _internals.useField)({
     inputRef,
-    forwardedProps: other,
-    internalProps: {
-      value,
-      defaultValue,
-      format,
-      formatDensity,
-      shouldRespectLeadingZeros,
-      onChange,
-      readOnly,
-      onError,
-      shouldDisableDate,
-      minDate,
-      maxDate,
-      disableFuture,
-      disablePast,
-      selectedSections,
-      onSelectedSectionsChange,
-      unstableFieldRef
-    },
+    forwardedProps,
+    internalProps,
     valueManager: _valueManagers.rangeValueManager,
     fieldValueManager: _valueManagers.rangeFieldValueManager,
     validator: _validateDateRange.validateDateRange,

package/node/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js

@@ -272,6 +272,12 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
    * @default false
    */
   readOnly: _propTypes.default.bool,
+  /**
+   * The date used to generate a part of the date-time that is not present in the format when both `value` and `defaultValue` are not present.
+   * For example, on time fields it will be used to determine the date to set.
+   * @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`. Value is rounded to the most granular section used.
+   */
+  referenceDate: _propTypes.default.any,
   /**
    * If `true`, the label is displayed as required and the `input` element is required.
    * @default false

package/node/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.js

@@ -5,12 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSingleInputDateTimeRangeField = exports.useDefaultizedTimeRangeFieldProps = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _internals = require("@mui/x-date-pickers/internals");
 var _valueManagers = require("../internal/utils/valueManagers");
 var _validateDateTimeRange = require("../internal/utils/validation/validateDateTimeRange");
-const _excluded = ["value", "defaultValue", "format", "formatDensity", "shouldRespectLeadingZeros", "onChange", "readOnly", "onError", "shouldDisableDate", "minDate", "maxDate", "disableFuture", "disablePast", "minTime", "maxTime", "minDateTime", "maxDateTime", "minutesStep", "shouldDisableTime", "disableIgnoringDatePartForTimeValidation", "selectedSections", "onSelectedSectionsChange", "unstableFieldRef"];
 const useDefaultizedTimeRangeFieldProps = props => {
   const utils = (0, _internals.useUtils)();
   const defaultDates = (0, _internals.useDefaultDates)();
@@ -29,60 +27,18 @@ const useDefaultizedTimeRangeFieldProps = props => {
 };
 exports.useDefaultizedTimeRangeFieldProps = useDefaultizedTimeRangeFieldProps;
 const useSingleInputDateTimeRangeField = ({
-  props,
+  props: inProps,
   inputRef
 }) => {
-  const _useDefaultizedTimeRa = useDefaultizedTimeRangeFieldProps(props),
-    {
-      value,
-      defaultValue,
-      format,
-      formatDensity,
-      shouldRespectLeadingZeros,
-      onChange,
-      readOnly,
-      onError,
-      shouldDisableDate,
-      minDate,
-      maxDate,
-      disableFuture,
-      disablePast,
-      minTime,
-      maxTime,
-      minutesStep,
-      shouldDisableTime,
-      disableIgnoringDatePartForTimeValidation,
-      selectedSections,
-      onSelectedSectionsChange,
-      unstableFieldRef
-    } = _useDefaultizedTimeRa,
-    other = (0, _objectWithoutPropertiesLoose2.default)(_useDefaultizedTimeRa, _excluded);
+  const props = useDefaultizedTimeRangeFieldProps(inProps);
+  const {
+    forwardedProps,
+    internalProps
+  } = (0, _internals.splitFieldInternalAndForwardedProps)(props, 'date-time');
   return (0, _internals.useField)({
     inputRef,
-    forwardedProps: other,
-    internalProps: {
-      value,
-      defaultValue,
-      format,
-      formatDensity,
-      shouldRespectLeadingZeros,
-      onChange,
-      readOnly,
-      onError,
-      shouldDisableDate,
-      minDate,
-      maxDate,
-      disableFuture,
-      disablePast,
-      minTime,
-      maxTime,
-      minutesStep,
-      shouldDisableTime,
-      disableIgnoringDatePartForTimeValidation,
-      selectedSections,
-      onSelectedSectionsChange,
-      unstableFieldRef
-    },
+    forwardedProps,
+    internalProps,
     valueManager: _valueManagers.rangeValueManager,
     fieldValueManager: _valueManagers.rangeFieldValueManager,
     validator: _validateDateTimeRange.validateDateTimeRange,

package/node/SingleInputTimeRangeField/SingleInputTimeRangeField.js

@@ -256,6 +256,12 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    * @default false
    */
   readOnly: _propTypes.default.bool,
+  /**
+   * The date used to generate a part of the date-time that is not present in the format when both `value` and `defaultValue` are not present.
+   * For example, on time fields it will be used to determine the date to set.
+   * @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`. Value is rounded to the most granular section used.
+   */
+  referenceDate: _propTypes.default.any,
   /**
    * If `true`, the label is displayed as required and the `input` element is required.
    * @default false

package/node/SingleInputTimeRangeField/useSingleInputTimeRangeField.js

@@ -5,12 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSingleInputTimeRangeField = exports.useDefaultizedTimeRangeFieldProps = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _internals = require("@mui/x-date-pickers/internals");
 var _valueManagers = require("../internal/utils/valueManagers");
 var _validateTimeRange = require("../internal/utils/validation/validateTimeRange");
-const _excluded = ["value", "defaultValue", "format", "formatDensity", "shouldRespectLeadingZeros", "onChange", "readOnly", "onError", "minTime", "maxTime", "minutesStep", "shouldDisableTime", "disableFuture", "disablePast", "selectedSections", "onSelectedSectionsChange", "unstableFieldRef"];
 const useDefaultizedTimeRangeFieldProps = props => {
   const utils = (0, _internals.useUtils)();
   const ampm = props.ampm ?? utils.is12HourCycleInCurrentLocale();
@@ -23,52 +21,18 @@ const useDefaultizedTimeRangeFieldProps = props => {
 };
 exports.useDefaultizedTimeRangeFieldProps = useDefaultizedTimeRangeFieldProps;
 const useSingleInputTimeRangeField = ({
-  props,
+  props: inProps,
   inputRef
 }) => {
-  const _useDefaultizedTimeRa = useDefaultizedTimeRangeFieldProps(props),
-    {
-      value,
-      defaultValue,
-      format,
-      formatDensity,
-      shouldRespectLeadingZeros,
-      onChange,
-      readOnly,
-      onError,
-      minTime,
-      maxTime,
-      minutesStep,
-      shouldDisableTime,
-      disableFuture,
-      disablePast,
-      selectedSections,
-      onSelectedSectionsChange,
-      unstableFieldRef
-    } = _useDefaultizedTimeRa,
-    other = (0, _objectWithoutPropertiesLoose2.default)(_useDefaultizedTimeRa, _excluded);
+  const props = useDefaultizedTimeRangeFieldProps(inProps);
+  const {
+    forwardedProps,
+    internalProps
+  } = (0, _internals.splitFieldInternalAndForwardedProps)(props, 'time');
   return (0, _internals.useField)({
     inputRef,
-    forwardedProps: other,
-    internalProps: {
-      value,
-      defaultValue,
-      format,
-      formatDensity,
-      shouldRespectLeadingZeros,
-      onChange,
-      readOnly,
-      onError,
-      minTime,
-      maxTime,
-      minutesStep,
-      shouldDisableTime,
-      disableFuture,
-      disablePast,
-      selectedSections,
-      onSelectedSectionsChange,
-      unstableFieldRef
-    },
+    forwardedProps,
+    internalProps,
     valueManager: _valueManagers.rangeValueManager,
     fieldValueManager: _valueManagers.rangeFieldValueManager,
     validator: _validateTimeRange.validateTimeRange,

package/node/StaticDateRangePicker/StaticDateRangePicker.js

@@ -80,6 +80,11 @@ StaticDateRangePicker.propTypes = {
    * @deprecated Please use `slotProps`.
    */
   componentsProps: _propTypes.default.object,
+  /**
+   * Position the current month is rendered in.
+   * @default 1
+   */
+  currentMonthCalendarPosition: _propTypes.default.oneOf([1, 2, 3]),
   /**
    * Formats the day of week displayed in the calendar header.
    * @param {string} day The day of week provided by the adapter's method `getWeekdays`.

package/node/dateRangeViewRenderers/dateRangeViewRenderers.js

@@ -31,6 +31,7 @@ const renderDateRangeViewCalendar = ({
   defaultRangePosition,
   onRangePositionChange,
   calendars,
+  currentMonthCalendarPosition,
   components,
   componentsProps,
   slots,
@@ -66,6 +67,7 @@ const renderDateRangeViewCalendar = ({
   defaultRangePosition: defaultRangePosition,
   onRangePositionChange: onRangePositionChange,
   calendars: calendars,
+  currentMonthCalendarPosition: currentMonthCalendarPosition,
   components: components,
   componentsProps: componentsProps,
   slots: slots,

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v6.4.0
+ * @mui/x-date-pickers-pro v6.6.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/node/internal/utils/releaseInfo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 const getReleaseInfo = () => {
-  const releaseInfo = "MTY4Mzg0MjQwMDAwMA==";
+  const releaseInfo = "MTY4NTU3MDQwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/node/internal/utils/valueManagers.js

@@ -6,16 +6,40 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.rangeValueManager = exports.rangeFieldValueManager = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _internals = require("@mui/x-date-pickers/internals");
 var _dateFieldsUtils = require("./date-fields-utils");
+const _excluded = ["value", "referenceDate"];
 const rangeValueManager = {
   emptyValue: [null, null],
-  getTodayValue: (utils, valueType) => valueType === 'date' ? [utils.startOfDay(utils.date()), utils.startOfDay(utils.date())] : [utils.date(), utils.date()],
+  getTodayValue: (utils, valueType) => [(0, _internals.getTodayDate)(utils, valueType), (0, _internals.getTodayDate)(utils, valueType)],
+  getInitialReferenceValue: _ref => {
+    let {
+        value,
+        referenceDate: referenceDateProp
+      } = _ref,
+      params = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+    const shouldKeepStartDate = value[0] != null && params.utils.isValid(value[0]);
+    const shouldKeepEndDate = value[1] != null && params.utils.isValid(value[1]);
+    if (shouldKeepStartDate && shouldKeepEndDate) {
+      return value;
+    }
+    const referenceDate = referenceDateProp ?? (0, _internals.getDefaultReferenceDate)(params);
+    return [shouldKeepStartDate ? value[0] : referenceDate, shouldKeepEndDate ? value[1] : referenceDate];
+  },
   cleanValue: (utils, value) => value.map(date => (0, _internals.replaceInvalidDateByNull)(utils, date)),
   areValuesEqual: (utils, a, b) => (0, _internals.areDatesEqual)(utils, a[0], b[0]) && (0, _internals.areDatesEqual)(utils, a[1], b[1]),
   isSameError: (a, b) => b !== null && a[1] === b[1] && a[0] === b[0],
   hasError: error => error[0] != null || error[1] != null,
-  defaultErrorState: [null, null]
+  defaultErrorState: [null, null],
+  getTimezone: (utils, value) => {
+    const timezoneStart = value[0] == null ? null : utils.getTimezone(value[0]);
+    const timezoneEnd = value[1] == null ? null : utils.getTimezone(value[1]);
+    if (timezoneStart != null && timezoneEnd != null && timezoneStart !== timezoneEnd) {
+      throw new Error('MUI: The timezone of the start and the end date should be the same');
+    }
+    return timezoneStart ?? timezoneEnd;
+  }
 };
 exports.rangeValueManager = rangeValueManager;
 const rangeFieldValueManager = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers-pro",
-  "version": "6.4.0",
+  "version": "6.6.0",
   "description": "The commercial edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -31,9 +31,9 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.21.0",
-    "@mui/utils": "^5.12.3",
-    "@mui/x-date-pickers": "6.4.0",
-    "@mui/x-license-pro": "6.0.4",
+    "@mui/utils": "^5.13.1",
+    "@mui/x-date-pickers": "6.6.0",
+    "@mui/x-license-pro": "6.6.0",
     "clsx": "^1.2.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5"
@@ -51,8 +51,8 @@
     "moment": "^2.29.4",
     "moment-hijri": "^2.1.2",
     "moment-jalaali": "^0.7.4 || ^0.8.0 || ^0.9.0 || ^0.10.0",
-    "react": "^17.0.2 || ^18.0.0",
-    "react-dom": "^17.0.2 || ^18.0.0"
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0"
   },
   "peerDependenciesMeta": {
     "@emotion/react": {