@mui/x-date-pickers 8.0.0-alpha.11 → 8.0.0-alpha.13

package/modern/AdapterMomentHijri/AdapterMomentHijri.d.ts

@@ -0,0 +1,62 @@
+import defaultHMoment, { Moment } from 'moment-hijri';
+import { AdapterMoment } from "../AdapterMoment/index.js";
+import { AdapterOptions, DateBuilderReturnType, FieldFormatTokenMap, MuiPickersAdapter } from "../models/index.js";
+declare module '@mui/x-date-pickers/models' {
+  interface PickerValidDateLookup {
+    'moment-hijri': Moment;
+  }
+}
+/**
+ * Based on `@date-io/hijri`
+ *
+ * MIT License
+ *
+ * Copyright (c) 2017 Dmitriy Kovalenko
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+export declare class AdapterMomentHijri extends AdapterMoment implements MuiPickersAdapter<string> {
+  lib: string;
+  moment: typeof defaultHMoment;
+  isTimezoneCompatible: boolean;
+  formatTokenMap: FieldFormatTokenMap;
+  constructor({
+    formats,
+    instance
+  }?: AdapterOptions<string, typeof defaultHMoment>);
+  date: <T extends string | null | undefined>(value?: T) => DateBuilderReturnType<T>;
+  getTimezone: () => string;
+  setTimezone: (value: Moment) => Moment;
+  parse: (value: string, format: string) => defaultHMoment.Moment | null;
+  formatNumber: (numberToFormat: string) => string;
+  startOfYear: (value: Moment) => defaultHMoment.Moment;
+  startOfMonth: (value: Moment) => defaultHMoment.Moment;
+  endOfYear: (value: Moment) => defaultHMoment.Moment;
+  endOfMonth: (value: Moment) => defaultHMoment.Moment;
+  addYears: (value: Moment, amount: number) => defaultHMoment.Moment;
+  addMonths: (value: Moment, amount: number) => defaultHMoment.Moment;
+  getYear: (value: Moment) => number;
+  getMonth: (value: Moment) => number;
+  getDate: (value: Moment) => number;
+  setYear: (value: Moment, year: number) => defaultHMoment.Moment;
+  setMonth: (value: Moment, month: number) => defaultHMoment.Moment;
+  setDate: (value: Moment, date: number) => defaultHMoment.Moment;
+  getWeekNumber: (value: Moment) => number;
+  getYearRange: ([start, end]: [Moment, Moment]) => defaultHMoment.Moment[];
+}

package/modern/AdapterMomentHijri/AdapterMomentHijri.js

@@ -82,11 +82,9 @@ const defaultFormats = {
   minutes: 'mm',
   seconds: 'ss',
   fullDate: 'iYYYY, iMMMM Do',
-  keyboardDateTime: 'iYYYY/iMM/iDD LT',
   shortDate: 'iD iMMM',
   normalDate: 'dddd, iD iMMM',
   normalDateWithWeekday: 'DD iMMMM',
-  fullTime: 'LT',
   fullTime12h: 'hh:mm A',
   fullTime24h: 'HH:mm',
   keyboardDate: 'iYYYY/iMM/iDD',

package/modern/AdapterMomentHijri/index.d.ts

@@ -0,0 +1 @@
+export { AdapterMomentHijri } from "./AdapterMomentHijri.js";

package/modern/AdapterMomentJalaali/AdapterMomentJalaali.d.ts

@@ -0,0 +1,66 @@
+import defaultJMoment, { Moment } from 'moment-jalaali';
+import { AdapterMoment } from "../AdapterMoment/index.js";
+import { AdapterOptions, DateBuilderReturnType, FieldFormatTokenMap, MuiPickersAdapter } from "../models/index.js";
+declare module '@mui/x-date-pickers/models' {
+  interface PickerValidDateLookup {
+    'moment-jalaali': Moment;
+  }
+}
+/**
+ * Based on `@date-io/jalaali`
+ *
+ * MIT License
+ *
+ * Copyright (c) 2017 Dmitriy Kovalenko
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+export declare class AdapterMomentJalaali extends AdapterMoment implements MuiPickersAdapter<string> {
+  isTimezoneCompatible: boolean;
+  lib: string;
+  moment: typeof defaultJMoment;
+  formatTokenMap: FieldFormatTokenMap;
+  constructor({
+    formats,
+    instance
+  }?: AdapterOptions<string, typeof defaultJMoment>);
+  date: <T extends string | null | undefined>(value?: T) => DateBuilderReturnType<T>;
+  getTimezone: () => string;
+  setTimezone: (value: Moment) => Moment;
+  parse: (value: string, format: string) => defaultJMoment.Moment | null;
+  formatNumber: (numberToFormat: string) => string;
+  isSameYear: (value: Moment, comparing: Moment) => boolean;
+  isSameMonth: (value: Moment, comparing: Moment) => boolean;
+  isAfterYear: (value: Moment, comparing: Moment) => boolean;
+  isBeforeYear: (value: Moment, comparing: Moment) => boolean;
+  startOfYear: (value: Moment) => defaultJMoment.Moment;
+  startOfMonth: (value: Moment) => defaultJMoment.Moment;
+  endOfYear: (value: Moment) => defaultJMoment.Moment;
+  endOfMonth: (value: Moment) => defaultJMoment.Moment;
+  addYears: (value: Moment, amount: number) => defaultJMoment.Moment;
+  addMonths: (value: Moment, amount: number) => defaultJMoment.Moment;
+  getYear: (value: Moment) => number;
+  getMonth: (value: Moment) => number;
+  getDate: (value: Moment) => number;
+  getDaysInMonth: (value: Moment) => number;
+  setYear: (value: Moment, year: number) => defaultJMoment.Moment;
+  setMonth: (value: Moment, month: number) => defaultJMoment.Moment;
+  setDate: (value: Moment, date: number) => defaultJMoment.Moment;
+  getWeekNumber: (value: Moment) => number;
+}

package/modern/AdapterMomentJalaali/AdapterMomentJalaali.js

@@ -84,10 +84,8 @@ const defaultFormats = {
   shortDate: 'jD jMMM',
   normalDate: 'dddd, jD jMMM',
   normalDateWithWeekday: 'DD MMMM',
-  fullTime: 'LT',
   fullTime12h: 'hh:mm A',
   fullTime24h: 'HH:mm',
-  keyboardDateTime: 'jYYYY/jMM/jDD LT',
   keyboardDateTime12h: 'jYYYY/jMM/jDD hh:mm A',
   keyboardDateTime24h: 'jYYYY/jMM/jDD HH:mm'
 };

package/modern/AdapterMomentJalaali/index.d.ts

@@ -0,0 +1 @@
+export { AdapterMomentJalaali } from "./AdapterMomentJalaali.js";

package/modern/DateCalendar/DateCalendar.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { DateCalendarProps } from "./DateCalendar.types.js";
+type DateCalendarComponent = ((props: DateCalendarProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
+  propTypes?: any;
+};
+/**
+ * Demos:
+ *
+ * - [DatePicker](https://mui.com/x/react-date-pickers/date-picker/)
+ * - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
+ * - [Validation](https://mui.com/x/react-date-pickers/validation/)
+ *
+ * API:
+ *
+ * - [DateCalendar API](https://mui.com/x/api/date-pickers/date-calendar/)
+ */
+export declare const DateCalendar: DateCalendarComponent;
+export {};

package/modern/DateCalendar/DateCalendar.js

@@ -344,6 +344,7 @@ export const DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(
           referenceDate: referenceDate
         })), view === 'day' && /*#__PURE__*/_jsx(DayCalendar, _extends({}, calendarState, baseDateValidationProps, commonViewProps, {
           onMonthSwitchingAnimationEnd: onMonthSwitchingAnimationEnd,
+          hasFocus: hasFocus,
           onFocusedDayChange: focusedDate => setVisibleDate({
             target: focusedDate,
             reason: 'cell-interaction'
@@ -354,7 +355,6 @@ export const DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(
           shouldDisableDate: shouldDisableDate,
           shouldDisableMonth: shouldDisableMonth,
           shouldDisableYear: shouldDisableYear,
-          hasFocus: hasFocus,
           onFocusedViewChange: isViewFocused => setFocusedView('day', isViewFocused),
           showDaysOutsideCurrentMonth: showDaysOutsideCurrentMonth,
           fixedWeekNumber: fixedWeekNumber,

package/modern/DateCalendar/DateCalendar.types.d.ts

@@ -0,0 +1,87 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from '@mui/material/styles';
+import { SlotComponentProps } from '@mui/utils';
+import { DefaultizedProps } from '@mui/x-internals/types';
+import { PickersCalendarHeader, PickersCalendarHeaderProps, PickersCalendarHeaderSlots, PickersCalendarHeaderSlotProps } from "../PickersCalendarHeader/index.js";
+import { DayCalendarSlots, DayCalendarSlotProps, ExportedDayCalendarProps } from "./DayCalendar.js";
+import { DateCalendarClasses } from "./dateCalendarClasses.js";
+import { BaseDateValidationProps } from "../internals/models/validation.js";
+import { ExportedUseViewsOptions } from "../internals/hooks/useViews.js";
+import { DateView, PickerOwnerState, PickerValidDate, TimezoneProps } from "../models/index.js";
+import { ExportedYearCalendarProps, YearCalendarSlots, YearCalendarSlotProps } from "../YearCalendar/YearCalendar.types.js";
+import { ExportedMonthCalendarProps, MonthCalendarSlots, MonthCalendarSlotProps } from "../MonthCalendar/MonthCalendar.types.js";
+import { ExportedValidateDateProps } from "../validation/validateDate.js";
+import { FormProps } from "../internals/models/formProps.js";
+import { PickerValue } from "../internals/models/index.js";
+export interface DateCalendarSlots extends PickersCalendarHeaderSlots, DayCalendarSlots, MonthCalendarSlots, YearCalendarSlots {
+  /**
+   * Custom component for calendar header.
+   * Check the [PickersCalendarHeader](https://mui.com/x/api/date-pickers/pickers-calendar-header/) component.
+   * @default PickersCalendarHeader
+   */
+  calendarHeader?: React.ElementType<PickersCalendarHeaderProps>;
+}
+export interface DateCalendarSlotProps extends PickersCalendarHeaderSlotProps, DayCalendarSlotProps, MonthCalendarSlotProps, YearCalendarSlotProps {
+  calendarHeader?: SlotComponentProps<typeof PickersCalendarHeader, {}, PickerOwnerState>;
+}
+export interface ExportedDateCalendarProps extends ExportedDayCalendarProps, ExportedMonthCalendarProps, ExportedYearCalendarProps, ExportedValidateDateProps, TimezoneProps, FormProps {
+  /**
+   * If `true`, disable heavy animations.
+   * @default `@media(prefers-reduced-motion: reduce)` || `navigator.userAgent` matches Android <10 or iOS <13
+   */
+  reduceAnimations?: boolean;
+  /**
+   * Component displaying when passed `loading` true.
+   * @returns {React.ReactNode} The node to render when loading.
+   * @default () => <span>...</span>
+   */
+  renderLoading?: () => React.ReactNode;
+  /**
+   * Callback fired on year change.
+   * @param {PickerValidDate} year The new year.
+   */
+  onYearChange?: (year: PickerValidDate) => void;
+  /**
+   * Callback fired on month change.
+   * @param {PickerValidDate} month The new month.
+   */
+  onMonthChange?: (month: PickerValidDate) => void;
+}
+export interface DateCalendarProps extends ExportedDateCalendarProps, ExportedUseViewsOptions<PickerValue, DateView> {
+  /**
+   * The selected value.
+   * Used when the component is controlled.
+   */
+  value?: PickerValidDate | null;
+  /**
+   * The default selected value.
+   * Used when the component is not controlled.
+   */
+  defaultValue?: PickerValidDate | null;
+  /**
+   * The date used to generate the new value when both `value` and `defaultValue` are empty.
+   * @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`.
+   */
+  referenceDate?: PickerValidDate;
+  className?: string;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<DateCalendarClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: DateCalendarSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: DateCalendarSlotProps;
+}
+export type DateCalendarDefaultizedProps = DefaultizedProps<DateCalendarProps, 'views' | 'openTo' | 'loading' | 'reduceAnimations' | 'renderLoading' | keyof BaseDateValidationProps>;

package/modern/DateCalendar/DayCalendar.d.ts

@@ -0,0 +1,89 @@
+import * as React from 'react';
+import { DefaultizedProps, SlotComponentPropsFromProps } from '@mui/x-internals/types';
+import { PickersDayProps, ExportedPickersDayProps } from "../PickersDay/PickersDay.js";
+import { PickerOnChangeFn } from "../internals/hooks/useViews.js";
+import { SlideDirection, SlideTransitionProps } from "./PickersSlideTransition.js";
+import { BaseDateValidationProps, DayValidationProps, MonthValidationProps, YearValidationProps } from "../internals/models/validation.js";
+import { DayCalendarClasses } from "./dayCalendarClasses.js";
+import { PickerOwnerState, PickerValidDate, TimezoneProps } from "../models/index.js";
+import { FormProps } from "../internals/models/formProps.js";
+export interface DayCalendarSlots {
+  /**
+   * Custom component for day.
+   * Check the [PickersDay](https://mui.com/x/api/date-pickers/pickers-day/) component.
+   * @default PickersDay
+   */
+  day?: React.ElementType<PickersDayProps>;
+}
+export interface DayCalendarSlotProps {
+  day?: SlotComponentPropsFromProps<PickersDayProps, {}, PickerDayOwnerState>;
+}
+export interface PickerDayOwnerState extends PickerOwnerState {
+  isDaySelected: boolean;
+  isDayDisabled: boolean;
+  day: PickerValidDate;
+}
+export interface ExportedDayCalendarProps extends ExportedPickersDayProps {
+  /**
+   * If `true`, calls `renderLoading` instead of rendering the day calendar.
+   * Can be used to preload information and show it in calendar.
+   * @default false
+   */
+  loading?: boolean;
+  /**
+   * Component rendered on the "day" view when `props.loading` is true.
+   * @returns {React.ReactNode} The node to render when loading.
+   * @default () => "..."
+   */
+  renderLoading?: () => React.ReactNode;
+  /**
+   * Formats the day of week displayed in the calendar header.
+   * @param {PickerValidDate} date The date of the day of week provided by the adapter.
+   * @returns {string} The name to display.
+   * @default (date: PickerValidDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
+   */
+  dayOfWeekFormatter?: (date: PickerValidDate) => string;
+  /**
+   * If `true`, the week number will be display in the calendar.
+   */
+  displayWeekNumber?: boolean;
+  /**
+   * The day view will show as many weeks as needed after the end of the current month to match this value.
+   * Put it to 6 to have a fixed number of weeks in Gregorian calendars
+   */
+  fixedWeekNumber?: number;
+}
+export interface DayCalendarProps extends ExportedDayCalendarProps, DayValidationProps, MonthValidationProps, YearValidationProps, Required<BaseDateValidationProps>, DefaultizedProps<TimezoneProps, 'timezone'>, FormProps {
+  className?: string;
+  currentMonth: PickerValidDate;
+  selectedDays: (PickerValidDate | null)[];
+  onSelectedDaysChange: PickerOnChangeFn;
+  focusedDay: PickerValidDate | null;
+  isMonthSwitchingAnimating: boolean;
+  onFocusedDayChange: (newFocusedDay: PickerValidDate) => void;
+  onMonthSwitchingAnimationEnd: () => void;
+  reduceAnimations: boolean;
+  slideDirection: SlideDirection;
+  TransitionProps?: Partial<SlideTransitionProps>;
+  hasFocus: boolean;
+  onFocusedViewChange?: (newHasFocus: boolean) => void;
+  gridLabelId?: string;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<DayCalendarClasses>;
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: DayCalendarSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: DayCalendarSlotProps;
+}
+/**
+ * @ignore - do not document.
+ */
+export declare function DayCalendar(inProps: DayCalendarProps): React.JSX.Element;

package/modern/DateCalendar/PickersFadeTransitionGroup.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { PickersFadeTransitionGroupClasses } from "./pickersFadeTransitionGroupClasses.js";
+export interface PickersFadeTransitionGroupProps {
+  children: React.ReactElement<any>;
+  className?: string;
+  reduceAnimations: boolean;
+  transKey: React.Key;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<PickersFadeTransitionGroupClasses>;
+}
+/**
+ * @ignore - do not document.
+ */
+export declare function PickersFadeTransitionGroup(inProps: PickersFadeTransitionGroupProps): React.JSX.Element;

package/modern/DateCalendar/PickersSlideTransition.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
+import { PickersSlideTransitionClasses } from "./pickersSlideTransitionClasses.js";
+export type SlideDirection = 'right' | 'left';
+export interface ExportedSlideTransitionProps {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<PickersSlideTransitionClasses>;
+}
+export interface SlideTransitionProps extends Omit<CSSTransitionProps, 'timeout'>, ExportedSlideTransitionProps {
+  children: React.ReactElement<any>;
+  className?: string;
+  reduceAnimations: boolean;
+  slideDirection: SlideDirection;
+  transKey: React.Key;
+}
+/**
+ * @ignore - do not document.
+ */
+export declare function PickersSlideTransition(inProps: SlideTransitionProps): React.JSX.Element;

package/modern/DateCalendar/dateCalendarClasses.d.ts

@@ -0,0 +1,9 @@
+export interface DateCalendarClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the transition group element. */
+  viewTransitionContainer: string;
+}
+export type DateCalendarClassKey = keyof DateCalendarClasses;
+export declare const getDateCalendarUtilityClass: (slot: string) => string;
+export declare const dateCalendarClasses: DateCalendarClasses;

package/modern/DateCalendar/dayCalendarClasses.d.ts

@@ -0,0 +1,23 @@
+export interface DayCalendarClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the header element. */
+  header: string;
+  /** Styles applied to the week day label element. */
+  weekDayLabel: string;
+  /** Styles applied to the loading container element. */
+  loadingContainer: string;
+  /** Styles applied to the slide transition element. */
+  slideTransition: string;
+  /** Styles applied to the month container element. */
+  monthContainer: string;
+  /** Styles applied to the week container element. */
+  weekContainer: string;
+  /** Styles applied to the week number header */
+  weekNumberLabel: string;
+  /** Styles applied to the week number element */
+  weekNumber: string;
+}
+export type DayCalendarClassKey = keyof DayCalendarClasses;
+export declare const getDayCalendarUtilityClass: (slot: string) => string;
+export declare const dayCalendarClasses: DayCalendarClasses;

package/modern/DateCalendar/index.d.ts

@@ -0,0 +1,13 @@
+export { DateCalendar } from "./DateCalendar.js";
+export type { DateCalendarProps, DateCalendarSlots, DateCalendarSlotProps } from './DateCalendar.types';
+export type { PickerDayOwnerState } from './DayCalendar';
+export { getDateCalendarUtilityClass, dateCalendarClasses } from "./dateCalendarClasses.js";
+export type { DateCalendarClassKey, DateCalendarClasses } from './dateCalendarClasses';
+export { dayCalendarClasses } from "./dayCalendarClasses.js";
+export type { DayCalendarClassKey, DayCalendarClasses } from './dayCalendarClasses';
+export type { PickersFadeTransitionGroupProps } from './PickersFadeTransitionGroup';
+export { pickersFadeTransitionGroupClasses } from "./pickersFadeTransitionGroupClasses.js";
+export type { PickersFadeTransitionGroupClassKey, PickersFadeTransitionGroupClasses } from './pickersFadeTransitionGroupClasses';
+export { pickersSlideTransitionClasses } from "./pickersSlideTransitionClasses.js";
+export type { PickersSlideTransitionClassKey, PickersSlideTransitionClasses } from './pickersSlideTransitionClasses';
+export type { ExportedSlideTransitionProps } from './PickersSlideTransition';

package/modern/DateCalendar/pickersFadeTransitionGroupClasses.d.ts

@@ -0,0 +1,7 @@
+export interface PickersFadeTransitionGroupClasses {
+  /** Styles applied to the root element. */
+  root: string;
+}
+export type PickersFadeTransitionGroupClassKey = keyof PickersFadeTransitionGroupClasses;
+export declare const getPickersFadeTransitionGroupUtilityClass: (slot: string) => string;
+export declare const pickersFadeTransitionGroupClasses: PickersFadeTransitionGroupClasses;

package/modern/DateCalendar/pickersSlideTransitionClasses.d.ts

@@ -0,0 +1,19 @@
+export interface PickersSlideTransitionClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to content element sliding in from left. */
+  'slideEnter-left': string;
+  /** Styles applied to content element sliding in from right. */
+  'slideEnter-right': string;
+  /** Styles applied to the element entering (transitioning into) the container. */
+  slideEnterActive: string;
+  /** Styles applied to the element leaving (transitioning out of) the container. */
+  slideExit: string;
+  /** Styles applied to the element on the left leaving (transitioning out of) the container. */
+  'slideExitActiveLeft-left': string;
+  /** Styles applied to the element on the right leaving (transitioning out of) the container. */
+  'slideExitActiveLeft-right': string;
+}
+export type PickersSlideTransitionClassKey = keyof PickersSlideTransitionClasses;
+export declare const getPickersSlideTransitionUtilityClass: (slot: string) => string;
+export declare const pickersSlideTransitionClasses: PickersSlideTransitionClasses;

package/modern/DateCalendar/useCalendarState.d.ts

@@ -0,0 +1,27 @@
+import { SlideDirection } from "./PickersSlideTransition.js";
+import { PickersTimezone, PickerValidDate } from "../models/index.js";
+import { DateCalendarDefaultizedProps } from "./DateCalendar.types.js";
+interface CalendarState {
+  currentMonth: PickerValidDate;
+  focusedDay: PickerValidDate | null;
+  isMonthSwitchingAnimating: boolean;
+  slideDirection: SlideDirection;
+}
+interface UseCalendarStateParameters extends Pick<DateCalendarDefaultizedProps, 'referenceDate' | 'disableFuture' | 'disablePast' | 'minDate' | 'maxDate' | 'onMonthChange' | 'onYearChange' | 'reduceAnimations' | 'shouldDisableDate'> {
+  value: PickerValidDate | null;
+  timezone: PickersTimezone;
+  getCurrentMonthFromVisibleDate: (focusedDay: PickerValidDate, prevMonth: PickerValidDate) => PickerValidDate;
+}
+interface UseCalendarStateReturnValue {
+  referenceDate: PickerValidDate;
+  calendarState: CalendarState;
+  setVisibleDate: (parameters: SetVisibleDateParameters) => void;
+  isDateDisabled: (day: PickerValidDate | null) => boolean;
+  onMonthSwitchingAnimationEnd: () => void;
+}
+export declare const useCalendarState: (params: UseCalendarStateParameters) => UseCalendarStateReturnValue;
+interface SetVisibleDateParameters {
+  target: PickerValidDate;
+  reason: 'header-navigation' | 'cell-interaction' | 'controlled-value-change';
+}
+export {};

package/modern/DateCalendar/useIsDateDisabled.d.ts

@@ -0,0 +1,13 @@
+import { DefaultizedProps } from '@mui/x-internals/types';
+import { ValidateDateProps } from "../validation/index.js";
+import { PickerValidDate, TimezoneProps } from "../models/index.js";
+export declare const useIsDateDisabled: ({
+  shouldDisableDate,
+  shouldDisableMonth,
+  shouldDisableYear,
+  minDate,
+  maxDate,
+  disableFuture,
+  disablePast,
+  timezone
+}: ValidateDateProps & DefaultizedProps<TimezoneProps, "timezone">) => (day: PickerValidDate | null) => boolean;

package/modern/DateField/DateField.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { DateFieldProps } from "./DateField.types.js";
+type DateFieldComponent = (<TEnableAccessibleFieldDOMStructure extends boolean = true>(props: DateFieldProps<TEnableAccessibleFieldDOMStructure> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
+  propTypes?: any;
+};
+/**
+ * Demos:
+ *
+ * - [DateField](http://mui.com/x/react-date-pickers/date-field/)
+ * - [Fields](https://mui.com/x/react-date-pickers/fields/)
+ *
+ * API:
+ *
+ * - [DateField API](https://mui.com/x/api/date-pickers/date-field/)
+ */
+declare const DateField: DateFieldComponent;
+export { DateField };

package/modern/DateField/DateField.types.d.ts

@@ -0,0 +1,22 @@
+import { MakeOptional } from '@mui/x-internals/types';
+import { DateValidationError, BuiltInFieldTextFieldProps } from "../models/index.js";
+import { UseFieldInternalProps } from "../internals/hooks/useField/index.js";
+import { ExportedValidateDateProps } from "../validation/validateDate.js";
+import { PickerValue } from "../internals/models/index.js";
+import { ExportedPickerFieldUIProps, PickerFieldUISlotProps, PickerFieldUISlots } from "../internals/components/PickerFieldUI.js";
+export interface UseDateFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<PickerValue, TEnableAccessibleFieldDOMStructure, DateValidationError>, 'format'>, ExportedValidateDateProps, ExportedPickerFieldUIProps {}
+export type DateFieldProps<TEnableAccessibleFieldDOMStructure extends boolean = true> = UseDateFieldProps<TEnableAccessibleFieldDOMStructure> & Omit<BuiltInFieldTextFieldProps<TEnableAccessibleFieldDOMStructure>, keyof UseDateFieldProps<TEnableAccessibleFieldDOMStructure>> & {
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: DateFieldSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: DateFieldSlotProps;
+};
+export type DateFieldOwnerState<TEnableAccessibleFieldDOMStructure extends boolean> = DateFieldProps<TEnableAccessibleFieldDOMStructure>;
+export interface DateFieldSlots extends PickerFieldUISlots {}
+export interface DateFieldSlotProps extends PickerFieldUISlotProps {}

package/modern/DateField/index.d.ts

@@ -0,0 +1,3 @@
+export { DateField } from "./DateField.js";
+export { useDateField as unstable_useDateField } from "./useDateField.js";
+export type { UseDateFieldProps, DateFieldProps } from './DateField.types';

package/modern/DateField/useDateField.d.ts

@@ -0,0 +1,2 @@
+import { UseDateFieldProps } from "./DateField.types.js";
+export declare const useDateField: <TEnableAccessibleFieldDOMStructure extends boolean, TAllProps extends UseDateFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TAllProps) => import("../internals").UseFieldResponse<TEnableAccessibleFieldDOMStructure, Omit<TAllProps, "disabled" | "readOnly" | "value" | "defaultValue" | "autoFocus" | "onChange" | "onError" | "format" | "focused" | keyof import("../internals").BaseDateValidationProps | "shouldDisableYear" | "shouldDisableMonth" | "shouldDisableDate" | "referenceDate" | "formatDensity" | "timezone" | "shouldRespectLeadingZeros" | "selectedSections" | "onSelectedSectionsChange" | "unstableFieldRef" | "unstableStartFieldRef" | "unstableEndFieldRef" | "enableAccessibleFieldDOMStructure" | "dateSeparator">>;

package/modern/DatePicker/DatePicker.d.ts

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

package/modern/DatePicker/DatePicker.types.d.ts

@@ -0,0 +1,38 @@
+import { DesktopDatePickerProps, DesktopDatePickerSlots, DesktopDatePickerSlotProps } from "../DesktopDatePicker/index.js";
+import { BaseSingleInputFieldProps } from "../internals/models/index.js";
+import { MobileDatePickerProps, MobileDatePickerSlots, MobileDatePickerSlotProps } from "../MobileDatePicker/index.js";
+import { ValidateDateProps } from "../validation/validateDate.js";
+export interface DatePickerSlots extends DesktopDatePickerSlots, MobileDatePickerSlots {}
+export interface DatePickerSlotProps<TEnableAccessibleFieldDOMStructure extends boolean> extends DesktopDatePickerSlotProps<TEnableAccessibleFieldDOMStructure>, MobileDatePickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
+export interface DatePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends DesktopDatePickerProps<TEnableAccessibleFieldDOMStructure>, MobileDatePickerProps<TEnableAccessibleFieldDOMStructure> {
+  /**
+   * CSS media query when `Mobile` mode will be changed to `Desktop`.
+   * @default '@media (pointer: fine)'
+   * @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
+   */
+  desktopModeMediaQuery?: string;
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: DatePickerSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: DatePickerSlotProps<TEnableAccessibleFieldDOMStructure>;
+  /**
+   * Years rendered per row.
+   * @default 4 on desktop, 3 on mobile
+   */
+  yearsPerRow?: 3 | 4;
+  /**
+   * If `true`, the Picker will close after submitting the full date.
+   * @default `true` for desktop, `false` for mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
+   */
+  closeOnSelect?: boolean;
+}
+/**
+ * Props the field can receive when used inside a date picker (<DatePicker />, <DesktopDatePicker /> or <MobileDatePicker /> component).
+ */
+export type DatePickerFieldProps = ValidateDateProps & BaseSingleInputFieldProps;