@mui/x-date-pickers 8.0.0-alpha.12 → 8.0.0-alpha.14

package/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -98,13 +98,7 @@ const DesktopDateTimePicker = exports.DesktopDateTimePicker = /*#__PURE__*/React
 
   // Props with the default values common to all date time pickers
   const defaultizedProps = (0, _shared.useDateTimePickerDefaultizedProps)(inProps, 'MuiDesktopDateTimePicker');
-  const {
-    shouldRenderTimeInASingleColumn,
-    thresholdToRenderTimeInASingleColumn,
-    views: resolvedViews,
-    timeSteps
-  } = (0, _dateTimeUtils.resolveTimeViewsResponse)(defaultizedProps);
-  const renderTimeView = shouldRenderTimeInASingleColumn ? _timeViewRenderers.renderDigitalClockTimeView : _timeViewRenderers.renderMultiSectionDigitalClockTimeView;
+  const renderTimeView = defaultizedProps.shouldRenderTimeInASingleColumn ? _timeViewRenderers.renderDigitalClockTimeView : _timeViewRenderers.renderMultiSectionDigitalClockTimeView;
   const viewRenderers = (0, _extends2.default)({
     day: _dateViewRenderers.renderDateViewCalendar,
     month: _dateViewRenderers.renderDateViewCalendar,
@@ -117,7 +111,7 @@ const DesktopDateTimePicker = exports.DesktopDateTimePicker = /*#__PURE__*/React
   const ampmInClock = defaultizedProps.ampmInClock ?? true;
   // Need to avoid adding the `meridiem` view when unexpected renderer is specified
   const shouldHoursRendererContainMeridiemView = viewRenderers.hours?.name === _timeViewRenderers.renderMultiSectionDigitalClockTimeView.name;
-  const views = !shouldHoursRendererContainMeridiemView ? resolvedViews.filter(view => view !== 'meridiem') : resolvedViews;
+  const views = !shouldHoursRendererContainMeridiemView ? defaultizedProps.views.filter(view => view !== 'meridiem') : defaultizedProps.views;
 
   // Props with the default values specific to the desktop variant
   const props = (0, _extends2.default)({}, defaultizedProps, {
@@ -126,9 +120,6 @@ const DesktopDateTimePicker = exports.DesktopDateTimePicker = /*#__PURE__*/React
     views,
     yearsPerRow: defaultizedProps.yearsPerRow ?? 4,
     ampmInClock,
-    timeSteps,
-    thresholdToRenderTimeInASingleColumn,
-    shouldRenderTimeInASingleColumn,
     slots: (0, _extends2.default)({
       field: _DateTimeField.DateTimeField,
       layout: _DesktopDateTimePickerLayout.DesktopDateTimePickerLayout

package/DesktopDateTimePicker/DesktopDateTimePicker.types.d.ts

@@ -2,14 +2,11 @@ import { MakeOptional } from '@mui/x-internals/types';
 import { UseDesktopPickerSlots, ExportedUseDesktopPickerSlotProps, DesktopOnlyPickerProps } from "../internals/hooks/useDesktopPicker/index.js";
 import { BaseDateTimePickerProps, BaseDateTimePickerSlots, BaseDateTimePickerSlotProps } from "../DateTimePicker/shared.js";
 import { DateOrTimeView } from "../models/index.js";
-import { DesktopOnlyTimePickerProps } from "../internals/models/props/time.js";
-import { DateOrTimeViewWithMeridiem } from "../internals/models/index.js";
-import { MultiSectionDigitalClockSlots, MultiSectionDigitalClockSlotProps } from "../MultiSectionDigitalClock/index.js";
-import { DigitalClockSlots, DigitalClockSlotProps } from "../DigitalClock/index.js";
+import { DigitalTimePickerProps } from "../internals/models/props/time.js";
 import { ExportedYearCalendarProps } from "../YearCalendar/YearCalendar.types.js";
-export interface DesktopDateTimePickerSlots extends BaseDateTimePickerSlots, MakeOptional<UseDesktopPickerSlots, 'field' | 'openPickerIcon'>, DigitalClockSlots, MultiSectionDigitalClockSlots {}
-export interface DesktopDateTimePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends BaseDateTimePickerSlotProps, ExportedUseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure>, DigitalClockSlotProps, MultiSectionDigitalClockSlotProps {}
-export interface DesktopDateTimePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends BaseDateTimePickerProps<DateOrTimeViewWithMeridiem>, DesktopOnlyPickerProps, DesktopOnlyTimePickerProps, ExportedYearCalendarProps {
+export interface DesktopDateTimePickerSlots extends BaseDateTimePickerSlots, MakeOptional<UseDesktopPickerSlots, 'field' | 'openPickerIcon'> {}
+export interface DesktopDateTimePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends BaseDateTimePickerSlotProps, ExportedUseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
+export interface DesktopDateTimePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends BaseDateTimePickerProps, DesktopOnlyPickerProps, DigitalTimePickerProps, ExportedYearCalendarProps {
   /**
    * Overridable component slots.
    * @default {}

package/DesktopTimePicker/DesktopTimePicker.types.d.ts

@@ -2,13 +2,13 @@ import { MakeOptional } from '@mui/x-internals/types';
 import { UseDesktopPickerSlots, ExportedUseDesktopPickerSlotProps, DesktopOnlyPickerProps } from "../internals/hooks/useDesktopPicker/index.js";
 import { BaseTimePickerProps, BaseTimePickerSlots, BaseTimePickerSlotProps } from "../TimePicker/shared.js";
 import { TimeViewWithMeridiem } from "../internals/models/index.js";
-import { DesktopOnlyTimePickerProps } from "../internals/models/props/time.js";
+import { DigitalTimePickerProps } from "../internals/models/props/time.js";
 import { DigitalClockSlots, DigitalClockSlotProps } from "../DigitalClock/index.js";
 import { MultiSectionDigitalClockSlots, MultiSectionDigitalClockSlotProps } from "../MultiSectionDigitalClock/index.js";
 import { TimeView } from "../models/index.js";
 export interface DesktopTimePickerSlots extends BaseTimePickerSlots, MakeOptional<UseDesktopPickerSlots, 'field' | 'openPickerIcon'>, DigitalClockSlots, MultiSectionDigitalClockSlots {}
 export interface DesktopTimePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends BaseTimePickerSlotProps, ExportedUseDesktopPickerSlotProps<TEnableAccessibleFieldDOMStructure>, DigitalClockSlotProps, MultiSectionDigitalClockSlotProps {}
-export interface DesktopTimePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends BaseTimePickerProps<TimeViewWithMeridiem>, DesktopOnlyPickerProps, DesktopOnlyTimePickerProps {
+export interface DesktopTimePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends BaseTimePickerProps<TimeViewWithMeridiem>, DesktopOnlyPickerProps, DigitalTimePickerProps {
   /**
    * Available views.
    */

package/MobileDateTimePicker/MobileDateTimePicker.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { MobileDateTimePickerProps } from "./MobileDateTimePicker.types.js";
-import { DateOrTimeView } from "../models/index.js";
-type MobileDateTimePickerComponent = (<TEnableAccessibleFieldDOMStructure extends boolean = true>(props: MobileDateTimePickerProps<DateOrTimeView, TEnableAccessibleFieldDOMStructure> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
+type MobileDateTimePickerComponent = (<TEnableAccessibleFieldDOMStructure extends boolean = true>(props: MobileDateTimePickerProps<TEnableAccessibleFieldDOMStructure> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
   propTypes?: any;
 };
 /**

package/MobileDateTimePicker/MobileDateTimePicker.js

@@ -21,6 +21,10 @@ var _useMobilePicker = require("../internals/hooks/useMobilePicker");
 var _dateViewRenderers = require("../dateViewRenderers");
 var _timeViewRenderers = require("../timeViewRenderers");
 var _dateTimeUtils = require("../internals/utils/date-time-utils");
+var _dimensions = require("../internals/constants/dimensions");
+var _MultiSectionDigitalClock = require("../MultiSectionDigitalClock");
+var _utils2 = require("../internals/utils/utils");
+var _DigitalClock = require("../DigitalClock");
 /**
  * Demos:
  *
@@ -36,20 +40,26 @@ const MobileDateTimePicker = exports.MobileDateTimePicker = /*#__PURE__*/React.f
 
   // Props with the default values common to all date time pickers
   const defaultizedProps = (0, _shared.useDateTimePickerDefaultizedProps)(inProps, 'MuiMobileDateTimePicker');
+  const renderTimeView = defaultizedProps.shouldRenderTimeInASingleColumn ? _timeViewRenderers.renderDigitalClockTimeView : _timeViewRenderers.renderMultiSectionDigitalClockTimeView;
   const viewRenderers = (0, _extends2.default)({
     day: _dateViewRenderers.renderDateViewCalendar,
     month: _dateViewRenderers.renderDateViewCalendar,
     year: _dateViewRenderers.renderDateViewCalendar,
-    hours: _timeViewRenderers.renderTimeViewClock,
-    minutes: _timeViewRenderers.renderTimeViewClock,
-    seconds: _timeViewRenderers.renderTimeViewClock
+    hours: renderTimeView,
+    minutes: renderTimeView,
+    seconds: renderTimeView,
+    meridiem: renderTimeView
   }, defaultizedProps.viewRenderers);
   const ampmInClock = defaultizedProps.ampmInClock ?? false;
+  // Need to avoid adding the `meridiem` view when unexpected renderer is specified
+  const shouldHoursRendererContainMeridiemView = viewRenderers.hours?.name === _timeViewRenderers.renderMultiSectionDigitalClockTimeView.name;
+  const views = !shouldHoursRendererContainMeridiemView ? defaultizedProps.views.filter(view => view !== 'meridiem') : defaultizedProps.views;
 
   // Props with the default values specific to the mobile variant
   const props = (0, _extends2.default)({}, defaultizedProps, {
     viewRenderers,
     format: (0, _dateTimeUtils.resolveDateTimeFormat)(utils, defaultizedProps),
+    views,
     ampmInClock,
     slots: (0, _extends2.default)({
       field: _DateTimeField.DateTimeField
@@ -62,7 +72,30 @@ const MobileDateTimePicker = exports.MobileDateTimePicker = /*#__PURE__*/React.f
       }, defaultizedProps.slotProps?.toolbar),
       tabs: (0, _extends2.default)({
         hidden: false
-      }, defaultizedProps.slotProps?.tabs)
+      }, defaultizedProps.slotProps?.tabs),
+      layout: (0, _extends2.default)({}, defaultizedProps.slotProps?.layout, {
+        sx: (0, _utils2.mergeSx)([{
+          [`& .${_MultiSectionDigitalClock.multiSectionDigitalClockClasses.root}`]: {
+            width: _dimensions.DIALOG_WIDTH
+          },
+          [`& .${_MultiSectionDigitalClock.multiSectionDigitalClockSectionClasses.root}`]: {
+            flex: 1,
+            // account for the border on `MultiSectionDigitalClock`
+            maxHeight: _dimensions.VIEW_HEIGHT - 1,
+            [`.${_MultiSectionDigitalClock.multiSectionDigitalClockSectionClasses.item}`]: {
+              width: 'auto'
+            }
+          },
+          [`& .${_DigitalClock.digitalClockClasses.root}`]: {
+            width: _dimensions.DIALOG_WIDTH,
+            maxHeight: _dimensions.VIEW_HEIGHT,
+            flex: 1,
+            [`.${_DigitalClock.digitalClockClasses.item}`]: {
+              justifyContent: 'center'
+            }
+          }
+        }], defaultizedProps.slotProps?.layout?.sx)
+      })
     })
   });
   const {
@@ -299,7 +332,7 @@ MobileDateTimePicker.propTypes = {
    * Used when the component view is not controlled.
    * Must be a valid option from `views` list.
    */
-  openTo: _propTypes.default.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']),
+  openTo: _propTypes.default.oneOf(['day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'year']),
   /**
    * Force rendering in particular orientation.
    */
@@ -375,6 +408,11 @@ MobileDateTimePicker.propTypes = {
    * @default false
    */
   showDaysOutsideCurrentMonth: _propTypes.default.bool,
+  /**
+   * If `true`, disabled digital clock items will not be rendered.
+   * @default false
+   */
+  skipDisabled: _propTypes.default.bool,
   /**
    * The props used for each component slot.
    * @default {}
@@ -389,6 +427,22 @@ MobileDateTimePicker.propTypes = {
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
+  /**
+   * Amount of time options below or at which the single column time renderer is used.
+   * @default 24
+   */
+  thresholdToRenderTimeInASingleColumn: _propTypes.default.number,
+  /**
+   * The time steps between two time unit options.
+   * For example, if `timeStep.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
+   * When single column time renderer is used, only `timeStep.minutes` will be used.
+   * @default{ hours: 1, minutes: 5, seconds: 5 }
+   */
+  timeSteps: _propTypes.default.shape({
+    hours: _propTypes.default.number,
+    minutes: _propTypes.default.number,
+    seconds: _propTypes.default.number
+  }),
   /**
    * Choose which timezone to use for the value.
    * Example: "default", "system", "UTC", "America/New_York".
@@ -407,7 +461,7 @@ MobileDateTimePicker.propTypes = {
    * Used when the component view is controlled.
    * Must be a valid option from `views` list.
    */
-  view: _propTypes.default.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']),
+  view: _propTypes.default.oneOf(['day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'year']),
   /**
    * Define custom view renderers for each section.
    * If `null`, the section will only have field editing.
@@ -416,6 +470,7 @@ MobileDateTimePicker.propTypes = {
   viewRenderers: _propTypes.default.shape({
     day: _propTypes.default.func,
     hours: _propTypes.default.func,
+    meridiem: _propTypes.default.func,
     minutes: _propTypes.default.func,
     month: _propTypes.default.func,
     seconds: _propTypes.default.func,

package/MobileDateTimePicker/MobileDateTimePicker.types.d.ts

@@ -1,11 +1,9 @@
 import { MakeOptional } from '@mui/x-internals/types';
 import { UseMobilePickerSlots, ExportedUseMobilePickerSlotProps, MobileOnlyPickerProps } from "../internals/hooks/useMobilePicker/index.js";
 import { BaseDateTimePickerProps, BaseDateTimePickerSlots, BaseDateTimePickerSlotProps } from "../DateTimePicker/shared.js";
-import { DateOrTimeView } from "../models/index.js";
-import { DateOrTimeViewWithMeridiem } from "../internals/models/index.js";
 export interface MobileDateTimePickerSlots extends BaseDateTimePickerSlots, MakeOptional<UseMobilePickerSlots, 'field'> {}
 export interface MobileDateTimePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends BaseDateTimePickerSlotProps, ExportedUseMobilePickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
-export interface MobileDateTimePickerProps<TView extends DateOrTimeViewWithMeridiem = DateOrTimeView, TEnableAccessibleFieldDOMStructure extends boolean = true> extends BaseDateTimePickerProps<TView>, MobileOnlyPickerProps {
+export interface MobileDateTimePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends BaseDateTimePickerProps, MobileOnlyPickerProps {
   /**
    * Overridable component slots.
    * @default {}

package/PickersTextField/PickersTextField.js

@@ -161,7 +161,9 @@ const PickersTextField = exports.PickersTextField = /*#__PURE__*/React.forwardRe
         label: label,
         name: name,
         role: "group",
-        "aria-labelledby": inputLabelId
+        "aria-labelledby": inputLabelId,
+        "aria-describedby": helperTextId,
+        "aria-live": helperTextId ? 'polite' : undefined
       }, InputProps)), helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormHelperText.default, (0, _extends2.default)({
         id: helperTextId
       }, FormHelperTextProps, {

package/StaticDateTimePicker/StaticDateTimePicker.js

@@ -16,6 +16,10 @@ var _dateViewRenderers = require("../dateViewRenderers");
 var _valueManagers = require("../internals/utils/valueManagers");
 var _useStaticPicker = require("../internals/hooks/useStaticPicker");
 var _validation = require("../validation");
+var _utils = require("../internals/utils/utils");
+var _MultiSectionDigitalClock = require("../MultiSectionDigitalClock");
+var _dimensions = require("../internals/constants/dimensions");
+var _DigitalClock = require("../DigitalClock");
 /**
  * Demos:
  *
@@ -30,19 +34,26 @@ const StaticDateTimePicker = exports.StaticDateTimePicker = /*#__PURE__*/React.f
   const defaultizedProps = (0, _shared.useDateTimePickerDefaultizedProps)(inProps, 'MuiStaticDateTimePicker');
   const displayStaticWrapperAs = defaultizedProps.displayStaticWrapperAs ?? 'mobile';
   const ampmInClock = defaultizedProps.ampmInClock ?? displayStaticWrapperAs === 'desktop';
+  const renderTimeView = defaultizedProps.shouldRenderTimeInASingleColumn ? _timeViewRenderers.renderDigitalClockTimeView : _timeViewRenderers.renderMultiSectionDigitalClockTimeView;
   const viewRenderers = (0, _extends2.default)({
     day: _dateViewRenderers.renderDateViewCalendar,
     month: _dateViewRenderers.renderDateViewCalendar,
     year: _dateViewRenderers.renderDateViewCalendar,
-    hours: _timeViewRenderers.renderTimeViewClock,
-    minutes: _timeViewRenderers.renderTimeViewClock,
-    seconds: _timeViewRenderers.renderTimeViewClock
+    hours: renderTimeView,
+    minutes: renderTimeView,
+    seconds: renderTimeView,
+    meridiem: renderTimeView
   }, defaultizedProps.viewRenderers);
 
+  // Need to avoid adding the `meridiem` view when unexpected renderer is specified
+  const shouldHoursRendererContainMeridiemView = viewRenderers.hours?.name === _timeViewRenderers.renderMultiSectionDigitalClockTimeView.name;
+  const views = !shouldHoursRendererContainMeridiemView ? defaultizedProps.views.filter(view => view !== 'meridiem') : defaultizedProps.views;
+
   // Props with the default values specific to the static variant
   const props = (0, _extends2.default)({}, defaultizedProps, {
     viewRenderers,
     displayStaticWrapperAs,
+    views,
     ampmInClock,
     yearsPerRow: defaultizedProps.yearsPerRow ?? (displayStaticWrapperAs === 'mobile' ? 3 : 4),
     slotProps: (0, _extends2.default)({}, defaultizedProps.slotProps, {
@@ -53,7 +64,28 @@ const StaticDateTimePicker = exports.StaticDateTimePicker = /*#__PURE__*/React.f
         hidden: displayStaticWrapperAs === 'desktop',
         ampmInClock
       }, defaultizedProps.slotProps?.toolbar)
-    })
+    }),
+    sx: (0, _utils.mergeSx)([{
+      [`& .${_MultiSectionDigitalClock.multiSectionDigitalClockClasses.root}`]: {
+        width: _dimensions.DIALOG_WIDTH
+      },
+      [`& .${_MultiSectionDigitalClock.multiSectionDigitalClockSectionClasses.root}`]: {
+        flex: 1,
+        // account for the border on `MultiSectionDigitalClock`
+        maxHeight: _dimensions.VIEW_HEIGHT - 1,
+        [`.${_MultiSectionDigitalClock.multiSectionDigitalClockSectionClasses.item}`]: {
+          width: 'auto'
+        }
+      },
+      [`& .${_DigitalClock.digitalClockClasses.root}`]: {
+        width: _dimensions.DIALOG_WIDTH,
+        maxHeight: _dimensions.VIEW_HEIGHT,
+        flex: 1,
+        [`.${_DigitalClock.digitalClockClasses.item}`]: {
+          justifyContent: 'center'
+        }
+      }
+    }], defaultizedProps?.sx)
   });
   const {
     renderPicker
@@ -243,7 +275,7 @@ StaticDateTimePicker.propTypes = {
    * Used when the component view is not controlled.
    * Must be a valid option from `views` list.
    */
-  openTo: _propTypes.default.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']),
+  openTo: _propTypes.default.oneOf(['day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'year']),
   /**
    * Force rendering in particular orientation.
    */
@@ -309,6 +341,11 @@ StaticDateTimePicker.propTypes = {
    * @default false
    */
   showDaysOutsideCurrentMonth: _propTypes.default.bool,
+  /**
+   * If `true`, disabled digital clock items will not be rendered.
+   * @default false
+   */
+  skipDisabled: _propTypes.default.bool,
   /**
    * The props used for each component slot.
    * @default {}
@@ -323,6 +360,22 @@ StaticDateTimePicker.propTypes = {
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
+  /**
+   * Amount of time options below or at which the single column time renderer is used.
+   * @default 24
+   */
+  thresholdToRenderTimeInASingleColumn: _propTypes.default.number,
+  /**
+   * The time steps between two time unit options.
+   * For example, if `timeStep.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
+   * When single column time renderer is used, only `timeStep.minutes` will be used.
+   * @default{ hours: 1, minutes: 5, seconds: 5 }
+   */
+  timeSteps: _propTypes.default.shape({
+    hours: _propTypes.default.number,
+    minutes: _propTypes.default.number,
+    seconds: _propTypes.default.number
+  }),
   /**
    * Choose which timezone to use for the value.
    * Example: "default", "system", "UTC", "America/New_York".
@@ -341,7 +394,7 @@ StaticDateTimePicker.propTypes = {
    * Used when the component view is controlled.
    * Must be a valid option from `views` list.
    */
-  view: _propTypes.default.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']),
+  view: _propTypes.default.oneOf(['day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'year']),
   /**
    * Define custom view renderers for each section.
    * If `null`, the section will only have field editing.
@@ -350,6 +403,7 @@ StaticDateTimePicker.propTypes = {
   viewRenderers: _propTypes.default.shape({
     day: _propTypes.default.func,
     hours: _propTypes.default.func,
+    meridiem: _propTypes.default.func,
     minutes: _propTypes.default.func,
     month: _propTypes.default.func,
     seconds: _propTypes.default.func,

package/StaticDateTimePicker/StaticDateTimePicker.types.d.ts

@@ -1,10 +1,9 @@
 import { MakeOptional } from '@mui/x-internals/types';
 import { BaseDateTimePickerProps, BaseDateTimePickerSlots, BaseDateTimePickerSlotProps } from "../DateTimePicker/shared.js";
 import { StaticOnlyPickerProps, UseStaticPickerSlots, UseStaticPickerSlotProps } from "../internals/hooks/useStaticPicker/index.js";
-import { DateOrTimeView } from "../models/index.js";
 export interface StaticDateTimePickerSlots extends BaseDateTimePickerSlots, UseStaticPickerSlots {}
 export interface StaticDateTimePickerSlotProps extends BaseDateTimePickerSlotProps, UseStaticPickerSlotProps {}
-export interface StaticDateTimePickerProps extends BaseDateTimePickerProps<DateOrTimeView>, MakeOptional<StaticOnlyPickerProps, 'displayStaticWrapperAs'> {
+export interface StaticDateTimePickerProps extends BaseDateTimePickerProps, MakeOptional<StaticOnlyPickerProps, 'displayStaticWrapperAs'> {
   /**
    * Overridable component slots.
    * @default {}

package/TimeClock/Clock.js

@@ -112,7 +112,7 @@ const ClockPin = (0, _styles.styled)('div', {
   left: '50%',
   transform: 'translate(-50%, -50%)'
 }));
-const meridiemButtonCommonStyles = (theme, meridiemMode) => ({
+const meridiemButtonCommonStyles = (theme, clockMeridiemMode) => ({
   zIndex: 1,
   bottom: 8,
   paddingLeft: 4,
@@ -120,7 +120,7 @@ const meridiemButtonCommonStyles = (theme, meridiemMode) => ({
   width: _shared.CLOCK_HOUR_WIDTH,
   variants: [{
     props: {
-      meridiemMode
+      clockMeridiemMode
     },
     style: {
       backgroundColor: (theme.vars || theme).palette.primary.main,

package/TimeClock/ClockPointer.js

@@ -65,7 +65,7 @@ const ClockPointerThumb = (0, _styles.styled)('div', {
   boxSizing: 'content-box',
   variants: [{
     props: {
-      isBetweenTwoClockValues: false
+      isClockPointerBetweenTwoValues: false
     },
     style: {
       backgroundColor: (theme.vars || theme).palette.primary.main

package/TimeField/useTimeField.d.ts

@@ -1,2 +1,2 @@
 import { UseTimeFieldProps } from "./TimeField.types.js";
-export declare const useTimeField: <TEnableAccessibleFieldDOMStructure extends boolean, TAllProps extends UseTimeFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TAllProps) => import("../internals").UseFieldResponse<TEnableAccessibleFieldDOMStructure, Omit<TAllProps, "disabled" | "readOnly" | "value" | "defaultValue" | "autoFocus" | "onChange" | "onError" | "format" | "ampm" | "timezone" | keyof import("../internals").BaseTimeValidationProps | keyof import("../internals").TimeValidationProps | "referenceDate" | "formatDensity" | "shouldRespectLeadingZeros" | "selectedSections" | "onSelectedSectionsChange" | "unstableFieldRef" | "unstableStartFieldRef" | "unstableEndFieldRef" | "enableAccessibleFieldDOMStructure" | "dateSeparator">>;
+export declare const useTimeField: <TEnableAccessibleFieldDOMStructure extends boolean, TAllProps extends UseTimeFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TAllProps) => import("../internals").UseFieldResponse<TEnableAccessibleFieldDOMStructure, Omit<TAllProps, "disabled" | "readOnly" | "value" | "defaultValue" | "autoFocus" | "onChange" | "onError" | "format" | "focused" | keyof import("../internals").BaseTimeValidationProps | keyof import("../internals").TimeValidationProps | "ampm" | "referenceDate" | "formatDensity" | "timezone" | "shouldRespectLeadingZeros" | "selectedSections" | "onSelectedSectionsChange" | "unstableFieldRef" | "unstableStartFieldRef" | "unstableEndFieldRef" | "enableAccessibleFieldDOMStructure" | "dateSeparator">>;

package/TimePicker/TimePicker.types.d.ts

@@ -1,5 +1,5 @@
 import { DesktopTimePickerProps, DesktopTimePickerSlots, DesktopTimePickerSlotProps } from "../DesktopTimePicker/index.js";
-import { BaseSingleInputFieldProps, PickerValue, TimeViewWithMeridiem } from "../internals/models/index.js";
+import { BaseSingleInputFieldProps, TimeViewWithMeridiem } from "../internals/models/index.js";
 import { MobileTimePickerProps, MobileTimePickerSlots, MobileTimePickerSlotProps } from "../MobileTimePicker/index.js";
 import { ValidateTimeProps } from "../validation/validateTime.js";
 export interface TimePickerSlots extends DesktopTimePickerSlots, MobileTimePickerSlots {}
@@ -25,4 +25,4 @@ export interface TimePickerProps<TEnableAccessibleFieldDOMStructure extends bool
 /**
  * Props the field can receive when used inside a time picker (<TimePicker />, <DesktopTimePicker /> or <MobileTimePicker /> component).
  */
-export type TimePickerFieldProps = ValidateTimeProps & BaseSingleInputFieldProps<PickerValue>;
+export type TimePickerFieldProps = ValidateTimeProps & BaseSingleInputFieldProps;

package/TimePicker/shared.d.ts

@@ -5,7 +5,7 @@ import { BasePickerInputProps } from "../internals/models/props/basePickerProps.
 import { LocalizedComponent } from "../locales/utils/pickersLocaleTextApi.js";
 import { TimePickerToolbarProps, ExportedTimePickerToolbarProps } from "./TimePickerToolbar.js";
 import { TimeValidationError } from "../models/index.js";
-import { PickerViewRendererLookup } from "../internals/hooks/usePicker/usePickerViews.js";
+import { PickerViewRendererLookup } from "../internals/hooks/usePicker/index.js";
 import { TimeViewRendererProps } from "../timeViewRenderers/index.js";
 import { BaseClockProps, ExportedBaseClockProps } from "../internals/models/props/time.js";
 import { PickerValue, TimeViewWithMeridiem } from "../internals/models/index.js";

package/esm/AdapterDateFnsJalaliV2/AdapterDateFnsJalaliV2.d.ts

@@ -1,4 +1,4 @@
-import { Locale as DateFnsLocale } from 'date-fns-jalali/locale';
+import type { Locale as DateFnsLocale } from 'date-fns-jalali';
 import { AdapterFormats, AdapterOptions, MuiPickersAdapter } from "../models/index.js";
 import { AdapterDateFnsBase } from "../AdapterDateFnsBase/index.js";
 declare module '@mui/x-date-pickers/models' {

package/esm/AdapterDateFnsJalaliV2/AdapterDateFnsJalaliV2.js

@@ -1,50 +1,52 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-/* eslint-disable class-methods-use-this */
+// date-fns-jalali@<3 has no exports field defined
+// See https://github.com/date-fns/date-fns/issues/1781
+/* eslint-disable import/extensions, class-methods-use-this */
 // @ts-nocheck
-import addSeconds from 'date-fns-jalali/addSeconds';
-import addMinutes from 'date-fns-jalali/addMinutes';
-import addHours from 'date-fns-jalali/addHours';
-import addDays from 'date-fns-jalali/addDays';
-import addWeeks from 'date-fns-jalali/addWeeks';
-import addMonths from 'date-fns-jalali/addMonths';
-import addYears from 'date-fns-jalali/addYears';
-import endOfDay from 'date-fns-jalali/endOfDay';
-import endOfWeek from 'date-fns-jalali/endOfWeek';
-import endOfYear from 'date-fns-jalali/endOfYear';
-import dateFnsFormat from 'date-fns-jalali/format';
-import getHours from 'date-fns-jalali/getHours';
-import getSeconds from 'date-fns-jalali/getSeconds';
-import getMilliseconds from 'date-fns-jalali/getMilliseconds';
-import getWeek from 'date-fns-jalali/getWeek';
-import getYear from 'date-fns-jalali/getYear';
-import getMonth from 'date-fns-jalali/getMonth';
-import getDate from 'date-fns-jalali/getDate';
-import getDaysInMonth from 'date-fns-jalali/getDaysInMonth';
-import getMinutes from 'date-fns-jalali/getMinutes';
-import isAfter from 'date-fns-jalali/isAfter';
-import isBefore from 'date-fns-jalali/isBefore';
-import isEqual from 'date-fns-jalali/isEqual';
-import isSameDay from 'date-fns-jalali/isSameDay';
-import isSameYear from 'date-fns-jalali/isSameYear';
-import isSameMonth from 'date-fns-jalali/isSameMonth';
-import isSameHour from 'date-fns-jalali/isSameHour';
-import isValid from 'date-fns-jalali/isValid';
-import dateFnsParse from 'date-fns-jalali/parse';
-import setDate from 'date-fns-jalali/setDate';
-import setHours from 'date-fns-jalali/setHours';
-import setMinutes from 'date-fns-jalali/setMinutes';
-import setMonth from 'date-fns-jalali/setMonth';
-import setSeconds from 'date-fns-jalali/setSeconds';
-import setMilliseconds from 'date-fns-jalali/setMilliseconds';
-import setYear from 'date-fns-jalali/setYear';
-import startOfDay from 'date-fns-jalali/startOfDay';
-import startOfMonth from 'date-fns-jalali/startOfMonth';
-import endOfMonth from 'date-fns-jalali/endOfMonth';
-import startOfWeek from 'date-fns-jalali/startOfWeek';
-import startOfYear from 'date-fns-jalali/startOfYear';
-import isWithinInterval from 'date-fns-jalali/isWithinInterval';
-import defaultLocale from 'date-fns-jalali/locale/fa-IR';
-import longFormatters from 'date-fns-jalali/_lib/format/longFormatters';
+import addSeconds from 'date-fns-jalali/addSeconds/index.js';
+import addMinutes from 'date-fns-jalali/addMinutes/index.js';
+import addHours from 'date-fns-jalali/addHours/index.js';
+import addDays from 'date-fns-jalali/addDays/index.js';
+import addWeeks from 'date-fns-jalali/addWeeks/index.js';
+import addMonths from 'date-fns-jalali/addMonths/index.js';
+import addYears from 'date-fns-jalali/addYears/index.js';
+import endOfDay from 'date-fns-jalali/endOfDay/index.js';
+import endOfWeek from 'date-fns-jalali/endOfWeek/index.js';
+import endOfYear from 'date-fns-jalali/endOfYear/index.js';
+import dateFnsFormat from 'date-fns-jalali/format/index.js';
+import getHours from 'date-fns-jalali/getHours/index.js';
+import getSeconds from 'date-fns-jalali/getSeconds/index.js';
+import getMilliseconds from 'date-fns-jalali/getMilliseconds/index.js';
+import getWeek from 'date-fns-jalali/getWeek/index.js';
+import getYear from 'date-fns-jalali/getYear/index.js';
+import getMonth from 'date-fns-jalali/getMonth/index.js';
+import getDate from 'date-fns-jalali/getDate/index.js';
+import getDaysInMonth from 'date-fns-jalali/getDaysInMonth/index.js';
+import getMinutes from 'date-fns-jalali/getMinutes/index.js';
+import isAfter from 'date-fns-jalali/isAfter/index.js';
+import isBefore from 'date-fns-jalali/isBefore/index.js';
+import isEqual from 'date-fns-jalali/isEqual/index.js';
+import isSameDay from 'date-fns-jalali/isSameDay/index.js';
+import isSameYear from 'date-fns-jalali/isSameYear/index.js';
+import isSameMonth from 'date-fns-jalali/isSameMonth/index.js';
+import isSameHour from 'date-fns-jalali/isSameHour/index.js';
+import isValid from 'date-fns-jalali/isValid/index.js';
+import dateFnsParse from 'date-fns-jalali/parse/index.js';
+import setDate from 'date-fns-jalali/setDate/index.js';
+import setHours from 'date-fns-jalali/setHours/index.js';
+import setMinutes from 'date-fns-jalali/setMinutes/index.js';
+import setMonth from 'date-fns-jalali/setMonth/index.js';
+import setSeconds from 'date-fns-jalali/setSeconds/index.js';
+import setMilliseconds from 'date-fns-jalali/setMilliseconds/index.js';
+import setYear from 'date-fns-jalali/setYear/index.js';
+import startOfDay from 'date-fns-jalali/startOfDay/index.js';
+import startOfMonth from 'date-fns-jalali/startOfMonth/index.js';
+import endOfMonth from 'date-fns-jalali/endOfMonth/index.js';
+import startOfWeek from 'date-fns-jalali/startOfWeek/index.js';
+import startOfYear from 'date-fns-jalali/startOfYear/index.js';
+import isWithinInterval from 'date-fns-jalali/isWithinInterval/index.js';
+import defaultLocale from 'date-fns-jalali/locale/fa-IR/index.js';
+import longFormatters from 'date-fns-jalali/_lib/format/longFormatters/index.js';
 import { AdapterDateFnsBase } from "../AdapterDateFnsBase/index.js";
 const defaultFormats = {
   year: 'yyyy',

package/esm/AdapterDateFnsV2/AdapterDateFnsV2.d.ts

@@ -1,4 +1,4 @@
-import { Locale as DateFnsLocale } from 'date-fns/locale';
+import type { Locale as DateFnsLocale } from 'date-fns';
 import { AdapterFormats, AdapterOptions, MuiPickersAdapter } from "../models/index.js";
 import { AdapterDateFnsBase } from "../AdapterDateFnsBase/index.js";
 declare module '@mui/x-date-pickers/models' {