@mui/x-date-pickers 6.2.0 → 6.2.1

package/node/MobileDateTimePicker/MobileDateTimePicker.js

@@ -60,6 +60,7 @@ const MobileDateTimePicker = /*#__PURE__*/React.forwardRef(function MobileDateTi
   } = (0, _useMobilePicker.useMobilePicker)({
     props,
     valueManager: _valueManagers.singleItemValueManager,
+    valueType: 'date-time',
     getOpenDialogAriaText: localeText.openDatePickerDialogue,
     validator: _internals.validateDateTime
   });

package/node/MobileTimePicker/MobileTimePicker.js

@@ -53,6 +53,7 @@ const MobileTimePicker = /*#__PURE__*/React.forwardRef(function MobileTimePicker
   } = (0, _useMobilePicker.useMobilePicker)({
     props,
     valueManager: _valueManagers.singleItemValueManager,
+    valueType: 'time',
     getOpenDialogAriaText: localeText.openTimePickerDialogue,
     validator: _internals.validateTime
   });

package/node/StaticDatePicker/StaticDatePicker.js

@@ -40,6 +40,7 @@ const StaticDatePicker = /*#__PURE__*/React.forwardRef(function StaticDatePicker
   } = (0, _useStaticPicker.useStaticPicker)({
     props,
     valueManager: _valueManagers.singleItemValueManager,
+    valueType: 'date',
     validator: _internals.validateDate,
     ref
   });

package/node/StaticDateTimePicker/StaticDateTimePicker.js

@@ -50,8 +50,9 @@ const StaticDateTimePicker = /*#__PURE__*/React.forwardRef(function StaticDateTi
   } = (0, _useStaticPicker.useStaticPicker)({
     props,
     valueManager: _valueManagers.singleItemValueManager,
-    ref,
-    validator: _useDateTimeValidation.validateDateTime
+    valueType: 'date-time',
+    validator: _useDateTimeValidation.validateDateTime,
+    ref
   });
   return renderPicker();
 });

package/node/StaticTimePicker/StaticTimePicker.js

@@ -42,8 +42,9 @@ const StaticTimePicker = /*#__PURE__*/React.forwardRef(function StaticTimePicker
   } = (0, _useStaticPicker.useStaticPicker)({
     props,
     valueManager: _valueManagers.singleItemValueManager,
-    ref,
-    validator: _useTimeValidation.validateTime
+    valueType: 'time',
+    validator: _useTimeValidation.validateTime,
+    ref
   });
   return renderPicker();
 });

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v6.2.0
+ * @mui/x-date-pickers v6.2.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/internals/hooks/useDesktopPicker/useDesktopPicker.js

@@ -19,8 +19,9 @@ var _usePicker = require("../usePicker");
 var _LocalizationProvider = require("../../../LocalizationProvider");
 var _PickersLayout = require("../../../PickersLayout");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["ownerState"],
-  _excluded2 = ["ownerState"];
+const _excluded = ["props", "getOpenDialogAriaText"],
+  _excluded2 = ["ownerState"],
+  _excluded3 = ["ownerState"];
 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); }
 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; }
 /**
@@ -29,12 +30,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * - DesktopDateTimePicker
  * - DesktopTimePicker
  */
-const useDesktopPicker = ({
-  props,
-  valueManager,
-  getOpenDialogAriaText,
-  validator
-}) => {
+const useDesktopPicker = _ref => {
+  let {
+      props,
+      getOpenDialogAriaText
+    } = _ref,
+    pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   const {
     slots,
     slotProps: innerSlotProps,
@@ -62,15 +63,13 @@ const useDesktopPicker = ({
     renderCurrentView,
     shouldRestoreFocus,
     fieldProps: pickerFieldProps
-  } = (0, _usePicker.usePicker)({
+  } = (0, _usePicker.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
     inputRef: internalInputRef,
-    valueManager,
-    validator,
     autoFocusView: true,
     additionalViewProps: {},
     wrapperVariant: 'desktop'
-  });
+  }));
   const InputAdornment = slots.inputAdornment ?? _InputAdornment.default;
   const _useSlotProps = (0, _utils.useSlotProps)({
       elementType: InputAdornment,
@@ -80,7 +79,7 @@ const useDesktopPicker = ({
       },
       ownerState: props
     }),
-    inputAdornmentProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded);
+    inputAdornmentProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
   const OpenPickerButton = slots.openPickerButton ?? _IconButton.default;
   const _useSlotProps2 = (0, _utils.useSlotProps)({
       elementType: OpenPickerButton,
@@ -93,7 +92,7 @@ const useDesktopPicker = ({
       },
       ownerState: props
     }),
-    openPickerButtonProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps2, _excluded2);
+    openPickerButtonProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps2, _excluded3);
   const OpenPickerIcon = slots.openPickerIcon;
   const Field = slots.field;
   const fieldProps = (0, _utils.useSlotProps)({

package/node/internals/hooks/useField/useFieldState.js

@@ -46,7 +46,7 @@ const useFieldState = params => {
     return {
       sections,
       value: valueFromTheOutside,
-      referenceValue: fieldValueManager.updateReferenceValue(utils, valueFromTheOutside, valueManager.getTodayValue(utils)),
+      referenceValue: fieldValueManager.updateReferenceValue(utils, valueFromTheOutside, valueManager.getTodayValue(utils, valueType)),
       tempValueStrAndroid: null
     };
   });

package/node/internals/hooks/useMobilePicker/useMobilePicker.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useMobilePicker = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _utils = require("@mui/base/utils");
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
@@ -17,6 +18,7 @@ var _useUtils = require("../useUtils");
 var _LocalizationProvider = require("../../../LocalizationProvider");
 var _PickersLayout = require("../../../PickersLayout");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["props", "getOpenDialogAriaText"];
 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); }
 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; }
 /**
@@ -25,12 +27,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * - MobileDateTimePicker
  * - MobileTimePicker
  */
-const useMobilePicker = ({
-  props,
-  valueManager,
-  getOpenDialogAriaText,
-  validator
-}) => {
+const useMobilePicker = _ref => {
+  let {
+      props,
+      getOpenDialogAriaText
+    } = _ref,
+    pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   const {
     slots,
     slotProps: innerSlotProps,
@@ -54,15 +56,13 @@ const useMobilePicker = ({
     layoutProps,
     renderCurrentView,
     fieldProps: pickerFieldProps
-  } = (0, _usePicker.usePicker)({
+  } = (0, _usePicker.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
     inputRef: internalInputRef,
-    valueManager,
-    validator,
     autoFocusView: true,
     additionalViewProps: {},
     wrapperVariant: 'mobile'
-  });
+  }));
   const Field = slots.field;
   const fieldProps = (0, _utils.useSlotProps)({
     elementType: Field,

package/node/internals/hooks/usePicker/usePicker.js

@@ -12,6 +12,7 @@ const warnRenderInputIsDefined = (0, _warning.buildWarning)(['The `renderInput`
 const usePicker = ({
   props,
   valueManager,
+  valueType,
   wrapperVariant,
   inputRef,
   additionalViewProps,
@@ -26,6 +27,7 @@ const usePicker = ({
   const pickerValueResponse = (0, _usePickerValue.usePickerValue)({
     props,
     valueManager,
+    valueType,
     wrapperVariant,
     validator
   });

package/node/internals/hooks/usePicker/usePickerValue.js

@@ -106,6 +106,7 @@ const shouldClosePicker = params => {
 const usePickerValue = ({
   props,
   valueManager,
+  valueType,
   wrapperVariant,
   validator
 }) => {
@@ -209,18 +210,15 @@ const usePickerValue = ({
       setIsOpen(false);
     }
   });
-  React.useEffect(() => {
-    if (isOpen) {
-      setDateState(prev => (0, _extends2.default)({}, prev, {
-        lastCommittedValue: dateState.draft
-      }));
-    }
-  }, [isOpen]); // eslint-disable-line react-hooks/exhaustive-deps
-
   if (inValue !== undefined && (dateState.lastControlledValue === undefined || !valueManager.areValuesEqual(utils, dateState.lastControlledValue, inValue))) {
+    const isUpdateComingFromPicker = valueManager.areValuesEqual(utils, dateState.draft, inValue);
     setDateState(prev => (0, _extends2.default)({}, prev, {
-      lastControlledValue: inValue,
-      draft: inValue
+      lastControlledValue: inValue
+    }, isUpdateComingFromPicker ? {} : {
+      lastCommittedValue: inValue,
+      lastPublishedValue: inValue,
+      draft: inValue,
+      hasBeenModifiedSinceMount: true
     }));
   }
   const handleClear = (0, _useEventCallback.default)(() => {
@@ -253,7 +251,7 @@ const usePickerValue = ({
   });
   const handleSetToday = (0, _useEventCallback.default)(() => {
     updateDate({
-      value: valueManager.getTodayValue(utils),
+      value: valueManager.getTodayValue(utils, valueType),
       name: 'setValueFromAction',
       pickerAction: 'today'
     });

package/node/internals/hooks/useStaticPicker/useStaticPicker.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useStaticPicker = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _styles = require("@mui/material/styles");
@@ -14,6 +15,7 @@ var _LocalizationProvider = require("../../../LocalizationProvider");
 var _PickersLayout = require("../../../PickersLayout");
 var _dimensions = require("../../constants/dimensions");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["props", "ref"];
 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); }
 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 PickerStaticLayout = (0, _styles.styled)(_PickersLayout.PickersLayout)(({
@@ -30,12 +32,12 @@ const PickerStaticLayout = (0, _styles.styled)(_PickersLayout.PickersLayout)(({
  * - StaticDateTimePicker
  * - StaticTimePicker
  */
-const useStaticPicker = ({
-  props,
-  valueManager,
-  validator,
-  ref
-}) => {
+const useStaticPicker = _ref => {
+  let {
+      props,
+      ref
+    } = _ref,
+    pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   const {
     localeText,
     slots,
@@ -48,14 +50,12 @@ const useStaticPicker = ({
   const {
     layoutProps,
     renderCurrentView
-  } = (0, _usePicker.usePicker)({
+  } = (0, _usePicker.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
-    valueManager,
-    validator,
     autoFocusView: autoFocus ?? false,
     additionalViewProps: {},
     wrapperVariant: displayStaticWrapperAs
-  });
+  }));
   const Layout = slots?.layout ?? PickerStaticLayout;
   const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_LocalizationProvider.LocalizationProvider, {
     localeText: localeText,

package/node/internals/utils/valueManagers.js

@@ -8,7 +8,7 @@ var _dateUtils = require("./date-utils");
 var _useField = require("../hooks/useField/useField.utils");
 const singleItemValueManager = {
   emptyValue: null,
-  getTodayValue: utils => utils.date(),
+  getTodayValue: (utils, valueType) => valueType === 'date' ? utils.startOfDay(utils.date()) : utils.date(),
   cleanValue: _dateUtils.replaceInvalidDateByNull,
   areValuesEqual: _dateUtils.areDatesEqual,
   isSameError: (a, b) => a === b,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "6.2.0",
+  "version": "6.2.1",
   "description": "The community edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",