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

package/{PickerDay2/PickerDay2.mjs → PickerDay/PickerDay.mjs}

@@ -2,19 +2,19 @@
 
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["autoFocus", "className", "classes", "hidden", "isAnimating", "onClick", "onDaySelect", "onFocus", "onBlur", "onKeyDown", "onMouseDown", "onMouseEnter", "children", "isFirstVisibleCell", "isLastVisibleCell", "day", "selected", "disabled", "today", "outsideCurrentMonth", "disableMargin", "disableHighlightToday", "showDaysOutsideCurrentMonth", "isVisuallySelected"];
+const _excluded = ["autoFocus", "className", "classes", "hidden", "isAnimating", "onClick", "onDaySelect", "onFocus", "onBlur", "onKeyDown", "onMouseDown", "onMouseEnter", "children", "isFirstVisibleCell", "isLastVisibleCell", "day", "selected", "disabled", "today", "outsideCurrentMonth", "disableHighlightToday", "showDaysOutsideCurrentMonth", "isVisuallySelected", "isDayFillerCell"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { alpha, styled, useThemeProps } from '@mui/material/styles';
+import { styled, useThemeProps } from '@mui/material/styles';
 import ButtonBase from '@mui/material/ButtonBase';
 import useForkRef from '@mui/utils/useForkRef';
 import composeClasses from '@mui/utils/composeClasses';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import { DAY_MARGIN, DAY_SIZE } from "../internals/constants/dimensions.mjs";
-import { pickerDay2Classes, getPickerDay2UtilityClass } from "./pickerDay2Classes.mjs";
+import { pickerDayClasses, getPickerDayUtilityClass } from "./pickerDayClasses.mjs";
 import { usePickerAdapter } from "../hooks/usePickerAdapter.mjs";
-import { usePickerDayOwnerState } from "../PickersDay/usePickerDayOwnerState.mjs";
+import { usePickerDayOwnerState } from "../internals/hooks/usePickerDayOwnerState.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = (ownerState, classes) => {
   const {
@@ -28,16 +28,16 @@ const useUtilityClasses = (ownerState, classes) => {
   const slots = {
     root: ['root', isDaySelected && !isDayFillerCell && 'selected', isDayDisabled && 'disabled', !disableHighlightToday && isDayCurrent && !isDaySelected && !isDayFillerCell && 'today', isDayOutsideMonth && 'dayOutsideMonth', isDayFillerCell && 'fillerCell']
   };
-  return composeClasses(slots, getPickerDay2UtilityClass, classes);
+  return composeClasses(slots, getPickerDayUtilityClass, classes);
 };
-const PickerDay2Root = styled(ButtonBase, {
-  name: 'MuiPickerDay2',
+const PickerDayRoot = styled(ButtonBase, {
+  name: 'MuiPickerDay',
   slot: 'Root',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.root, !ownerState.disableHighlightToday && ownerState.isDayCurrent && styles.today, !ownerState.isDayOutsideMonth && styles.dayOutsideMonth, ownerState.isDayFillerCell && styles.fillerCell];
+    return [styles.root, !ownerState.disableHighlightToday && ownerState.isDayCurrent && styles.today, ownerState.isDayOutsideMonth && styles.dayOutsideMonth, ownerState.isDayFillerCell && styles.fillerCell];
   }
 })(({
   theme
@@ -45,6 +45,8 @@ const PickerDay2Root = styled(ButtonBase, {
   '--PickerDay-horizontalMargin': `${DAY_MARGIN}px`,
   '--PickerDay-size': `${DAY_SIZE}px`
 }, theme.typography.caption, {
+  lineHeight: 1,
+  display: 'flex',
   width: 'var(--PickerDay-size)',
   height: 'var(--PickerDay-size)',
   borderRadius: 'calc(var(--PickerDay-size) / 2)',
@@ -57,11 +59,11 @@ const PickerDay2Root = styled(ButtonBase, {
   color: (theme.vars || theme).palette.text.primary,
   '@media (pointer: fine)': {
     '&: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)
     }
   },
   '&:focus': {
-    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)
   },
   marginLeft: 'var(--PickerDay-horizontalMargin)',
   marginRight: 'var(--PickerDay-horizontalMargin)',
@@ -77,7 +79,7 @@ const PickerDay2Root = styled(ButtonBase, {
         willChange: 'background-color',
         backgroundColor: (theme.vars || theme).palette.primary.dark
       },
-      [`&.${pickerDay2Classes.disabled}`]: {
+      [`&.${pickerDayClasses.disabled}`]: {
         opacity: 0.6
       }
     }
@@ -117,10 +119,10 @@ const PickerDay2Root = styled(ButtonBase, {
   }]
 }));
 const noop = () => {};
-const PickerDay2Raw = /*#__PURE__*/React.forwardRef(function PickerDay2(inProps, forwardedRef) {
+const PickerDayRaw = /*#__PURE__*/React.forwardRef(function PickerDay(inProps, forwardedRef) {
   const props = useThemeProps({
     props: inProps,
-    name: 'MuiPickerDay2'
+    name: 'MuiPickerDay'
   });
   const adapter = usePickerAdapter();
   const {
@@ -141,24 +143,23 @@ const PickerDay2Raw = /*#__PURE__*/React.forwardRef(function PickerDay2(inProps,
       disabled,
       today,
       outsideCurrentMonth,
-      disableMargin,
       disableHighlightToday,
-      showDaysOutsideCurrentMonth
+      showDaysOutsideCurrentMonth,
+      isDayFillerCell: isDayFillerCellProp
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
-  const pickersDayOwnerState = usePickerDayOwnerState({
+  const pickerDayOwnerState = usePickerDayOwnerState({
     day,
     selected,
     disabled,
     today,
     outsideCurrentMonth,
-    disableMargin,
     disableHighlightToday,
     showDaysOutsideCurrentMonth
   });
-  const ownerState = _extends({}, pickersDayOwnerState, {
+  const ownerState = _extends({}, pickerDayOwnerState, {
     // Properties specific to the MUI implementation (some might be removed in the next major)
-    isDayFillerCell: outsideCurrentMonth && !showDaysOutsideCurrentMonth
+    isDayFillerCell: isDayFillerCellProp ?? (outsideCurrentMonth && !showDaysOutsideCurrentMonth)
   });
   const classes = useUtilityClasses(ownerState, classesProp);
   const ref = React.useRef(null);
@@ -193,12 +194,18 @@ const PickerDay2Raw = /*#__PURE__*/React.forwardRef(function PickerDay2(inProps,
       onClick(event);
     }
   };
-  return /*#__PURE__*/_jsx(PickerDay2Root, _extends({
+  if (ownerState.isDayFillerCell) {
+    return /*#__PURE__*/_jsx(PickerDayRoot, {
+      ref: handleRef,
+      role: other.role,
+      ownerState: ownerState,
+      className: clsx(classes.root, className),
+      as: "div"
+    });
+  }
+  return /*#__PURE__*/_jsx(PickerDayRoot, _extends({
     ref: handleRef,
-    centerRipple: true
-    // compat with PickersDay for tests
-    ,
-
+    centerRipple: true,
     disabled: disabled,
     tabIndex: selected ? 0 : -1,
     onKeyDown: event => onKeyDown(event, day),
@@ -210,11 +217,11 @@ const PickerDay2Raw = /*#__PURE__*/React.forwardRef(function PickerDay2(inProps,
   }, other, {
     ownerState: ownerState,
     className: clsx(classes.root, className),
-    children: children ?? (ownerState.isDayFillerCell ? null : adapter.format(day, 'dayOfMonth'))
+    children: children ?? adapter.format(day, 'dayOfMonth')
   }));
 });
-if (process.env.NODE_ENV !== "production") PickerDay2Raw.displayName = "PickerDay2Raw";
-process.env.NODE_ENV !== "production" ? PickerDay2Raw.propTypes = {
+if (process.env.NODE_ENV !== "production") PickerDayRaw.displayName = "PickerDayRaw";
+process.env.NODE_ENV !== "production" ? PickerDayRaw.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -245,20 +252,15 @@ process.env.NODE_ENV !== "production" ? PickerDay2Raw.propTypes = {
    */
   day: PropTypes.object.isRequired,
   /**
-   * If `true`, renders as disabled.
+   * If `true`, the day is disabled.
    * @default false
    */
   disabled: 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,
-  /**
-   * If `true`, days are rendering without margin. Useful for displaying linked range of days.
-   * @default false
-   */
-  disableMargin: PropTypes.bool,
   /**
    * If `true`, the ripple effect is disabled.
    *
@@ -286,35 +288,90 @@ process.env.NODE_ENV !== "production" ? PickerDay2Raw.propTypes = {
    * if needed.
    */
   focusVisibleClassName: PropTypes.string,
+  /**
+   * If `true`, the day is being animated.
+   * @default false
+   */
   isAnimating: PropTypes.bool,
   /**
-   * If `true`, day is the first visible cell of the month.
-   * Either the first day of the month or the first day of the week depending on `showDaysOutsideCurrentMonth`.
+   * If `true`, the day is a filler day (its content is hidden).
+   * @default false
+   */
+  isDayFillerCell: PropTypes.bool,
+  /**
+   * If `true`, the day is the first visible cell of the month.
+   * @default false
    */
-  isFirstVisibleCell: PropTypes.bool.isRequired,
+  isFirstVisibleCell: PropTypes.bool,
   /**
-   * If `true`, day is the last visible cell of the month.
-   * Either the last day of the month or the last day of the week depending on `showDaysOutsideCurrentMonth`.
+   * If `true`, the day is the last visible cell of the month.
+   * @default false
    */
-  isLastVisibleCell: PropTypes.bool.isRequired,
+  isLastVisibleCell: PropTypes.bool,
   /**
    * Indicates if the day should be visually selected.
    */
   isVisuallySelected: PropTypes.bool,
+  /**
+   * Whether the custom component is expected to render a native `<button>` element
+   * when passing a React component to the `component` or `slots` prop.
+   */
+  nativeButton: PropTypes.bool,
+  /**
+   * Callback fired when the component is blurred.
+   * @param {React.FocusEvent<HTMLButtonElement>} event The event object.
+   * @param {PickerValidDate} day The day.
+   * @default () => {}
+   */
   onBlur: PropTypes.func,
+  /**
+   * Callback fired when the component is clicked.
+   * @param {MuiEvent<React.MouseEvent<HTMLButtonElement>>} event The event object.
+   * @default () => {}
+   */
+  onClick: PropTypes.func,
+  /**
+   * Callback fired when the day is selected.
+   * @param {PickerValidDate} day The day to select.
+   */
   onDaySelect: PropTypes.func.isRequired,
+  /**
+   * Callback fired when the component is focused.
+   * @param {React.FocusEvent<HTMLButtonElement>} event The event object.
+   * @param {PickerValidDate} day The day.
+   * @default () => {}
+   */
   onFocus: PropTypes.func,
   /**
    * Callback fired when the component is focused with a keyboard.
    * We trigger a `onFocus` callback too.
    */
   onFocusVisible: PropTypes.func,
+  /**
+   * Callback fired when a key is pressed.
+   * @param {React.KeyboardEvent<HTMLButtonElement>} event The event object.
+   * @param {PickerValidDate} day The day.
+   * @default () => {}
+   */
   onKeyDown: PropTypes.func,
+  /**
+   * Callback fired when the mouse button is pressed.
+   * @param {React.MouseEvent<HTMLButtonElement>} event The event object.
+   * @default () => {}
+   */
+  onMouseDown: PropTypes.func,
+  /**
+   * Callback fired when the mouse enters the component.
+   * @param {React.MouseEvent<HTMLButtonElement>} event The event object.
+   * @param {PickerValidDate} day The day.
+   * @default () => {}
+   */
   onMouseEnter: PropTypes.func,
   /**
-   * If `true`, day is outside of month and will be hidden.
+   * If `true`, the day is outside the current month.
+   * @default false
    */
-  outsideCurrentMonth: PropTypes.bool.isRequired,
+  outsideCurrentMonth: PropTypes.bool,
   /**
    * If `true`, renders as selected.
    * @default false
@@ -341,7 +398,7 @@ process.env.NODE_ENV !== "production" ? PickerDay2Raw.propTypes = {
    */
   tabIndex: PropTypes.number,
   /**
-   * If `true`, renders as today date.
+   * If `true`, today's day is highlighted.
    * @default false
    */
   today: PropTypes.bool,
@@ -360,5 +417,13 @@ process.env.NODE_ENV !== "production" ? PickerDay2Raw.propTypes = {
     })
   })])
 } : void 0;
-export const PickerDay2 = /*#__PURE__*/React.memo(PickerDay2Raw);
-if (process.env.NODE_ENV !== "production") PickerDay2.displayName = "PickerDay2";
+
+/**
+ * Demos:
+ * - [DatePicker](https://mui.com/x/react-date-pickers/date-picker/)
+ *
+ * API:
+ * - [PickerDay API](https://mui.com/x/api/date-pickers/picker-day/)
+ */
+export const PickerDay = /*#__PURE__*/React.memo(PickerDayRaw);
+if (process.env.NODE_ENV !== "production") PickerDay.displayName = "PickerDay";

package/PickerDay/PickerDay.types.d.mts

@@ -0,0 +1,137 @@
+import { ButtonBaseProps } from '@mui/material/ButtonBase';
+import { MuiEvent } from '@mui/x-internals/types';
+import { PickerValidDate } from "../models/index.mjs";
+import { PickerDayClasses } from "./pickerDayClasses.mjs";
+import { PickerDayOwnerState as PickerDayOwnerStateBase } from "../internals/hooks/PickerDay.types.mjs";
+export interface ExportedPickerDayProps {
+  /**
+   * If `true`, today's day is not highlighted.
+   * @default false
+   */
+  disableHighlightToday?: boolean;
+  /**
+   * If `true`, days outside the current month are rendered:
+   *
+   * - if `fixedWeekNumber` is defined, renders days to have the weeks requested.
+   *
+   * - if `fixedWeekNumber` is not defined, renders day to fill the first and last week of the current month.
+   *
+   * - ignored if `calendars` equals more than `1` on range pickers.
+   * @default false
+   */
+  showDaysOutsideCurrentMonth?: boolean;
+}
+export interface PickerDayProps extends ExportedPickerDayProps, Omit<ButtonBaseProps, 'classes' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onMouseDown' | 'onClick' | 'onMouseEnter' | 'LinkComponent'> {
+  /**
+   * The date to show.
+   */
+  day: PickerValidDate;
+  /**
+   * If `true`, renders as selected.
+   * @default false
+   */
+  selected?: boolean;
+  /**
+   * If `true`, the day is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, today's day is highlighted.
+   * @default false
+   */
+  today?: boolean;
+  /**
+   * If `true`, the day is outside the current month.
+   * @default false
+   */
+  outsideCurrentMonth?: boolean;
+  /**
+   * If `true`, the day is the first visible cell of the month.
+   * @default false
+   */
+  isFirstVisibleCell?: boolean;
+  /**
+   * If `true`, the day is the last visible cell of the month.
+   * @default false
+   */
+  isLastVisibleCell?: boolean;
+  /**
+   * If `true`, the day is being animated.
+   * @default false
+   */
+  isAnimating?: boolean;
+  /**
+   * Callback fired when the day is selected.
+   * @param {PickerValidDate} day The day to select.
+   */
+  onDaySelect: (day: PickerValidDate) => void;
+  /**
+   * Callback fired when a key is pressed.
+   * @param {React.KeyboardEvent<HTMLButtonElement>} event The event object.
+   * @param {PickerValidDate} day The day.
+   * @default () => {}
+   */
+  onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>, day: PickerValidDate) => void;
+  /**
+   * Callback fired when the component is focused.
+   * @param {React.FocusEvent<HTMLButtonElement>} event The event object.
+   * @param {PickerValidDate} day The day.
+   * @default () => {}
+   */
+  onFocus?: (event: React.FocusEvent<HTMLButtonElement>, day: PickerValidDate) => void;
+  /**
+   * Callback fired when the component is blurred.
+   * @param {React.FocusEvent<HTMLButtonElement>} event The event object.
+   * @param {PickerValidDate} day The day.
+   * @default () => {}
+   */
+  onBlur?: (event: React.FocusEvent<HTMLButtonElement>, day: PickerValidDate) => void;
+  /**
+   * Callback fired when the mouse enters the component.
+   * @param {React.MouseEvent<HTMLButtonElement>} event The event object.
+   * @param {PickerValidDate} day The day.
+   * @default () => {}
+   */
+  onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement>, day: PickerValidDate) => void;
+  /**
+   * Callback fired when the component is clicked.
+   * @param {MuiEvent<React.MouseEvent<HTMLButtonElement>>} event The event object.
+   * @default () => {}
+   */
+  onClick?: (event: MuiEvent<React.MouseEvent<HTMLButtonElement>>) => void;
+  /**
+   * Callback fired when the mouse button is pressed.
+   * @param {React.MouseEvent<HTMLButtonElement>} event The event object.
+   * @default () => {}
+   */
+  onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<PickerDayClasses>;
+  /**
+   * Indicates if the day should be visually selected.
+   */
+  isVisuallySelected?: boolean;
+  /**
+   * If `true`, the day is a filler day (its content is hidden).
+   * @default false
+   */
+  isDayFillerCell?: boolean;
+}
+export interface PickerDayOwnerState extends PickerDayOwnerStateBase {
+  /**
+   * Whether the day is a filler day (its content is hidden).
+   */
+  isDayFillerCell?: boolean;
+  /**
+   * Whether the day is the first visible cell of the month it's being rendered in.
+   */
+  isDayFirstVisibleCell?: boolean;
+  /**
+   * Whether the day is the last visible cell of the month it's being rendered in.
+   */
+  isDayLastVisibleCell?: boolean;
+}
+export type { PickerDayOwnerStateBase };

package/PickerDay/PickerDay.types.d.ts

@@ -0,0 +1,137 @@
+import { ButtonBaseProps } from '@mui/material/ButtonBase';
+import { MuiEvent } from '@mui/x-internals/types';
+import { PickerValidDate } from "../models/index.js";
+import { PickerDayClasses } from "./pickerDayClasses.js";
+import { PickerDayOwnerState as PickerDayOwnerStateBase } from "../internals/hooks/PickerDay.types.js";
+export interface ExportedPickerDayProps {
+  /**
+   * If `true`, today's day is not highlighted.
+   * @default false
+   */
+  disableHighlightToday?: boolean;
+  /**
+   * If `true`, days outside the current month are rendered:
+   *
+   * - if `fixedWeekNumber` is defined, renders days to have the weeks requested.
+   *
+   * - if `fixedWeekNumber` is not defined, renders day to fill the first and last week of the current month.
+   *
+   * - ignored if `calendars` equals more than `1` on range pickers.
+   * @default false
+   */
+  showDaysOutsideCurrentMonth?: boolean;
+}
+export interface PickerDayProps extends ExportedPickerDayProps, Omit<ButtonBaseProps, 'classes' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onMouseDown' | 'onClick' | 'onMouseEnter' | 'LinkComponent'> {
+  /**
+   * The date to show.
+   */
+  day: PickerValidDate;
+  /**
+   * If `true`, renders as selected.
+   * @default false
+   */
+  selected?: boolean;
+  /**
+   * If `true`, the day is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, today's day is highlighted.
+   * @default false
+   */
+  today?: boolean;
+  /**
+   * If `true`, the day is outside the current month.
+   * @default false
+   */
+  outsideCurrentMonth?: boolean;
+  /**
+   * If `true`, the day is the first visible cell of the month.
+   * @default false
+   */
+  isFirstVisibleCell?: boolean;
+  /**
+   * If `true`, the day is the last visible cell of the month.
+   * @default false
+   */
+  isLastVisibleCell?: boolean;
+  /**
+   * If `true`, the day is being animated.
+   * @default false
+   */
+  isAnimating?: boolean;
+  /**
+   * Callback fired when the day is selected.
+   * @param {PickerValidDate} day The day to select.
+   */
+  onDaySelect: (day: PickerValidDate) => void;
+  /**
+   * Callback fired when a key is pressed.
+   * @param {React.KeyboardEvent<HTMLButtonElement>} event The event object.
+   * @param {PickerValidDate} day The day.
+   * @default () => {}
+   */
+  onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>, day: PickerValidDate) => void;
+  /**
+   * Callback fired when the component is focused.
+   * @param {React.FocusEvent<HTMLButtonElement>} event The event object.
+   * @param {PickerValidDate} day The day.
+   * @default () => {}
+   */
+  onFocus?: (event: React.FocusEvent<HTMLButtonElement>, day: PickerValidDate) => void;
+  /**
+   * Callback fired when the component is blurred.
+   * @param {React.FocusEvent<HTMLButtonElement>} event The event object.
+   * @param {PickerValidDate} day The day.
+   * @default () => {}
+   */
+  onBlur?: (event: React.FocusEvent<HTMLButtonElement>, day: PickerValidDate) => void;
+  /**
+   * Callback fired when the mouse enters the component.
+   * @param {React.MouseEvent<HTMLButtonElement>} event The event object.
+   * @param {PickerValidDate} day The day.
+   * @default () => {}
+   */
+  onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement>, day: PickerValidDate) => void;
+  /**
+   * Callback fired when the component is clicked.
+   * @param {MuiEvent<React.MouseEvent<HTMLButtonElement>>} event The event object.
+   * @default () => {}
+   */
+  onClick?: (event: MuiEvent<React.MouseEvent<HTMLButtonElement>>) => void;
+  /**
+   * Callback fired when the mouse button is pressed.
+   * @param {React.MouseEvent<HTMLButtonElement>} event The event object.
+   * @default () => {}
+   */
+  onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<PickerDayClasses>;
+  /**
+   * Indicates if the day should be visually selected.
+   */
+  isVisuallySelected?: boolean;
+  /**
+   * If `true`, the day is a filler day (its content is hidden).
+   * @default false
+   */
+  isDayFillerCell?: boolean;
+}
+export interface PickerDayOwnerState extends PickerDayOwnerStateBase {
+  /**
+   * Whether the day is a filler day (its content is hidden).
+   */
+  isDayFillerCell?: boolean;
+  /**
+   * Whether the day is the first visible cell of the month it's being rendered in.
+   */
+  isDayFirstVisibleCell?: boolean;
+  /**
+   * Whether the day is the last visible cell of the month it's being rendered in.
+   */
+  isDayLastVisibleCell?: boolean;
+}
+export type { PickerDayOwnerStateBase };

package/PickerDay/index.d.mts

@@ -0,0 +1,4 @@
+export { PickerDay } from "./PickerDay.mjs";
+export type { PickerDayProps, PickerDayOwnerState, PickerDayOwnerStateBase } from "./PickerDay.types.mjs";
+export { getPickerDayUtilityClass, pickerDayClasses } from "./pickerDayClasses.mjs";
+export type { PickerDayClassKey } from "./pickerDayClasses.mjs";

package/PickerDay/index.d.ts

@@ -0,0 +1,4 @@
+export { PickerDay } from "./PickerDay.js";
+export type { PickerDayProps, PickerDayOwnerState, PickerDayOwnerStateBase } from "./PickerDay.types.js";
+export { getPickerDayUtilityClass, pickerDayClasses } from "./pickerDayClasses.js";
+export type { PickerDayClassKey } from "./pickerDayClasses.js";

package/PickerDay/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PickerDay", {
+  enumerable: true,
+  get: function () {
+    return _PickerDay.PickerDay;
+  }
+});
+Object.defineProperty(exports, "getPickerDayUtilityClass", {
+  enumerable: true,
+  get: function () {
+    return _pickerDayClasses.getPickerDayUtilityClass;
+  }
+});
+Object.defineProperty(exports, "pickerDayClasses", {
+  enumerable: true,
+  get: function () {
+    return _pickerDayClasses.pickerDayClasses;
+  }
+});
+var _PickerDay = require("./PickerDay");
+var _pickerDayClasses = require("./pickerDayClasses");

package/PickerDay/index.mjs

@@ -0,0 +1,2 @@
+export { PickerDay } from "./PickerDay.mjs";
+export { getPickerDayUtilityClass, pickerDayClasses } from "./pickerDayClasses.mjs";

package/{PickerDay2/pickerDay2Classes.d.mts → PickerDay/pickerDayClasses.d.mts}

@@ -1,4 +1,4 @@
-export interface PickerDay2Classes {
+export interface PickerDayClasses {
   /** Styles applied to the root element. */
   root: string;
   /** Styles applied to the root element if `outsideCurrentMonth=true` and `showDaysOutsideCurrentMonth=true`. */
@@ -12,6 +12,6 @@ export interface PickerDay2Classes {
   /** State class applied to the root element if `disabled=true`. */
   disabled: string;
 }
-export type PickerDay2ClassKey = keyof PickerDay2Classes;
-export declare function getPickerDay2UtilityClass(slot: string): string;
-export declare const pickerDay2Classes: Record<keyof PickerDay2Classes, string>;
+export type PickerDayClassKey = keyof PickerDayClasses;
+export declare function getPickerDayUtilityClass(slot: string): string;
+export declare const pickerDayClasses: Record<keyof PickerDayClasses, string>;

package/{PickerDay2/pickerDay2Classes.d.ts → PickerDay/pickerDayClasses.d.ts}

@@ -1,4 +1,4 @@
-export interface PickerDay2Classes {
+export interface PickerDayClasses {
   /** Styles applied to the root element. */
   root: string;
   /** Styles applied to the root element if `outsideCurrentMonth=true` and `showDaysOutsideCurrentMonth=true`. */
@@ -12,6 +12,6 @@ export interface PickerDay2Classes {
   /** State class applied to the root element if `disabled=true`. */
   disabled: string;
 }
-export type PickerDay2ClassKey = keyof PickerDay2Classes;
-export declare function getPickerDay2UtilityClass(slot: string): string;
-export declare const pickerDay2Classes: Record<keyof PickerDay2Classes, string>;
+export type PickerDayClassKey = keyof PickerDayClasses;
+export declare function getPickerDayUtilityClass(slot: string): string;
+export declare const pickerDayClasses: Record<keyof PickerDayClasses, string>;

package/PickerDay/pickerDayClasses.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPickerDayUtilityClass = getPickerDayUtilityClass;
+exports.pickerDayClasses = void 0;
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+function getPickerDayUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiPickerDay', slot);
+}
+const pickerDayClasses = exports.pickerDayClasses = (0, _generateUtilityClasses.default)('MuiPickerDay', ['root', 'dayOutsideMonth', 'today', 'selected', 'disabled', 'fillerCell']);

package/PickerDay/pickerDayClasses.mjs

@@ -0,0 +1,6 @@
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+export function getPickerDayUtilityClass(slot) {
+  return generateUtilityClass('MuiPickerDay', slot);
+}
+export const pickerDayClasses = generateUtilityClasses('MuiPickerDay', ['root', 'dayOutsideMonth', 'today', 'selected', 'disabled', 'fillerCell']);