@mui/x-date-pickers-pro 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/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -41,6 +41,7 @@ const DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function DesktopDat
   } = useDesktopRangePicker({
     props,
     valueManager: rangeValueManager,
+    valueType: 'date',
     validator: validateDateRange
   });
   return renderPicker();

package/MobileDateRangePicker/MobileDateRangePicker.js

@@ -44,6 +44,7 @@ const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateR
   } = useMobileRangePicker({
     props,
     valueManager: rangeValueManager,
+    valueType: 'date',
     validator: validateDateRange
   });
   return renderPicker();

package/StaticDateRangePicker/StaticDateRangePicker.js

@@ -32,6 +32,7 @@ const StaticDateRangePicker = /*#__PURE__*/React.forwardRef(function StaticDateR
   } = useStaticRangePicker({
     props,
     valueManager: rangeValueManager,
+    valueType: 'date',
     validator: validateDateRange,
     ref
   });

package/index.js

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

package/internal/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { DateOrTimeView } from '@mui/x-date-pickers/models';
 import { UseDesktopRangePickerParams, UseDesktopRangePickerProps } from './useDesktopRangePicker.types';
-export declare const useDesktopRangePicker: <TDate, TView extends DateOrTimeView, TExternalProps extends UseDesktopRangePickerProps<TDate, TView, any, TExternalProps>>({ props, valueManager, validator, }: UseDesktopRangePickerParams<TDate, TView, TExternalProps>) => {
+export declare const useDesktopRangePicker: <TDate, TView extends DateOrTimeView, TExternalProps extends UseDesktopRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseDesktopRangePickerParams<TDate, TView, TExternalProps>) => {
     renderPicker: () => JSX.Element;
 };

package/internal/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["props"];
 import * as React from 'react';
 import { useSlotProps } from '@mui/base/utils';
 import { useLicenseVerifier } from '@mui/x-license-pro';
@@ -11,12 +13,12 @@ import { useRangePosition } from '../useRangePosition';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const releaseInfo = getReleaseInfo();
-export const useDesktopRangePicker = ({
-  props,
-  valueManager,
-  validator
-}) => {
+export const useDesktopRangePicker = _ref => {
   var _fieldType, _slots$layout;
+  let {
+      props
+    } = _ref,
+    pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
   useLicenseVerifier('x-date-pickers-pro', releaseInfo);
   const {
     slots,
@@ -47,17 +49,15 @@ export const useDesktopRangePicker = ({
     renderCurrentView,
     shouldRestoreFocus,
     fieldProps: pickerFieldProps
-  } = usePicker({
+  } = usePicker(_extends({}, pickerParams, {
     props,
-    valueManager,
     wrapperVariant: 'desktop',
-    validator,
     autoFocusView: true,
     additionalViewProps: {
       rangePosition,
       onRangePositionChange
     }
-  });
+  }));
   const handleBlur = () => {
     executeInTheNextEventLoopTick(() => {
       var _fieldContainerRef$cu, _popperRef$current;

package/internal/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.ts

@@ -29,6 +29,6 @@ export interface UseDesktopRangePickerProps<TDate, TView extends DateOrTimeView,
 }
 export interface DesktopRangePickerAdditionalViewProps extends Pick<UseRangePositionResponse, 'rangePosition' | 'onRangePositionChange'> {
 }
-export interface UseDesktopRangePickerParams<TDate, TView extends DateOrTimeView, TExternalProps extends UseDesktopRangePickerProps<TDate, TView, any, TExternalProps>> extends Pick<UsePickerParams<DateRange<TDate>, TDate, TView, RangeFieldSection, TExternalProps, DesktopRangePickerAdditionalViewProps>, 'valueManager' | 'validator'> {
+export interface UseDesktopRangePickerParams<TDate, TView extends DateOrTimeView, TExternalProps extends UseDesktopRangePickerProps<TDate, TView, any, TExternalProps>> extends Pick<UsePickerParams<DateRange<TDate>, TDate, TView, RangeFieldSection, TExternalProps, DesktopRangePickerAdditionalViewProps>, 'valueManager' | 'valueType' | 'validator'> {
     props: TExternalProps;
 }

package/internal/hooks/useMobileRangePicker/useMobileRangePicker.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { DateOrTimeView } from '@mui/x-date-pickers/models';
 import { UseMobileRangePickerParams, UseMobileRangePickerProps } from './useMobileRangePicker.types';
-export declare const useMobileRangePicker: <TDate, TView extends DateOrTimeView, TExternalProps extends UseMobileRangePickerProps<TDate, TView, any, TExternalProps>>({ props, valueManager, validator, }: UseMobileRangePickerParams<TDate, TView, TExternalProps>) => {
+export declare const useMobileRangePicker: <TDate, TView extends DateOrTimeView, TExternalProps extends UseMobileRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ...pickerParams }: UseMobileRangePickerParams<TDate, TView, TExternalProps>) => {
     renderPicker: () => JSX.Element;
 };

package/internal/hooks/useMobileRangePicker/useMobileRangePicker.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["props"];
 import * as React from 'react';
 import { useSlotProps } from '@mui/base/utils';
 import { useLicenseVerifier } from '@mui/x-license-pro';
@@ -12,12 +14,12 @@ import { useRangePosition } from '../useRangePosition';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const releaseInfo = getReleaseInfo();
-export const useMobileRangePicker = ({
-  props,
-  valueManager,
-  validator
-}) => {
+export const useMobileRangePicker = _ref => {
   var _fieldType, _innerSlotProps$toolb, _innerSlotProps$toolb2, _slots$layout;
+  let {
+      props
+    } = _ref,
+    pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
   useLicenseVerifier('x-date-pickers-pro', releaseInfo);
   const {
     slots,
@@ -46,17 +48,15 @@ export const useMobileRangePicker = ({
     layoutProps,
     renderCurrentView,
     fieldProps: pickerFieldProps
-  } = usePicker({
+  } = usePicker(_extends({}, pickerParams, {
     props,
-    valueManager,
     wrapperVariant: 'mobile',
-    validator,
     autoFocusView: true,
     additionalViewProps: {
       rangePosition,
       onRangePositionChange
     }
-  });
+  }));
   const Field = slots.field;
   const fieldType = (_fieldType = Field.fieldType) != null ? _fieldType : 'multi-input';
   const fieldProps = useSlotProps({

package/internal/hooks/useMobileRangePicker/useMobileRangePicker.types.d.ts

@@ -25,6 +25,6 @@ export interface UseMobileRangePickerProps<TDate, TView extends DateOrTimeView,
 }
 export interface MobileRangePickerAdditionalViewProps extends Pick<UseRangePositionResponse, 'rangePosition' | 'onRangePositionChange'> {
 }
-export interface UseMobileRangePickerParams<TDate, TView extends DateOrTimeView, TExternalProps extends UseMobileRangePickerProps<TDate, TView, any, TExternalProps>> extends Pick<UsePickerParams<DateRange<TDate>, TDate, TView, RangeFieldSection, TExternalProps, MobileRangePickerAdditionalViewProps>, 'valueManager' | 'validator'> {
+export interface UseMobileRangePickerParams<TDate, TView extends DateOrTimeView, TExternalProps extends UseMobileRangePickerProps<TDate, TView, any, TExternalProps>> extends Pick<UsePickerParams<DateRange<TDate>, TDate, TView, RangeFieldSection, TExternalProps, MobileRangePickerAdditionalViewProps>, 'valueManager' | 'valueType' | 'validator'> {
     props: TExternalProps;
 }

package/internal/hooks/useStaticRangePicker/useStaticRangePicker.d.ts

@@ -5,6 +5,6 @@ import { UseStaticRangePickerParams, UseStaticRangePickerProps } from './useStat
  * Hook managing all the range static pickers:
  * - StaticDateRangePicker
  */
-export declare const useStaticRangePicker: <TDate, TView extends DateOrTimeView, TExternalProps extends UseStaticRangePickerProps<TDate, TView, any, TExternalProps>>({ props, valueManager, validator, ref, }: UseStaticRangePickerParams<TDate, TView, TExternalProps>) => {
+export declare const useStaticRangePicker: <TDate, TView extends DateOrTimeView, TExternalProps extends UseStaticRangePickerProps<TDate, TView, any, TExternalProps>>({ props, ref, ...pickerParams }: UseStaticRangePickerParams<TDate, TView, TExternalProps>) => {
     renderPicker: () => JSX.Element;
 };

package/internal/hooks/useStaticRangePicker/useStaticRangePicker.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';
@@ -19,13 +21,13 @@ const PickerStaticLayout = styled(PickersLayout)(({
  * Hook managing all the range static pickers:
  * - StaticDateRangePicker
  */
-export const useStaticRangePicker = ({
-  props,
-  valueManager,
-  validator,
-  ref
-}) => {
+export const useStaticRangePicker = _ref => {
   var _slots$layout;
+  let {
+      props,
+      ref
+    } = _ref,
+    pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
   const {
     localeText,
     slots,
@@ -42,17 +44,15 @@ export const useStaticRangePicker = ({
   const {
     layoutProps,
     renderCurrentView
-  } = usePicker({
+  } = usePicker(_extends({}, pickerParams, {
     props,
-    valueManager,
-    validator,
     autoFocusView: autoFocus != null ? autoFocus : false,
     additionalViewProps: {
       rangePosition,
       onRangePositionChange
     },
     wrapperVariant: displayStaticWrapperAs
-  });
+  }));
   const Layout = (_slots$layout = slots == null ? void 0 : slots.layout) != null ? _slots$layout : PickerStaticLayout;
   const slotPropsForLayout = _extends({}, slotProps, {
     toolbar: _extends({}, slotProps == null ? void 0 : slotProps.toolbar, {

package/internal/hooks/useStaticRangePicker/useStaticRangePicker.types.d.ts

@@ -24,7 +24,7 @@ export interface UseStaticRangePickerProps<TDate, TView extends DateOrTimeView,
      */
     slotProps?: UseStaticRangePickerSlotsComponentsProps<TDate, TView>;
 }
-export interface UseStaticRangePickerParams<TDate, TView extends DateOrTimeView, TExternalProps extends UseStaticRangePickerProps<TDate, TView, any, TExternalProps>> extends Pick<UsePickerParams<DateRange<TDate>, TDate, TView, RangeFieldSection, TExternalProps, {}>, 'valueManager' | 'validator'> {
+export interface UseStaticRangePickerParams<TDate, TView extends DateOrTimeView, TExternalProps extends UseStaticRangePickerProps<TDate, TView, any, TExternalProps>> extends Pick<UsePickerParams<DateRange<TDate>, TDate, TView, RangeFieldSection, TExternalProps, {}>, 'valueManager' | 'valueType' | 'validator'> {
     props: TExternalProps;
     /**
      * Ref to pass to the root element

package/internal/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY4MTQyMzIwMDAwMA==";
+  const releaseInfo = "MTY4MTkzMDgwMDAwMA==";
   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/internal/utils/valueManagers.js

@@ -3,7 +3,7 @@ import { replaceInvalidDateByNull, addPositionPropertiesToSections, createDateSt
 import { splitDateRangeSections, removeLastSeparator } from './date-fields-utils';
 export const rangeValueManager = {
   emptyValue: [null, null],
-  getTodayValue: utils => [utils.date(), utils.date()],
+  getTodayValue: (utils, valueType) => valueType === 'date' ? [utils.startOfDay(utils.date()), utils.startOfDay(utils.date())] : [utils.date(), utils.date()],
   cleanValue: (utils, value) => value.map(date => replaceInvalidDateByNull(utils, date)),
   areValuesEqual: (utils, a, b) => areDatesEqual(utils, a[0], b[0]) && areDatesEqual(utils, a[1], b[1]),
   isSameError: (a, b) => b !== null && a[1] === b[1] && a[0] === b[0],

package/legacy/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -39,6 +39,7 @@ var DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function DesktopDateR
   var _useDesktopRangePicke = useDesktopRangePicker({
       props: props,
       valueManager: rangeValueManager,
+      valueType: 'date',
       validator: validateDateRange
     }),
     renderPicker = _useDesktopRangePicke.renderPicker;

package/legacy/MobileDateRangePicker/MobileDateRangePicker.js

@@ -44,6 +44,7 @@ var MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateRan
   var _useMobileRangePicker = useMobileRangePicker({
       props: props,
       valueManager: rangeValueManager,
+      valueType: 'date',
       validator: validateDateRange
     }),
     renderPicker = _useMobileRangePicker.renderPicker;

package/legacy/StaticDateRangePicker/StaticDateRangePicker.js

@@ -30,6 +30,7 @@ var StaticDateRangePicker = /*#__PURE__*/React.forwardRef(function StaticDateRan
   var _useStaticRangePicker = useStaticRangePicker({
       props: props,
       valueManager: rangeValueManager,
+      valueType: 'date',
       validator: validateDateRange,
       ref: ref
     }),

package/legacy/index.js

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

package/legacy/internal/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["props"];
 import * as React from 'react';
 import { useSlotProps } from '@mui/base/utils';
 import { useLicenseVerifier } from '@mui/x-license-pro';
@@ -14,8 +16,7 @@ var releaseInfo = getReleaseInfo();
 export var useDesktopRangePicker = function useDesktopRangePicker(_ref) {
   var _fieldType, _slots$layout;
   var props = _ref.props,
-    valueManager = _ref.valueManager,
-    validator = _ref.validator;
+    pickerParams = _objectWithoutProperties(_ref, _excluded);
   useLicenseVerifier('x-date-pickers-pro', releaseInfo);
   var slots = props.slots,
     slotProps = props.slotProps,
@@ -36,17 +37,15 @@ export var useDesktopRangePicker = function useDesktopRangePicker(_ref) {
     rangePosition = _useRangePosition.rangePosition,
     onRangePositionChange = _useRangePosition.onRangePositionChange,
     singleInputFieldRef = _useRangePosition.singleInputFieldRef;
-  var _usePicker = usePicker({
+  var _usePicker = usePicker(_extends({}, pickerParams, {
       props: props,
-      valueManager: valueManager,
       wrapperVariant: 'desktop',
-      validator: validator,
       autoFocusView: true,
       additionalViewProps: {
         rangePosition: rangePosition,
         onRangePositionChange: onRangePositionChange
       }
-    }),
+    })),
     open = _usePicker.open,
     actions = _usePicker.actions,
     layoutProps = _usePicker.layoutProps,

package/legacy/internal/hooks/useMobileRangePicker/useMobileRangePicker.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["props"];
 import * as React from 'react';
 import { useSlotProps } from '@mui/base/utils';
 import { useLicenseVerifier } from '@mui/x-license-pro';
@@ -15,8 +17,7 @@ var releaseInfo = getReleaseInfo();
 export var useMobileRangePicker = function useMobileRangePicker(_ref) {
   var _fieldType, _innerSlotProps$toolb, _innerSlotProps$toolb2, _slots$layout;
   var props = _ref.props,
-    valueManager = _ref.valueManager,
-    validator = _ref.validator;
+    pickerParams = _objectWithoutProperties(_ref, _excluded);
   useLicenseVerifier('x-date-pickers-pro', releaseInfo);
   var slots = props.slots,
     innerSlotProps = props.slotProps,
@@ -36,17 +37,15 @@ export var useMobileRangePicker = function useMobileRangePicker(_ref) {
     singleInputFieldRef = _useRangePosition.singleInputFieldRef;
   var labelId = useId();
   var contextLocaleText = useLocaleText();
-  var _usePicker = usePicker({
+  var _usePicker = usePicker(_extends({}, pickerParams, {
       props: props,
-      valueManager: valueManager,
       wrapperVariant: 'mobile',
-      validator: validator,
       autoFocusView: true,
       additionalViewProps: {
         rangePosition: rangePosition,
         onRangePositionChange: onRangePositionChange
       }
-    }),
+    })),
     open = _usePicker.open,
     actions = _usePicker.actions,
     layoutProps = _usePicker.layoutProps,

package/legacy/internal/hooks/useStaticRangePicker/useStaticRangePicker.js

@@ -1,5 +1,7 @@
 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';
@@ -24,9 +26,8 @@ var PickerStaticLayout = styled(PickersLayout)(function (_ref) {
 export var useStaticRangePicker = function useStaticRangePicker(_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,
@@ -37,17 +38,15 @@ export var useStaticRangePicker = function useStaticRangePicker(_ref2) {
   var _useRangePosition = useRangePosition(props),
     rangePosition = _useRangePosition.rangePosition,
     onRangePositionChange = _useRangePosition.onRangePositionChange;
-  var _usePicker = usePicker({
+  var _usePicker = usePicker(_extends({}, pickerParams, {
       props: props,
-      valueManager: valueManager,
-      validator: validator,
       autoFocusView: autoFocus != null ? autoFocus : false,
       additionalViewProps: {
         rangePosition: rangePosition,
         onRangePositionChange: onRangePositionChange
       },
       wrapperVariant: displayStaticWrapperAs
-    }),
+    })),
     layoutProps = _usePicker.layoutProps,
     renderCurrentView = _usePicker.renderCurrentView;
   var Layout = (_slots$layout = slots == null ? void 0 : slots.layout) != null ? _slots$layout : PickerStaticLayout;

package/legacy/internal/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export var getReleaseInfo = function getReleaseInfo() {
-  var releaseInfo = "MTY4MTQyMzIwMDAwMA==";
+  var releaseInfo = "MTY4MTkzMDgwMDAwMA==";
   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/legacy/internal/utils/valueManagers.js

@@ -5,8 +5,8 @@ import { replaceInvalidDateByNull, addPositionPropertiesToSections, createDateSt
 import { splitDateRangeSections, removeLastSeparator } from './date-fields-utils';
 export var rangeValueManager = {
   emptyValue: [null, null],
-  getTodayValue: function getTodayValue(utils) {
-    return [utils.date(), utils.date()];
+  getTodayValue: function getTodayValue(utils, valueType) {
+    return valueType === 'date' ? [utils.startOfDay(utils.date()), utils.startOfDay(utils.date())] : [utils.date(), utils.date()];
   },
   cleanValue: function cleanValue(utils, value) {
     return value.map(function (date) {

package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -37,6 +37,7 @@ const DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function DesktopDat
   } = useDesktopRangePicker({
     props,
     valueManager: rangeValueManager,
+    valueType: 'date',
     validator: validateDateRange
   });
   return renderPicker();

package/modern/MobileDateRangePicker/MobileDateRangePicker.js

@@ -40,6 +40,7 @@ const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateR
   } = useMobileRangePicker({
     props,
     valueManager: rangeValueManager,
+    valueType: 'date',
     validator: validateDateRange
   });
   return renderPicker();

package/modern/StaticDateRangePicker/StaticDateRangePicker.js

@@ -31,6 +31,7 @@ const StaticDateRangePicker = /*#__PURE__*/React.forwardRef(function StaticDateR
   } = useStaticRangePicker({
     props,
     valueManager: rangeValueManager,
+    valueType: 'date',
     validator: validateDateRange,
     ref
   });

package/modern/index.js

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

package/modern/internal/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["props"];
 import * as React from 'react';
 import { useSlotProps } from '@mui/base/utils';
 import { useLicenseVerifier } from '@mui/x-license-pro';
@@ -11,11 +13,11 @@ import { useRangePosition } from '../useRangePosition';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const releaseInfo = getReleaseInfo();
-export const useDesktopRangePicker = ({
-  props,
-  valueManager,
-  validator
-}) => {
+export const useDesktopRangePicker = _ref => {
+  let {
+      props
+    } = _ref,
+    pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
   useLicenseVerifier('x-date-pickers-pro', releaseInfo);
   const {
     slots,
@@ -46,17 +48,15 @@ export const useDesktopRangePicker = ({
     renderCurrentView,
     shouldRestoreFocus,
     fieldProps: pickerFieldProps
-  } = usePicker({
+  } = usePicker(_extends({}, pickerParams, {
     props,
-    valueManager,
     wrapperVariant: 'desktop',
-    validator,
     autoFocusView: true,
     additionalViewProps: {
       rangePosition,
       onRangePositionChange
     }
-  });
+  }));
   const handleBlur = () => {
     executeInTheNextEventLoopTick(() => {
       if (fieldContainerRef.current?.contains(getActiveElement(document)) || popperRef.current?.contains(getActiveElement(document))) {

package/modern/internal/hooks/useMobileRangePicker/useMobileRangePicker.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["props"];
 import * as React from 'react';
 import { useSlotProps } from '@mui/base/utils';
 import { useLicenseVerifier } from '@mui/x-license-pro';
@@ -12,11 +14,11 @@ import { useRangePosition } from '../useRangePosition';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const releaseInfo = getReleaseInfo();
-export const useMobileRangePicker = ({
-  props,
-  valueManager,
-  validator
-}) => {
+export const useMobileRangePicker = _ref => {
+  let {
+      props
+    } = _ref,
+    pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
   useLicenseVerifier('x-date-pickers-pro', releaseInfo);
   const {
     slots,
@@ -45,17 +47,15 @@ export const useMobileRangePicker = ({
     layoutProps,
     renderCurrentView,
     fieldProps: pickerFieldProps
-  } = usePicker({
+  } = usePicker(_extends({}, pickerParams, {
     props,
-    valueManager,
     wrapperVariant: 'mobile',
-    validator,
     autoFocusView: true,
     additionalViewProps: {
       rangePosition,
       onRangePositionChange
     }
-  });
+  }));
   const Field = slots.field;
   const fieldType = Field.fieldType ?? 'multi-input';
   const fieldProps = useSlotProps({

package/modern/internal/hooks/useStaticRangePicker/useStaticRangePicker.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';
@@ -19,12 +21,12 @@ const PickerStaticLayout = styled(PickersLayout)(({
  * Hook managing all the range static pickers:
  * - StaticDateRangePicker
  */
-export const useStaticRangePicker = ({
-  props,
-  valueManager,
-  validator,
-  ref
-}) => {
+export const useStaticRangePicker = _ref => {
+  let {
+      props,
+      ref
+    } = _ref,
+    pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
   const {
     localeText,
     slots,
@@ -41,17 +43,15 @@ export const useStaticRangePicker = ({
   const {
     layoutProps,
     renderCurrentView
-  } = usePicker({
+  } = usePicker(_extends({}, pickerParams, {
     props,
-    valueManager,
-    validator,
     autoFocusView: autoFocus ?? false,
     additionalViewProps: {
       rangePosition,
       onRangePositionChange
     },
     wrapperVariant: displayStaticWrapperAs
-  });
+  }));
   const Layout = slots?.layout ?? PickerStaticLayout;
   const slotPropsForLayout = _extends({}, slotProps, {
     toolbar: _extends({}, slotProps?.toolbar, {

package/modern/internal/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY4MTQyMzIwMDAwMA==";
+  const releaseInfo = "MTY4MTkzMDgwMDAwMA==";
   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/modern/internal/utils/valueManagers.js

@@ -3,7 +3,7 @@ import { replaceInvalidDateByNull, addPositionPropertiesToSections, createDateSt
 import { splitDateRangeSections, removeLastSeparator } from './date-fields-utils';
 export const rangeValueManager = {
   emptyValue: [null, null],
-  getTodayValue: utils => [utils.date(), utils.date()],
+  getTodayValue: (utils, valueType) => valueType === 'date' ? [utils.startOfDay(utils.date()), utils.startOfDay(utils.date())] : [utils.date(), utils.date()],
   cleanValue: (utils, value) => value.map(date => replaceInvalidDateByNull(utils, date)),
   areValuesEqual: (utils, a, b) => areDatesEqual(utils, a[0], b[0]) && areDatesEqual(utils, a[1], b[1]),
   isSameError: (a, b) => b !== null && a[1] === b[1] && a[0] === b[0],

package/node/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -46,6 +46,7 @@ const DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function DesktopDat
   } = (0, _useDesktopRangePicker.useDesktopRangePicker)({
     props,
     valueManager: _valueManagers.rangeValueManager,
+    valueType: 'date',
     validator: _useDateRangeValidation.validateDateRange
   });
   return renderPicker();

package/node/MobileDateRangePicker/MobileDateRangePicker.js

@@ -49,6 +49,7 @@ const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateR
   } = (0, _useMobileRangePicker.useMobileRangePicker)({
     props,
     valueManager: _valueManagers.rangeValueManager,
+    valueType: 'date',
     validator: _useDateRangeValidation.validateDateRange
   });
   return renderPicker();

package/node/StaticDateRangePicker/StaticDateRangePicker.js

@@ -40,6 +40,7 @@ const StaticDateRangePicker = /*#__PURE__*/React.forwardRef(function StaticDateR
   } = (0, _useStaticRangePicker.useStaticRangePicker)({
     props,
     valueManager: _valueManagers.rangeValueManager,
+    valueType: 'date',
     validator: _useDateRangeValidation.validateDateRange,
     ref
   });

package/node/index.js

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

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useDesktopRangePicker = 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 _xLicensePro = require("@mui/x-license-pro");
@@ -16,14 +17,15 @@ var _useEnrichedRangePickerFieldProps = require("../useEnrichedRangePickerFieldP
 var _releaseInfo = require("../../utils/releaseInfo");
 var _useRangePosition = require("../useRangePosition");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["props"];
 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 releaseInfo = (0, _releaseInfo.getReleaseInfo)();
-const useDesktopRangePicker = ({
-  props,
-  valueManager,
-  validator
-}) => {
+const useDesktopRangePicker = _ref => {
+  let {
+      props
+    } = _ref,
+    pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   (0, _xLicensePro.useLicenseVerifier)('x-date-pickers-pro', releaseInfo);
   const {
     slots,
@@ -54,17 +56,15 @@ const useDesktopRangePicker = ({
     renderCurrentView,
     shouldRestoreFocus,
     fieldProps: pickerFieldProps
-  } = (0, _internals.usePicker)({
+  } = (0, _internals.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
-    valueManager,
     wrapperVariant: 'desktop',
-    validator,
     autoFocusView: true,
     additionalViewProps: {
       rangePosition,
       onRangePositionChange
     }
-  });
+  }));
   const handleBlur = () => {
     (0, _internals.executeInTheNextEventLoopTick)(() => {
       if (fieldContainerRef.current?.contains((0, _internals.getActiveElement)(document)) || popperRef.current?.contains((0, _internals.getActiveElement)(document))) {

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useMobileRangePicker = 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 _xLicensePro = require("@mui/x-license-pro");
@@ -17,14 +18,15 @@ var _useEnrichedRangePickerFieldProps = require("../useEnrichedRangePickerFieldP
 var _releaseInfo = require("../../utils/releaseInfo");
 var _useRangePosition = require("../useRangePosition");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["props"];
 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 releaseInfo = (0, _releaseInfo.getReleaseInfo)();
-const useMobileRangePicker = ({
-  props,
-  valueManager,
-  validator
-}) => {
+const useMobileRangePicker = _ref => {
+  let {
+      props
+    } = _ref,
+    pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   (0, _xLicensePro.useLicenseVerifier)('x-date-pickers-pro', releaseInfo);
   const {
     slots,
@@ -53,17 +55,15 @@ const useMobileRangePicker = ({
     layoutProps,
     renderCurrentView,
     fieldProps: pickerFieldProps
-  } = (0, _internals.usePicker)({
+  } = (0, _internals.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
-    valueManager,
     wrapperVariant: 'mobile',
-    validator,
     autoFocusView: true,
     additionalViewProps: {
       rangePosition,
       onRangePositionChange
     }
-  });
+  }));
   const Field = slots.field;
   const fieldType = Field.fieldType ?? 'multi-input';
   const fieldProps = (0, _utils.useSlotProps)({

package/node/internal/hooks/useStaticRangePicker/useStaticRangePicker.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useStaticRangePicker = 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 _PickersLayout = require("@mui/x-date-pickers/PickersLayout");
 var _internals = require("@mui/x-date-pickers/internals");
 var _useRangePosition = require("../useRangePosition");
 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)(({
@@ -28,12 +30,12 @@ const PickerStaticLayout = (0, _styles.styled)(_PickersLayout.PickersLayout)(({
  * Hook managing all the range static pickers:
  * - StaticDateRangePicker
  */
-const useStaticRangePicker = ({
-  props,
-  valueManager,
-  validator,
-  ref
-}) => {
+const useStaticRangePicker = _ref => {
+  let {
+      props,
+      ref
+    } = _ref,
+    pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   const {
     localeText,
     slots,
@@ -50,17 +52,15 @@ const useStaticRangePicker = ({
   const {
     layoutProps,
     renderCurrentView
-  } = (0, _internals.usePicker)({
+  } = (0, _internals.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
-    valueManager,
-    validator,
     autoFocusView: autoFocus ?? false,
     additionalViewProps: {
       rangePosition,
       onRangePositionChange
     },
     wrapperVariant: displayStaticWrapperAs
-  });
+  }));
   const Layout = slots?.layout ?? PickerStaticLayout;
   const slotPropsForLayout = (0, _extends2.default)({}, slotProps, {
     toolbar: (0, _extends2.default)({}, slotProps?.toolbar, {

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 = "MTY4MTQyMzIwMDAwMA==";
+  const releaseInfo = "MTY4MTkzMDgwMDAwMA==";
   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

@@ -10,7 +10,7 @@ var _internals = require("@mui/x-date-pickers/internals");
 var _dateFieldsUtils = require("./date-fields-utils");
 const rangeValueManager = {
   emptyValue: [null, null],
-  getTodayValue: utils => [utils.date(), utils.date()],
+  getTodayValue: (utils, valueType) => valueType === 'date' ? [utils.startOfDay(utils.date()), utils.startOfDay(utils.date())] : [utils.date(), utils.date()],
   cleanValue: (utils, value) => value.map(date => (0, _internals.replaceInvalidDateByNull)(utils, date)),
   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],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers-pro",
-  "version": "6.2.0",
+  "version": "6.2.1",
   "description": "The commercial edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -35,7 +35,7 @@
     "@date-io/luxon": "^2.16.1",
     "@date-io/moment": "^2.16.1",
     "@mui/utils": "^5.11.13",
-    "@mui/x-date-pickers": "6.2.0",
+    "@mui/x-date-pickers": "6.2.1",
     "@mui/x-license-pro": "6.0.4",
     "clsx": "^1.2.1",
     "prop-types": "^15.8.1",