@mui/x-date-pickers 6.2.0 → 6.2.1

package/CHANGELOG.md

@@ -3,9 +3,57 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.2.1
+
+_Apr 20, 2023_
+
+We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 Add virtualization to row detail panels (#7969) @yaredtsy
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### `@mui/x-data-grid@v6.2.1` / `@mui/x-data-grid-pro@v6.2.1` / `@mui/x-data-grid-premium@v6.2.1`
+
+#### Changes
+
+- [DataGrid] Add `getTogglableColumns` to `Hide all` and `Show all` actions (#8496) @MBilalShafi
+- [DataGrid] Add Grid + Joy UI experiment page (#8067) @cherniavskii
+- [DataGrid] Fix print style when rendering inside Shadow DOM (#8656) @Bwatermelon
+- [DataGrid] Replace `GridAutoSizer` with `ResizeObserver` (#8091) @m4theushw
+- [DataGrid] Use stable ID for the placeholder filter item (#8603) @m4theushw
+- [DataGridPro] Virtualize row detail panels (#7969) @yaredtsy
+
+### `@mui/x-date-pickers@v6.2.1` / `@mui/x-date-pickers-pro@v6.2.1`
+
+#### Changes
+
+- [pickers] Do not include the time in date components when going to today (#8657) @flaviendelangle
+- [pickers] Sync internal state with controlled value (#8674) @alexfauquette
+
+### `@mui/x-codemod@v6.0.6`
+
+#### Changes
+
+- [codemod] Avoid filter failures on object prototype properties (#8647) @LukasTy
+
+### Docs
+
+- [docs] Add no-op service worker to fix stale cache issue (#8598) @cherniavskii
+- [docs] Clarify what `AdapterDayjs` is in the Getting Started page (#8219) @flaviendelangle
+- [docs] Fix typo on picker page description (#8611) @maxolasersquad
+- [docs] Improve section title in Getting Started page (#8648) @flaviendelangle
+- [docs] Inform about input format modification (#8458) @alexfauquette
+
+### Core
+
+- [core] Fix release date (#8618) @flaviendelangle
+- [core] Upgrade monorepo (#8668) @MBilalShafi
+- [charts] Support Tooltip (#8356) @alexfauquette
+
 ## 6.2.0
 
-_Apr 13, 2023_
+_Apr 14, 2023_
 
 We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
 

package/DesktopDatePicker/DesktopDatePicker.js

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

package/DesktopDateTimePicker/DesktopDateTimePicker.js

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

package/DesktopTimePicker/DesktopTimePicker.js

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

package/LocalizationProvider/LocalizationProvider.d.ts

@@ -17,7 +17,7 @@ export interface LocalizationProviderProps<TDate> {
     children?: React.ReactNode;
     /**
      * 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?: new (...args: any) => MuiPickersAdapter<TDate>;
     /** Formats that are used for any child pickers */

package/LocalizationProvider/LocalizationProvider.js

@@ -90,7 +90,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/MobileDatePicker/MobileDatePicker.js

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

package/MobileDateTimePicker/MobileDateTimePicker.js

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

package/MobileTimePicker/MobileTimePicker.js

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

package/StaticDatePicker/StaticDatePicker.js

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

package/StaticDateTimePicker/StaticDateTimePicker.js

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

package/StaticTimePicker/StaticTimePicker.js

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

package/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/internals/hooks/useDesktopPicker/useDesktopPicker.d.ts

@@ -7,6 +7,6 @@ import { DateOrTimeView } from '../../../models';
  * - DesktopDateTimePicker
  * - DesktopTimePicker
  */
-export declare const useDesktopPicker: <TDate, TView extends DateOrTimeView, TExternalProps extends UseDesktopPickerProps<TDate, TView, any, TExternalProps>>({ props, valueManager, getOpenDialogAriaText, validator, }: UseDesktopPickerParams<TDate, TView, TExternalProps>) => {
+export declare const useDesktopPicker: <TDate, TView extends DateOrTimeView, TExternalProps extends UseDesktopPickerProps<TDate, TView, any, TExternalProps>>({ props, getOpenDialogAriaText, ...pickerParams }: UseDesktopPickerParams<TDate, TView, TExternalProps>) => {
     renderPicker: () => JSX.Element;
 };

package/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,13 +22,13 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
  * - DesktopDateTimePicker
  * - DesktopTimePicker
  */
-export const useDesktopPicker = ({
-  props,
-  valueManager,
-  getOpenDialogAriaText,
-  validator
-}) => {
+export const useDesktopPicker = _ref => {
   var _innerSlotProps$toolb, _innerSlotProps$toolb2, _slots$inputAdornment, _slots$openPickerButt, _slots$layout;
+  let {
+      props,
+      getOpenDialogAriaText
+    } = _ref,
+    pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
   const {
     slots,
     slotProps: innerSlotProps,
@@ -55,15 +56,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 = slots.inputAdornment) != null ? _slots$inputAdornment : MuiInputAdornment;
   const _useSlotProps = useSlotProps({
       elementType: InputAdornment,
@@ -73,7 +72,7 @@ export const useDesktopPicker = ({
       },
       ownerState: props
     }),
-    inputAdornmentProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded);
+    inputAdornmentProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
   const OpenPickerButton = (_slots$openPickerButt = slots.openPickerButton) != null ? _slots$openPickerButt : IconButton;
   const _useSlotProps2 = useSlotProps({
       elementType: OpenPickerButton,
@@ -86,7 +85,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/internals/hooks/useDesktopPicker/useDesktopPicker.types.d.ts

@@ -64,7 +64,7 @@ export interface UseDesktopPickerProps<TDate, TView extends DateOrTimeView, TErr
      */
     slotProps?: UseDesktopPickerSlotsComponentsProps<TDate, TView>;
 }
-export interface UseDesktopPickerParams<TDate, TView extends DateOrTimeView, TExternalProps extends UseDesktopPickerProps<TDate, TView, any, TExternalProps>> extends Pick<UsePickerParams<TDate | null, TDate, TView, FieldSection, TExternalProps, {}>, 'valueManager' | 'validator'> {
+export interface UseDesktopPickerParams<TDate, TView extends DateOrTimeView, TExternalProps extends UseDesktopPickerProps<TDate, TView, any, TExternalProps>> extends Pick<UsePickerParams<TDate | null, TDate, TView, FieldSection, TExternalProps, {}>, 'valueManager' | 'valueType' | 'validator'> {
     props: TExternalProps;
     getOpenDialogAriaText: (date: TDate | null, utils: MuiPickersAdapter<TDate>) => string;
 }

package/internals/hooks/useField/useField.types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FieldSectionType, FieldSection, FieldSelectedSections, MuiPickersAdapter } from '../../../models';
+import { FieldSectionType, FieldSection, FieldSelectedSections, MuiPickersAdapter, FieldValueType } from '../../../models';
 import type { PickerValueManager } from '../usePicker';
 import { InferError, Validator } from '../validation/useValidation';
 export interface UseFieldParams<TValue, TDate, TSection extends FieldSection, TForwardedProps extends UseFieldForwardedProps, TInternalProps extends UseFieldInternalProps<any, any, any>> {
@@ -249,7 +249,6 @@ export type UseFieldValidationProps<TValue, TInternalProps extends {
     value: TValue;
 };
 export type AvailableAdjustKeyCode = 'ArrowUp' | 'ArrowDown' | 'PageUp' | 'PageDown' | 'Home' | 'End';
-export type FieldValueType = 'date' | 'time' | 'date-time';
 export type SectionNeighbors = {
     [sectionIndex: number]: {
         /**

package/internals/hooks/useField/useField.utils.d.ts

@@ -1,5 +1,5 @@
-import { AvailableAdjustKeyCode, FieldSectionsValueBoundaries, SectionOrdering, FieldValueType, FieldSectionWithoutPosition, FieldSectionValueBoundaries } from './useField.types';
-import { FieldSectionType, FieldSection, MuiPickersAdapter } from '../../../models';
+import { AvailableAdjustKeyCode, FieldSectionsValueBoundaries, SectionOrdering, FieldSectionWithoutPosition, FieldSectionValueBoundaries } from './useField.types';
+import { FieldSectionType, FieldValueType, FieldSection, MuiPickersAdapter } from '../../../models';
 import { PickersLocaleText } from '../../../locales/utils/pickersLocaleTextApi';
 export declare const getDateSectionConfigFromFormatToken: <TDate>(utils: MuiPickersAdapter<TDate>, formatToken: string) => Pick<FieldSection, 'type' | 'contentType'>;
 export declare const getDaysInWeekStr: <TDate>(utils: MuiPickersAdapter<TDate>, format: string) => string[];

package/internals/hooks/useField/useFieldState.js

@@ -38,7 +38,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/internals/hooks/useMobilePicker/useMobilePicker.d.ts

@@ -7,6 +7,6 @@ import { DateOrTimeView } from '../../../models';
  * - MobileDateTimePicker
  * - MobileTimePicker
  */
-export declare const useMobilePicker: <TDate, TView extends DateOrTimeView, TExternalProps extends UseMobilePickerProps<TDate, TView, any, TExternalProps>>({ props, valueManager, getOpenDialogAriaText, validator, }: UseMobilePickerParams<TDate, TView, TExternalProps>) => {
+export declare const useMobilePicker: <TDate, TView extends DateOrTimeView, TExternalProps extends UseMobilePickerProps<TDate, TView, any, TExternalProps>>({ props, getOpenDialogAriaText, ...pickerParams }: UseMobilePickerParams<TDate, TView, TExternalProps>) => {
     renderPicker: () => JSX.Element;
 };

package/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,13 +19,13 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
  * - MobileDateTimePicker
  * - MobileTimePicker
  */
-export const useMobilePicker = ({
-  props,
-  valueManager,
-  getOpenDialogAriaText,
-  validator
-}) => {
+export const useMobilePicker = _ref => {
   var _innerSlotProps$toolb, _innerSlotProps$toolb2, _slots$layout;
+  let {
+      props,
+      getOpenDialogAriaText
+    } = _ref,
+    pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
   const {
     slots,
     slotProps: innerSlotProps,
@@ -47,15 +49,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/internals/hooks/useMobilePicker/useMobilePicker.types.d.ts

@@ -41,7 +41,7 @@ export interface UseMobilePickerProps<TDate, TView extends DateOrTimeView, TErro
      */
     slotProps?: UseMobilePickerSlotsComponentsProps<TDate, TView>;
 }
-export interface UseMobilePickerParams<TDate, TView extends DateOrTimeView, TExternalProps extends UseMobilePickerProps<TDate, TView, any, TExternalProps>> extends Pick<UsePickerParams<TDate | null, TDate, TView, FieldSection, TExternalProps, {}>, 'valueManager' | 'validator'> {
+export interface UseMobilePickerParams<TDate, TView extends DateOrTimeView, TExternalProps extends UseMobilePickerProps<TDate, TView, any, TExternalProps>> extends Pick<UsePickerParams<TDate | null, TDate, TView, FieldSection, TExternalProps, {}>, 'valueManager' | 'valueType' | 'validator'> {
     props: TExternalProps;
     getOpenDialogAriaText: (date: TDate | null, utils: MuiPickersAdapter<TDate>) => string;
 }

package/internals/hooks/usePicker/usePicker.d.ts

@@ -1,4 +1,4 @@
 import { UsePickerParams, UsePickerProps, UsePickerResponse } from './usePicker.types';
 import { InferError } from '../validation/useValidation';
 import { FieldSection, DateOrTimeView } from '../../../models';
-export declare const usePicker: <TValue, TDate, TView extends DateOrTimeView, TSection extends FieldSection, TExternalProps extends UsePickerProps<TValue, TView, TSection, any, any, any>, TAdditionalProps extends {}>({ props, valueManager, wrapperVariant, inputRef, additionalViewProps, validator, autoFocusView, }: UsePickerParams<TValue, TDate, TView, TSection, TExternalProps, TAdditionalProps>) => UsePickerResponse<TValue, TView, TSection, InferError<TExternalProps>>;
+export declare const usePicker: <TValue, TDate, TView extends DateOrTimeView, TSection extends FieldSection, TExternalProps extends UsePickerProps<TValue, TView, TSection, any, any, any>, TAdditionalProps extends {}>({ props, valueManager, valueType, wrapperVariant, inputRef, additionalViewProps, validator, autoFocusView, }: UsePickerParams<TValue, TDate, TView, TSection, TExternalProps, TAdditionalProps>) => UsePickerResponse<TValue, TView, TSection, InferError<TExternalProps>>;

package/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/internals/hooks/usePicker/usePicker.types.d.ts

@@ -9,7 +9,7 @@ export interface UsePickerBaseProps<TValue, TView extends DateOrTimeView, TError
 }
 export interface UsePickerProps<TValue, TView extends DateOrTimeView, TSection extends FieldSection, TError, TExternalProps extends UsePickerViewsProps<TValue, TView, any, any>, TAdditionalProps extends {}> extends UsePickerValueProps<TValue, TSection, TError>, UsePickerViewsProps<TValue, TView, TExternalProps, TAdditionalProps>, UsePickerLayoutProps {
 }
-export interface UsePickerParams<TValue, TDate, TView extends DateOrTimeView, TSection extends FieldSection, TExternalProps extends UsePickerProps<TValue, TView, TSection, any, any, any>, TAdditionalProps extends {}> extends Pick<UsePickerValueParams<TValue, TDate, TSection, TExternalProps>, 'valueManager' | 'wrapperVariant' | 'validator'>, Pick<UsePickerViewParams<TValue, TView, TExternalProps, TAdditionalProps>, 'additionalViewProps' | 'inputRef' | 'autoFocusView'> {
+export interface UsePickerParams<TValue, TDate, TView extends DateOrTimeView, TSection extends FieldSection, TExternalProps extends UsePickerProps<TValue, TView, TSection, any, any, any>, TAdditionalProps extends {}> extends Pick<UsePickerValueParams<TValue, TDate, TSection, TExternalProps>, 'valueManager' | 'valueType' | 'wrapperVariant' | 'validator'>, Pick<UsePickerViewParams<TValue, TView, TExternalProps, TAdditionalProps>, 'additionalViewProps' | 'inputRef' | 'autoFocusView'> {
     props: TExternalProps;
 }
 export interface UsePickerResponse<TValue, TView extends DateOrTimeView, TSection extends FieldSection, TError> extends Omit<UsePickerValueResponse<TValue, TSection, TError>, 'viewProps' | 'layoutProps'>, Omit<UsePickerViewsResponse<TView>, 'layoutProps'>, UsePickerLayoutPropsResponse<TValue, TView> {

package/internals/hooks/usePicker/usePickerValue.d.ts

@@ -4,4 +4,4 @@ import { UsePickerValueProps, UsePickerValueParams, UsePickerValueResponse } fro
 /**
  * Manage the value lifecycle of all the pickers.
  */
-export declare const usePickerValue: <TValue, TDate, TSection extends FieldSection, TExternalProps extends UsePickerValueProps<TValue, TSection, any>>({ props, valueManager, wrapperVariant, validator, }: UsePickerValueParams<TValue, TDate, TSection, TExternalProps>) => UsePickerValueResponse<TValue, TSection, InferError<TExternalProps>>;
+export declare const usePickerValue: <TValue, TDate, TSection extends FieldSection, TExternalProps extends UsePickerValueProps<TValue, TSection, any>>({ props, valueManager, valueType, wrapperVariant, validator, }: UsePickerValueParams<TValue, TDate, TSection, TExternalProps>) => UsePickerValueResponse<TValue, TSection, InferError<TExternalProps>>;

package/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/internals/hooks/usePicker/usePickerValue.types.d.ts

@@ -2,7 +2,7 @@ import { FieldChangeHandlerContext, UseFieldInternalProps } from '../useField';
 import { InferError, Validator } from '../validation/useValidation';
 import { UseFieldValidationProps } from '../useField/useField.types';
 import { WrapperVariant } from '../../models/common';
-import { FieldSection, FieldSelectedSections, MuiPickersAdapter } from '../../../models';
+import { FieldSection, FieldSelectedSections, FieldValueType, MuiPickersAdapter } from '../../../models';
 export interface PickerValueManager<TValue, TDate, TError> {
     /**
      * Determines if two values are equal.
@@ -21,9 +21,10 @@ export interface PickerValueManager<TValue, TDate, TError> {
      * Method returning the value to set when clicking the "Today" button
      * @template TDate, TValue
      * @param {MuiPickersAdapter<TDate>} utils The adapter.
+     * @param {FieldValueType} valueType The type of the value being edited.
      * @returns {TValue} The value to set when clicking the "Today" button.
      */
-    getTodayValue: (utils: MuiPickersAdapter<TDate>) => TValue;
+    getTodayValue: (utils: MuiPickersAdapter<TDate>, valueType: FieldValueType) => TValue;
     /**
      * Method parsing the input value to replace all invalid dates by `null`.
      * @template TDate, TValue
@@ -193,6 +194,7 @@ export interface UsePickerValueProps<TValue, TSection extends FieldSection, TErr
 export interface UsePickerValueParams<TValue, TDate, TSection extends FieldSection, TExternalProps extends UsePickerValueProps<TValue, TSection, any>> {
     props: TExternalProps;
     valueManager: PickerValueManager<TValue, TDate, InferError<TExternalProps>>;
+    valueType: FieldValueType;
     wrapperVariant: WrapperVariant;
     validator: Validator<TValue, TDate, InferError<TExternalProps>, UseFieldValidationProps<TValue, TExternalProps>>;
 }

package/internals/hooks/useStaticPicker/useStaticPicker.d.ts

@@ -7,6 +7,6 @@ import { DateOrTimeView } from '../../../models';
  * - StaticDateTimePicker
  * - StaticTimePicker
  */
-export declare const useStaticPicker: <TDate, TView extends DateOrTimeView, TExternalProps extends UseStaticPickerProps<TDate, TView, any, TExternalProps>>({ props, valueManager, validator, ref, }: UseStaticPickerParams<TDate, TView, TExternalProps>) => {
+export declare const useStaticPicker: <TDate, TView extends DateOrTimeView, TExternalProps extends UseStaticPickerProps<TDate, TView, any, TExternalProps>>({ props, ref, ...pickerParams }: UseStaticPickerParams<TDate, TView, TExternalProps>) => {
     renderPicker: () => JSX.Element;
 };

package/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,13 +23,13 @@ const PickerStaticLayout = styled(PickersLayout)(({
  * - StaticDateTimePicker
  * - StaticTimePicker
  */
-export const useStaticPicker = ({
-  props,
-  valueManager,
-  validator,
-  ref
-}) => {
+export const useStaticPicker = _ref => {
   var _slots$layout;
+  let {
+      props,
+      ref
+    } = _ref,
+    pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
   const {
     localeText,
     slots,
@@ -40,14 +42,12 @@ export const useStaticPicker = ({
   const {
     layoutProps,
     renderCurrentView
-  } = usePicker({
+  } = usePicker(_extends({}, pickerParams, {
     props,
-    valueManager,
-    validator,
     autoFocusView: autoFocus != null ? autoFocus : false,
     additionalViewProps: {},
     wrapperVariant: displayStaticWrapperAs
-  });
+  }));
   const Layout = (_slots$layout = slots == null ? void 0 : slots.layout) != null ? _slots$layout : PickerStaticLayout;
   const renderPicker = () => {
     var _slotProps$layout, _slotProps$layout2, _slotProps$layout3;

package/internals/hooks/useStaticPicker/useStaticPicker.types.d.ts

@@ -50,7 +50,7 @@ export interface UseStaticPickerProps<TDate, TView extends DateOrTimeView, TErro
      */
     slotProps?: UseStaticPickerSlotsComponentsProps<TDate, TView>;
 }
-export interface UseStaticPickerParams<TDate, TView extends DateOrTimeView, TExternalProps extends UseStaticPickerProps<TDate, TView, any, TExternalProps>> extends Pick<UsePickerParams<TDate | null, TDate, TView, FieldSection, TExternalProps, {}>, 'valueManager' | 'validator'> {
+export interface UseStaticPickerParams<TDate, TView extends DateOrTimeView, TExternalProps extends UseStaticPickerProps<TDate, TView, any, TExternalProps>> extends Pick<UsePickerParams<TDate | null, TDate, TView, FieldSection, TExternalProps, {}>, 'valueManager' | 'valueType' | 'validator'> {
     props: TExternalProps;
     /**
      * Ref to pass to the root element

package/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/legacy/DesktopDatePicker/DesktopDatePicker.js

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

package/legacy/DesktopDateTimePicker/DesktopDateTimePicker.js

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

package/legacy/DesktopTimePicker/DesktopTimePicker.js

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

package/legacy/LocalizationProvider/LocalizationProvider.js

@@ -87,7 +87,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/legacy/MobileDatePicker/MobileDatePicker.js

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

package/legacy/MobileDateTimePicker/MobileDateTimePicker.js

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

package/legacy/MobileTimePicker/MobileTimePicker.js

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

package/legacy/StaticDatePicker/StaticDatePicker.js

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