@mui/x-date-pickers-pro 8.0.0-alpha.8 → 8.0.0-beta.0

package/DateRangePickerDay/DateRangePickerDay.js

@@ -1,20 +1,27 @@
+"use strict";
 'use client';
 
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+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", "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 releaseInfo = (0, _releaseInfo.getReleaseInfo)();
 const useUtilityClasses = ownerState => {
   const {
     isHighlighting,
@@ -37,7 +44,7 @@ const useUtilityClasses = ownerState => {
     rangeIntervalPreview: ['rangeIntervalPreview', isPreviewing && 'rangeIntervalDayPreview', (isStartOfPreviewing || isStartOfMonth) && 'rangeIntervalDayPreviewStart', (isEndOfPreviewing || isEndOfMonth) && 'rangeIntervalDayPreviewEnd'],
     day: ['day', !selected && 'notSelectedDate', !isHighlighting && 'dayOutsideRangeInterval', !selected && isHighlighting && 'dayInsideRangeInterval']
   };
-  return composeClasses(slots, getDateRangePickerDayUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _dateRangePickerDayClasses.getDateRangePickerDayUtilityClass, classes);
 };
 const endBorderStyle = {
   borderTopRightRadius: '50%',
@@ -47,27 +54,27 @@ 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
@@ -77,10 +84,10 @@ const DateRangePickerDayRoot = styled('div', {
       isHiddenDayFiller: 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
       })
     }
@@ -92,7 +99,7 @@ const DateRangePickerDayRoot = styled('div', {
     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
     }
@@ -104,7 +111,7 @@ const DateRangePickerDayRoot = styled('div', {
         isFirstVisibleCell
       }
     }) => !isHiddenDayFiller && (isStartOfHighlighting || isFirstVisibleCell),
-    style: _extends({}, startBorderStyle, {
+    style: (0, _extends2.default)({}, startBorderStyle, {
       paddingLeft: 0
     })
   }, {
@@ -115,20 +122,20 @@ const DateRangePickerDayRoot = styled('div', {
         isLastVisibleCell
       }
     }) => !isHiddenDayFiller && (isEndOfHighlighting || isLastVisibleCell),
-    style: _extends({}, endBorderStyle, {
+    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
@@ -155,7 +162,7 @@ const DateRangePickerDayRangeIntervalPreview = styled('div', {
         isFirstVisibleCell
       }
     }) => isPreviewing && !isHiddenDayFiller && (isStartOfPreviewing || isFirstVisibleCell),
-    style: _extends({
+    style: (0, _extends2.default)({
       borderLeftColor: (theme.vars || theme).palette.divider
     }, startBorderStyle)
   }, {
@@ -167,20 +174,20 @@ const DateRangePickerDayRangeIntervalPreview = styled('div', {
         isLastVisibleCell
       }
     }) => isPreviewing && !isHiddenDayFiller && (isEndOfPreviewing || isLastVisibleCell),
-    style: _extends({
+    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,7 +206,7 @@ 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'
   });
@@ -216,14 +223,14 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
       isFirstVisibleCell,
       isLastVisibleCell
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  useLicenseVerifier('x-date-pickers-pro', releaseInfo);
-  const utils = useUtils();
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  (0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', releaseInfo);
+  const utils = (0, _internals.useUtils)();
   const isEndOfMonth = utils.isSameDay(day, utils.endOfMonth(day));
   const isStartOfMonth = utils.isSameDay(day, utils.startOfMonth(day));
   const shouldRenderHighlight = isHighlighting && !outsideCurrentMonth;
   const shouldRenderPreview = isPreviewing && !outsideCurrentMonth;
-  const ownerState = _extends({}, props, {
+  const ownerState = (0, _extends2.default)({}, props, {
     selected,
     isStartOfMonth,
     isEndOfMonth,
@@ -233,14 +240,14 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
     isHiddenDayFiller: outsideCurrentMonth && !other.showDaysOutsideCurrentMonth
   });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(DateRangePickerDayRoot, {
-    className: clsx(classes.root, className),
+  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,
@@ -264,9 +271,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 +281,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 +314,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 +338,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 +404,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 +444,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);

package/DateRangePickerDay/dateRangePickerDayClasses.d.ts

@@ -1,41 +1,41 @@
 export interface DateRangePickerDayClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `isHighlighting=true`. */
-    rangeIntervalDayHighlight: string;
-    /** Styles applied to the root element if `isStartOfHighlighting=true`. */
-    rangeIntervalDayHighlightStart: string;
-    /** Styles applied to the root element if `isEndOfHighlighting=true`. */
-    rangeIntervalDayHighlightEnd: string;
-    /** Styles applied to the preview element. */
-    rangeIntervalPreview: string;
-    /** Styles applied to the root element if `isPreviewing=true`. */
-    rangeIntervalDayPreview: string;
-    /** Styles applied to the root element if `isStartOfPreviewing=true`. */
-    rangeIntervalDayPreviewStart: string;
-    /** Styles applied to the root element if `isEndOfPreviewing=true`. */
-    rangeIntervalDayPreviewEnd: string;
-    /** Styles applied to the root element if `outsideCurrentMonth=true` */
-    outsideCurrentMonth: string;
-    /** Styles applied to the root element if `day` is the start of the month. */
-    startOfMonth: string;
-    /** Styles applied to the root element if `day` is the end of the month. */
-    endOfMonth: string;
-    /** Styles applied to the root element if `day` is the first visible cell of the month. */
-    firstVisibleCell: string;
-    /** Styles applied to the root element if `day` is the last visible cell of the month. */
-    lastVisibleCell: string;
-    /** Styles applied to the root element if it is an empty cell used to fill the week. */
-    hiddenDayFiller: string;
-    /** Styles applied to the day element. */
-    day: string;
-    /** Styles applied to the day element if `isHighlighting=false`. */
-    dayOutsideRangeInterval: string;
-    /** Styles applied to the day element if `selected=false` and `isHighlighting=true`. */
-    dayInsideRangeInterval: string;
-    /** Styles applied to the day element if `selected=false`. */
-    notSelectedDate: string;
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element if `isHighlighting=true`. */
+  rangeIntervalDayHighlight: string;
+  /** Styles applied to the root element if `isStartOfHighlighting=true`. */
+  rangeIntervalDayHighlightStart: string;
+  /** Styles applied to the root element if `isEndOfHighlighting=true`. */
+  rangeIntervalDayHighlightEnd: string;
+  /** Styles applied to the preview element. */
+  rangeIntervalPreview: string;
+  /** Styles applied to the root element if `isPreviewing=true`. */
+  rangeIntervalDayPreview: string;
+  /** Styles applied to the root element if `isStartOfPreviewing=true`. */
+  rangeIntervalDayPreviewStart: string;
+  /** Styles applied to the root element if `isEndOfPreviewing=true`. */
+  rangeIntervalDayPreviewEnd: string;
+  /** Styles applied to the root element if `outsideCurrentMonth=true` */
+  outsideCurrentMonth: string;
+  /** Styles applied to the root element if `day` is the start of the month. */
+  startOfMonth: string;
+  /** Styles applied to the root element if `day` is the end of the month. */
+  endOfMonth: string;
+  /** Styles applied to the root element if `day` is the first visible cell of the month. */
+  firstVisibleCell: string;
+  /** Styles applied to the root element if `day` is the last visible cell of the month. */
+  lastVisibleCell: string;
+  /** Styles applied to the root element if it is an empty cell used to fill the week. */
+  hiddenDayFiller: string;
+  /** Styles applied to the day element. */
+  day: string;
+  /** Styles applied to the day element if `isHighlighting=false`. */
+  dayOutsideRangeInterval: string;
+  /** Styles applied to the day element if `selected=false` and `isHighlighting=true`. */
+  dayInsideRangeInterval: string;
+  /** Styles applied to the day element if `selected=false`. */
+  notSelectedDate: string;
 }
 export type DateRangePickerDayClassKey = keyof DateRangePickerDayClasses;
 export declare function getDateRangePickerDayUtilityClass(slot: string): string;
-export declare const dateRangePickerDayClasses: DateRangePickerDayClasses;
+export declare const dateRangePickerDayClasses: DateRangePickerDayClasses;

package/DateRangePickerDay/dateRangePickerDayClasses.js

@@ -1,5 +1,12 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getDateRangePickerDayUtilityClass(slot) {
-  return generateUtilityClass('MuiDateRangePickerDay', slot);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dateRangePickerDayClasses = void 0;
+exports.getDateRangePickerDayUtilityClass = getDateRangePickerDayUtilityClass;
+var _utils = require("@mui/utils");
+function getDateRangePickerDayUtilityClass(slot) {
+  return (0, _utils.unstable_generateUtilityClass)('MuiDateRangePickerDay', slot);
 }
-export const dateRangePickerDayClasses = generateUtilityClasses('MuiDateRangePickerDay', ['root', 'rangeIntervalDayHighlight', 'rangeIntervalDayHighlightStart', 'rangeIntervalDayHighlightEnd', 'rangeIntervalPreview', 'rangeIntervalDayPreview', 'rangeIntervalDayPreviewStart', 'rangeIntervalDayPreviewEnd', 'outsideCurrentMonth', 'startOfMonth', 'endOfMonth', 'firstVisibleCell', 'lastVisibleCell', 'hiddenDayFiller', 'day', 'dayOutsideRangeInterval', 'dayInsideRangeInterval', 'notSelectedDate']);
+const dateRangePickerDayClasses = exports.dateRangePickerDayClasses = (0, _utils.unstable_generateUtilityClasses)('MuiDateRangePickerDay', ['root', 'rangeIntervalDayHighlight', 'rangeIntervalDayHighlightStart', 'rangeIntervalDayHighlightEnd', 'rangeIntervalPreview', 'rangeIntervalDayPreview', 'rangeIntervalDayPreviewStart', 'rangeIntervalDayPreviewEnd', 'outsideCurrentMonth', 'startOfMonth', 'endOfMonth', 'firstVisibleCell', 'lastVisibleCell', 'hiddenDayFiller', 'day', 'dayOutsideRangeInterval', 'dayInsideRangeInterval', 'notSelectedDate']);

package/DateRangePickerDay/index.d.ts

@@ -1,4 +1,4 @@
-export { DateRangePickerDay } from './DateRangePickerDay';
+export { DateRangePickerDay } from "./DateRangePickerDay.js";
 export type { DateRangePickerDayProps } from './DateRangePickerDay';
-export { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses, } from './dateRangePickerDayClasses';
-export type { DateRangePickerDayClasses, DateRangePickerDayClassKey, } from './dateRangePickerDayClasses';
+export { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from "./dateRangePickerDayClasses.js";
+export type { DateRangePickerDayClasses, DateRangePickerDayClassKey } from './dateRangePickerDayClasses';

package/DateRangePickerDay/index.js

@@ -1,2 +1,25 @@
-export { DateRangePickerDay } from "./DateRangePickerDay.js";
-export { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from "./dateRangePickerDayClasses.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DateRangePickerDay", {
+  enumerable: true,
+  get: function () {
+    return _DateRangePickerDay.DateRangePickerDay;
+  }
+});
+Object.defineProperty(exports, "dateRangePickerDayClasses", {
+  enumerable: true,
+  get: function () {
+    return _dateRangePickerDayClasses.dateRangePickerDayClasses;
+  }
+});
+Object.defineProperty(exports, "getDateRangePickerDayUtilityClass", {
+  enumerable: true,
+  get: function () {
+    return _dateRangePickerDayClasses.getDateRangePickerDayUtilityClass;
+  }
+});
+var _DateRangePickerDay = require("./DateRangePickerDay");
+var _dateRangePickerDayClasses = require("./dateRangePickerDayClasses");

package/DateTimeRangePicker/DateTimeRangePicker.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { DateTimeRangePickerProps } from './DateTimeRangePicker.types';
+import { DateTimeRangePickerProps } from "./DateTimeRangePicker.types.js";
 type DateTimeRangePickerComponent = (<TEnableAccessibleFieldDOMStructure extends boolean = true>(props: DateTimeRangePickerProps<TEnableAccessibleFieldDOMStructure> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
-    propTypes?: any;
+  propTypes?: any;
 };
 /**
  * Demos:
@@ -14,4 +14,4 @@ type DateTimeRangePickerComponent = (<TEnableAccessibleFieldDOMStructure extends
  * - [DateTimeRangePicker API](https://mui.com/x/api/date-pickers/date-time-range-picker/)
  */
 declare const DateTimeRangePicker: DateTimeRangePickerComponent;
-export { DateTimeRangePicker };
+export { DateTimeRangePicker };