@mui/x-date-pickers 9.0.0-alpha.4 → 9.0.0-rc.0

package/MobileDatePicker/MobileDatePicker.js

@@ -110,7 +110,7 @@ MobileDatePicker.propTypes = {
    */
   disableFuture: _propTypes.default.bool,
   /**
-   * If `true`, today's date is rendering without highlighting with circle.
+   * If `true`, today's day is not highlighted.
    * @default false
    */
   disableHighlightToday: _propTypes.default.bool,
@@ -129,10 +129,6 @@ MobileDatePicker.propTypes = {
    * If `true`, the week number will be display in the calendar.
    */
   displayWeekNumber: _propTypes.default.bool,
-  /**
-   * @default true
-   */
-  enableAccessibleFieldDOMStructure: _propTypes.default.any,
   /**
    * The day view will show as many weeks as needed after the end of the current month to match this value.
    * Put it to 6 to have a fixed number of weeks in Gregorian calendars

package/MobileDatePicker/MobileDatePicker.mjs

@@ -103,7 +103,7 @@ MobileDatePicker.propTypes = {
    */
   disableFuture: PropTypes.bool,
   /**
-   * If `true`, today's date is rendering without highlighting with circle.
+   * If `true`, today's day is not highlighted.
    * @default false
    */
   disableHighlightToday: PropTypes.bool,
@@ -122,10 +122,6 @@ MobileDatePicker.propTypes = {
    * If `true`, the week number will be display in the calendar.
    */
   displayWeekNumber: PropTypes.bool,
-  /**
-   * @default true
-   */
-  enableAccessibleFieldDOMStructure: PropTypes.any,
   /**
    * The day view will show as many weeks as needed after the end of the current month to match this value.
    * Put it to 6 to have a fixed number of weeks in Gregorian calendars

package/MobileDatePicker/MobileDatePicker.types.d.mts

@@ -2,8 +2,8 @@ import { MakeOptional } from '@mui/x-internals/types';
 import { UseMobilePickerSlots, MobileOnlyPickerProps, ExportedUseMobilePickerSlotProps } from "../internals/hooks/useMobilePicker/index.mjs";
 import { BaseDatePickerProps, BaseDatePickerSlots, BaseDatePickerSlotProps } from "../DatePicker/shared.mjs";
 export interface MobileDatePickerSlots extends BaseDatePickerSlots, MakeOptional<UseMobilePickerSlots, 'field'> {}
-export interface MobileDatePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends BaseDatePickerSlotProps, ExportedUseMobilePickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
-export interface MobileDatePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends BaseDatePickerProps, MobileOnlyPickerProps {
+export interface MobileDatePickerSlotProps extends BaseDatePickerSlotProps, ExportedUseMobilePickerSlotProps {}
+export interface MobileDatePickerProps extends BaseDatePickerProps, MobileOnlyPickerProps {
   /**
    * Overridable component slots.
    * @default {}
@@ -13,7 +13,7 @@ export interface MobileDatePickerProps<TEnableAccessibleFieldDOMStructure extend
    * The props used for each component slot.
    * @default {}
    */
-  slotProps?: MobileDatePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  slotProps?: MobileDatePickerSlotProps;
   /**
    * Years rendered per row.
    * @default 3

package/MobileDatePicker/MobileDatePicker.types.d.ts

@@ -2,8 +2,8 @@ import { MakeOptional } from '@mui/x-internals/types';
 import { UseMobilePickerSlots, MobileOnlyPickerProps, ExportedUseMobilePickerSlotProps } from "../internals/hooks/useMobilePicker/index.js";
 import { BaseDatePickerProps, BaseDatePickerSlots, BaseDatePickerSlotProps } from "../DatePicker/shared.js";
 export interface MobileDatePickerSlots extends BaseDatePickerSlots, MakeOptional<UseMobilePickerSlots, 'field'> {}
-export interface MobileDatePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends BaseDatePickerSlotProps, ExportedUseMobilePickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
-export interface MobileDatePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends BaseDatePickerProps, MobileOnlyPickerProps {
+export interface MobileDatePickerSlotProps extends BaseDatePickerSlotProps, ExportedUseMobilePickerSlotProps {}
+export interface MobileDatePickerProps extends BaseDatePickerProps, MobileOnlyPickerProps {
   /**
    * Overridable component slots.
    * @default {}
@@ -13,7 +13,7 @@ export interface MobileDatePickerProps<TEnableAccessibleFieldDOMStructure extend
    * The props used for each component slot.
    * @default {}
    */
-  slotProps?: MobileDatePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  slotProps?: MobileDatePickerSlotProps;
   /**
    * Years rendered per row.
    * @default 3

package/MobileDateTimePicker/MobileDateTimePicker.d.mts

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

package/MobileDateTimePicker/MobileDateTimePicker.d.ts

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

package/MobileDateTimePicker/MobileDateTimePicker.js

@@ -172,7 +172,7 @@ MobileDateTimePicker.propTypes = {
    */
   disableFuture: _propTypes.default.bool,
   /**
-   * If `true`, today's date is rendering without highlighting with circle.
+   * If `true`, today's day is not highlighted.
    * @default false
    */
   disableHighlightToday: _propTypes.default.bool,
@@ -196,10 +196,6 @@ MobileDateTimePicker.propTypes = {
    * If `true`, the week number will be display in the calendar.
    */
   displayWeekNumber: _propTypes.default.bool,
-  /**
-   * @default true
-   */
-  enableAccessibleFieldDOMStructure: _propTypes.default.any,
   /**
    * The day view will show as many weeks as needed after the end of the current month to match this value.
    * Put it to 6 to have a fixed number of weeks in Gregorian calendars

package/MobileDateTimePicker/MobileDateTimePicker.mjs

@@ -165,7 +165,7 @@ MobileDateTimePicker.propTypes = {
    */
   disableFuture: PropTypes.bool,
   /**
-   * If `true`, today's date is rendering without highlighting with circle.
+   * If `true`, today's day is not highlighted.
    * @default false
    */
   disableHighlightToday: PropTypes.bool,
@@ -189,10 +189,6 @@ MobileDateTimePicker.propTypes = {
    * If `true`, the week number will be display in the calendar.
    */
   displayWeekNumber: PropTypes.bool,
-  /**
-   * @default true
-   */
-  enableAccessibleFieldDOMStructure: PropTypes.any,
   /**
    * The day view will show as many weeks as needed after the end of the current month to match this value.
    * Put it to 6 to have a fixed number of weeks in Gregorian calendars

package/MobileDateTimePicker/MobileDateTimePicker.types.d.mts

@@ -2,8 +2,8 @@ import { MakeOptional } from '@mui/x-internals/types';
 import { UseMobilePickerSlots, ExportedUseMobilePickerSlotProps, MobileOnlyPickerProps } from "../internals/hooks/useMobilePicker/index.mjs";
 import { BaseDateTimePickerProps, BaseDateTimePickerSlots, BaseDateTimePickerSlotProps } from "../DateTimePicker/shared.mjs";
 export interface MobileDateTimePickerSlots extends BaseDateTimePickerSlots, MakeOptional<UseMobilePickerSlots, 'field'> {}
-export interface MobileDateTimePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends BaseDateTimePickerSlotProps, ExportedUseMobilePickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
-export interface MobileDateTimePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends BaseDateTimePickerProps, MobileOnlyPickerProps {
+export interface MobileDateTimePickerSlotProps extends BaseDateTimePickerSlotProps, ExportedUseMobilePickerSlotProps {}
+export interface MobileDateTimePickerProps extends BaseDateTimePickerProps, MobileOnlyPickerProps {
   /**
    * Overridable component slots.
    * @default {}
@@ -13,5 +13,5 @@ export interface MobileDateTimePickerProps<TEnableAccessibleFieldDOMStructure ex
    * The props used for each component slot.
    * @default {}
    */
-  slotProps?: MobileDateTimePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  slotProps?: MobileDateTimePickerSlotProps;
 }

package/MobileDateTimePicker/MobileDateTimePicker.types.d.ts

@@ -2,8 +2,8 @@ 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";
 export interface MobileDateTimePickerSlots extends BaseDateTimePickerSlots, MakeOptional<UseMobilePickerSlots, 'field'> {}
-export interface MobileDateTimePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends BaseDateTimePickerSlotProps, ExportedUseMobilePickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
-export interface MobileDateTimePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends BaseDateTimePickerProps, MobileOnlyPickerProps {
+export interface MobileDateTimePickerSlotProps extends BaseDateTimePickerSlotProps, ExportedUseMobilePickerSlotProps {}
+export interface MobileDateTimePickerProps extends BaseDateTimePickerProps, MobileOnlyPickerProps {
   /**
    * Overridable component slots.
    * @default {}
@@ -13,5 +13,5 @@ export interface MobileDateTimePickerProps<TEnableAccessibleFieldDOMStructure ex
    * The props used for each component slot.
    * @default {}
    */
-  slotProps?: MobileDateTimePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  slotProps?: MobileDateTimePickerSlotProps;
 }

package/MobileTimePicker/MobileTimePicker.d.mts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { MobileTimePickerProps } from "./MobileTimePicker.types.mjs";
 import { TimeView } from "../models/index.mjs";
-type MobileTimePickerComponent = (<TEnableAccessibleFieldDOMStructure extends boolean = true>(props: MobileTimePickerProps<TimeView, TEnableAccessibleFieldDOMStructure> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
+type MobileTimePickerComponent = ((props: MobileTimePickerProps<TimeView> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
   propTypes?: any;
 };
 /**

package/MobileTimePicker/MobileTimePicker.d.ts

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

package/MobileTimePicker/MobileTimePicker.js

@@ -131,10 +131,6 @@ MobileTimePicker.propTypes = {
    * @default false
    */
   disablePast: _propTypes.default.bool,
-  /**
-   * @default true
-   */
-  enableAccessibleFieldDOMStructure: _propTypes.default.any,
   /**
    * Format of the date when rendered in the input(s).
    * Defaults to localized format based on the used `views`.

package/MobileTimePicker/MobileTimePicker.mjs

@@ -124,10 +124,6 @@ MobileTimePicker.propTypes = {
    * @default false
    */
   disablePast: PropTypes.bool,
-  /**
-   * @default true
-   */
-  enableAccessibleFieldDOMStructure: PropTypes.any,
   /**
    * Format of the date when rendered in the input(s).
    * Defaults to localized format based on the used `views`.

package/MobileTimePicker/MobileTimePicker.types.d.mts

@@ -4,8 +4,8 @@ import { BaseTimePickerProps, BaseTimePickerSlots, BaseTimePickerSlotProps } fro
 import { TimeView } from "../models/index.mjs";
 import { TimeViewWithMeridiem } from "../internals/models/index.mjs";
 export interface MobileTimePickerSlots extends BaseTimePickerSlots, MakeOptional<UseMobilePickerSlots, 'field'> {}
-export interface MobileTimePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends BaseTimePickerSlotProps, ExportedUseMobilePickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
-export interface MobileTimePickerProps<TView extends TimeViewWithMeridiem = TimeView, TEnableAccessibleFieldDOMStructure extends boolean = true> extends BaseTimePickerProps<TView>, MobileOnlyPickerProps {
+export interface MobileTimePickerSlotProps extends BaseTimePickerSlotProps, ExportedUseMobilePickerSlotProps {}
+export interface MobileTimePickerProps<TView extends TimeViewWithMeridiem = TimeView> extends BaseTimePickerProps<TView>, MobileOnlyPickerProps {
   /**
    * Overridable component slots.
    * @default {}
@@ -15,5 +15,5 @@ export interface MobileTimePickerProps<TView extends TimeViewWithMeridiem = Time
    * The props used for each component slot.
    * @default {}
    */
-  slotProps?: MobileTimePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  slotProps?: MobileTimePickerSlotProps;
 }

package/MobileTimePicker/MobileTimePicker.types.d.ts

@@ -4,8 +4,8 @@ import { BaseTimePickerProps, BaseTimePickerSlots, BaseTimePickerSlotProps } fro
 import { TimeView } from "../models/index.js";
 import { TimeViewWithMeridiem } from "../internals/models/index.js";
 export interface MobileTimePickerSlots extends BaseTimePickerSlots, MakeOptional<UseMobilePickerSlots, 'field'> {}
-export interface MobileTimePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends BaseTimePickerSlotProps, ExportedUseMobilePickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
-export interface MobileTimePickerProps<TView extends TimeViewWithMeridiem = TimeView, TEnableAccessibleFieldDOMStructure extends boolean = true> extends BaseTimePickerProps<TView>, MobileOnlyPickerProps {
+export interface MobileTimePickerSlotProps extends BaseTimePickerSlotProps, ExportedUseMobilePickerSlotProps {}
+export interface MobileTimePickerProps<TView extends TimeViewWithMeridiem = TimeView> extends BaseTimePickerProps<TView>, MobileOnlyPickerProps {
   /**
    * Overridable component slots.
    * @default {}
@@ -15,5 +15,5 @@ export interface MobileTimePickerProps<TView extends TimeViewWithMeridiem = Time
    * The props used for each component slot.
    * @default {}
    */
-  slotProps?: MobileTimePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  slotProps?: MobileTimePickerSlotProps;
 }

package/MonthCalendar/MonthCalendarButton.js

@@ -45,10 +45,10 @@ const DefaultMonthButton = (0, _styles.styled)('button', {
   borderRadius: 18,
   cursor: 'pointer',
   '&:focus': {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _styles.alpha)(theme.palette.action.active, theme.palette.action.hoverOpacity)
+    backgroundColor: theme.alpha((theme.vars || theme).palette.action.active, (theme.vars || theme).palette.action.hoverOpacity)
   },
   '&:hover': {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _styles.alpha)(theme.palette.action.active, theme.palette.action.hoverOpacity)
+    backgroundColor: theme.alpha((theme.vars || theme).palette.action.active, (theme.vars || theme).palette.action.hoverOpacity)
   },
   '&:disabled': {
     cursor: 'auto',

package/MonthCalendar/MonthCalendarButton.mjs

@@ -4,7 +4,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["autoFocus", "classes", "disabled", "selected", "value", "onClick", "onKeyDown", "onFocus", "onBlur", "slots", "slotProps"];
 import * as React from 'react';
-import { styled, alpha } from '@mui/material/styles';
+import { styled } from '@mui/material/styles';
 import useSlotProps from '@mui/utils/useSlotProps';
 import composeClasses from '@mui/utils/composeClasses';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
@@ -38,10 +38,10 @@ const DefaultMonthButton = styled('button', {
   borderRadius: 18,
   cursor: 'pointer',
   '&:focus': {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.action.active, theme.palette.action.hoverOpacity)
+    backgroundColor: theme.alpha((theme.vars || theme).palette.action.active, (theme.vars || theme).palette.action.hoverOpacity)
   },
   '&:hover': {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.action.active, theme.palette.action.hoverOpacity)
+    backgroundColor: theme.alpha((theme.vars || theme).palette.action.active, (theme.vars || theme).palette.action.hoverOpacity)
   },
   '&:disabled': {
     cursor: 'auto',

package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js

@@ -81,7 +81,7 @@ const MultiSectionDigitalClockSectionItem = (0, _styles.styled)(_MenuItem.defaul
     marginTop: 4
   },
   '&:hover': {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.hoverOpacity)
+    backgroundColor: theme.alpha((theme.vars || theme).palette.primary.main, (theme.vars || theme).palette.action.hoverOpacity)
   },
   '&.Mui-selected': {
     backgroundColor: (theme.vars || theme).palette.primary.main,
@@ -91,7 +91,7 @@ const MultiSectionDigitalClockSectionItem = (0, _styles.styled)(_MenuItem.defaul
     }
   },
   '&.Mui-focusVisible': {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.focusOpacity})` : (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.focusOpacity)
+    backgroundColor: theme.alpha((theme.vars || theme).palette.primary.main, (theme.vars || theme).palette.action.focusOpacity)
   }
 }));
 /**

package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.mjs

@@ -5,7 +5,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["autoFocus", "onChange", "className", "classes", "disabled", "readOnly", "items", "active", "slots", "slotProps", "skipDisabled"];
 import * as React from 'react';
 import clsx from 'clsx';
-import { alpha, styled, useThemeProps } from '@mui/material/styles';
+import { styled, useThemeProps } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import MenuList from '@mui/material/MenuList';
 import MenuItem from '@mui/material/MenuItem';
@@ -74,7 +74,7 @@ const MultiSectionDigitalClockSectionItem = styled(MenuItem, {
     marginTop: 4
   },
   '&:hover': {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity)
+    backgroundColor: theme.alpha((theme.vars || theme).palette.primary.main, (theme.vars || theme).palette.action.hoverOpacity)
   },
   '&.Mui-selected': {
     backgroundColor: (theme.vars || theme).palette.primary.main,
@@ -84,7 +84,7 @@ const MultiSectionDigitalClockSectionItem = styled(MenuItem, {
     }
   },
   '&.Mui-focusVisible': {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.focusOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.focusOpacity)
+    backgroundColor: theme.alpha((theme.vars || theme).palette.primary.main, (theme.vars || theme).palette.action.focusOpacity)
   }
 }));
 /**

package/PickerDay/PickerDay.d.mts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { PickerDayProps } from "./PickerDay.types.mjs";
+type PickerDayComponent = ((props: PickerDayProps & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element) & {
+  propTypes?: any;
+};
+/**
+ * Demos:
+ * - [DatePicker](https://mui.com/x/react-date-pickers/date-picker/)
+ *
+ * API:
+ * - [PickerDay API](https://mui.com/x/api/date-pickers/picker-day/)
+ */
+export declare const PickerDay: PickerDayComponent;
+export {};

package/PickerDay/PickerDay.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { PickerDayProps } from "./PickerDay.types.js";
+type PickerDayComponent = ((props: PickerDayProps & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element) & {
+  propTypes?: any;
+};
+/**
+ * Demos:
+ * - [DatePicker](https://mui.com/x/react-date-pickers/date-picker/)
+ *
+ * API:
+ * - [PickerDay API](https://mui.com/x/api/date-pickers/picker-day/)
+ */
+export declare const PickerDay: PickerDayComponent;
+export {};