@mui/x-date-pickers-pro 8.0.0-alpha.9 → 8.0.0-beta.1

package/DateRangePickerDay/DateRangePickerDay.js

@@ -1,43 +1,52 @@
+"use strict";
 'use client';
 
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["className", "day", "outsideCurrentMonth", "isEndOfHighlighting", "isEndOfPreviewing", "isHighlighting", "isPreviewing", "isStartOfHighlighting", "isStartOfPreviewing", "selected", "isVisuallySelected", "sx", "draggable", "isFirstVisibleCell", "isLastVisibleCell"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { useLicenseVerifier } from '@mui/x-license';
-import { alpha, styled, useThemeProps } from '@mui/material/styles';
-import composeClasses from '@mui/utils/composeClasses';
-import { useUtils } from '@mui/x-date-pickers/internals';
-import { PickersDay } from '@mui/x-date-pickers/PickersDay';
-import { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from "./dateRangePickerDayClasses.js";
-import { getReleaseInfo } from "../internals/utils/releaseInfo.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const releaseInfo = getReleaseInfo();
-const useUtilityClasses = ownerState => {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateRangePickerDay = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _xLicense = require("@mui/x-license");
+var _styles = require("@mui/material/styles");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _internals = require("@mui/x-date-pickers/internals");
+var _PickersDay = require("@mui/x-date-pickers/PickersDay");
+var _dateRangePickerDayClasses = require("./dateRangePickerDayClasses");
+var _releaseInfo = require("../internals/utils/releaseInfo");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["className", "classes", "isEndOfHighlighting", "isEndOfPreviewing", "isHighlighting", "isPreviewing", "isStartOfHighlighting", "isStartOfPreviewing", "isVisuallySelected", "sx", "draggable", "isFirstVisibleCell", "isLastVisibleCell", "day", "selected", "disabled", "today", "outsideCurrentMonth", "disableMargin", "disableHighlightToday", "showDaysOutsideCurrentMonth"];
+const releaseInfo = (0, _releaseInfo.getReleaseInfo)();
+const useUtilityClasses = (classes, ownerState) => {
   const {
-    isHighlighting,
-    outsideCurrentMonth,
-    isStartOfHighlighting,
-    isStartOfMonth,
-    isEndOfHighlighting,
-    isEndOfMonth,
-    isPreviewing,
-    isStartOfPreviewing,
-    isEndOfPreviewing,
-    isFirstVisibleCell,
-    isLastVisibleCell,
-    isHiddenDayFiller,
-    selected,
-    classes
+    // Properties shared with PickersDay
+    isDaySelected,
+    isDayOutsideMonth,
+    // Range-specific properties (present in the Base UI implementation)
+    isDaySelectionStart,
+    isDaySelectionEnd,
+    isDayInsideSelection,
+    isDayPreviewStart,
+    isDayPreviewEnd,
+    isDayPreviewed,
+    // Range-specific properties (specific to the MUI implementation)
+    isDayStartOfMonth,
+    isDayEndOfMonth,
+    isDayFirstVisibleCell,
+    isDayLastVisibleCell,
+    isDayFillerCell
   } = ownerState;
   const slots = {
-    root: ['root', isHighlighting && 'rangeIntervalDayHighlight', isStartOfHighlighting && 'rangeIntervalDayHighlightStart', isEndOfHighlighting && 'rangeIntervalDayHighlightEnd', outsideCurrentMonth && 'outsideCurrentMonth', isStartOfMonth && 'startOfMonth', isEndOfMonth && 'endOfMonth', isFirstVisibleCell && 'firstVisibleCell', isLastVisibleCell && 'lastVisibleCell', isHiddenDayFiller && 'hiddenDayFiller'],
-    rangeIntervalPreview: ['rangeIntervalPreview', isPreviewing && 'rangeIntervalDayPreview', (isStartOfPreviewing || isStartOfMonth) && 'rangeIntervalDayPreviewStart', (isEndOfPreviewing || isEndOfMonth) && 'rangeIntervalDayPreviewEnd'],
-    day: ['day', !selected && 'notSelectedDate', !isHighlighting && 'dayOutsideRangeInterval', !selected && isHighlighting && 'dayInsideRangeInterval']
+    root: ['root', isDaySelected && 'rangeIntervalDayHighlight', isDaySelectionStart && 'rangeIntervalDayHighlightStart', isDaySelectionEnd && 'rangeIntervalDayHighlightEnd', isDayOutsideMonth && 'outsideCurrentMonth', isDayStartOfMonth && 'startOfMonth', isDayEndOfMonth && 'endOfMonth', isDayFirstVisibleCell && 'firstVisibleCell', isDayLastVisibleCell && 'lastVisibleCell', isDayFillerCell && 'hiddenDayFiller'],
+    rangeIntervalPreview: ['rangeIntervalPreview', isDayPreviewed && 'rangeIntervalDayPreview', (isDayPreviewStart || isDayStartOfMonth) && 'rangeIntervalDayPreviewStart', (isDayPreviewEnd || isDayEndOfMonth) && 'rangeIntervalDayPreviewEnd'],
+    day: ['day', !isDaySelected && 'notSelectedDate', !isDaySelected && 'dayOutsideRangeInterval', !isDayInsideSelection && 'dayInsideRangeInterval']
   };
-  return composeClasses(slots, getDateRangePickerDayUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _dateRangePickerDayClasses.getDateRangePickerDayUtilityClass, classes);
 };
 const endBorderStyle = {
   borderTopRightRadius: '50%',
@@ -47,88 +56,88 @@ const startBorderStyle = {
   borderTopLeftRadius: '50%',
   borderBottomLeftRadius: '50%'
 };
-const DateRangePickerDayRoot = styled('div', {
+const DateRangePickerDayRoot = (0, _styles.styled)('div', {
   name: 'MuiDateRangePickerDay',
   slot: 'Root',
   overridesResolver: (_, styles) => [{
-    [`&.${dateRangePickerDayClasses.rangeIntervalDayHighlight}`]: styles.rangeIntervalDayHighlight
+    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayHighlight}`]: styles.rangeIntervalDayHighlight
   }, {
-    [`&.${dateRangePickerDayClasses.rangeIntervalDayHighlightStart}`]: styles.rangeIntervalDayHighlightStart
+    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayHighlightStart}`]: styles.rangeIntervalDayHighlightStart
   }, {
-    [`&.${dateRangePickerDayClasses.rangeIntervalDayHighlightEnd}`]: styles.rangeIntervalDayHighlightEnd
+    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayHighlightEnd}`]: styles.rangeIntervalDayHighlightEnd
   }, {
-    [`&.${dateRangePickerDayClasses.firstVisibleCell}`]: styles.firstVisibleCell
+    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.firstVisibleCell}`]: styles.firstVisibleCell
   }, {
-    [`&.${dateRangePickerDayClasses.lastVisibleCell}`]: styles.lastVisibleCell
+    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.lastVisibleCell}`]: styles.lastVisibleCell
   }, {
-    [`&.${dateRangePickerDayClasses.startOfMonth}`]: styles.startOfMonth
+    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.startOfMonth}`]: styles.startOfMonth
   }, {
-    [`&.${dateRangePickerDayClasses.endOfMonth}`]: styles.endOfMonth
+    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.endOfMonth}`]: styles.endOfMonth
   }, {
-    [`&.${dateRangePickerDayClasses.outsideCurrentMonth}`]: styles.outsideCurrentMonth
+    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.outsideCurrentMonth}`]: styles.outsideCurrentMonth
   }, {
-    [`&.${dateRangePickerDayClasses.hiddenDayFiller}`]: styles.hiddenDayFiller
+    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.hiddenDayFiller}`]: styles.hiddenDayFiller
   }, styles.root]
 })(({
   theme
 }) => ({
   variants: [{
     props: {
-      isHiddenDayFiller: false
+      isDayFillerCell: false
     },
     style: {
-      [`&:first-of-type .${dateRangePickerDayClasses.rangeIntervalDayPreview}`]: _extends({}, startBorderStyle, {
+      [`&:first-of-type .${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayPreview}`]: (0, _extends2.default)({}, startBorderStyle, {
         borderLeftColor: (theme.vars || theme).palette.divider
       }),
-      [`&:last-of-type .${dateRangePickerDayClasses.rangeIntervalDayPreview}`]: _extends({}, endBorderStyle, {
+      [`&:last-of-type .${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayPreview}`]: (0, _extends2.default)({}, endBorderStyle, {
         borderRightColor: (theme.vars || theme).palette.divider
       })
     }
   }, {
     props: {
-      isHiddenDayFiller: false,
+      isDayFillerCell: false,
       isHighlighting: true
     },
     style: {
       borderRadius: 0,
       color: (theme.vars || theme).palette.primary.contrastText,
-      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.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.focusOpacity})` : (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.focusOpacity),
       '&:first-of-type': startBorderStyle,
       '&:last-of-type': endBorderStyle
     }
   }, {
     props: ({
       ownerState: {
-        isHiddenDayFiller,
-        isStartOfHighlighting,
-        isFirstVisibleCell
+        isDayFillerCell,
+        isDaySelectionStart,
+        isDayFirstVisibleCell
       }
-    }) => !isHiddenDayFiller && (isStartOfHighlighting || isFirstVisibleCell),
-    style: _extends({}, startBorderStyle, {
+    }) => !isDayFillerCell && (isDaySelectionStart || isDayFirstVisibleCell),
+    style: (0, _extends2.default)({}, startBorderStyle, {
       paddingLeft: 0
     })
   }, {
     props: ({
       ownerState: {
-        isHiddenDayFiller,
-        isEndOfHighlighting,
-        isLastVisibleCell
+        isDayFillerCell,
+        isDaySelectionEnd,
+        isDayLastVisibleCell
       }
-    }) => !isHiddenDayFiller && (isEndOfHighlighting || isLastVisibleCell),
-    style: _extends({}, endBorderStyle, {
+    }) => !isDayFillerCell && (isDaySelectionEnd || isDayLastVisibleCell),
+    style: (0, _extends2.default)({}, endBorderStyle, {
       paddingRight: 0
     })
   }]
 }));
-const DateRangePickerDayRangeIntervalPreview = styled('div', {
+const DateRangePickerDayRangeIntervalPreview = (0, _styles.styled)('div', {
   name: 'MuiDateRangePickerDay',
   slot: 'RangeIntervalPreview',
   overridesResolver: (_, styles) => [{
-    [`&.${dateRangePickerDayClasses.rangeIntervalDayPreview}`]: styles.rangeIntervalDayPreview
+    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayPreview}`]: styles.rangeIntervalDayPreview
   }, {
-    [`&.${dateRangePickerDayClasses.rangeIntervalDayPreviewStart}`]: styles.rangeIntervalDayPreviewStart
+    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayPreviewStart}`]: styles.rangeIntervalDayPreviewStart
   }, {
-    [`&.${dateRangePickerDayClasses.rangeIntervalDayPreviewEnd}`]: styles.rangeIntervalDayPreviewEnd
+    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayPreviewEnd}`]: styles.rangeIntervalDayPreviewEnd
   }, styles.rangeIntervalPreview]
 })(({
   theme
@@ -137,8 +146,8 @@ const DateRangePickerDayRangeIntervalPreview = styled('div', {
   border: '2px solid transparent',
   variants: [{
     props: {
-      isPreviewing: true,
-      isHiddenDayFiller: false
+      isDayPreviewed: true,
+      isDayFillerCell: false
     },
     style: {
       borderRadius: 0,
@@ -149,38 +158,38 @@ const DateRangePickerDayRangeIntervalPreview = styled('div', {
   }, {
     props: ({
       ownerState: {
-        isPreviewing,
-        isHiddenDayFiller,
-        isStartOfPreviewing,
-        isFirstVisibleCell
+        isDayPreviewed,
+        isDayFillerCell,
+        isDayPreviewStart,
+        isDayFirstVisibleCell
       }
-    }) => isPreviewing && !isHiddenDayFiller && (isStartOfPreviewing || isFirstVisibleCell),
-    style: _extends({
+    }) => isDayPreviewed && !isDayFillerCell && (isDayPreviewStart || isDayFirstVisibleCell),
+    style: (0, _extends2.default)({
       borderLeftColor: (theme.vars || theme).palette.divider
     }, startBorderStyle)
   }, {
     props: ({
       ownerState: {
-        isPreviewing,
-        isHiddenDayFiller,
-        isEndOfPreviewing,
-        isLastVisibleCell
+        isDayPreviewed,
+        isDayFillerCell,
+        isDayPreviewEnd,
+        isDayLastVisibleCell
       }
-    }) => isPreviewing && !isHiddenDayFiller && (isEndOfPreviewing || isLastVisibleCell),
-    style: _extends({
+    }) => isDayPreviewed && !isDayFillerCell && (isDayPreviewEnd || isDayLastVisibleCell),
+    style: (0, _extends2.default)({
       borderRightColor: (theme.vars || theme).palette.divider
     }, endBorderStyle)
   }]
 }));
-const DateRangePickerDayDay = styled(PickersDay, {
+const DateRangePickerDayDay = (0, _styles.styled)(_PickersDay.PickersDay, {
   name: 'MuiDateRangePickerDay',
   slot: 'Day',
   overridesResolver: (_, styles) => [{
-    [`&.${dateRangePickerDayClasses.dayInsideRangeInterval}`]: styles.dayInsideRangeInterval
+    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.dayInsideRangeInterval}`]: styles.dayInsideRangeInterval
   }, {
-    [`&.${dateRangePickerDayClasses.dayOutsideRangeInterval}`]: styles.dayOutsideRangeInterval
+    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.dayOutsideRangeInterval}`]: styles.dayOutsideRangeInterval
   }, {
-    [`&.${dateRangePickerDayClasses.notSelectedDate}`]: styles.notSelectedDate
+    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.notSelectedDate}`]: styles.notSelectedDate
   }, styles.day]
 })({
   // Required to overlap preview border
@@ -199,53 +208,83 @@ const DateRangePickerDayDay = styled(PickersDay, {
   }]
 });
 const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePickerDay(inProps, ref) {
-  const props = useThemeProps({
+  const props = (0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiDateRangePickerDay'
   });
   const {
       className,
-      day,
-      outsideCurrentMonth,
+      classes: classesProp,
+      isEndOfHighlighting,
+      isEndOfPreviewing,
       isHighlighting,
       isPreviewing,
-      selected = false,
+      isStartOfHighlighting,
+      isStartOfPreviewing,
       isVisuallySelected,
       sx,
       draggable,
       isFirstVisibleCell,
-      isLastVisibleCell
+      isLastVisibleCell,
+      day,
+      selected,
+      disabled,
+      today,
+      outsideCurrentMonth,
+      disableMargin,
+      disableHighlightToday,
+      showDaysOutsideCurrentMonth
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  useLicenseVerifier('x-date-pickers-pro', releaseInfo);
-  const utils = useUtils();
-  const isEndOfMonth = utils.isSameDay(day, utils.endOfMonth(day));
-  const isStartOfMonth = utils.isSameDay(day, utils.startOfMonth(day));
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  (0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', releaseInfo);
+  const utils = (0, _internals.useUtils)();
   const shouldRenderHighlight = isHighlighting && !outsideCurrentMonth;
   const shouldRenderPreview = isPreviewing && !outsideCurrentMonth;
-  const ownerState = _extends({}, props, {
+  const pickersDayOwnerState = (0, _internals.usePickerDayOwnerState)({
+    day,
     selected,
-    isStartOfMonth,
-    isEndOfMonth,
-    draggable,
-    isFirstVisibleCell,
-    isLastVisibleCell,
-    isHiddenDayFiller: outsideCurrentMonth && !other.showDaysOutsideCurrentMonth
+    disabled,
+    today,
+    outsideCurrentMonth,
+    disableMargin,
+    disableHighlightToday,
+    showDaysOutsideCurrentMonth
+  });
+  const ownerState = (0, _extends2.default)({}, pickersDayOwnerState, {
+    // Properties that the Base UI implementation will have
+    isDaySelectionStart: isStartOfHighlighting,
+    isDaySelectionEnd: isEndOfHighlighting,
+    isDayInsideSelection: isHighlighting && !isStartOfHighlighting && !isEndOfHighlighting,
+    isDaySelected: isHighlighting,
+    isDayPreviewed: isPreviewing,
+    isDayPreviewStart: isStartOfPreviewing,
+    isDayPreviewEnd: isEndOfPreviewing,
+    isDayInsidePreview: isPreviewing && !isStartOfPreviewing && !isEndOfPreviewing,
+    // Properties specific to the MUI implementation (some might be removed in the next major)
+    isDayStartOfMonth: utils.isSameDay(day, utils.startOfMonth(day)),
+    isDayEndOfMonth: utils.isSameDay(day, utils.endOfMonth(day)),
+    isDayFirstVisibleCell: isFirstVisibleCell,
+    isDayLastVisibleCell: isLastVisibleCell,
+    isDayFillerCell: outsideCurrentMonth && !showDaysOutsideCurrentMonth
   });
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(DateRangePickerDayRoot, {
-    className: clsx(classes.root, className),
+  const classes = useUtilityClasses(classesProp, ownerState);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DateRangePickerDayRoot, {
+    className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState,
     sx: sx,
-    children: /*#__PURE__*/_jsx(DateRangePickerDayRangeIntervalPreview, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DateRangePickerDayRangeIntervalPreview, {
       className: classes.rangeIntervalPreview,
       ownerState: ownerState,
-      children: /*#__PURE__*/_jsx(DateRangePickerDayDay, _extends({}, other, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DateRangePickerDayDay, (0, _extends2.default)({}, other, {
         ref: ref,
-        disableMargin: true,
         day: day,
         selected: isVisuallySelected,
+        disabled: disabled,
+        today: today,
         outsideCurrentMonth: outsideCurrentMonth,
+        disableMargin: true,
+        disableHighlightToday: disableHighlightToday,
+        showDaysOutsideCurrentMonth: showDaysOutsideCurrentMonth,
         className: classes.day,
         ownerState: ownerState,
         draggable: draggable,
@@ -264,9 +303,9 @@ process.env.NODE_ENV !== "production" ? DateRangePickerDayRaw.propTypes = {
    * A ref for imperative actions.
    * It currently only supports `focusVisible()` action.
    */
-  action: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.shape({
-      focusVisible: PropTypes.func.isRequired
+  action: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
+    current: _propTypes.default.shape({
+      focusVisible: _propTypes.default.func.isRequired
     })
   })]),
   /**
@@ -274,32 +313,32 @@ process.env.NODE_ENV !== "production" ? DateRangePickerDayRaw.propTypes = {
    * They won't start at the cursor interaction position.
    * @default false
    */
-  centerRipple: PropTypes.bool,
+  centerRipple: _propTypes.default.bool,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
-  className: PropTypes.string,
-  component: PropTypes.elementType,
+  classes: _propTypes.default.object,
+  className: _propTypes.default.string,
+  component: _propTypes.default.elementType,
   /**
    * The date to show.
    */
-  day: PropTypes.object.isRequired,
+  day: _propTypes.default.object.isRequired,
   /**
    * If `true`, renders as disabled.
    * @default false
    */
-  disabled: PropTypes.bool,
+  disabled: _propTypes.default.bool,
   /**
    * If `true`, today's date is rendering without highlighting with circle.
    * @default false
    */
-  disableHighlightToday: PropTypes.bool,
+  disableHighlightToday: _propTypes.default.bool,
   /**
    * If `true`, days are rendering without margin. Useful for displaying linked range of days.
    * @default false
    */
-  disableMargin: PropTypes.bool,
+  disableMargin: _propTypes.default.bool,
   /**
    * If `true`, the ripple effect is disabled.
    *
@@ -307,22 +346,22 @@ process.env.NODE_ENV !== "production" ? DateRangePickerDayRaw.propTypes = {
    * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
    * @default false
    */
-  disableRipple: PropTypes.bool,
+  disableRipple: _propTypes.default.bool,
   /**
    * If `true`, the touch ripple effect is disabled.
    * @default false
    */
-  disableTouchRipple: PropTypes.bool,
+  disableTouchRipple: _propTypes.default.bool,
   /**
    * If `true`, the day can be dragged to change the current date range.
    * @default false
    */
-  draggable: PropTypes.bool,
+  draggable: _propTypes.default.bool,
   /**
    * If `true`, the base button will have a keyboard focus ripple.
    * @default false
    */
-  focusRipple: PropTypes.bool,
+  focusRipple: _propTypes.default.bool,
   /**
    * This prop can help identify which element has keyboard focus.
    * The class name will be applied when the element gains the focus through keyboard interaction.
@@ -331,62 +370,62 @@ process.env.NODE_ENV !== "production" ? DateRangePickerDayRaw.propTypes = {
    * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
    * if needed.
    */
-  focusVisibleClassName: PropTypes.string,
-  isAnimating: PropTypes.bool,
+  focusVisibleClassName: _propTypes.default.string,
+  isAnimating: _propTypes.default.bool,
   /**
    * Set to `true` if the `day` is the end of a highlighted date range.
    */
-  isEndOfHighlighting: PropTypes.bool.isRequired,
+  isEndOfHighlighting: _propTypes.default.bool.isRequired,
   /**
    * Set to `true` if the `day` is the end of a previewing date range.
    */
-  isEndOfPreviewing: PropTypes.bool.isRequired,
+  isEndOfPreviewing: _propTypes.default.bool.isRequired,
   /**
    * 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`.
    */
-  isFirstVisibleCell: PropTypes.bool.isRequired,
+  isFirstVisibleCell: _propTypes.default.bool.isRequired,
   /**
    * Set to `true` if the `day` is in a highlighted date range.
    */
-  isHighlighting: PropTypes.bool.isRequired,
+  isHighlighting: _propTypes.default.bool.isRequired,
   /**
    * 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`.
    */
-  isLastVisibleCell: PropTypes.bool.isRequired,
+  isLastVisibleCell: _propTypes.default.bool.isRequired,
   /**
    * Set to `true` if the `day` is in a preview date range.
    */
-  isPreviewing: PropTypes.bool.isRequired,
+  isPreviewing: _propTypes.default.bool.isRequired,
   /**
    * Set to `true` if the `day` is the start of a highlighted date range.
    */
-  isStartOfHighlighting: PropTypes.bool.isRequired,
+  isStartOfHighlighting: _propTypes.default.bool.isRequired,
   /**
    * Set to `true` if the `day` is the start of a previewing date range.
    */
-  isStartOfPreviewing: PropTypes.bool.isRequired,
+  isStartOfPreviewing: _propTypes.default.bool.isRequired,
   /**
    * Indicates if the day should be visually selected.
    */
-  isVisuallySelected: PropTypes.bool,
-  onDaySelect: PropTypes.func.isRequired,
+  isVisuallySelected: _propTypes.default.bool,
+  onDaySelect: _propTypes.default.func.isRequired,
   /**
    * Callback fired when the component is focused with a keyboard.
    * We trigger a `onFocus` callback too.
    */
-  onFocusVisible: PropTypes.func,
-  onMouseEnter: PropTypes.func,
+  onFocusVisible: _propTypes.default.func,
+  onMouseEnter: _propTypes.default.func,
   /**
    * If `true`, day is outside of month and will be hidden.
    */
-  outsideCurrentMonth: PropTypes.bool.isRequired,
+  outsideCurrentMonth: _propTypes.default.bool.isRequired,
   /**
    * If `true`, renders as selected.
    * @default false
    */
-  selected: PropTypes.bool,
+  selected: _propTypes.default.bool,
   /**
    * If `true`, days outside the current month are rendered:
    *
@@ -397,33 +436,33 @@ process.env.NODE_ENV !== "production" ? DateRangePickerDayRaw.propTypes = {
    * - ignored if `calendars` equals more than `1` on range pickers.
    * @default false
    */
-  showDaysOutsideCurrentMonth: PropTypes.bool,
-  style: PropTypes.object,
+  showDaysOutsideCurrentMonth: _propTypes.default.bool,
+  style: _propTypes.default.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  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]),
   /**
    * @default 0
    */
-  tabIndex: PropTypes.number,
+  tabIndex: _propTypes.default.number,
   /**
    * If `true`, renders as today date.
    * @default false
    */
-  today: PropTypes.bool,
+  today: _propTypes.default.bool,
   /**
    * Props applied to the `TouchRipple` element.
    */
-  TouchRippleProps: PropTypes.object,
+  TouchRippleProps: _propTypes.default.object,
   /**
    * A ref that points to the `TouchRipple` element.
    */
-  touchRippleRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.shape({
-      pulsate: PropTypes.func.isRequired,
-      start: PropTypes.func.isRequired,
-      stop: PropTypes.func.isRequired
+  touchRippleRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
+    current: _propTypes.default.shape({
+      pulsate: _propTypes.default.func.isRequired,
+      start: _propTypes.default.func.isRequired,
+      stop: _propTypes.default.func.isRequired
     })
   })])
 } : void 0;
@@ -437,4 +476,4 @@ process.env.NODE_ENV !== "production" ? DateRangePickerDayRaw.propTypes = {
  *
  * - [DateRangePickerDay API](https://mui.com/x/api/date-pickers/date-range-picker-day/)
  */
-export const DateRangePickerDay = /*#__PURE__*/React.memo(DateRangePickerDayRaw);
+const DateRangePickerDay = exports.DateRangePickerDay = /*#__PURE__*/React.memo(DateRangePickerDayRaw);