@mui/x-date-pickers 8.5.0 → 8.5.2

package/esm/PickersCalendarHeader/PickersCalendarHeader.js

@@ -142,7 +142,9 @@ const PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCale
       size: 'small',
       'aria-label': translations.calendarViewSwitchingButtonAriaLabel(view)
     },
-    ownerState,
+    ownerState: _extends({}, ownerState, {
+      view
+    }),
     className: classes.switchViewButton
   });
   const SwitchViewIcon = slots?.switchViewIcon ?? PickersCalendarHeaderSwitchViewIcon;

package/esm/PickersDay/PickersDay.js

@@ -217,7 +217,7 @@ const PickersDayRaw = /*#__PURE__*/React.forwardRef(function PickersDay(inProps,
     onMouseDown: handleMouseDown
   }, other, {
     ownerState: ownerState,
-    children: !children ? utils.format(day, 'dayOfMonth') : children
+    children: children ?? utils.format(day, 'dayOfMonth')
   }));
 });
 if (process.env.NODE_ENV !== "production") PickersDayRaw.displayName = "PickersDayRaw";

package/esm/PickersLayout/PickersLayout.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { PickerLayoutOwnerState, PickersLayoutProps } from "./PickersLayout.types.js";
 import { PickerValidValue } from "../internals/models/index.js";
-export declare const PickersLayoutRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const PickersLayoutRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: PickerLayoutOwnerState;
 }, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
-export declare const PickersLayoutContentWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const PickersLayoutContentWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: PickerLayoutOwnerState;
 }, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
 type PickersLayoutComponent = (<TValue extends PickerValidValue>(props: PickersLayoutProps<TValue> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {

package/esm/PickersSectionList/PickersSectionList.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import type { PickersSectionListProps } from "./PickersSectionList.types.js";
-export declare const PickersSectionListRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
-export declare const PickersSectionListSection: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;
-export declare const PickersSectionListSectionSeparator: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;
-export declare const PickersSectionListSectionContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;
+export declare const PickersSectionListRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
+export declare const PickersSectionListSection: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;
+export declare const PickersSectionListSectionSeparator: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;
+export declare const PickersSectionListSectionContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;
 type PickersSectionListComponent = ((props: PickersSectionListProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
   propTypes?: any;
 };

package/esm/PickersTextField/PickersFilledInput/PickersFilledInput.d.ts

@@ -10,6 +10,7 @@ export interface PickerFilledInputOwnerState extends PickerTextFieldOwnerState {
    * `true` if the input  has an underline, `false` otherwise.
    */
   inputHasUnderline: boolean;
+  hiddenLabel?: boolean;
 }
 /**
  * @ignore - internal component.

package/esm/PickersTextField/PickersInput/PickersInput.js

@@ -32,7 +32,8 @@ const PickersInputRoot = styled(PickersInputBaseRoot, {
     // @ts-ignore
     .filter(key => (theme.vars ?? theme).palette[key].main).map(color => ({
       props: {
-        inputColor: color
+        inputColor: color,
+        inputHasUnderline: true
       },
       style: {
         '&::after': {
@@ -42,7 +43,7 @@ const PickersInputRoot = styled(PickersInputBaseRoot, {
       }
     })), {
       props: {
-        disableUnderline: false
+        inputHasUnderline: true
       },
       style: {
         '&::after': {
@@ -138,6 +139,7 @@ const PickersInput = /*#__PURE__*/React.forwardRef(function PickersInput(inProps
       }
     }
   }, other, {
+    ownerState: ownerState,
     label: label,
     classes: classes,
     ref: ref

package/esm/PickersTextField/PickersInputBase/PickersInputBase.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { PickersInputBaseProps } from "./PickersInputBase.types.js";
 import { PickerTextFieldOwnerState } from "../../models/fields.js";
-export declare const PickersInputBaseRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const PickersInputBaseRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: PickerTextFieldOwnerState;
 }, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
-export declare const PickersInputBaseSectionsContainer: import("@emotion/styled").StyledComponent<Pick<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement> | keyof import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const PickersInputBaseSectionsContainer: import("@emotion/styled").StyledComponent<Pick<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement> | keyof import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: PickerTextFieldOwnerState;
 }, {}, {}>;
 /**

package/esm/PickersTextField/PickersTextField.js

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["onFocus", "onBlur", "className", "classes", "color", "disabled", "error", "variant", "required", "InputProps", "inputProps", "inputRef", "sectionListRef", "elements", "areAllSectionsEmpty", "onClick", "onKeyDown", "onKeyUp", "onPaste", "onInput", "endAdornment", "startAdornment", "tabIndex", "contentEditable", "focused", "value", "onChange", "fullWidth", "id", "name", "helperText", "FormHelperTextProps", "label", "InputLabelProps", "data-active-range-position"];
+const _excluded = ["onFocus", "onBlur", "className", "classes", "color", "disabled", "error", "variant", "required", "hiddenLabel", "InputProps", "inputProps", "inputRef", "sectionListRef", "elements", "areAllSectionsEmpty", "onClick", "onKeyDown", "onKeyUp", "onPaste", "onInput", "endAdornment", "startAdornment", "tabIndex", "contentEditable", "focused", "value", "onChange", "fullWidth", "id", "name", "helperText", "FormHelperTextProps", "label", "InputLabelProps", "data-active-range-position"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -59,6 +59,7 @@ const PickersTextField = /*#__PURE__*/React.forwardRef(function PickersTextField
       error = false,
       variant = 'outlined',
       required = false,
+      hiddenLabel = false,
       // Props used by PickersInput
       InputProps,
       inputProps,
@@ -120,6 +121,8 @@ const PickersTextField = /*#__PURE__*/React.forwardRef(function PickersTextField
       inputAdditionalProps.notched = InputLabelProps.shrink;
     }
     inputAdditionalProps.label = label;
+  } else if (variant === 'filled') {
+    inputAdditionalProps.hiddenLabel = hiddenLabel;
   }
   return /*#__PURE__*/_jsx(PickerTextFieldOwnerStateContext.Provider, {
     value: ownerState,

package/esm/TimeField/TimeField.js

@@ -155,7 +155,7 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
    */
   InputLabelProps: PropTypes.object,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   inputProps: PropTypes.object,

package/esm/icons/index.d.ts

@@ -1,48 +1,48 @@
 /**
  * @ignore - internal component.
  */
-export declare const ArrowDropDownIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const ArrowDropDownIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const ArrowLeftIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const ArrowLeftIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const ArrowRightIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const ArrowRightIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const CalendarIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const CalendarIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const ClockIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const ClockIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const DateRangeIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const DateRangeIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const TimeIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const TimeIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const ClearIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const ClearIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };

package/esm/index.d.ts

@@ -3,6 +3,7 @@ export * from "./DigitalClock/index.js";
 export * from "./MultiSectionDigitalClock/index.js";
 export * from "./LocalizationProvider/index.js";
 export * from "./PickersDay/index.js";
+export * from "./PickerDay2/index.js";
 export * from "./locales/utils/pickersLocaleTextApi.js";
 export * from "./DateField/index.js";
 export * from "./TimeField/index.js";

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v8.5.0
+ * @mui/x-date-pickers v8.5.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -11,6 +11,7 @@ export * from "./DigitalClock/index.js";
 export * from "./MultiSectionDigitalClock/index.js";
 export * from "./LocalizationProvider/index.js";
 export * from "./PickersDay/index.js";
+export * from "./PickerDay2/index.js";
 export * from "./locales/utils/pickersLocaleTextApi.js";
 
 // Fields

package/esm/internals/components/PickerPopper/PickerPopper.d.ts

@@ -47,7 +47,7 @@ export interface PickerPopperSlotProps {
   /**
    * Props passed down to [Popper](https://mui.com/material-ui/api/popper/) component.
    */
-  popper?: SlotComponentPropsFromProps<PopperProps, {}, PickerPopperOwnerState>;
+  popper?: SlotComponentPropsFromProps<PopperProps, {}, PickerOwnerState>;
 }
 export interface ExportedPickerPopperProps {
   /**

package/esm/internals/components/PickerPopper/PickerPopper.js

@@ -42,7 +42,7 @@ const PickerPopperPaper = styled(MuiPaper, {
   variants: [{
     props: ({
       popperPlacement
-    }) => ['top', 'top-start', 'top-end'].includes(popperPlacement),
+    }) => new Set(['top', 'top-start', 'top-end']).has(popperPlacement),
     style: {
       transformOrigin: 'bottom center'
     }
@@ -258,9 +258,6 @@ export function PickerPopper(inProps) {
     ownerState: pickerOwnerState,
     rootRefObject
   } = usePickerPrivateContext();
-  const ownerState = _extends({}, pickerOwnerState, {
-    popperPlacement: placement
-  });
   const handleClickAway = useEventCallback(() => {
     if (viewContainerRole === 'tooltip') {
       executeInTheNextEventLoopTick(() => {
@@ -300,8 +297,11 @@ export function PickerPopper(inProps) {
       onKeyDown: handleKeyDown
     },
     className: classes.root,
-    ownerState
+    ownerState: pickerOwnerState
   });
+  const ownerState = React.useMemo(() => _extends({}, pickerOwnerState, {
+    popperPlacement: popperProps.placement
+  }), [pickerOwnerState, popperProps.placement]);
   return /*#__PURE__*/_jsx(Popper, _extends({}, popperProps, {
     children: ({
       TransitionProps

package/esm/internals/components/PickerViewRoot/PickerViewRoot.d.ts

@@ -1 +1 @@
-export declare const PickerViewRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PickerViewRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/esm/themeAugmentation/components.d.ts

@@ -88,6 +88,10 @@ export interface PickerComponents<Theme = unknown> {
     defaultProps?: ComponentsProps['MuiPickersDay'];
     styleOverrides?: ComponentsOverrides<Theme, PickerDayOwnerState>['MuiPickersDay'];
   };
+  MuiPickerDay2?: {
+    defaultProps?: ComponentsProps['MuiPickerDay2'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiPickerDay2'];
+  };
   MuiPickersFadeTransitionGroup?: {
     defaultProps?: ComponentsProps['MuiPickersFadeTransitionGroup'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiPickersFadeTransitionGroup'];

package/esm/themeAugmentation/overrides.d.ts

@@ -4,6 +4,7 @@ import { DayCalendarSkeletonClassKey } from "../DayCalendarSkeleton/index.js";
 import { ClockClassKey, ClockNumberClassKey, TimeClockClassKey, ClockPointerClassKey } from "../TimeClock/index.js";
 import { MonthCalendarClassKey } from "../MonthCalendar/index.js";
 import { PickersDayClassKey } from "../PickersDay/index.js";
+import { PickerDay2ClassKey } from "../PickerDay2/index.js";
 import { YearCalendarClassKey } from "../YearCalendar/index.js";
 import { PickersLayoutClassKey } from "../PickersLayout/index.js";
 import { DatePickerToolbarClassKey } from "../DatePicker/index.js";
@@ -35,6 +36,7 @@ export interface PickersComponentNameToClassKey {
   MuiPickersArrowSwitcher: PickersArrowSwitcherClassKey;
   MuiPickersCalendarHeader: PickersCalendarHeaderClassKey;
   MuiPickersDay: PickersDayClassKey;
+  MuiPickerDay2: PickerDay2ClassKey;
   MuiPickersFadeTransitionGroup: PickersFadeTransitionGroupClassKey;
   MuiPickersLayout: PickersLayoutClassKey;
   MuiPickerPopper: PickerPopperClassKey;

package/esm/themeAugmentation/props.d.ts

@@ -3,6 +3,7 @@ import { DayCalendarSkeletonProps } from "../DayCalendarSkeleton/index.js";
 import { ClockNumberProps, TimeClockProps, ClockPointerProps, ClockProps } from "../TimeClock/index.js";
 import { MonthCalendarProps } from "../MonthCalendar/index.js";
 import { PickersDayProps } from "../PickersDay/index.js";
+import { PickerDay2Props } from "../PickerDay2/index.js";
 import { YearCalendarProps } from "../YearCalendar/index.js";
 import { DateFieldProps } from "../DateField/index.js";
 import { LocalizationProviderProps } from "../LocalizationProvider/index.js";
@@ -56,6 +57,7 @@ export interface PickersComponentsPropsList {
   MuiPickersArrowSwitcher: ExportedPickersArrowSwitcherProps;
   MuiPickersCalendarHeader: ExportedPickersCalendarHeaderProps;
   MuiPickersDay: PickersDayProps;
+  MuiPickerDay2: PickerDay2Props;
   MuiPickersFadeTransitionGroup: ExportedPickersFadeTransitionGroupProps;
   MuiPickerPopper: ExportedPickerPopperProps;
   MuiPickersSlideTransition: ExportedSlideTransitionProps;

package/icons/index.d.ts

@@ -1,48 +1,48 @@
 /**
  * @ignore - internal component.
  */
-export declare const ArrowDropDownIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const ArrowDropDownIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const ArrowLeftIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const ArrowLeftIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const ArrowRightIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const ArrowRightIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const CalendarIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const CalendarIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const ClockIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const ClockIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const DateRangeIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const DateRangeIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const TimeIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const TimeIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };
 /**
  * @ignore - internal component.
  */
-export declare const ClearIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+export declare const ClearIcon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
   muiName: string;
 };

package/index.d.ts

@@ -3,6 +3,7 @@ export * from "./DigitalClock/index.js";
 export * from "./MultiSectionDigitalClock/index.js";
 export * from "./LocalizationProvider/index.js";
 export * from "./PickersDay/index.js";
+export * from "./PickerDay2/index.js";
 export * from "./locales/utils/pickersLocaleTextApi.js";
 export * from "./DateField/index.js";
 export * from "./TimeField/index.js";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v8.5.0
+ * @mui/x-date-pickers v8.5.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -79,6 +79,18 @@ Object.keys(_PickersDay).forEach(function (key) {
     }
   });
 });
+var _PickerDay = require("./PickerDay2");
+Object.keys(_PickerDay).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _PickerDay[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PickerDay[key];
+    }
+  });
+});
 var _pickersLocaleTextApi = require("./locales/utils/pickersLocaleTextApi");
 Object.keys(_pickersLocaleTextApi).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/internals/components/PickerPopper/PickerPopper.d.ts

@@ -47,7 +47,7 @@ export interface PickerPopperSlotProps {
   /**
    * Props passed down to [Popper](https://mui.com/material-ui/api/popper/) component.
    */
-  popper?: SlotComponentPropsFromProps<PopperProps, {}, PickerPopperOwnerState>;
+  popper?: SlotComponentPropsFromProps<PopperProps, {}, PickerOwnerState>;
 }
 export interface ExportedPickerPopperProps {
   /**

package/internals/components/PickerPopper/PickerPopper.js

@@ -50,7 +50,7 @@ const PickerPopperPaper = (0, _styles.styled)(_Paper.default, {
   variants: [{
     props: ({
       popperPlacement
-    }) => ['top', 'top-start', 'top-end'].includes(popperPlacement),
+    }) => new Set(['top', 'top-start', 'top-end']).has(popperPlacement),
     style: {
       transformOrigin: 'bottom center'
     }
@@ -266,9 +266,6 @@ function PickerPopper(inProps) {
     ownerState: pickerOwnerState,
     rootRefObject
   } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
-  const ownerState = (0, _extends2.default)({}, pickerOwnerState, {
-    popperPlacement: placement
-  });
   const handleClickAway = (0, _useEventCallback.default)(() => {
     if (viewContainerRole === 'tooltip') {
       (0, _utils.executeInTheNextEventLoopTick)(() => {
@@ -308,8 +305,11 @@ function PickerPopper(inProps) {
       onKeyDown: handleKeyDown
     },
     className: classes.root,
-    ownerState
+    ownerState: pickerOwnerState
   });
+  const ownerState = React.useMemo(() => (0, _extends2.default)({}, pickerOwnerState, {
+    popperPlacement: popperProps.placement
+  }), [pickerOwnerState, popperProps.placement]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Popper, (0, _extends2.default)({}, popperProps, {
     children: ({
       TransitionProps

package/internals/components/PickerViewRoot/PickerViewRoot.d.ts

@@ -1 +1 @@
-export declare const PickerViewRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PickerViewRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "8.5.0",
+  "version": "8.5.2",
   "author": "MUI Team",
   "description": "The community edition of the MUI X Date and Time Picker components.",
   "main": "./index.js",
@@ -35,13 +35,13 @@
     "directory": "packages/x-date-pickers"
   },
   "dependencies": {
-    "@babel/runtime": "^7.27.1",
-    "@mui/utils": "^7.0.2",
+    "@babel/runtime": "^7.27.6",
+    "@mui/utils": "^7.1.1",
     "@types/react-transition-group": "^4.4.12",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "8.5.0"
+    "@mui/x-internals": "8.5.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/themeAugmentation/components.d.ts

@@ -88,6 +88,10 @@ export interface PickerComponents<Theme = unknown> {
     defaultProps?: ComponentsProps['MuiPickersDay'];
     styleOverrides?: ComponentsOverrides<Theme, PickerDayOwnerState>['MuiPickersDay'];
   };
+  MuiPickerDay2?: {
+    defaultProps?: ComponentsProps['MuiPickerDay2'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiPickerDay2'];
+  };
   MuiPickersFadeTransitionGroup?: {
     defaultProps?: ComponentsProps['MuiPickersFadeTransitionGroup'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiPickersFadeTransitionGroup'];

package/themeAugmentation/overrides.d.ts

@@ -4,6 +4,7 @@ import { DayCalendarSkeletonClassKey } from "../DayCalendarSkeleton/index.js";
 import { ClockClassKey, ClockNumberClassKey, TimeClockClassKey, ClockPointerClassKey } from "../TimeClock/index.js";
 import { MonthCalendarClassKey } from "../MonthCalendar/index.js";
 import { PickersDayClassKey } from "../PickersDay/index.js";
+import { PickerDay2ClassKey } from "../PickerDay2/index.js";
 import { YearCalendarClassKey } from "../YearCalendar/index.js";
 import { PickersLayoutClassKey } from "../PickersLayout/index.js";
 import { DatePickerToolbarClassKey } from "../DatePicker/index.js";
@@ -35,6 +36,7 @@ export interface PickersComponentNameToClassKey {
   MuiPickersArrowSwitcher: PickersArrowSwitcherClassKey;
   MuiPickersCalendarHeader: PickersCalendarHeaderClassKey;
   MuiPickersDay: PickersDayClassKey;
+  MuiPickerDay2: PickerDay2ClassKey;
   MuiPickersFadeTransitionGroup: PickersFadeTransitionGroupClassKey;
   MuiPickersLayout: PickersLayoutClassKey;
   MuiPickerPopper: PickerPopperClassKey;

package/themeAugmentation/props.d.ts

@@ -3,6 +3,7 @@ import { DayCalendarSkeletonProps } from "../DayCalendarSkeleton/index.js";
 import { ClockNumberProps, TimeClockProps, ClockPointerProps, ClockProps } from "../TimeClock/index.js";
 import { MonthCalendarProps } from "../MonthCalendar/index.js";
 import { PickersDayProps } from "../PickersDay/index.js";
+import { PickerDay2Props } from "../PickerDay2/index.js";
 import { YearCalendarProps } from "../YearCalendar/index.js";
 import { DateFieldProps } from "../DateField/index.js";
 import { LocalizationProviderProps } from "../LocalizationProvider/index.js";
@@ -56,6 +57,7 @@ export interface PickersComponentsPropsList {
   MuiPickersArrowSwitcher: ExportedPickersArrowSwitcherProps;
   MuiPickersCalendarHeader: ExportedPickersCalendarHeaderProps;
   MuiPickersDay: PickersDayProps;
+  MuiPickerDay2: PickerDay2Props;
   MuiPickersFadeTransitionGroup: ExportedPickersFadeTransitionGroupProps;
   MuiPickerPopper: ExportedPickerPopperProps;
   MuiPickersSlideTransition: ExportedSlideTransitionProps;