@mui/x-date-pickers-pro 6.0.1 → 6.0.3

package/node/index.js

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

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

@@ -104,7 +104,7 @@ const useDesktopRangePicker = ({
   const slotPropsForField = (0, _extends2.default)({}, fieldProps.slotProps, {
     textField: ownerState => {
       const externalInputProps = (0, _utils.resolveComponentProps)(slotProps?.textField, ownerState);
-      return (0, _extends2.default)({}, externalInputProps, ownerState.position === 'start' ? fieldSlotProps.startInput : fieldSlotProps.endInput);
+      return (0, _extends2.default)({}, ownerState.position === 'start' ? fieldSlotProps.startInput : fieldSlotProps.endInput, externalInputProps);
     },
     root: ownerState => {
       const externalRootProps = (0, _utils.resolveComponentProps)(slotProps?.fieldRoot, ownerState);

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

@@ -93,7 +93,7 @@ const useMobileRangePicker = ({
       const externalInputProps = (0, _utils.resolveComponentProps)(innerSlotProps?.textField, ownerState);
       return (0, _extends2.default)({}, isToolbarHidden && {
         id: `${labelId}-${ownerState.position}`
-      }, externalInputProps, ownerState.position === 'start' ? fieldSlotProps.startInput : fieldSlotProps.endInput);
+      }, ownerState.position === 'start' ? fieldSlotProps.startInput : fieldSlotProps.endInput, externalInputProps);
     },
     root: ownerState => {
       const externalRootProps = (0, _utils.resolveComponentProps)(innerSlotProps?.fieldRoot, ownerState);

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

@@ -18,10 +18,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useMultiInputDateRangeField = ({
   sharedProps: inSharedProps,
-  startTextFieldProps: inStartTextFieldProps,
-  endTextFieldProps: inEndTextFieldProps,
+  startTextFieldProps,
   startInputRef,
-  endInputRef
+  unstableStartFieldRef,
+  endTextFieldProps,
+  endInputRef,
+  unstableEndFieldRef
 }) => {
   const sharedProps = (0, _useSingleInputDateRangeField.useDefaultizedDateRangeFieldProps)(inSharedProps);
   const adapter = (0, _internals.useLocalizationContext)();
@@ -31,7 +33,9 @@ const useMultiInputDateRangeField = ({
     format,
     onChange,
     disabled,
-    readOnly
+    readOnly,
+    selectedSections,
+    onSelectedSectionsChange
   } = sharedProps;
   const firstDefaultValue = React.useRef(defaultValue);
   const [value, setValue] = (0, _useControlled.default)({
@@ -50,9 +54,7 @@ const useMultiInputDateRangeField = ({
         validationError: (0, _useDateRangeValidation.validateDateRange)({
           adapter,
           value: newDateRange,
-          props: (0, _extends2.default)({}, sharedProps, {
-            value: newDateRange
-          })
+          props: sharedProps
         })
       });
       onChange?.(newDateRange, context);
@@ -63,32 +65,38 @@ const useMultiInputDateRangeField = ({
   const validationError = (0, _internals.useValidation)((0, _extends2.default)({}, sharedProps, {
     value
   }), _useDateRangeValidation.validateDateRange, _valueManagers.rangeValueManager.isSameError, _valueManagers.rangeValueManager.defaultErrorState);
-  const startInputProps = (0, _extends2.default)({
+  const startFieldProps = (0, _extends2.default)({
     error: !!validationError[0]
-  }, inStartTextFieldProps, {
+  }, startTextFieldProps, {
     disabled,
     readOnly,
     format,
+    unstableFieldRef: unstableStartFieldRef,
     value: valueProp === undefined ? undefined : valueProp[0],
     defaultValue: defaultValue === undefined ? undefined : defaultValue[0],
-    onChange: handleStartDateChange
+    onChange: handleStartDateChange,
+    selectedSections,
+    onSelectedSectionsChange
   });
-  const endInputProps = (0, _extends2.default)({
+  const endFieldProps = (0, _extends2.default)({
     error: !!validationError[1]
-  }, inEndTextFieldProps, {
+  }, endTextFieldProps, {
     format,
     disabled,
     readOnly,
+    unstableFieldRef: unstableEndFieldRef,
     value: valueProp === undefined ? undefined : valueProp[1],
     defaultValue: defaultValue === undefined ? undefined : defaultValue[1],
-    onChange: handleEndDateChange
+    onChange: handleEndDateChange,
+    selectedSections,
+    onSelectedSectionsChange
   });
   const startDateResponse = (0, _DateField.unstable_useDateField)({
-    props: startInputProps,
+    props: startFieldProps,
     inputRef: startInputRef
   });
   const endDateResponse = (0, _DateField.unstable_useDateField)({
-    props: endInputProps,
+    props: endFieldProps,
     inputRef: endInputRef
   });
   return {

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

@@ -34,10 +34,12 @@ const useDefaultizedDateTimeRangeFieldProps = props => {
 exports.useDefaultizedDateTimeRangeFieldProps = useDefaultizedDateTimeRangeFieldProps;
 const useMultiInputDateTimeRangeField = ({
   sharedProps: inSharedProps,
-  startTextFieldProps: inStartTextFieldProps,
-  endTextFieldProps: inEndTextFieldProps,
+  startTextFieldProps,
   startInputRef,
-  endInputRef
+  unstableStartFieldRef,
+  endTextFieldProps,
+  endInputRef,
+  unstableEndFieldRef
 }) => {
   const sharedProps = useDefaultizedDateTimeRangeFieldProps(inSharedProps);
   const adapter = (0, _internals.useLocalizationContext)();
@@ -66,9 +68,7 @@ const useMultiInputDateTimeRangeField = ({
         validationError: (0, _useDateTimeRangeValidation.validateDateTimeRange)({
           adapter,
           value: newDateRange,
-          props: (0, _extends2.default)({}, sharedProps, {
-            value: newDateRange
-          })
+          props: sharedProps
         })
       });
       onChange?.(newDateRange, context);
@@ -79,32 +79,34 @@ const useMultiInputDateTimeRangeField = ({
   const validationError = (0, _internals.useValidation)((0, _extends2.default)({}, sharedProps, {
     value
   }), _useDateTimeRangeValidation.validateDateTimeRange, _valueManagers.rangeValueManager.isSameError, _valueManagers.rangeValueManager.defaultErrorState);
-  const startInputProps = (0, _extends2.default)({
+  const startFieldProps = (0, _extends2.default)({
     error: !!validationError[0]
-  }, inStartTextFieldProps, {
+  }, startTextFieldProps, {
     format,
     disabled,
     readOnly,
+    unstableFieldRef: unstableStartFieldRef,
     value: valueProp === undefined ? undefined : valueProp[0],
     defaultValue: defaultValue === undefined ? undefined : defaultValue[0],
     onChange: handleStartDateChange
   });
-  const endInputProps = (0, _extends2.default)({
+  const endFieldProps = (0, _extends2.default)({
     error: !!validationError[1]
-  }, inEndTextFieldProps, {
+  }, endTextFieldProps, {
     format,
     disabled,
     readOnly,
+    unstableFieldRef: unstableEndFieldRef,
     value: valueProp === undefined ? undefined : valueProp[1],
     defaultValue: defaultValue === undefined ? undefined : defaultValue[1],
     onChange: handleEndDateChange
   });
   const startDateResponse = (0, _DateTimeField.unstable_useDateTimeField)({
-    props: startInputProps,
+    props: startFieldProps,
     inputRef: startInputRef
   });
   const endDateResponse = (0, _DateTimeField.unstable_useDateTimeField)({
-    props: endInputProps,
+    props: endFieldProps,
     inputRef: endInputRef
   });
   return {

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

@@ -28,10 +28,12 @@ const useDefaultizedTimeRangeFieldProps = props => {
 exports.useDefaultizedTimeRangeFieldProps = useDefaultizedTimeRangeFieldProps;
 const useMultiInputTimeRangeField = ({
   sharedProps: inSharedProps,
-  startTextFieldProps: inStartTextFieldProps,
-  endTextFieldProps: inEndTextFieldProps,
+  startTextFieldProps,
   startInputRef,
-  endInputRef
+  unstableStartFieldRef,
+  endTextFieldProps,
+  endInputRef,
+  unstableEndFieldRef
 }) => {
   const sharedProps = useDefaultizedTimeRangeFieldProps(inSharedProps);
   const adapter = (0, _internals.useLocalizationContext)();
@@ -60,9 +62,7 @@ const useMultiInputTimeRangeField = ({
         validationError: (0, _useTimeRangeValidation.validateTimeRange)({
           adapter,
           value: newDateRange,
-          props: (0, _extends2.default)({}, sharedProps, {
-            value: newDateRange
-          })
+          props: sharedProps
         })
       });
       onChange?.(newDateRange, context);
@@ -73,32 +73,34 @@ const useMultiInputTimeRangeField = ({
   const validationError = (0, _internals.useValidation)((0, _extends2.default)({}, sharedProps, {
     value
   }), _useTimeRangeValidation.validateTimeRange, _valueManagers.rangeValueManager.isSameError, _valueManagers.rangeValueManager.defaultErrorState);
-  const startInputProps = (0, _extends2.default)({
+  const startFieldProps = (0, _extends2.default)({
     error: !!validationError[0]
-  }, inStartTextFieldProps, {
+  }, startTextFieldProps, {
     format,
     disabled,
     readOnly,
+    unstableFieldRef: unstableStartFieldRef,
     value: valueProp === undefined ? undefined : valueProp[0],
     defaultValue: defaultValue === undefined ? undefined : defaultValue[0],
     onChange: handleStartDateChange
   });
-  const endInputProps = (0, _extends2.default)({
+  const endFieldProps = (0, _extends2.default)({
     error: !!validationError[1]
-  }, inEndTextFieldProps, {
+  }, endTextFieldProps, {
     format,
     disabled,
     readOnly,
+    unstableFieldRef: unstableEndFieldRef,
     value: valueProp === undefined ? undefined : valueProp[1],
     defaultValue: defaultValue === undefined ? undefined : defaultValue[1],
     onChange: handleEndDateChange
   });
   const startDateResponse = (0, _TimeField.unstable_useTimeField)({
-    props: startInputProps,
+    props: startFieldProps,
     inputRef: startInputRef
   });
   const endDateResponse = (0, _TimeField.unstable_useTimeField)({
-    props: endInputProps,
+    props: endFieldProps,
     inputRef: endInputRef
   });
   return {

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 = "MTY3ODMwMjAwMDAwMA==";
+  const releaseInfo = "MTY3OTUyNjAwMDAwMA==";
   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

@@ -12,7 +12,7 @@ const rangeValueManager = {
   emptyValue: [null, null],
   getTodayValue: utils => [utils.date(), utils.date()],
   cleanValue: (utils, value) => value.map(date => (0, _internals.replaceInvalidDateByNull)(utils, date)),
-  areValuesEqual: (utils, a, b) => utils.isEqual(a[0], b[0]) && utils.isEqual(a[1], b[1]),
+  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],
   defaultErrorState: [null, null]
 };
@@ -88,12 +88,6 @@ const rangeFieldValueManager = {
       })
     };
   },
-  hasError: error => error[0] != null || error[1] != null,
-  getSectionOrder: (utils, localeText, format, isRTL) => {
-    const splitedFormat = (0, _internals.splitFormatIntoSections)(utils, localeText, format, null);
-    return (0, _internals.getSectionOrder)([...splitedFormat.slice(0, splitedFormat.length - 1), (0, _extends2.default)({}, splitedFormat[splitedFormat.length - 1], {
-      endSeparator: ' – '
-    }), ...splitedFormat], isRTL);
-  }
+  hasError: error => error[0] != null || error[1] != null
 };
 exports.rangeFieldValueManager = rangeFieldValueManager;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers-pro",
-  "version": "6.0.1",
+  "version": "6.0.3",
   "description": "The commercial edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -30,14 +30,14 @@
     "directory": "packages/x-date-pickers-pro"
   },
   "dependencies": {
-    "@babel/runtime": "^7.20.13",
+    "@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.7",
-    "@mui/x-date-pickers": "6.0.1",
-    "@mui/x-license-pro": "6.0.1",
+    "@mui/utils": "^5.11.13",
+    "@mui/x-date-pickers": "6.0.3",
+    "@mui/x-license-pro": "6.0.3",
     "clsx": "^1.2.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5"