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

package/esm/DateRangePicker/shared.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { DefaultizedProps } from '@mui/x-internals/types';
+import { LocalizedComponent } from '@mui/x-date-pickers/locales';
+import { BasePickerInputProps, PickerViewRendererLookup, PickerRangeValue } from '@mui/x-date-pickers/internals';
+import { DateRangeValidationError } from "../models/index.js";
+import { DateRangeCalendarSlots, DateRangeCalendarSlotProps, ExportedDateRangeCalendarProps } from "../DateRangeCalendar/index.js";
+import { DateRangePickerToolbarProps, ExportedDateRangePickerToolbarProps } from "./DateRangePickerToolbar.js";
+import { DateRangeViewRendererProps } from "../dateRangeViewRenderers/index.js";
+import { ValidateDateRangePropsToDefault } from "../validation/validateDateRange.js";
+export interface BaseDateRangePickerSlots extends DateRangeCalendarSlots {
+  /**
+   * Custom component for the toolbar rendered above the views.
+   * @default DateTimePickerToolbar
+   */
+  toolbar?: React.JSXElementConstructor<DateRangePickerToolbarProps>;
+}
+export interface BaseDateRangePickerSlotProps extends DateRangeCalendarSlotProps {
+  toolbar?: ExportedDateRangePickerToolbarProps;
+}
+export interface BaseDateRangePickerProps extends Omit<BasePickerInputProps<PickerRangeValue, 'day', DateRangeValidationError>, 'view' | 'views' | 'openTo' | 'onViewChange' | 'orientation'>, ExportedDateRangeCalendarProps {
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: BaseDateRangePickerSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: BaseDateRangePickerSlotProps;
+  /**
+   * Define custom view renderers for each section.
+   * If `null`, the section will only have field editing.
+   * If `undefined`, internally defined view will be used.
+   */
+  viewRenderers?: Partial<PickerViewRendererLookup<PickerRangeValue, 'day', DateRangeViewRendererProps<'day'>>>;
+}
+type UseDateRangePickerDefaultizedProps<Props extends BaseDateRangePickerProps> = LocalizedComponent<DefaultizedProps<Props, ValidateDateRangePropsToDefault>>;
+export declare function useDateRangePickerDefaultizedProps<Props extends BaseDateRangePickerProps>(props: Props, name: string): UseDateRangePickerDefaultizedProps<Props>;
+export {};

package/esm/DateRangePicker/shared.js

@@ -0,0 +1,31 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { useThemeProps } from '@mui/material/styles';
+import { useDefaultDates, useUtils, applyDefaultDate } from '@mui/x-date-pickers/internals';
+import { DateRangePickerToolbar } from "./DateRangePickerToolbar.js";
+export function useDateRangePickerDefaultizedProps(props, name) {
+  const utils = useUtils();
+  const defaultDates = useDefaultDates();
+  const themeProps = useThemeProps({
+    props,
+    name
+  });
+  const localeText = React.useMemo(() => {
+    if (themeProps.localeText?.toolbarTitle == null) {
+      return themeProps.localeText;
+    }
+    return _extends({}, themeProps.localeText, {
+      dateRangePickerToolbarTitle: themeProps.localeText.toolbarTitle
+    });
+  }, [themeProps.localeText]);
+  return _extends({}, themeProps, {
+    localeText,
+    disableFuture: themeProps.disableFuture ?? false,
+    disablePast: themeProps.disablePast ?? false,
+    minDate: applyDefaultDate(utils, themeProps.minDate, defaultDates.minDate),
+    maxDate: applyDefaultDate(utils, themeProps.maxDate, defaultDates.maxDate),
+    slots: _extends({
+      toolbar: DateRangePickerToolbar
+    }, themeProps.slots)
+  });
+}

package/esm/DateRangePickerDay/DateRangePickerDay.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+import { PickersDayProps } from '@mui/x-date-pickers/PickersDay';
+import { DateRangePickerDayClasses } from "./dateRangePickerDayClasses.js";
+export interface DateRangePickerDayProps extends Omit<PickersDayProps, 'classes' | 'onBlur' | 'onFocus' | 'onKeyDown'> {
+  /**
+   * Set to `true` if the `day` is in a highlighted date range.
+   */
+  isHighlighting: boolean;
+  /**
+   * Set to `true` if the `day` is the end of a highlighted date range.
+   */
+  isEndOfHighlighting: boolean;
+  /**
+   * Set to `true` if the `day` is the start of a highlighted date range.
+   */
+  isStartOfHighlighting: boolean;
+  /**
+   * Set to `true` if the `day` is in a preview date range.
+   */
+  isPreviewing: boolean;
+  /**
+   * Set to `true` if the `day` is the end of a previewing date range.
+   */
+  isEndOfPreviewing: boolean;
+  /**
+   * Set to `true` if the `day` is the start of a previewing date range.
+   */
+  isStartOfPreviewing: boolean;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<DateRangePickerDayClasses>;
+  /**
+   * Indicates if the day should be visually selected.
+   */
+  isVisuallySelected?: boolean;
+  /**
+   * If `true`, the day can be dragged to change the current date range.
+   * @default false
+   */
+  draggable?: boolean;
+}
+type DateRangePickerDayComponent = (props: DateRangePickerDayProps & React.RefAttributes<HTMLButtonElement>) => React.JSX.Element;
+/**
+ * Demos:
+ *
+ * - [DateRangePicker](https://mui.com/x/react-date-pickers/date-range-picker/)
+ *
+ * API:
+ *
+ * - [DateRangePickerDay API](https://mui.com/x/api/date-pickers/date-range-picker-day/)
+ */
+export declare const DateRangePickerDay: DateRangePickerDayComponent;
+export {};

package/{node → esm}/DateRangePickerDay/DateRangePickerDay.js

@@ -1,27 +1,20 @@
-"use strict";
 'use client';
 
-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");
+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"];
-const releaseInfo = (0, _releaseInfo.getReleaseInfo)();
+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 => {
   const {
     isHighlighting,
@@ -44,7 +37,7 @@ const useUtilityClasses = ownerState => {
     rangeIntervalPreview: ['rangeIntervalPreview', isPreviewing && 'rangeIntervalDayPreview', (isStartOfPreviewing || isStartOfMonth) && 'rangeIntervalDayPreviewStart', (isEndOfPreviewing || isEndOfMonth) && 'rangeIntervalDayPreviewEnd'],
     day: ['day', !selected && 'notSelectedDate', !isHighlighting && 'dayOutsideRangeInterval', !selected && isHighlighting && 'dayInsideRangeInterval']
   };
-  return (0, _composeClasses.default)(slots, _dateRangePickerDayClasses.getDateRangePickerDayUtilityClass, classes);
+  return composeClasses(slots, getDateRangePickerDayUtilityClass, classes);
 };
 const endBorderStyle = {
   borderTopRightRadius: '50%',
@@ -54,27 +47,27 @@ const startBorderStyle = {
   borderTopLeftRadius: '50%',
   borderBottomLeftRadius: '50%'
 };
-const DateRangePickerDayRoot = (0, _styles.styled)('div', {
+const DateRangePickerDayRoot = styled('div', {
   name: 'MuiDateRangePickerDay',
   slot: 'Root',
   overridesResolver: (_, styles) => [{
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayHighlight}`]: styles.rangeIntervalDayHighlight
+    [`&.${dateRangePickerDayClasses.rangeIntervalDayHighlight}`]: styles.rangeIntervalDayHighlight
   }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayHighlightStart}`]: styles.rangeIntervalDayHighlightStart
+    [`&.${dateRangePickerDayClasses.rangeIntervalDayHighlightStart}`]: styles.rangeIntervalDayHighlightStart
   }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayHighlightEnd}`]: styles.rangeIntervalDayHighlightEnd
+    [`&.${dateRangePickerDayClasses.rangeIntervalDayHighlightEnd}`]: styles.rangeIntervalDayHighlightEnd
   }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.firstVisibleCell}`]: styles.firstVisibleCell
+    [`&.${dateRangePickerDayClasses.firstVisibleCell}`]: styles.firstVisibleCell
   }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.lastVisibleCell}`]: styles.lastVisibleCell
+    [`&.${dateRangePickerDayClasses.lastVisibleCell}`]: styles.lastVisibleCell
   }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.startOfMonth}`]: styles.startOfMonth
+    [`&.${dateRangePickerDayClasses.startOfMonth}`]: styles.startOfMonth
   }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.endOfMonth}`]: styles.endOfMonth
+    [`&.${dateRangePickerDayClasses.endOfMonth}`]: styles.endOfMonth
   }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.outsideCurrentMonth}`]: styles.outsideCurrentMonth
+    [`&.${dateRangePickerDayClasses.outsideCurrentMonth}`]: styles.outsideCurrentMonth
   }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.hiddenDayFiller}`]: styles.hiddenDayFiller
+    [`&.${dateRangePickerDayClasses.hiddenDayFiller}`]: styles.hiddenDayFiller
   }, styles.root]
 })(({
   theme
@@ -84,10 +77,10 @@ const DateRangePickerDayRoot = (0, _styles.styled)('div', {
       isHiddenDayFiller: false
     },
     style: {
-      [`&:first-of-type .${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayPreview}`]: (0, _extends2.default)({}, startBorderStyle, {
+      [`&:first-of-type .${dateRangePickerDayClasses.rangeIntervalDayPreview}`]: _extends({}, startBorderStyle, {
         borderLeftColor: (theme.vars || theme).palette.divider
       }),
-      [`&:last-of-type .${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayPreview}`]: (0, _extends2.default)({}, endBorderStyle, {
+      [`&:last-of-type .${dateRangePickerDayClasses.rangeIntervalDayPreview}`]: _extends({}, endBorderStyle, {
         borderRightColor: (theme.vars || theme).palette.divider
       })
     }
@@ -99,7 +92,7 @@ const DateRangePickerDayRoot = (0, _styles.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})` : (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.focusOpacity),
+      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.focusOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.focusOpacity),
       '&:first-of-type': startBorderStyle,
       '&:last-of-type': endBorderStyle
     }
@@ -111,7 +104,7 @@ const DateRangePickerDayRoot = (0, _styles.styled)('div', {
         isFirstVisibleCell
       }
     }) => !isHiddenDayFiller && (isStartOfHighlighting || isFirstVisibleCell),
-    style: (0, _extends2.default)({}, startBorderStyle, {
+    style: _extends({}, startBorderStyle, {
       paddingLeft: 0
     })
   }, {
@@ -122,20 +115,20 @@ const DateRangePickerDayRoot = (0, _styles.styled)('div', {
         isLastVisibleCell
       }
     }) => !isHiddenDayFiller && (isEndOfHighlighting || isLastVisibleCell),
-    style: (0, _extends2.default)({}, endBorderStyle, {
+    style: _extends({}, endBorderStyle, {
       paddingRight: 0
     })
   }]
 }));
-const DateRangePickerDayRangeIntervalPreview = (0, _styles.styled)('div', {
+const DateRangePickerDayRangeIntervalPreview = styled('div', {
   name: 'MuiDateRangePickerDay',
   slot: 'RangeIntervalPreview',
   overridesResolver: (_, styles) => [{
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayPreview}`]: styles.rangeIntervalDayPreview
+    [`&.${dateRangePickerDayClasses.rangeIntervalDayPreview}`]: styles.rangeIntervalDayPreview
   }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayPreviewStart}`]: styles.rangeIntervalDayPreviewStart
+    [`&.${dateRangePickerDayClasses.rangeIntervalDayPreviewStart}`]: styles.rangeIntervalDayPreviewStart
   }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.rangeIntervalDayPreviewEnd}`]: styles.rangeIntervalDayPreviewEnd
+    [`&.${dateRangePickerDayClasses.rangeIntervalDayPreviewEnd}`]: styles.rangeIntervalDayPreviewEnd
   }, styles.rangeIntervalPreview]
 })(({
   theme
@@ -162,7 +155,7 @@ const DateRangePickerDayRangeIntervalPreview = (0, _styles.styled)('div', {
         isFirstVisibleCell
       }
     }) => isPreviewing && !isHiddenDayFiller && (isStartOfPreviewing || isFirstVisibleCell),
-    style: (0, _extends2.default)({
+    style: _extends({
       borderLeftColor: (theme.vars || theme).palette.divider
     }, startBorderStyle)
   }, {
@@ -174,20 +167,20 @@ const DateRangePickerDayRangeIntervalPreview = (0, _styles.styled)('div', {
         isLastVisibleCell
       }
     }) => isPreviewing && !isHiddenDayFiller && (isEndOfPreviewing || isLastVisibleCell),
-    style: (0, _extends2.default)({
+    style: _extends({
       borderRightColor: (theme.vars || theme).palette.divider
     }, endBorderStyle)
   }]
 }));
-const DateRangePickerDayDay = (0, _styles.styled)(_PickersDay.PickersDay, {
+const DateRangePickerDayDay = styled(PickersDay, {
   name: 'MuiDateRangePickerDay',
   slot: 'Day',
   overridesResolver: (_, styles) => [{
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.dayInsideRangeInterval}`]: styles.dayInsideRangeInterval
+    [`&.${dateRangePickerDayClasses.dayInsideRangeInterval}`]: styles.dayInsideRangeInterval
   }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.dayOutsideRangeInterval}`]: styles.dayOutsideRangeInterval
+    [`&.${dateRangePickerDayClasses.dayOutsideRangeInterval}`]: styles.dayOutsideRangeInterval
   }, {
-    [`&.${_dateRangePickerDayClasses.dateRangePickerDayClasses.notSelectedDate}`]: styles.notSelectedDate
+    [`&.${dateRangePickerDayClasses.notSelectedDate}`]: styles.notSelectedDate
   }, styles.day]
 })({
   // Required to overlap preview border
@@ -206,7 +199,7 @@ const DateRangePickerDayDay = (0, _styles.styled)(_PickersDay.PickersDay, {
   }]
 });
 const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePickerDay(inProps, ref) {
-  const props = (0, _styles.useThemeProps)({
+  const props = useThemeProps({
     props: inProps,
     name: 'MuiDateRangePickerDay'
   });
@@ -223,14 +216,14 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
       isFirstVisibleCell,
       isLastVisibleCell
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  (0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', releaseInfo);
-  const utils = (0, _internals.useUtils)();
+    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));
   const shouldRenderHighlight = isHighlighting && !outsideCurrentMonth;
   const shouldRenderPreview = isPreviewing && !outsideCurrentMonth;
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = _extends({}, props, {
     selected,
     isStartOfMonth,
     isEndOfMonth,
@@ -240,14 +233,14 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
     isHiddenDayFiller: outsideCurrentMonth && !other.showDaysOutsideCurrentMonth
   });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DateRangePickerDayRoot, {
-    className: (0, _clsx.default)(classes.root, className),
+  return /*#__PURE__*/_jsx(DateRangePickerDayRoot, {
+    className: clsx(classes.root, className),
     ownerState: ownerState,
     sx: sx,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DateRangePickerDayRangeIntervalPreview, {
+    children: /*#__PURE__*/_jsx(DateRangePickerDayRangeIntervalPreview, {
       className: classes.rangeIntervalPreview,
       ownerState: ownerState,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DateRangePickerDayDay, (0, _extends2.default)({}, other, {
+      children: /*#__PURE__*/_jsx(DateRangePickerDayDay, _extends({}, other, {
         ref: ref,
         disableMargin: true,
         day: day,
@@ -271,9 +264,9 @@ process.env.NODE_ENV !== "production" ? DateRangePickerDayRaw.propTypes = {
    * A ref for imperative actions.
    * It currently only supports `focusVisible()` action.
    */
-  action: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
-    current: _propTypes.default.shape({
-      focusVisible: _propTypes.default.func.isRequired
+  action: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.shape({
+      focusVisible: PropTypes.func.isRequired
     })
   })]),
   /**
@@ -281,32 +274,32 @@ process.env.NODE_ENV !== "production" ? DateRangePickerDayRaw.propTypes = {
    * They won't start at the cursor interaction position.
    * @default false
    */
-  centerRipple: _propTypes.default.bool,
+  centerRipple: PropTypes.bool,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: _propTypes.default.object,
-  className: _propTypes.default.string,
-  component: _propTypes.default.elementType,
+  classes: PropTypes.object,
+  className: PropTypes.string,
+  component: PropTypes.elementType,
   /**
    * The date to show.
    */
-  day: _propTypes.default.object.isRequired,
+  day: PropTypes.object.isRequired,
   /**
    * If `true`, renders as disabled.
    * @default false
    */
-  disabled: _propTypes.default.bool,
+  disabled: PropTypes.bool,
   /**
    * If `true`, today's date is rendering without highlighting with circle.
    * @default false
    */
-  disableHighlightToday: _propTypes.default.bool,
+  disableHighlightToday: PropTypes.bool,
   /**
    * If `true`, days are rendering without margin. Useful for displaying linked range of days.
    * @default false
    */
-  disableMargin: _propTypes.default.bool,
+  disableMargin: PropTypes.bool,
   /**
    * If `true`, the ripple effect is disabled.
    *
@@ -314,22 +307,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.default.bool,
+  disableRipple: PropTypes.bool,
   /**
    * If `true`, the touch ripple effect is disabled.
    * @default false
    */
-  disableTouchRipple: _propTypes.default.bool,
+  disableTouchRipple: PropTypes.bool,
   /**
    * If `true`, the day can be dragged to change the current date range.
    * @default false
    */
-  draggable: _propTypes.default.bool,
+  draggable: PropTypes.bool,
   /**
    * If `true`, the base button will have a keyboard focus ripple.
    * @default false
    */
-  focusRipple: _propTypes.default.bool,
+  focusRipple: PropTypes.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.
@@ -338,62 +331,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.default.string,
-  isAnimating: _propTypes.default.bool,
+  focusVisibleClassName: PropTypes.string,
+  isAnimating: PropTypes.bool,
   /**
    * Set to `true` if the `day` is the end of a highlighted date range.
    */
-  isEndOfHighlighting: _propTypes.default.bool.isRequired,
+  isEndOfHighlighting: PropTypes.bool.isRequired,
   /**
    * Set to `true` if the `day` is the end of a previewing date range.
    */
-  isEndOfPreviewing: _propTypes.default.bool.isRequired,
+  isEndOfPreviewing: PropTypes.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.default.bool.isRequired,
+  isFirstVisibleCell: PropTypes.bool.isRequired,
   /**
    * Set to `true` if the `day` is in a highlighted date range.
    */
-  isHighlighting: _propTypes.default.bool.isRequired,
+  isHighlighting: PropTypes.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.default.bool.isRequired,
+  isLastVisibleCell: PropTypes.bool.isRequired,
   /**
    * Set to `true` if the `day` is in a preview date range.
    */
-  isPreviewing: _propTypes.default.bool.isRequired,
+  isPreviewing: PropTypes.bool.isRequired,
   /**
    * Set to `true` if the `day` is the start of a highlighted date range.
    */
-  isStartOfHighlighting: _propTypes.default.bool.isRequired,
+  isStartOfHighlighting: PropTypes.bool.isRequired,
   /**
    * Set to `true` if the `day` is the start of a previewing date range.
    */
-  isStartOfPreviewing: _propTypes.default.bool.isRequired,
+  isStartOfPreviewing: PropTypes.bool.isRequired,
   /**
    * Indicates if the day should be visually selected.
    */
-  isVisuallySelected: _propTypes.default.bool,
-  onDaySelect: _propTypes.default.func.isRequired,
+  isVisuallySelected: PropTypes.bool,
+  onDaySelect: PropTypes.func.isRequired,
   /**
    * Callback fired when the component is focused with a keyboard.
    * We trigger a `onFocus` callback too.
    */
-  onFocusVisible: _propTypes.default.func,
-  onMouseEnter: _propTypes.default.func,
+  onFocusVisible: PropTypes.func,
+  onMouseEnter: PropTypes.func,
   /**
    * If `true`, day is outside of month and will be hidden.
    */
-  outsideCurrentMonth: _propTypes.default.bool.isRequired,
+  outsideCurrentMonth: PropTypes.bool.isRequired,
   /**
    * If `true`, renders as selected.
    * @default false
    */
-  selected: _propTypes.default.bool,
+  selected: PropTypes.bool,
   /**
    * If `true`, days outside the current month are rendered:
    *
@@ -404,33 +397,33 @@ process.env.NODE_ENV !== "production" ? DateRangePickerDayRaw.propTypes = {
    * - ignored if `calendars` equals more than `1` on range pickers.
    * @default false
    */
-  showDaysOutsideCurrentMonth: _propTypes.default.bool,
-  style: _propTypes.default.object,
+  showDaysOutsideCurrentMonth: PropTypes.bool,
+  style: PropTypes.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  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]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
   /**
    * @default 0
    */
-  tabIndex: _propTypes.default.number,
+  tabIndex: PropTypes.number,
   /**
    * If `true`, renders as today date.
    * @default false
    */
-  today: _propTypes.default.bool,
+  today: PropTypes.bool,
   /**
    * Props applied to the `TouchRipple` element.
    */
-  TouchRippleProps: _propTypes.default.object,
+  TouchRippleProps: PropTypes.object,
   /**
    * A ref that points to the `TouchRipple` element.
    */
-  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
+  touchRippleRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.shape({
+      pulsate: PropTypes.func.isRequired,
+      start: PropTypes.func.isRequired,
+      stop: PropTypes.func.isRequired
     })
   })])
 } : void 0;
@@ -444,4 +437,4 @@ process.env.NODE_ENV !== "production" ? DateRangePickerDayRaw.propTypes = {
  *
  * - [DateRangePickerDay API](https://mui.com/x/api/date-pickers/date-range-picker-day/)
  */
-const DateRangePickerDay = exports.DateRangePickerDay = /*#__PURE__*/React.memo(DateRangePickerDayRaw);
+export const DateRangePickerDay = /*#__PURE__*/React.memo(DateRangePickerDayRaw);

package/esm/DateRangePickerDay/dateRangePickerDayClasses.d.ts

@@ -0,0 +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;
+}
+export type DateRangePickerDayClassKey = keyof DateRangePickerDayClasses;
+export declare function getDateRangePickerDayUtilityClass(slot: string): string;
+export declare const dateRangePickerDayClasses: DateRangePickerDayClasses;

package/esm/DateRangePickerDay/dateRangePickerDayClasses.js

@@ -0,0 +1,5 @@
+import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
+export function getDateRangePickerDayUtilityClass(slot) {
+  return 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']);

package/esm/DateRangePickerDay/index.d.ts

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

package/esm/DateRangePickerDay/index.js

@@ -0,0 +1,2 @@
+export { DateRangePickerDay } from "./DateRangePickerDay.js";
+export { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from "./dateRangePickerDayClasses.js";

package/esm/DateTimeRangePicker/DateTimeRangePicker.d.ts

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