@mui/x-date-pickers-pro 5.0.0-beta.4 → 5.0.0-beta.7

package/CHANGELOG.md

@@ -3,6 +3,148 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 5.16.0
+
+_Aug 25, 2022_
+
+We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 Introduce column grouping for data grid (#5133) @alexfauquette
+
+  You can now group columns using the `columnGroupingModel` prop. This lets you to display more structured data.
+
+  <img src="https://user-images.githubusercontent.com/45398769/186178366-4fba66b2-bf90-4c7a-9d83-940a7fc78704.png" width="800" />
+
+  To enable this feature, add `experimentalFeatures={{ columnGrouping: true }}`.
+  The grouping header can be fully customized.
+  See the [documentation](https://mui.com/x/react-data-grid/column-groups/) to explore everything it has to offer.
+
+- 🐞 Bugfixes
+- 🌏 New locales for pickers thanks to @tesseractjh and @drastus
+
+### `@mui/x-data-grid@v5.16.0` / `@mui/x-data-grid-pro@v5.16.0` / `@mui/x-data-grid-premium@v5.16.0`
+
+#### Changes
+
+- [DataGrid] Implement column grouping (#5133) @alexfauquette
+- [DataGrid] Handle `disableVirtualization` prop change (#5889) @cherniavskii
+- [DataGrid] Improve `GridRowModel` typing (#5734) @cherniavskii
+- [DataGrid] Update deprecation note for `GridColDef` `hide` property (#5886) @cherniavskii
+
+### `@mui/x-date-pickers@v5.0.0-beta.7` / `@mui/x-date-pickers-pro@v5.0.0-beta.7`
+
+#### Changes
+
+- [DatePicker] Fix to pass down `className` prop provided on DatePicker to `renderInput` (#5471) @CruseCtrl
+- [DatePicker] Improve `a11y` support (#5809) @LukasTy
+- [pickers] Add `PaperContent` component slot (#5801) @LukasTy
+- [pickers] Add a breaking change section in the migration guide (#5805) @alexfauquette
+- [pickers] Add new translations to `localeText` (#5143) @alexfauquette
+- [pickers] Document components slots (#4657) @flaviendelangle
+- [pickers] Add new unstable field components (#5504) @flaviendelangle
+- [pickers] Fallback to default `minDate` / `maxDate` when `null` value is passed (#5397) @flaviendelangle
+- [l10n] Add Korean (ko-KR) locale (#5854) @tesseractjh
+- [l10n] Add Polish (pl-PL) locale (#5833) @drastus
+
+### Docs
+
+- [docs] Fix typo in `migration from lab` (#5277) @chuckwired
+- [docs] Use `dayjs` instead of `date-fns` in doc examples (#5481) @flaviendelangle
+
+### Core
+
+- [core] Clarify the scope of the license key used for tests and documentation (#5824) @oliviertassinari
+- [core] Fix Typescript error on field hooks (#5892) @flaviendelangle
+- [core] Memoize `columns` in `useDemoData` hook (#5848) @cherniavskii
+- [core] Remove Firefox from the BrowserStack list (#5874) @DanailH
+- [core] Small changes to the release script (#5840) @m4theushw
+
+## 5.15.3
+
+_Aug 18, 2022_
+
+We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.15.3` / `@mui/x-data-grid-pro@v5.15.3` / `@mui/x-data-grid-premium@v5.15.3`
+
+#### Changes
+
+- [DataGrid] Fix <kbd>Enter</kbd> causing Select to re-open when commiting value (#5756) @m4theushw
+- [DataGrid] Fix `GridOverlays` bypassing pointer events (#5674) @philjones88
+
+### `@mui/x-date-pickers@v5.0.0-beta.6` / `@mui/x-date-picker-pro@v5.0.0-beta.6`
+
+#### Changes
+
+- [DatePicker] Support click on day outside of current month (#5768) @alexfauquette
+- [pickers] Extend `PickersActionBarProps` with `DialogActionProps` (#5798) @LukasTy
+
+### Docs
+
+- [docs] Fix API anchor link scroll top (#5795) @oliviertassinari
+- [docs] Fix contradiction in the free trial clause (#5732) @oliviertassinari
+- [docs] Fix default value of the DataGrid `logLevel` prop to false (#5784) @HwangTaehyun
+- [docs] Fix typo on the row height page (#5772) @flaviendelangle
+- [docs] Improve "upgrading plans" documentation. (#5683) @joserodolfofreitas
+- [docs] Link the license docs before pricing (#5726) @oliviertassinari
+- [docs] Update packages README files (#5835) @cherniavskii
+- [docs] Use `InputBase` for pickers inputs (#5597) @cherniavskii
+
+### Core
+
+- [core] Upgrade monorepo (#5771, #5797) @cherniavskii
+- [core] Various TS improvements (#5556) @flaviendelangle
+- [license] Give more context in the missing license (#5731) @oliviertassinari
+- [license] Only log an error type once (#5730) @oliviertassinari
+- [test] Increase timeout to take print screenshot (#5799) @m4theushw
+
+## 5.15.2
+
+_Aug 11, 2022_
+
+We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
+
+- ✨ Improve quick filtering with row grouping (#5701) @alexfauquette
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.15.2` / `@mui/x-data-grid-pro@v5.15.2` / `@mui/x-data-grid-premium@v5.15.2`
+
+#### Changes
+
+- [DataGrid] Catch errors if rows freezing is not supported (#5711) @cherniavskii
+- [DataGrid] Preserve cell mode when entering edit mode while commiting (#5686) @m4theushw
+- [DataGridPremium] Let quick filter search in row grouping children (#5701) @alexfauquette
+
+### `@mui/x-date-pickers@v5.0.0-beta.5` / `@mui/x-date-picker-pro@5.0.0-beta.5`
+
+#### Changes
+
+- [pickers] Add `react-dom` to peerDependencies (#5752) @cherniavskii
+- [TimePicker] Set clock focus outline to `none` (#5758) @LukasTy
+- [pickers] Fix theme augmentation with TypeScript (#5596) @alexfauquette
+- [pickers] Reset input value when locale is modified (#5310) @alexfauquette
+- [pickers] Support `disableHighlightToday` on `MonthPicker` and `YearPicker` (#5562) @flaviendelangle
+- [pickers] Fallback to desktop mode when `matchMedia` is unavailable (#5684) @LukasTy
+- [pickers] Trigger `onChange` when clearing or accepting `Invalid date` (#5740) @LukasTy
+
+### Docs
+
+- [docs] Add RFC GH issue template (#5739) @bytasv
+- [docs] Add description to the `GridExportStateParams` page (#5654) @oliviertassinari
+- [docs] Improve the Events page (#5413) @flaviendelangle
+- [docs] Use new editing API in the introduction demos (#5728) @oliviertassinari
+
+### Core
+
+- [core] Remove duplicated `FUNDING.yml` file (#5656) @oliviertassinari
+- [core] Remove outdated Next.js options (#5727) @oliviertassinari
+- [core] Update tooling to run with React 18 (#4155) @m4theushw
+- [test] Fix failing dynamic row height tests on Edge (#5707) @m4theushw
+
 ## 5.15.1
 
 _Aug 4, 2022_

package/DateRangeField/DateRangeField.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { DateRangeFieldProps } from './DateRangeField.interfaces';
+declare type DateRangeFieldComponent = (<TInputDate, TDate = TInputDate>(props: DateRangeFieldProps<TInputDate, TDate> & React.RefAttributes<HTMLInputElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+export declare const DateRangeField: DateRangeFieldComponent;
+export {};

package/DateRangeField/DateRangeField.interfaces.d.ts

@@ -0,0 +1,11 @@
+import { TextFieldProps } from '@mui/material/TextField';
+import { UseFieldProps, FieldSection, DefaultizedProps } from '@mui/x-date-pickers/internals';
+import { DateRange } from '../internal/models';
+import { DateRangeValidationError, DateRangeValidationProps } from '../internal/hooks/validation/useDateRangeValidation';
+export interface UseDateRangeFieldProps<TInputDate, TDate> extends UseFieldProps<DateRange<TInputDate>, DateRange<TDate>, DateRangeValidationError>, Partial<Omit<DateRangeValidationProps<TInputDate, TDate>, 'value'>> {
+}
+export declare type UseDateRangeFieldDefaultizedProps<TInputDate, TDate> = DefaultizedProps<UseDateRangeFieldProps<TInputDate, TDate>, 'minDate' | 'maxDate' | 'disableFuture' | 'disablePast'>;
+export declare type DateRangeFieldProps<TInputDate, TDate> = Omit<TextFieldProps, 'value' | 'defaultValue' | 'onChange' | 'onError'> & UseDateRangeFieldProps<TInputDate, TDate>;
+export interface DateRangeFieldSection extends FieldSection {
+    dateName: 'start' | 'end';
+}

package/DateRangeField/DateRangeField.interfaces.js

@@ -0,0 +1 @@
+export {};

package/DateRangeField/DateRangeField.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import TextField from '@mui/material/TextField';
+import { useDateRangeField } from './useDateRangeField';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const DateRangeField = /*#__PURE__*/React.forwardRef(function DateField(inProps, ref) {
+  const {
+    inputRef,
+    inputProps
+  } = useDateRangeField(inProps);
+  return /*#__PURE__*/_jsx(TextField, _extends({
+    ref: ref,
+    inputRef: inputRef
+  }, inputProps));
+});

package/DateRangeField/DateRangeField.utils.d.ts

@@ -0,0 +1,5 @@
+import { DateRangeFieldSection } from './DateRangeField.interfaces';
+export declare const splitDateRangeSections: (sections: DateRangeFieldSection[]) => {
+    startDate: DateRangeFieldSection[];
+    endDate: DateRangeFieldSection[];
+};

package/DateRangeField/DateRangeField.utils.js

@@ -0,0 +1,15 @@
+export const splitDateRangeSections = sections => {
+  const startDateSections = [];
+  const endDateSections = [];
+  sections.forEach(section => {
+    if (section.dateName === 'start') {
+      startDateSections.push(section);
+    } else {
+      endDateSections.push(section);
+    }
+  });
+  return {
+    startDate: startDateSections,
+    endDate: endDateSections
+  };
+};

package/DateRangeField/index.d.ts

@@ -0,0 +1,3 @@
+export { DateRangeField as Unstable_DateRangeField } from './DateRangeField';
+export { useDateRangeField as unstable_useDateRangeField } from './useDateRangeField';
+export type { UseDateRangeFieldProps } from './DateRangeField.interfaces';

package/DateRangeField/index.js

@@ -0,0 +1,2 @@
+export { DateRangeField as Unstable_DateRangeField } from './DateRangeField';
+export { useDateRangeField as unstable_useDateRangeField } from './useDateRangeField';

package/DateRangeField/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/DateRangeField/index.js",
+  "types": "./index.d.ts"
+}

package/DateRangeField/useDateRangeField.d.ts

@@ -0,0 +1,7 @@
+import { FieldValueManager } from '@mui/x-date-pickers/internals';
+import { DateRangeFieldSection, UseDateRangeFieldDefaultizedProps, UseDateRangeFieldProps } from './DateRangeField.interfaces';
+import { DateRange } from '../internal/models';
+import { DateRangeValidationError } from '../internal/hooks/validation/useDateRangeValidation';
+export declare const dateRangeFieldValueManager: FieldValueManager<DateRange<any>, any, DateRangeFieldSection, DateRangeValidationError>;
+export declare const useDefaultizedDateRangeFieldProps: <TInputDate, TDate, AdditionalProps extends {}>(props: UseDateRangeFieldProps<TInputDate, TDate>) => Omit<UseDateRangeFieldProps<TInputDate, TDate>, "disablePast" | "disableFuture" | "maxDate" | "minDate"> & Required<Pick<UseDateRangeFieldProps<TInputDate, TDate>, "disablePast" | "disableFuture" | "maxDate" | "minDate">> & AdditionalProps;
+export declare const useDateRangeField: <TInputDate, TDate, TProps extends UseDateRangeFieldProps<TInputDate, TDate>>(inProps: TProps) => import("@mui/x-date-pickers/internals").UseFieldResponse<Omit<UseDateRangeFieldProps<TInputDate, TDate>, "disablePast" | "disableFuture" | "maxDate" | "minDate"> & Required<Pick<UseDateRangeFieldProps<TInputDate, TDate>, "disablePast" | "disableFuture" | "maxDate" | "minDate">> & TProps>;

package/DateRangeField/useDateRangeField.js

@@ -0,0 +1,113 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { useField, splitFormatIntoSections, addPositionPropertiesToSections, createDateStrFromSections, useUtils, useDefaultDates, parseNonNullablePickerDate } from '@mui/x-date-pickers/internals';
+import { dateRangePickerValueManager } from '../DateRangePicker/shared';
+import { splitDateRangeSections } from './DateRangeField.utils';
+import { validateDateRange } from '../internal/hooks/validation/useDateRangeValidation';
+export const dateRangeFieldValueManager = {
+  getSectionsFromValue: (utils, prevSections, [start, end], format) => {
+    const prevDateRangeSections = prevSections == null ? {
+      startDate: null,
+      endDate: null
+    } : splitDateRangeSections(prevSections);
+
+    const getSections = (newDate, prevDateSections) => {
+      const shouldReUsePrevDateSections = !utils.isValid(newDate) && !!prevDateSections;
+
+      if (shouldReUsePrevDateSections) {
+        return prevDateSections;
+      }
+
+      return splitFormatIntoSections(utils, format, newDate);
+    };
+
+    const rawSectionsOfStartDate = getSections(start, prevDateRangeSections.startDate);
+    const rawSectionsOfEndDate = getSections(end, prevDateRangeSections.endDate);
+    const sectionsOfStartDate = rawSectionsOfStartDate.map((section, sectionIndex) => {
+      if (sectionIndex === rawSectionsOfStartDate.length - 1) {
+        return _extends({}, section, {
+          dateName: 'start',
+          separator: ' – '
+        });
+      }
+
+      return _extends({}, section, {
+        dateName: 'start'
+      });
+    });
+    const sectionsOfEndDate = rawSectionsOfEndDate.map(section => _extends({}, section, {
+      dateName: 'end'
+    }));
+    return addPositionPropertiesToSections([...sectionsOfStartDate, ...sectionsOfEndDate]);
+  },
+  getValueStrFromSections: sections => {
+    const dateRangeSections = splitDateRangeSections(sections);
+    const startDateStr = createDateStrFromSections(dateRangeSections.startDate);
+    const endDateStr = createDateStrFromSections(dateRangeSections.endDate);
+    return `${startDateStr}${endDateStr}`;
+  },
+  getValueFromSections: (utils, prevSections, newSections, format) => {
+    const removeLastSeparator = sections => sections.map((section, sectionIndex) => {
+      if (sectionIndex === sections.length - 1) {
+        return _extends({}, section, {
+          separator: null
+        });
+      }
+
+      return section;
+    });
+
+    const prevDateRangeSections = splitDateRangeSections(prevSections);
+    const dateRangeSections = splitDateRangeSections(newSections);
+    const startDateStr = createDateStrFromSections(removeLastSeparator(dateRangeSections.startDate));
+    const endDateStr = createDateStrFromSections(dateRangeSections.endDate);
+    const startDate = utils.parse(startDateStr, format);
+    const endDate = utils.parse(endDateStr, format);
+    const shouldPublish = startDateStr !== createDateStrFromSections(removeLastSeparator(prevDateRangeSections.startDate)) && utils.isValid(startDate) || endDateStr !== createDateStrFromSections(prevDateRangeSections.endDate) && utils.isValid(endDate);
+    return {
+      value: [startDate, endDate],
+      shouldPublish
+    };
+  },
+  getActiveDateFromActiveSection: (value, activeSection) => {
+    const updateActiveDate = dateName => newActiveDate => {
+      if (dateName === 'start') {
+        return [newActiveDate, value[1]];
+      }
+
+      return [value[0], newActiveDate];
+    };
+
+    if (activeSection.dateName === 'start') {
+      return {
+        value: value[0],
+        update: updateActiveDate('start')
+      };
+    }
+
+    return {
+      value: value[1],
+      update: updateActiveDate('end')
+    };
+  },
+  hasError: error => error[0] != null || error[1] != null
+};
+export const useDefaultizedDateRangeFieldProps = props => {
+  const utils = useUtils();
+  const defaultDates = useDefaultDates();
+  return _extends({
+    disablePast: false,
+    disableFuture: false
+  }, props, {
+    minDate: parseNonNullablePickerDate(utils, props.minDate, defaultDates.minDate),
+    maxDate: parseNonNullablePickerDate(utils, props.maxDate, defaultDates.maxDate)
+  });
+};
+export const useDateRangeField = inProps => {
+  const props = useDefaultizedDateRangeFieldProps(inProps);
+  return useField({
+    props,
+    valueManager: dateRangePickerValueManager,
+    fieldValueManager: dateRangeFieldValueManager,
+    validator: validateDateRange
+  });
+};

package/DateRangePicker/DateRangePicker.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["desktopModeMediaQuery", "DialogProps", "PopperProps", "TransitionComponent"];
-import PropTypes from 'prop-types';
+const _excluded = ["desktopModeMediaQuery", "DialogProps", "PopperProps", "PaperProps", "TransitionComponent"];
 import * as React from 'react';
+import PropTypes from 'prop-types';
 import { useThemeProps } from '@mui/material/styles';
 import { useLicenseVerifier } from '@mui/x-license-pro';
 import useMediaQuery from '@mui/material/useMediaQuery';
@@ -33,16 +33,21 @@ export const DateRangePicker = /*#__PURE__*/React.forwardRef(function DateRangeP
     desktopModeMediaQuery = '@media (pointer: fine)',
     DialogProps,
     PopperProps,
+    PaperProps,
     TransitionComponent
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
+        other = _objectWithoutPropertiesLoose(props, _excluded); // defaults to `true` in environments where `window.matchMedia` would not be available (i.e. test/jsdom)
 
-  const isDesktop = useMediaQuery(desktopModeMediaQuery);
+
+  const isDesktop = useMediaQuery(desktopModeMediaQuery, {
+    defaultMatches: true
+  });
 
   if (isDesktop) {
     return /*#__PURE__*/_jsx(DesktopDateRangePicker, _extends({
       ref: ref,
       PopperProps: PopperProps,
+      PaperProps: PaperProps,
       TransitionComponent: TransitionComponent
     }, other));
   }

package/DateRangePicker/DateRangePickerToolbar.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import Typography from '@mui/material/Typography';
 import { styled } from '@mui/material/styles';
 import { generateUtilityClasses } from '@mui/material';
-import { PickersToolbar, PickersToolbarButton, pickersToolbarClasses, useUtils } from '@mui/x-date-pickers/internals';
+import { PickersToolbar, PickersToolbarButton, pickersToolbarClasses, useUtils, useLocaleText } from '@mui/x-date-pickers/internals';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export const dateRangePickerToolbarClasses = generateUtilityClasses('MuiDateRangePickerToolbar', ['root']);
@@ -34,8 +34,10 @@ export const DateRangePickerToolbar = props => {
     startText,
     toggleMobileKeyboardView,
     toolbarFormat,
-    toolbarTitle = 'Select date range'
+    toolbarTitle: toolbarTitleProp
   } = props;
+  const localeText = useLocaleText();
+  const toolbarTitle = toolbarTitleProp != null ? toolbarTitleProp : localeText.dateRangePickerDefaultToolbarTitle;
   const startDateValue = start ? utils.formatByString(start, toolbarFormat || utils.formats.shortDate) : startText;
   const endDateValue = end ? utils.formatByString(end, toolbarFormat || utils.formats.shortDate) : endText;
   const ownerState = props;

package/DateRangePicker/DateRangePickerView.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ExportedCalendarPickerProps, PickerStatePickerProps } from '@mui/x-date-pickers/internals';
+import { ExportedCalendarPickerProps, PickerStatePickerProps, BaseDateValidationProps } from '@mui/x-date-pickers/internals';
 import { DateRange, CurrentlySelectingRangeEndProps } from '../internal/models/dateRange';
 import { DateRangePickerViewMobileSlotsComponent, DateRangePickerViewMobileSlotsComponentsProps } from './DateRangePickerViewMobile';
 import { DateRangeInputProps } from './DateRangePickerInput';
@@ -8,7 +8,7 @@ export interface DateRangePickerViewSlotsComponent extends DateRangePickerViewMo
 }
 export interface DateRangePickerViewSlotsComponentsProps extends DateRangePickerViewMobileSlotsComponentsProps {
 }
-export interface ExportedDateRangePickerViewProps<TDate> extends ExportedDesktopDateRangeCalendarProps<TDate>, Omit<ExportedCalendarPickerProps<TDate>, 'onYearChange' | 'renderDay'> {
+export interface ExportedDateRangePickerViewProps<TDate> extends ExportedDesktopDateRangeCalendarProps<TDate>, Omit<ExportedCalendarPickerProps<TDate>, 'onYearChange' | 'renderDay' | keyof BaseDateValidationProps<TDate>> {
     /**
      * Overrideable components.
      * @default {}
@@ -42,7 +42,7 @@ export interface ExportedDateRangePickerViewProps<TDate> extends ExportedDesktop
      */
     className?: string;
 }
-interface DateRangePickerViewProps<TInputDate, TDate> extends CurrentlySelectingRangeEndProps, ExportedDateRangePickerViewProps<TDate>, PickerStatePickerProps<DateRange<TDate>> {
+interface DateRangePickerViewProps<TInputDate, TDate> extends CurrentlySelectingRangeEndProps, ExportedDateRangePickerViewProps<TDate>, PickerStatePickerProps<DateRange<TDate>>, Required<BaseDateValidationProps<TDate>> {
     calendars: 1 | 2 | 3;
     open: boolean;
     startText: React.ReactNode;

package/DateRangePicker/DateRangePickerViewDesktop.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ExportedDateValidationProps, ExportedArrowSwitcherProps, DayPickerProps } from '@mui/x-date-pickers/internals';
+import { ExportedArrowSwitcherProps, DayPickerProps, DayValidationProps } from '@mui/x-date-pickers/internals';
 import { DateRange } from '../internal/models';
 import { DateRangePickerDayProps } from '../DateRangePickerDay';
 export interface ExportedDesktopDateRangeCalendarProps<TDate> {
@@ -18,7 +18,7 @@ export interface ExportedDesktopDateRangeCalendarProps<TDate> {
      */
     renderDay?: (day: TDate, dateRangePickerDayProps: DateRangePickerDayProps<TDate>) => JSX.Element;
 }
-interface DesktopDateRangeCalendarProps<TDate> extends ExportedDesktopDateRangeCalendarProps<TDate>, Omit<DayPickerProps<TDate>, 'selectedDays' | 'renderDay' | 'onFocusedDayChange'>, ExportedDateValidationProps<TDate>, ExportedArrowSwitcherProps {
+interface DesktopDateRangeCalendarProps<TDate> extends ExportedDesktopDateRangeCalendarProps<TDate>, Omit<DayPickerProps<TDate>, 'selectedDays' | 'renderDay' | 'onFocusedDayChange'>, DayValidationProps<TDate>, ExportedArrowSwitcherProps {
     calendars: 1 | 2 | 3;
     parsedValue: DateRange<TDate>;
     changeMonth: (date: TDate) => void;

package/DateRangePicker/DateRangePickerViewMobile.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ExportedCalendarHeaderProps, ExportedDateValidationProps, DayPickerProps, PickersCalendarHeaderSlotsComponent, PickersCalendarHeaderSlotsComponentsProps } from '@mui/x-date-pickers/internals';
+import { ExportedCalendarHeaderProps, DayPickerProps, PickersCalendarHeaderSlotsComponent, PickersCalendarHeaderSlotsComponentsProps, DayValidationProps } from '@mui/x-date-pickers/internals';
 import { DateRange } from '../internal/models/dateRange';
 import { ExportedDesktopDateRangeCalendarProps } from './DateRangePickerViewDesktop';
 export interface DateRangePickerViewMobileSlotsComponent extends PickersCalendarHeaderSlotsComponent {
@@ -8,7 +8,7 @@ export interface DateRangePickerViewMobileSlotsComponentsProps extends PickersCa
 }
 export interface ExportedMobileDateRangeCalendarProps<TDate> extends Pick<ExportedDesktopDateRangeCalendarProps<TDate>, 'renderDay'> {
 }
-interface DesktopDateRangeCalendarProps<TDate> extends ExportedMobileDateRangeCalendarProps<TDate>, Omit<DayPickerProps<TDate>, 'selectedDays' | 'renderDay' | 'onFocusedDayChange'>, ExportedDateValidationProps<TDate>, ExportedCalendarHeaderProps<TDate> {
+interface DesktopDateRangeCalendarProps<TDate> extends ExportedMobileDateRangeCalendarProps<TDate>, Omit<DayPickerProps<TDate>, 'selectedDays' | 'renderDay' | 'onFocusedDayChange'>, DayValidationProps<TDate>, ExportedCalendarHeaderProps<TDate> {
     /**
      * Overrideable components.
      * @default {}

package/DateRangePicker/shared.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { BasePickerProps, PickerStateValueManager, ValidationProps } from '@mui/x-date-pickers/internals';
+import { BasePickerProps, PickerStateValueManager, ValidationProps, DefaultizedProps, BaseDateValidationProps } from '@mui/x-date-pickers/internals';
 import { ExportedDateRangePickerViewProps } from './DateRangePickerView';
 import { DateRangeValidationError } from '../internal/hooks/validation/useDateRangeValidation';
 import { DateRange } from '../internal/models';
 import { ExportedDateRangePickerInputProps } from './DateRangePickerInput';
-export interface BaseDateRangePickerProps<TInputDate, TDate> extends Omit<BasePickerProps<DateRange<TInputDate>, DateRange<TDate>>, 'orientation'>, ExportedDateRangePickerViewProps<TDate>, ValidationProps<DateRangeValidationError, DateRange<TInputDate>>, ExportedDateRangePickerInputProps<TInputDate, TDate> {
+export interface BaseDateRangePickerProps<TInputDate, TDate> extends Omit<BasePickerProps<DateRange<TInputDate>, DateRange<TDate>>, 'orientation'>, ExportedDateRangePickerViewProps<TDate>, BaseDateValidationProps<TDate>, ValidationProps<DateRangeValidationError, DateRange<TInputDate>>, ExportedDateRangePickerInputProps<TInputDate, TDate> {
     /**
      * Text for end input label and toolbar placeholder.
      * @default 'End'
@@ -30,8 +30,7 @@ export interface BaseDateRangePickerProps<TInputDate, TDate> extends Omit<BasePi
      */
     startText?: React.ReactNode;
 }
-export declare type DefaultizedProps<Props> = Props & {
+export declare function useDateRangePickerDefaultizedProps<TInputDate, TDate, Props extends BaseDateRangePickerProps<TInputDate, TDate>>(props: Props, name: string): DefaultizedProps<Props, 'calendars' | 'startText' | 'endText' | keyof BaseDateValidationProps<TDate>, {
     inputFormat: string;
-};
-export declare function useDateRangePickerDefaultizedProps<TInputDate, TDate, Props extends BaseDateRangePickerProps<TInputDate, TDate>>(props: Props, name: string): DefaultizedProps<Props> & Required<Pick<BaseDateRangePickerProps<TInputDate, TDate>, 'calendars' | 'startText' | 'endText'>>;
+}>;
 export declare const dateRangePickerValueManager: PickerStateValueManager<[any, any], [any, any], any>;

package/DateRangePicker/shared.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { buildDeprecatedPropsWarning, useDefaultDates, useLocaleText, useUtils } from '@mui/x-date-pickers/internals';
+import { buildDeprecatedPropsWarning, useDefaultDates, useLocaleText, useUtils, parseNonNullablePickerDate } from '@mui/x-date-pickers/internals';
 import { useThemeProps } from '@mui/material/styles';
 import { parseRangeInputValue } from '../internal/utils/date-utils';
 const deprecatedPropsWarning = buildDeprecatedPropsWarning('Props for translation are deprecated. See https://mui.com/x/react-date-pickers/localization for more information.');
@@ -22,13 +22,15 @@ export function useDateRangePickerDefaultizedProps(props, name) {
   const startText = (_themeProps$startText = themeProps.startText) != null ? _themeProps$startText : localeText.start;
   const endText = (_themeProps$endText = themeProps.endText) != null ? _themeProps$endText : localeText.end;
   return _extends({
+    disableFuture: false,
+    disablePast: false,
     calendars: 2,
-    inputFormat: utils.formats.keyboardDate,
-    minDate: defaultDates.minDate,
-    maxDate: defaultDates.maxDate
+    inputFormat: utils.formats.keyboardDate
   }, themeProps, {
     endText,
-    startText
+    startText,
+    minDate: parseNonNullablePickerDate(utils, themeProps.minDate, defaultDates.minDate),
+    maxDate: parseNonNullablePickerDate(utils, themeProps.maxDate, defaultDates.maxDate)
   });
 }
 export const dateRangePickerValueManager = {

package/DateRangePickerDay/DateRangePickerDay.js

@@ -154,7 +154,6 @@ const DateRangePickerDayRaw = /*#__PURE__*/React.forwardRef(function DateRangePi
     className: clsx(classes.root, className),
     ownerState: ownerState,
     children: /*#__PURE__*/_jsx(DateRangePickerDayRangeIntervalPreview, {
-      role: "cell",
       className: classes.rangeIntervalPreview,
       ownerState: ownerState,
       children: /*#__PURE__*/_jsx(DateRangePickerDayDay, _extends({}, other, {

package/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["value", "onChange", "PopperProps", "TransitionComponent", "components", "componentsProps"];
+const _excluded = ["value", "onChange", "PopperProps", "PaperProps", "TransitionComponent", "components", "componentsProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useLicenseVerifier } from '@mui/x-license-pro';
@@ -37,6 +37,7 @@ export const DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function Des
 
   const {
     PopperProps,
+    PaperProps,
     TransitionComponent,
     components,
     componentsProps
@@ -56,6 +57,7 @@ export const DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function Des
     DateInputProps: DateInputProps,
     KeyboardDateInputComponent: KeyboardDateInputComponent,
     PopperProps: PopperProps,
+    PaperProps: PaperProps,
     TransitionComponent: TransitionComponent,
     components: components,
     componentsProps: componentsProps,

package/MultiInputDateRangeField/MultiInputDateRangeField.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { MultiInputDateRangeFieldProps } from './MultiInputDateRangeField.interfaces';
+declare type MultiInputDateRangeFieldComponent = (<TInputDate, TDate = TInputDate>(props: MultiInputDateRangeFieldProps<TInputDate, TDate> & React.RefAttributes<HTMLInputElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+export declare const MultiInputDateRangeField: MultiInputDateRangeFieldComponent;
+export {};

package/MultiInputDateRangeField/MultiInputDateRangeField.interfaces.d.ts

@@ -0,0 +1,5 @@
+import { UseDateRangeFieldProps } from '../DateRangeField';
+export interface UseMultiInputDateRangeFieldProps<TInputDate, TDate> extends UseDateRangeFieldProps<TInputDate, TDate> {
+}
+export interface MultiInputDateRangeFieldProps<TInputDate, TDate> extends UseMultiInputDateRangeFieldProps<TInputDate, TDate> {
+}

package/MultiInputDateRangeField/MultiInputDateRangeField.interfaces.js

@@ -0,0 +1 @@
+export {};

package/MultiInputDateRangeField/MultiInputDateRangeField.js

@@ -0,0 +1,27 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import Stack from '@mui/material/Stack';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import { useMultiInputDateRangeField } from './useMultiInputDateRangeField';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export const MultiInputDateRangeField = /*#__PURE__*/React.forwardRef(function MultiInputDateRangeField(inProps, ref) {
+  const {
+    startDate,
+    endDate
+  } = useMultiInputDateRangeField(inProps);
+  return /*#__PURE__*/_jsxs(Stack, {
+    spacing: 2,
+    direction: "row",
+    alignItems: "center",
+    ref: ref,
+    children: [/*#__PURE__*/_jsx(TextField, _extends({
+      inputRef: startDate.inputRef
+    }, startDate.inputProps)), /*#__PURE__*/_jsx(Typography, {
+      children: "to"
+    }), /*#__PURE__*/_jsx(TextField, _extends({
+      inputRef: endDate.inputRef
+    }, endDate.inputProps))]
+  });
+});

package/MultiInputDateRangeField/index.d.ts

@@ -0,0 +1 @@
+export { MultiInputDateRangeField as Unstable_MultiInputDateRangeField } from './MultiInputDateRangeField';

package/MultiInputDateRangeField/index.js

@@ -0,0 +1 @@
+export { MultiInputDateRangeField as Unstable_MultiInputDateRangeField } from './MultiInputDateRangeField';

package/MultiInputDateRangeField/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/MultiInputDateRangeField/index.js",
+  "types": "./index.d.ts"
+}

package/MultiInputDateRangeField/useMultiInputDateRangeField.d.ts

@@ -0,0 +1,6 @@
+import { UseFieldResponse } from '@mui/x-date-pickers/internals';
+import { UseMultiInputDateRangeFieldProps } from './MultiInputDateRangeField.interfaces';
+export declare const useMultiInputDateRangeField: <TInputDate, TDate, TProps extends UseMultiInputDateRangeFieldProps<TInputDate, TDate>>(inProps: TProps) => {
+    startDate: UseFieldResponse<{}>;
+    endDate: UseFieldResponse<{}>;
+};