@mui/x-date-pickers-pro 6.1.0 → 6.2.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", "onChange", "readOnly", "disabled", "onError", "minTime", "maxTime", "minutesStep", "shouldDisableClock", "shouldDisableTime", "disableFuture", "disablePast", "selectedSections", "onSelectedSectionsChange", "unstableStartFieldRef", "unstableEndFieldRef", "autoFocus"],
+const _excluded = ["slots", "slotProps", "components", "componentsProps", "value", "defaultValue", "format", "formatDensity", "onChange", "readOnly", "disabled", "onError", "minTime", "maxTime", "minutesStep", "shouldDisableClock", "shouldDisableTime", "disableFuture", "disablePast", "selectedSections", "onSelectedSectionsChange", "unstableStartFieldRef", "unstableEndFieldRef", "autoFocus"],
   _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); }
@@ -52,6 +52,7 @@ const MultiInputTimeRangeField = /*#__PURE__*/React.forwardRef(function MultiInp
       value,
       defaultValue,
       format,
+      formatDensity,
       onChange,
       readOnly,
       disabled,
@@ -112,6 +113,7 @@ const MultiInputTimeRangeField = /*#__PURE__*/React.forwardRef(function MultiInp
         value,
         defaultValue,
         format,
+        formatDensity,
         onChange,
         readOnly,
         disabled,
@@ -234,6 +236,12 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
    * Format of the date when rendered in the input(s).
    */
   format: _propTypes.default.string,
+  /**
+   * Density of the format when rendered in the input.
+   * Setting `formatDensity` to `"spacious"` will add a space before and after each `/`, `-` and `.` character.
+   * @default "dense"
+   */
+  formatDensity: _propTypes.default.oneOf(['dense', 'spacious']),
   /**
    * Maximal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.

package/node/SingleInputDateRangeField/SingleInputDateRangeField.js

@@ -130,6 +130,12 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
    * Format of the date when rendered in the input(s).
    */
   format: _propTypes.default.string,
+  /**
+   * Density of the format when rendered in the input.
+   * Setting `formatDensity` to `"spacious"` will add a space before and after each `/`, `-` and `.` character.
+   * @default "dense"
+   */
+  formatDensity: _propTypes.default.oneOf(['dense', 'spacious']),
   /**
    * Props applied to the [`FormHelperText`](/material-ui/api/form-helper-text/) element.
    */

package/node/SingleInputDateRangeField/useSingleInputDateRangeField.js

@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _internals = require("@mui/x-date-pickers/internals");
 var _valueManagers = require("../internal/utils/valueManagers");
 var _useDateRangeValidation = require("../internal/hooks/validation/useDateRangeValidation");
-const _excluded = ["value", "defaultValue", "format", "onChange", "readOnly", "onError", "shouldDisableDate", "minDate", "maxDate", "disableFuture", "disablePast", "selectedSections", "onSelectedSectionsChange", "unstableFieldRef"];
+const _excluded = ["value", "defaultValue", "format", "formatDensity", "onChange", "readOnly", "onError", "shouldDisableDate", "minDate", "maxDate", "disableFuture", "disablePast", "selectedSections", "onSelectedSectionsChange", "unstableFieldRef"];
 const useDefaultizedDateRangeFieldProps = props => {
   const utils = (0, _internals.useUtils)();
   const defaultDates = (0, _internals.useDefaultDates)();
@@ -32,6 +32,7 @@ const useSingleInputDateRangeField = ({
       value,
       defaultValue,
       format,
+      formatDensity,
       onChange,
       readOnly,
       onError,
@@ -52,6 +53,7 @@ const useSingleInputDateRangeField = ({
       value,
       defaultValue,
       format,
+      formatDensity,
       onChange,
       readOnly,
       onError,

package/node/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js

@@ -140,6 +140,12 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
    * Format of the date when rendered in the input(s).
    */
   format: _propTypes.default.string,
+  /**
+   * Density of the format when rendered in the input.
+   * Setting `formatDensity` to `"spacious"` will add a space before and after each `/`, `-` and `.` character.
+   * @default "dense"
+   */
+  formatDensity: _propTypes.default.oneOf(['dense', 'spacious']),
   /**
    * Props applied to the [`FormHelperText`](/material-ui/api/form-helper-text/) element.
    */

package/node/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.js

@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _internals = require("@mui/x-date-pickers/internals");
 var _valueManagers = require("../internal/utils/valueManagers");
 var _useDateTimeRangeValidation = require("../internal/hooks/validation/useDateTimeRangeValidation");
-const _excluded = ["value", "defaultValue", "format", "onChange", "readOnly", "onError", "shouldDisableDate", "minDate", "maxDate", "disableFuture", "disablePast", "minTime", "maxTime", "minDateTime", "maxDateTime", "minutesStep", "shouldDisableTime", "disableIgnoringDatePartForTimeValidation", "selectedSections", "onSelectedSectionsChange", "unstableFieldRef"];
+const _excluded = ["value", "defaultValue", "format", "formatDensity", "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)();
@@ -37,6 +37,7 @@ const useSingleInputDateTimeRangeField = ({
       value,
       defaultValue,
       format,
+      formatDensity,
       onChange,
       readOnly,
       onError,
@@ -62,6 +63,7 @@ const useSingleInputDateTimeRangeField = ({
       value,
       defaultValue,
       format,
+      formatDensity,
       onChange,
       readOnly,
       onError,

package/node/SingleInputTimeRangeField/SingleInputTimeRangeField.js

@@ -140,6 +140,12 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    * Format of the date when rendered in the input(s).
    */
   format: _propTypes.default.string,
+  /**
+   * Density of the format when rendered in the input.
+   * Setting `formatDensity` to `"spacious"` will add a space before and after each `/`, `-` and `.` character.
+   * @default "dense"
+   */
+  formatDensity: _propTypes.default.oneOf(['dense', 'spacious']),
   /**
    * Props applied to the [`FormHelperText`](/material-ui/api/form-helper-text/) element.
    */

package/node/SingleInputTimeRangeField/useSingleInputTimeRangeField.js

@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _internals = require("@mui/x-date-pickers/internals");
 var _valueManagers = require("../internal/utils/valueManagers");
 var _useTimeRangeValidation = require("../internal/hooks/validation/useTimeRangeValidation");
-const _excluded = ["value", "defaultValue", "format", "onChange", "readOnly", "onError", "minTime", "maxTime", "minutesStep", "shouldDisableTime", "disableFuture", "disablePast", "selectedSections", "onSelectedSectionsChange", "unstableFieldRef"];
+const _excluded = ["value", "defaultValue", "format", "formatDensity", "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();
@@ -31,6 +31,7 @@ const useSingleInputTimeRangeField = ({
       value,
       defaultValue,
       format,
+      formatDensity,
       onChange,
       readOnly,
       onError,
@@ -52,6 +53,7 @@ const useSingleInputTimeRangeField = ({
       value,
       defaultValue,
       format,
+      formatDensity,
       onChange,
       readOnly,
       onError,

package/node/index.js

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

package/node/internal/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -31,6 +31,7 @@ const useDesktopRangePicker = ({
     className,
     sx,
     format,
+    formatDensity,
     label,
     inputRef,
     readOnly,
@@ -83,6 +84,7 @@ const useDesktopRangePicker = ({
       className,
       sx,
       format,
+      formatDensity,
       autoFocus: autoFocus && !props.open,
       ref: fieldContainerRef
     }, fieldType === 'single-input' && {

package/node/internal/hooks/useMobileRangePicker/useMobileRangePicker.js

@@ -32,6 +32,7 @@ const useMobileRangePicker = ({
     className,
     sx,
     format,
+    formatDensity,
     label,
     inputRef,
     readOnly,
@@ -73,7 +74,8 @@ const useMobileRangePicker = ({
       disabled,
       className,
       sx,
-      format
+      format,
+      formatDensity
     }, fieldType === 'single-input' && {
       inputRef
     }),

package/node/internal/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js

@@ -31,6 +31,7 @@ const useMultiInputDateRangeField = ({
     value: valueProp,
     defaultValue,
     format,
+    formatDensity,
     onChange,
     disabled,
     readOnly,
@@ -71,6 +72,7 @@ const useMultiInputDateRangeField = ({
     disabled,
     readOnly,
     format,
+    formatDensity,
     unstableFieldRef: unstableStartFieldRef,
     value: valueProp === undefined ? undefined : valueProp[0],
     defaultValue: defaultValue === undefined ? undefined : defaultValue[0],
@@ -82,6 +84,7 @@ const useMultiInputDateRangeField = ({
     error: !!validationError[1]
   }, endTextFieldProps, {
     format,
+    formatDensity,
     disabled,
     readOnly,
     unstableFieldRef: unstableEndFieldRef,

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 = "MTY4MTA3NDAwMDAwMA==";
+  const releaseInfo = "MTY4MTQyMzIwMDAwMA==";
   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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers-pro",
-  "version": "6.1.0",
+  "version": "6.2.0",
   "description": "The commercial edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -32,30 +32,44 @@
   "dependencies": {
     "@babel/runtime": "^7.21.0",
     "@date-io/date-fns": "^2.16.0",
-    "@date-io/dayjs": "^2.16.0",
     "@date-io/luxon": "^2.16.1",
     "@date-io/moment": "^2.16.1",
     "@mui/utils": "^5.11.13",
-    "@mui/x-date-pickers": "6.1.0",
+    "@mui/x-date-pickers": "6.2.0",
     "@mui/x-license-pro": "6.0.4",
     "clsx": "^1.2.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5"
   },
   "peerDependencies": {
+    "@emotion/react": "^11.9.0",
+    "@emotion/styled": "^11.8.1",
+    "@mui/base": "^5.0.0-alpha.87",
     "@mui/material": "^5.8.6",
     "@mui/system": "^5.8.0",
     "date-fns": "^2.25.0",
+    "date-fns-jalali": "^2.13.0-0",
     "dayjs": "^1.10.7",
     "luxon": "^3.0.2",
     "moment": "^2.29.4",
+    "moment-hijri": "^2.1.2",
+    "moment-jalaali": "^0.7.4 || ^0.8.0 || ^0.9.0",
     "react": "^17.0.2 || ^18.0.0",
     "react-dom": "^17.0.2 || ^18.0.0"
   },
   "peerDependenciesMeta": {
+    "@emotion/react": {
+      "optional": true
+    },
+    "@emotion/styled": {
+      "optional": true
+    },
     "date-fns": {
       "optional": true
     },
+    "date-fns-jalali": {
+      "optional": true
+    },
     "dayjs": {
       "optional": true
     },
@@ -64,6 +78,12 @@
     },
     "moment": {
       "optional": true
+    },
+    "moment-hijri": {
+      "optional": true
+    },
+    "moment-jalaali": {
+      "optional": true
     }
   },
   "setupFiles": [