@mui/x-date-pickers 6.2.0 → 6.2.1

package/legacy/StaticDateTimePicker/StaticDateTimePicker.js

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

package/legacy/StaticTimePicker/StaticTimePicker.js

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

package/legacy/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/legacy/internals/hooks/useDesktopPicker/useDesktopPicker.js

@@ -1,8 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["ownerState"],
-  _excluded2 = ["ownerState"];
+var _excluded = ["props", "getOpenDialogAriaText"],
+  _excluded2 = ["ownerState"],
+  _excluded3 = ["ownerState"];
 import * as React from 'react';
 import { useSlotProps } from '@mui/base/utils';
 import MuiInputAdornment from '@mui/material/InputAdornment';
@@ -25,9 +26,8 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 export var useDesktopPicker = function useDesktopPicker(_ref) {
   var _innerSlotProps$toolb, _innerSlotProps$toolb2, _slots$inputAdornment, _slots$openPickerButt, _slots$layout;
   var props = _ref.props,
-    valueManager = _ref.valueManager,
     getOpenDialogAriaText = _ref.getOpenDialogAriaText,
-    validator = _ref.validator;
+    pickerParams = _objectWithoutProperties(_ref, _excluded);
   var slots = props.slots,
     innerSlotProps = props.slotProps,
     className = props.className,
@@ -45,15 +45,13 @@ export var useDesktopPicker = function useDesktopPicker(_ref) {
   var containerRef = React.useRef(null);
   var labelId = useId();
   var isToolbarHidden = (_innerSlotProps$toolb = innerSlotProps == null ? void 0 : (_innerSlotProps$toolb2 = innerSlotProps.toolbar) == null ? void 0 : _innerSlotProps$toolb2.hidden) != null ? _innerSlotProps$toolb : false;
-  var _usePicker = usePicker({
+  var _usePicker = usePicker(_extends({}, pickerParams, {
       props: props,
       inputRef: internalInputRef,
-      valueManager: valueManager,
-      validator: validator,
       autoFocusView: true,
       additionalViewProps: {},
       wrapperVariant: 'desktop'
-    }),
+    })),
     open = _usePicker.open,
     actions = _usePicker.actions,
     hasUIView = _usePicker.hasUIView,
@@ -71,7 +69,7 @@ export var useDesktopPicker = function useDesktopPicker(_ref) {
       ownerState: props
     }),
     inputAdornmentOwnerState = _useSlotProps.ownerState,
-    inputAdornmentProps = _objectWithoutProperties(_useSlotProps, _excluded);
+    inputAdornmentProps = _objectWithoutProperties(_useSlotProps, _excluded2);
   var OpenPickerButton = (_slots$openPickerButt = slots.openPickerButton) != null ? _slots$openPickerButt : IconButton;
   var _useSlotProps2 = useSlotProps({
       elementType: OpenPickerButton,
@@ -85,7 +83,7 @@ export var useDesktopPicker = function useDesktopPicker(_ref) {
       ownerState: props
     }),
     openPickerButtonOwnerState = _useSlotProps2.ownerState,
-    openPickerButtonProps = _objectWithoutProperties(_useSlotProps2, _excluded2);
+    openPickerButtonProps = _objectWithoutProperties(_useSlotProps2, _excluded3);
   var OpenPickerIcon = slots.openPickerIcon;
   var Field = slots.field;
   var fieldProps = useSlotProps({

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

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

package/legacy/internals/hooks/useMobilePicker/useMobilePicker.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["props", "getOpenDialogAriaText"];
 import * as React from 'react';
 import { useSlotProps } from '@mui/base/utils';
 import useForkRef from '@mui/utils/useForkRef';
@@ -20,9 +22,8 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 export var useMobilePicker = function useMobilePicker(_ref) {
   var _innerSlotProps$toolb, _innerSlotProps$toolb2, _slots$layout;
   var props = _ref.props,
-    valueManager = _ref.valueManager,
     getOpenDialogAriaText = _ref.getOpenDialogAriaText,
-    validator = _ref.validator;
+    pickerParams = _objectWithoutProperties(_ref, _excluded);
   var slots = props.slots,
     innerSlotProps = props.slotProps,
     className = props.className,
@@ -38,15 +39,13 @@ export var useMobilePicker = function useMobilePicker(_ref) {
   var internalInputRef = React.useRef(null);
   var labelId = useId();
   var isToolbarHidden = (_innerSlotProps$toolb = innerSlotProps == null ? void 0 : (_innerSlotProps$toolb2 = innerSlotProps.toolbar) == null ? void 0 : _innerSlotProps$toolb2.hidden) != null ? _innerSlotProps$toolb : false;
-  var _usePicker = usePicker({
+  var _usePicker = usePicker(_extends({}, pickerParams, {
       props: props,
       inputRef: internalInputRef,
-      valueManager: valueManager,
-      validator: validator,
       autoFocusView: true,
       additionalViewProps: {},
       wrapperVariant: 'mobile'
-    }),
+    })),
     open = _usePicker.open,
     actions = _usePicker.actions,
     layoutProps = _usePicker.layoutProps,

package/legacy/internals/hooks/usePicker/usePicker.js

@@ -6,6 +6,7 @@ var warnRenderInputIsDefined = buildWarning(['The `renderInput` prop has been re
 export var usePicker = function usePicker(_ref) {
   var props = _ref.props,
     valueManager = _ref.valueManager,
+    valueType = _ref.valueType,
     wrapperVariant = _ref.wrapperVariant,
     inputRef = _ref.inputRef,
     additionalViewProps = _ref.additionalViewProps,
@@ -19,6 +20,7 @@ export var usePicker = function usePicker(_ref) {
   var pickerValueResponse = usePickerValue({
     props: props,
     valueManager: valueManager,
+    valueType: valueType,
     wrapperVariant: wrapperVariant,
     validator: validator
   });

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

@@ -92,6 +92,7 @@ var shouldClosePicker = function shouldClosePicker(params) {
 export var usePickerValue = function usePickerValue(_ref) {
   var props = _ref.props,
     valueManager = _ref.valueManager,
+    valueType = _ref.valueType,
     wrapperVariant = _ref.wrapperVariant,
     validator = _ref.validator;
   var onAccept = props.onAccept,
@@ -200,21 +201,16 @@ export var usePickerValue = function usePickerValue(_ref) {
       setIsOpen(false);
     }
   });
-  React.useEffect(function () {
-    if (isOpen) {
-      setDateState(function (prev) {
-        return _extends({}, prev, {
-          lastCommittedValue: dateState.draft
-        });
-      });
-    }
-  }, [isOpen]); // eslint-disable-line react-hooks/exhaustive-deps
-
   if (inValue !== undefined && (dateState.lastControlledValue === undefined || !valueManager.areValuesEqual(utils, dateState.lastControlledValue, inValue))) {
+    var isUpdateComingFromPicker = valueManager.areValuesEqual(utils, dateState.draft, inValue);
     setDateState(function (prev) {
       return _extends({}, prev, {
-        lastControlledValue: inValue,
-        draft: inValue
+        lastControlledValue: inValue
+      }, isUpdateComingFromPicker ? {} : {
+        lastCommittedValue: inValue,
+        lastPublishedValue: inValue,
+        draft: inValue,
+        hasBeenModifiedSinceMount: true
       });
     });
   }
@@ -248,7 +244,7 @@ export var usePickerValue = function usePickerValue(_ref) {
   });
   var handleSetToday = useEventCallback(function () {
     updateDate({
-      value: valueManager.getTodayValue(utils),
+      value: valueManager.getTodayValue(utils, valueType),
       name: 'setValueFromAction',
       pickerAction: 'today'
     });

package/legacy/internals/hooks/useStaticPicker/useStaticPicker.js

@@ -1,5 +1,7 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["props", "ref"];
 import * as React from 'react';
 import clsx from 'clsx';
 import { styled } from '@mui/material/styles';
@@ -26,9 +28,8 @@ var PickerStaticLayout = styled(PickersLayout)(function (_ref) {
 export var useStaticPicker = function useStaticPicker(_ref2) {
   var _slots$layout;
   var props = _ref2.props,
-    valueManager = _ref2.valueManager,
-    validator = _ref2.validator,
-    ref = _ref2.ref;
+    ref = _ref2.ref,
+    pickerParams = _objectWithoutProperties(_ref2, _excluded);
   var localeText = props.localeText,
     slots = props.slots,
     slotProps = props.slotProps,
@@ -36,14 +37,12 @@ export var useStaticPicker = function useStaticPicker(_ref2) {
     sx = props.sx,
     displayStaticWrapperAs = props.displayStaticWrapperAs,
     autoFocus = props.autoFocus;
-  var _usePicker = usePicker({
+  var _usePicker = usePicker(_extends({}, pickerParams, {
       props: props,
-      valueManager: valueManager,
-      validator: validator,
       autoFocusView: autoFocus != null ? autoFocus : false,
       additionalViewProps: {},
       wrapperVariant: displayStaticWrapperAs
-    }),
+    })),
     layoutProps = _usePicker.layoutProps,
     renderCurrentView = _usePicker.renderCurrentView;
   var Layout = (_slots$layout = slots == null ? void 0 : slots.layout) != null ? _slots$layout : PickerStaticLayout;

package/legacy/internals/utils/valueManagers.js

@@ -2,8 +2,8 @@ import { areDatesEqual, replaceInvalidDateByNull } from './date-utils';
 import { addPositionPropertiesToSections, createDateStrForInputFromSections } from '../hooks/useField/useField.utils';
 export var singleItemValueManager = {
   emptyValue: null,
-  getTodayValue: function getTodayValue(utils) {
-    return utils.date();
+  getTodayValue: function getTodayValue(utils, valueType) {
+    return valueType === 'date' ? utils.startOfDay(utils.date()) : utils.date();
   },
   cleanValue: replaceInvalidDateByNull,
   areValuesEqual: areDatesEqual,

package/models/fields.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import type { BaseFieldProps } from '../internals/models/fields';
 export type FieldSectionType = 'year' | 'month' | 'day' | 'weekDay' | 'hours' | 'minutes' | 'seconds' | 'meridiem';
+export type FieldValueType = 'date' | 'time' | 'date-time';
 export interface FieldSection {
     /**
      * Value of the section, as rendered inside the input.

package/modern/DesktopDatePicker/DesktopDatePicker.js

@@ -45,6 +45,7 @@ const DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DesktopDatePick
   } = useDesktopPicker({
     props,
     valueManager: singleItemValueManager,
+    valueType: 'date',
     getOpenDialogAriaText: localeText.openDatePickerDialogue,
     validator: validateDate
   });

package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -53,6 +53,7 @@ const DesktopDateTimePicker = /*#__PURE__*/React.forwardRef(function DesktopDate
   } = useDesktopPicker({
     props,
     valueManager: singleItemValueManager,
+    valueType: 'date-time',
     getOpenDialogAriaText: localeText.openDatePickerDialogue,
     validator: validateDateTime
   });

package/modern/DesktopTimePicker/DesktopTimePicker.js

@@ -45,6 +45,7 @@ const DesktopTimePicker = /*#__PURE__*/React.forwardRef(function DesktopTimePick
   } = useDesktopPicker({
     props,
     valueManager: singleItemValueManager,
+    valueType: 'time',
     getOpenDialogAriaText: localeText.openTimePickerDialogue,
     validator: validateTime
   });

package/modern/LocalizationProvider/LocalizationProvider.js

@@ -89,7 +89,7 @@ process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
   children: PropTypes.node,
   /**
    * Date library adapter class function.
-   * @see See the localization provider {@link https://mui.com/x/react-date-pickers/getting-started/#code-setup code setup section} for more details.
+   * @see See the localization provider {@link https://mui.com/x/react-date-pickers/getting-started/#setup-your-date-library-adapter date adapter setup section} for more details.
    */
   dateAdapter: PropTypes.func,
   /**

package/modern/MobileDatePicker/MobileDatePicker.js

@@ -42,6 +42,7 @@ const MobileDatePicker = /*#__PURE__*/React.forwardRef(function MobileDatePicker
   } = useMobilePicker({
     props,
     valueManager: singleItemValueManager,
+    valueType: 'date',
     getOpenDialogAriaText: localeText.openDatePickerDialogue,
     validator: validateDate
   });

package/modern/MobileDateTimePicker/MobileDateTimePicker.js

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

package/modern/MobileTimePicker/MobileTimePicker.js

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

package/modern/StaticDatePicker/StaticDatePicker.js

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

package/modern/StaticDateTimePicker/StaticDateTimePicker.js

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

package/modern/StaticTimePicker/StaticTimePicker.js

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

package/modern/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/modern/internals/hooks/useDesktopPicker/useDesktopPicker.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["ownerState"],
-  _excluded2 = ["ownerState"];
+const _excluded = ["props", "getOpenDialogAriaText"],
+  _excluded2 = ["ownerState"],
+  _excluded3 = ["ownerState"];
 import * as React from 'react';
 import { useSlotProps } from '@mui/base/utils';
 import MuiInputAdornment from '@mui/material/InputAdornment';
@@ -21,12 +22,12 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
  * - DesktopDateTimePicker
  * - DesktopTimePicker
  */
-export const useDesktopPicker = ({
-  props,
-  valueManager,
-  getOpenDialogAriaText,
-  validator
-}) => {
+export const useDesktopPicker = _ref => {
+  let {
+      props,
+      getOpenDialogAriaText
+    } = _ref,
+    pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
   const {
     slots,
     slotProps: innerSlotProps,
@@ -54,15 +55,13 @@ export const useDesktopPicker = ({
     renderCurrentView,
     shouldRestoreFocus,
     fieldProps: pickerFieldProps
-  } = usePicker({
+  } = usePicker(_extends({}, pickerParams, {
     props,
     inputRef: internalInputRef,
-    valueManager,
-    validator,
     autoFocusView: true,
     additionalViewProps: {},
     wrapperVariant: 'desktop'
-  });
+  }));
   const InputAdornment = slots.inputAdornment ?? MuiInputAdornment;
   const _useSlotProps = useSlotProps({
       elementType: InputAdornment,
@@ -72,7 +71,7 @@ export const useDesktopPicker = ({
       },
       ownerState: props
     }),
-    inputAdornmentProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded);
+    inputAdornmentProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
   const OpenPickerButton = slots.openPickerButton ?? IconButton;
   const _useSlotProps2 = useSlotProps({
       elementType: OpenPickerButton,
@@ -85,7 +84,7 @@ export const useDesktopPicker = ({
       },
       ownerState: props
     }),
-    openPickerButtonProps = _objectWithoutPropertiesLoose(_useSlotProps2, _excluded2);
+    openPickerButtonProps = _objectWithoutPropertiesLoose(_useSlotProps2, _excluded3);
   const OpenPickerIcon = slots.openPickerIcon;
   const Field = slots.field;
   const fieldProps = useSlotProps({

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

@@ -37,7 +37,7 @@ export 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/modern/internals/hooks/useMobilePicker/useMobilePicker.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["props", "getOpenDialogAriaText"];
 import * as React from 'react';
 import { useSlotProps } from '@mui/base/utils';
 import useForkRef from '@mui/utils/useForkRef';
@@ -17,12 +19,12 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
  * - MobileDateTimePicker
  * - MobileTimePicker
  */
-export const useMobilePicker = ({
-  props,
-  valueManager,
-  getOpenDialogAriaText,
-  validator
-}) => {
+export const useMobilePicker = _ref => {
+  let {
+      props,
+      getOpenDialogAriaText
+    } = _ref,
+    pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
   const {
     slots,
     slotProps: innerSlotProps,
@@ -46,15 +48,13 @@ export const useMobilePicker = ({
     layoutProps,
     renderCurrentView,
     fieldProps: pickerFieldProps
-  } = usePicker({
+  } = usePicker(_extends({}, pickerParams, {
     props,
     inputRef: internalInputRef,
-    valueManager,
-    validator,
     autoFocusView: true,
     additionalViewProps: {},
     wrapperVariant: 'mobile'
-  });
+  }));
   const Field = slots.field;
   const fieldProps = useSlotProps({
     elementType: Field,

package/modern/internals/hooks/usePicker/usePicker.js

@@ -6,6 +6,7 @@ const warnRenderInputIsDefined = buildWarning(['The `renderInput` prop has been
 export const usePicker = ({
   props,
   valueManager,
+  valueType,
   wrapperVariant,
   inputRef,
   additionalViewProps,
@@ -20,6 +21,7 @@ export const usePicker = ({
   const pickerValueResponse = usePickerValue({
     props,
     valueManager,
+    valueType,
     wrapperVariant,
     validator
   });

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

@@ -97,6 +97,7 @@ const shouldClosePicker = params => {
 export const usePickerValue = ({
   props,
   valueManager,
+  valueType,
   wrapperVariant,
   validator
 }) => {
@@ -200,18 +201,15 @@ export const usePickerValue = ({
       setIsOpen(false);
     }
   });
-  React.useEffect(() => {
-    if (isOpen) {
-      setDateState(prev => _extends({}, 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 => _extends({}, prev, {
-      lastControlledValue: inValue,
-      draft: inValue
+      lastControlledValue: inValue
+    }, isUpdateComingFromPicker ? {} : {
+      lastCommittedValue: inValue,
+      lastPublishedValue: inValue,
+      draft: inValue,
+      hasBeenModifiedSinceMount: true
     }));
   }
   const handleClear = useEventCallback(() => {
@@ -244,7 +242,7 @@ export const usePickerValue = ({
   });
   const handleSetToday = useEventCallback(() => {
     updateDate({
-      value: valueManager.getTodayValue(utils),
+      value: valueManager.getTodayValue(utils, valueType),
       name: 'setValueFromAction',
       pickerAction: 'today'
     });

package/modern/internals/hooks/useStaticPicker/useStaticPicker.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["props", "ref"];
 import * as React from 'react';
 import clsx from 'clsx';
 import { styled } from '@mui/material/styles';
@@ -21,12 +23,12 @@ const PickerStaticLayout = styled(PickersLayout)(({
  * - StaticDateTimePicker
  * - StaticTimePicker
  */
-export const useStaticPicker = ({
-  props,
-  valueManager,
-  validator,
-  ref
-}) => {
+export const useStaticPicker = _ref => {
+  let {
+      props,
+      ref
+    } = _ref,
+    pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
   const {
     localeText,
     slots,
@@ -39,14 +41,12 @@ export const useStaticPicker = ({
   const {
     layoutProps,
     renderCurrentView
-  } = usePicker({
+  } = usePicker(_extends({}, pickerParams, {
     props,
-    valueManager,
-    validator,
     autoFocusView: autoFocus ?? false,
     additionalViewProps: {},
     wrapperVariant: displayStaticWrapperAs
-  });
+  }));
   const Layout = slots?.layout ?? PickerStaticLayout;
   const renderPicker = () => /*#__PURE__*/_jsx(LocalizationProvider, {
     localeText: localeText,

package/modern/internals/utils/valueManagers.js

@@ -2,7 +2,7 @@ import { areDatesEqual, replaceInvalidDateByNull } from './date-utils';
 import { addPositionPropertiesToSections, createDateStrForInputFromSections } from '../hooks/useField/useField.utils';
 export const singleItemValueManager = {
   emptyValue: null,
-  getTodayValue: utils => utils.date(),
+  getTodayValue: (utils, valueType) => valueType === 'date' ? utils.startOfDay(utils.date()) : utils.date(),
   cleanValue: replaceInvalidDateByNull,
   areValuesEqual: areDatesEqual,
   isSameError: (a, b) => a === b,

package/node/DesktopDatePicker/DesktopDatePicker.js

@@ -54,6 +54,7 @@ const DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DesktopDatePick
   } = (0, _useDesktopPicker.useDesktopPicker)({
     props,
     valueManager: _valueManagers.singleItemValueManager,
+    valueType: 'date',
     getOpenDialogAriaText: localeText.openDatePickerDialogue,
     validator: _internals.validateDate
   });

package/node/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -62,6 +62,7 @@ const DesktopDateTimePicker = /*#__PURE__*/React.forwardRef(function DesktopDate
   } = (0, _useDesktopPicker.useDesktopPicker)({
     props,
     valueManager: _valueManagers.singleItemValueManager,
+    valueType: 'date-time',
     getOpenDialogAriaText: localeText.openDatePickerDialogue,
     validator: _internals.validateDateTime
   });

package/node/DesktopTimePicker/DesktopTimePicker.js

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

package/node/LocalizationProvider/LocalizationProvider.js

@@ -100,7 +100,7 @@ process.env.NODE_ENV !== "production" ? LocalizationProvider.propTypes = {
   children: _propTypes.default.node,
   /**
    * Date library adapter class function.
-   * @see See the localization provider {@link https://mui.com/x/react-date-pickers/getting-started/#code-setup code setup section} for more details.
+   * @see See the localization provider {@link https://mui.com/x/react-date-pickers/getting-started/#setup-your-date-library-adapter date adapter setup section} for more details.
    */
   dateAdapter: _propTypes.default.func,
   /**

package/node/MobileDatePicker/MobileDatePicker.js

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