@mui/x-date-pickers 8.0.0-beta.3 → 8.0.0

package/modern/DateTimePicker/DateTimePickerToolbar.d.ts

@@ -1,47 +0,0 @@
-import * as React from 'react';
-import { BaseToolbarProps, ExportedBaseToolbarProps } from "../internals/models/props/toolbar.js";
-import { DateTimePickerToolbarClasses } from "./dateTimePickerToolbarClasses.js";
-import { DateOrTimeViewWithMeridiem, PickerValue } from "../internals/models/index.js";
-import { DateTimeValidationError } from "../models/index.js";
-import { SetValueActionOptions } from "../internals/components/PickerProvider.js";
-export interface ExportedDateTimePickerToolbarProps extends ExportedBaseToolbarProps {
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<DateTimePickerToolbarClasses>;
-}
-export interface DateTimePickerToolbarProps extends ExportedDateTimePickerToolbarProps, BaseToolbarProps {
-  /**
-   * If provided, it will be used instead of `dateTimePickerToolbarTitle` from localization.
-   */
-  toolbarTitle?: React.ReactNode;
-  ampm?: boolean;
-  ampmInClock?: boolean;
-}
-/**
- * If `forceDesktopVariant` is set to `true`, the toolbar will always be rendered in the desktop mode.
- * If `onViewChange` is defined, the toolbar will call it instead of calling the default handler from `usePickerContext`.
- * This is used by the Date Time Range Picker Toolbar.
- */
-export declare const DateTimePickerToolbarOverrideContext: React.Context<{
-  value: PickerValue;
-  setValue: (value: PickerValue, options?: SetValueActionOptions<DateTimeValidationError>) => void;
-  forceDesktopVariant: boolean;
-  setView: (view: DateOrTimeViewWithMeridiem) => void;
-  view: DateOrTimeViewWithMeridiem | null;
-} | null>;
-/**
- * Demos:
- *
- * - [DateTimePicker](https://mui.com/x/react-date-pickers/date-time-picker/)
- * - [Custom components](https://mui.com/x/react-date-pickers/custom-components/)
- *
- * API:
- *
- * - [DateTimePickerToolbar API](https://mui.com/x/api/date-pickers/date-time-picker-toolbar/)
- */
-declare function DateTimePickerToolbar(inProps: DateTimePickerToolbarProps): React.JSX.Element;
-declare namespace DateTimePickerToolbar {
-  var propTypes: any;
-}
-export { DateTimePickerToolbar };

package/modern/DateTimePicker/DateTimePickerToolbar.js

@@ -1,415 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["ampm", "ampmInClock", "toolbarFormat", "toolbarPlaceholder", "toolbarTitle", "className", "classes"];
-import * as React from 'react';
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import { styled, useThemeProps } from '@mui/material/styles';
-import composeClasses from '@mui/utils/composeClasses';
-import { shouldForwardProp } from '@mui/system/createStyled';
-import { PickersToolbarText } from "../internals/components/PickersToolbarText.js";
-import { PickersToolbar } from "../internals/components/PickersToolbar.js";
-import { PickersToolbarButton } from "../internals/components/PickersToolbarButton.js";
-import { usePickerTranslations } from "../hooks/usePickerTranslations.js";
-import { useUtils } from "../internals/hooks/useUtils.js";
-import { dateTimePickerToolbarClasses, getDateTimePickerToolbarUtilityClass } from "./dateTimePickerToolbarClasses.js";
-import { useMeridiemMode } from "../internals/hooks/date-helpers-hooks.js";
-import { MULTI_SECTION_CLOCK_SECTION_WIDTH } from "../internals/constants/dimensions.js";
-import { formatMeridiem } from "../internals/utils/date-utils.js";
-import { pickersToolbarTextClasses } from "../internals/components/pickersToolbarTextClasses.js";
-import { pickersToolbarClasses } from "../internals/components/pickersToolbarClasses.js";
-import { usePickerContext } from "../hooks/usePickerContext.js";
-import { useToolbarOwnerState } from "../internals/hooks/useToolbarOwnerState.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useUtilityClasses = (classes, ownerState) => {
-  const {
-    pickerOrientation,
-    toolbarDirection
-  } = ownerState;
-  const slots = {
-    root: ['root'],
-    dateContainer: ['dateContainer'],
-    timeContainer: ['timeContainer', toolbarDirection === 'rtl' && 'timeLabelReverse'],
-    timeDigitsContainer: ['timeDigitsContainer', toolbarDirection === 'rtl' && 'timeLabelReverse'],
-    separator: ['separator'],
-    ampmSelection: ['ampmSelection', pickerOrientation === 'landscape' && 'ampmLandscape'],
-    ampmLabel: ['ampmLabel']
-  };
-  return composeClasses(slots, getDateTimePickerToolbarUtilityClass, classes);
-};
-const DateTimePickerToolbarRoot = styled(PickersToolbar, {
-  name: 'MuiDateTimePickerToolbar',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root,
-  shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'toolbarVariant'
-})(({
-  theme
-}) => ({
-  paddingLeft: 16,
-  paddingRight: 16,
-  justifyContent: 'space-around',
-  position: 'relative',
-  variants: [{
-    props: {
-      toolbarVariant: 'desktop'
-    },
-    style: {
-      borderBottom: `1px solid ${(theme.vars || theme).palette.divider}`,
-      [`& .${pickersToolbarClasses.content} .${pickersToolbarTextClasses.root}[data-selected]`]: {
-        color: (theme.vars || theme).palette.primary.main,
-        fontWeight: theme.typography.fontWeightBold
-      }
-    }
-  }, {
-    props: {
-      toolbarVariant: 'desktop',
-      pickerOrientation: 'landscape'
-    },
-    style: {
-      borderRight: `1px solid ${(theme.vars || theme).palette.divider}`
-    }
-  }, {
-    props: {
-      toolbarVariant: 'desktop',
-      pickerOrientation: 'portrait'
-    },
-    style: {
-      paddingLeft: 24,
-      paddingRight: 0
-    }
-  }]
-}));
-const DateTimePickerToolbarDateContainer = styled('div', {
-  name: 'MuiDateTimePickerToolbar',
-  slot: 'DateContainer',
-  overridesResolver: (props, styles) => styles.dateContainer
-})({
-  display: 'flex',
-  flexDirection: 'column',
-  alignItems: 'flex-start'
-});
-const DateTimePickerToolbarTimeContainer = styled('div', {
-  name: 'MuiDateTimePickerToolbar',
-  slot: 'TimeContainer',
-  overridesResolver: (props, styles) => styles.timeContainer,
-  shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'toolbarVariant'
-})({
-  display: 'flex',
-  flexDirection: 'row',
-  variants: [{
-    props: {
-      toolbarDirection: 'rtl'
-    },
-    style: {
-      flexDirection: 'row-reverse'
-    }
-  }, {
-    props: {
-      toolbarVariant: 'desktop',
-      pickerOrientation: 'portrait'
-    },
-    style: {
-      gap: 9,
-      marginRight: 4,
-      alignSelf: 'flex-end'
-    }
-  }, {
-    props: ({
-      pickerOrientation,
-      toolbarVariant
-    }) => pickerOrientation === 'landscape' && toolbarVariant !== 'desktop',
-    style: {
-      flexDirection: 'column'
-    }
-  }, {
-    props: ({
-      pickerOrientation,
-      toolbarVariant,
-      toolbarDirection
-    }) => pickerOrientation === 'landscape' && toolbarVariant !== 'desktop' && toolbarDirection === 'rtl',
-    style: {
-      flexDirection: 'column-reverse'
-    }
-  }]
-});
-const DateTimePickerToolbarTimeDigitsContainer = styled('div', {
-  name: 'MuiDateTimePickerToolbar',
-  slot: 'TimeDigitsContainer',
-  overridesResolver: (props, styles) => styles.timeDigitsContainer,
-  shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'toolbarVariant'
-})({
-  display: 'flex',
-  variants: [{
-    props: {
-      toolbarDirection: 'rtl'
-    },
-    style: {
-      flexDirection: 'row-reverse'
-    }
-  }, {
-    props: {
-      toolbarVariant: 'desktop'
-    },
-    style: {
-      gap: 1.5
-    }
-  }]
-});
-const DateTimePickerToolbarSeparator = styled(PickersToolbarText, {
-  name: 'MuiDateTimePickerToolbar',
-  slot: 'Separator',
-  overridesResolver: (props, styles) => styles.separator,
-  shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'toolbarVariant'
-})({
-  margin: '0 4px 0 2px',
-  cursor: 'default',
-  variants: [{
-    props: {
-      toolbarVariant: 'desktop'
-    },
-    style: {
-      margin: 0
-    }
-  }]
-});
-
-// Taken from TimePickerToolbar
-const DateTimePickerToolbarAmPmSelection = styled('div', {
-  name: 'MuiDateTimePickerToolbar',
-  slot: 'AmPmSelection',
-  overridesResolver: (props, styles) => [{
-    [`.${dateTimePickerToolbarClasses.ampmLabel}`]: styles.ampmLabel
-  }, {
-    [`&.${dateTimePickerToolbarClasses.ampmLandscape}`]: styles.ampmLandscape
-  }, styles.ampmSelection]
-})({
-  display: 'flex',
-  flexDirection: 'column',
-  marginRight: 'auto',
-  marginLeft: 12,
-  [`& .${dateTimePickerToolbarClasses.ampmLabel}`]: {
-    fontSize: 17
-  },
-  variants: [{
-    props: {
-      pickerOrientation: 'landscape'
-    },
-    style: {
-      margin: '4px 0 auto',
-      flexDirection: 'row',
-      justifyContent: 'space-around',
-      width: '100%'
-    }
-  }]
-});
-
-/**
- * If `forceDesktopVariant` is set to `true`, the toolbar will always be rendered in the desktop mode.
- * If `onViewChange` is defined, the toolbar will call it instead of calling the default handler from `usePickerContext`.
- * This is used by the Date Time Range Picker Toolbar.
- */
-export const DateTimePickerToolbarOverrideContext = /*#__PURE__*/React.createContext(null);
-
-/**
- * Demos:
- *
- * - [DateTimePicker](https://mui.com/x/react-date-pickers/date-time-picker/)
- * - [Custom components](https://mui.com/x/react-date-pickers/custom-components/)
- *
- * API:
- *
- * - [DateTimePickerToolbar API](https://mui.com/x/api/date-pickers/date-time-picker-toolbar/)
- */
-function DateTimePickerToolbar(inProps) {
-  const props = useThemeProps({
-    props: inProps,
-    name: 'MuiDateTimePickerToolbar'
-  });
-  const {
-      ampm,
-      ampmInClock,
-      toolbarFormat,
-      toolbarPlaceholder = '––',
-      toolbarTitle: inToolbarTitle,
-      className,
-      classes: classesProp
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const {
-    value: valueContext,
-    setValue: setValueContext,
-    disabled,
-    readOnly,
-    variant,
-    orientation,
-    view: viewContext,
-    setView: setViewContext,
-    views
-  } = usePickerContext();
-  const translations = usePickerTranslations();
-  const ownerState = useToolbarOwnerState();
-  const classes = useUtilityClasses(classesProp, ownerState);
-  const utils = useUtils();
-  const overrides = React.useContext(DateTimePickerToolbarOverrideContext);
-  const value = overrides ? overrides.value : valueContext;
-  const setValue = overrides ? overrides.setValue : setValueContext;
-  const view = overrides ? overrides.view : viewContext;
-  const setView = overrides ? overrides.setView : setViewContext;
-  const {
-    meridiemMode,
-    handleMeridiemChange
-  } = useMeridiemMode(value, ampm, newValue => setValue(newValue, {
-    changeImportance: 'set'
-  }));
-  const toolbarVariant = overrides?.forceDesktopVariant ? 'desktop' : variant;
-  const isDesktop = toolbarVariant === 'desktop';
-  const showAmPmControl = Boolean(ampm && !ampmInClock);
-  const toolbarTitle = inToolbarTitle ?? translations.dateTimePickerToolbarTitle;
-  const dateText = React.useMemo(() => {
-    if (!utils.isValid(value)) {
-      return toolbarPlaceholder;
-    }
-    if (toolbarFormat) {
-      return utils.formatByString(value, toolbarFormat);
-    }
-    return utils.format(value, 'shortDate');
-  }, [value, toolbarFormat, toolbarPlaceholder, utils]);
-  const formatSection = (format, fallback) => {
-    if (!utils.isValid(value)) {
-      return fallback;
-    }
-    return utils.format(value, format);
-  };
-  return /*#__PURE__*/_jsxs(DateTimePickerToolbarRoot, _extends({
-    className: clsx(classes.root, className),
-    toolbarTitle: toolbarTitle,
-    toolbarVariant: toolbarVariant
-  }, other, {
-    ownerState: ownerState,
-    children: [/*#__PURE__*/_jsxs(DateTimePickerToolbarDateContainer, {
-      className: classes.dateContainer,
-      ownerState: ownerState,
-      children: [views.includes('year') && /*#__PURE__*/_jsx(PickersToolbarButton, {
-        tabIndex: -1,
-        variant: "subtitle1",
-        onClick: () => setView('year'),
-        selected: view === 'year',
-        value: formatSection('year', '–')
-      }), views.includes('day') && /*#__PURE__*/_jsx(PickersToolbarButton, {
-        tabIndex: -1,
-        variant: isDesktop ? 'h5' : 'h4',
-        onClick: () => setView('day'),
-        selected: view === 'day',
-        value: dateText
-      })]
-    }), /*#__PURE__*/_jsxs(DateTimePickerToolbarTimeContainer, {
-      className: classes.timeContainer,
-      ownerState: ownerState,
-      toolbarVariant: toolbarVariant,
-      children: [/*#__PURE__*/_jsxs(DateTimePickerToolbarTimeDigitsContainer, {
-        className: classes.timeDigitsContainer,
-        ownerState: ownerState,
-        toolbarVariant: toolbarVariant,
-        children: [views.includes('hours') && /*#__PURE__*/_jsxs(React.Fragment, {
-          children: [/*#__PURE__*/_jsx(PickersToolbarButton, {
-            variant: isDesktop ? 'h5' : 'h3',
-            width: isDesktop && orientation === 'portrait' ? MULTI_SECTION_CLOCK_SECTION_WIDTH : undefined,
-            onClick: () => setView('hours'),
-            selected: view === 'hours',
-            value: formatSection(ampm ? 'hours12h' : 'hours24h', '--')
-          }), /*#__PURE__*/_jsx(DateTimePickerToolbarSeparator, {
-            variant: isDesktop ? 'h5' : 'h3',
-            value: ":",
-            className: classes.separator,
-            ownerState: ownerState,
-            toolbarVariant: toolbarVariant
-          }), /*#__PURE__*/_jsx(PickersToolbarButton, {
-            variant: isDesktop ? 'h5' : 'h3',
-            width: isDesktop && orientation === 'portrait' ? MULTI_SECTION_CLOCK_SECTION_WIDTH : undefined,
-            onClick: () => setView('minutes'),
-            selected: view === 'minutes' || !views.includes('minutes') && view === 'hours',
-            value: formatSection('minutes', '--'),
-            disabled: !views.includes('minutes')
-          })]
-        }), views.includes('seconds') && /*#__PURE__*/_jsxs(React.Fragment, {
-          children: [/*#__PURE__*/_jsx(DateTimePickerToolbarSeparator, {
-            variant: isDesktop ? 'h5' : 'h3',
-            value: ":",
-            className: classes.separator,
-            ownerState: ownerState,
-            toolbarVariant: toolbarVariant
-          }), /*#__PURE__*/_jsx(PickersToolbarButton, {
-            variant: isDesktop ? 'h5' : 'h3',
-            width: isDesktop && orientation === 'portrait' ? MULTI_SECTION_CLOCK_SECTION_WIDTH : undefined,
-            onClick: () => setView('seconds'),
-            selected: view === 'seconds',
-            value: formatSection('seconds', '--')
-          })]
-        })]
-      }), showAmPmControl && !isDesktop && /*#__PURE__*/_jsxs(DateTimePickerToolbarAmPmSelection, {
-        className: classes.ampmSelection,
-        ownerState: ownerState,
-        children: [/*#__PURE__*/_jsx(PickersToolbarButton, {
-          variant: "subtitle2",
-          selected: meridiemMode === 'am',
-          typographyClassName: classes.ampmLabel,
-          value: formatMeridiem(utils, 'am'),
-          onClick: readOnly ? undefined : () => handleMeridiemChange('am'),
-          disabled: disabled
-        }), /*#__PURE__*/_jsx(PickersToolbarButton, {
-          variant: "subtitle2",
-          selected: meridiemMode === 'pm',
-          typographyClassName: classes.ampmLabel,
-          value: formatMeridiem(utils, 'pm'),
-          onClick: readOnly ? undefined : () => handleMeridiemChange('pm'),
-          disabled: disabled
-        })]
-      }), ampm && isDesktop && /*#__PURE__*/_jsx(PickersToolbarButton, {
-        variant: "h5",
-        onClick: () => setView('meridiem'),
-        selected: view === 'meridiem',
-        value: value && meridiemMode ? formatMeridiem(utils, meridiemMode) : '--',
-        width: MULTI_SECTION_CLOCK_SECTION_WIDTH
-      })]
-    })]
-  }));
-}
-process.env.NODE_ENV !== "production" ? DateTimePickerToolbar.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  ampm: PropTypes.bool,
-  ampmInClock: PropTypes.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  className: PropTypes.string,
-  /**
-   * If `true`, show the toolbar even in desktop mode.
-   * @default `true` for Desktop, `false` for Mobile.
-   */
-  hidden: PropTypes.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  titleId: PropTypes.string,
-  /**
-   * Toolbar date format.
-   */
-  toolbarFormat: PropTypes.string,
-  /**
-   * Toolbar value placeholder—it is displayed when the value is empty.
-   * @default "––"
-   */
-  toolbarPlaceholder: PropTypes.node,
-  /**
-   * If provided, it will be used instead of `dateTimePickerToolbarTitle` from localization.
-   */
-  toolbarTitle: PropTypes.node
-} : void 0;
-export { DateTimePickerToolbar };

package/modern/DateTimePicker/dateTimePickerTabsClasses.d.ts

@@ -1,7 +0,0 @@
-export interface DateTimePickerTabsClasses {
-  /** Styles applied to the root element. */
-  root: string;
-}
-export type DateTimePickerTabsClassKey = keyof DateTimePickerTabsClasses;
-export declare function getDateTimePickerTabsUtilityClass(slot: string): string;
-export declare const dateTimePickerTabsClasses: DateTimePickerTabsClasses;

package/modern/DateTimePicker/dateTimePickerTabsClasses.js

@@ -1,5 +0,0 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getDateTimePickerTabsUtilityClass(slot) {
-  return generateUtilityClass('MuiDateTimePickerTabs', slot);
-}
-export const dateTimePickerTabsClasses = generateUtilityClasses('MuiDateTimePickerTabs', ['root']);

package/modern/DateTimePicker/dateTimePickerToolbarClasses.d.ts

@@ -1,23 +0,0 @@
-export interface DateTimePickerToolbarClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the date container element. */
-  dateContainer: string;
-  /** Styles applied to the time container element. */
-  timeContainer: string;
-  /** Styles applied to the time (except am/pm) container element. */
-  timeDigitsContainer: string;
-  /** Styles applied to the time container if rtl. */
-  timeLabelReverse: string;
-  /** Styles applied to the separator element. */
-  separator: string;
-  /** Styles applied to the am/pm section. */
-  ampmSelection: string;
-  /** Styles applied to am/pm section in landscape mode. */
-  ampmLandscape: string;
-  /** Styles applied to am/pm labels. */
-  ampmLabel: string;
-}
-export type DateTimePickerToolbarClassKey = keyof DateTimePickerToolbarClasses;
-export declare function getDateTimePickerToolbarUtilityClass(slot: string): string;
-export declare const dateTimePickerToolbarClasses: DateTimePickerToolbarClasses;

package/modern/DateTimePicker/dateTimePickerToolbarClasses.js

@@ -1,5 +0,0 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getDateTimePickerToolbarUtilityClass(slot) {
-  return generateUtilityClass('MuiDateTimePickerToolbar', slot);
-}
-export const dateTimePickerToolbarClasses = generateUtilityClasses('MuiDateTimePickerToolbar', ['root', 'dateContainer', 'timeContainer', 'timeDigitsContainer', 'separator', 'timeLabelReverse', 'ampmSelection', 'ampmLandscape', 'ampmLabel']);

package/modern/DateTimePicker/index.d.ts

@@ -1,10 +0,0 @@
-export { DateTimePicker } from "./DateTimePicker.js";
-export type { DateTimePickerProps, DateTimePickerSlots, DateTimePickerSlotProps, DateTimePickerFieldProps } from './DateTimePicker.types';
-export { DateTimePickerTabs } from "./DateTimePickerTabs.js";
-export type { DateTimePickerTabsProps } from './DateTimePickerTabs';
-export { dateTimePickerTabsClasses } from "./dateTimePickerTabsClasses.js";
-export type { DateTimePickerTabsClassKey, DateTimePickerTabsClasses } from './dateTimePickerTabsClasses';
-export { DateTimePickerToolbar } from "./DateTimePickerToolbar.js";
-export type { DateTimePickerToolbarProps } from './DateTimePickerToolbar';
-export { dateTimePickerToolbarClasses } from "./dateTimePickerToolbarClasses.js";
-export type { DateTimePickerToolbarClassKey, DateTimePickerToolbarClasses } from './dateTimePickerToolbarClasses';

package/modern/DateTimePicker/index.js

@@ -1,5 +0,0 @@
-export { DateTimePicker } from "./DateTimePicker.js";
-export { DateTimePickerTabs } from "./DateTimePickerTabs.js";
-export { dateTimePickerTabsClasses } from "./dateTimePickerTabsClasses.js";
-export { DateTimePickerToolbar } from "./DateTimePickerToolbar.js";
-export { dateTimePickerToolbarClasses } from "./dateTimePickerToolbarClasses.js";

package/modern/DateTimePicker/shared.d.ts

@@ -1,72 +0,0 @@
-import * as React from 'react';
-import { DefaultizedProps } from '@mui/x-internals/types';
-import { DateOrTimeView, DateTimeValidationError } from "../models/index.js";
-import { DateCalendarSlots, DateCalendarSlotProps, ExportedDateCalendarProps } from "../DateCalendar/DateCalendar.types.js";
-import { BasePickerInputProps } from "../internals/models/props/basePickerProps.js";
-import { DateTimePickerTabsProps } from "./DateTimePickerTabs.js";
-import { LocalizedComponent } from "../locales/utils/pickersLocaleTextApi.js";
-import { DateTimePickerToolbarProps, ExportedDateTimePickerToolbarProps } from "./DateTimePickerToolbar.js";
-import { PickerViewRendererLookup } from "../internals/hooks/usePicker/index.js";
-import { DateViewRendererProps } from "../dateViewRenderers/index.js";
-import { TimeViewRendererProps } from "../timeViewRenderers/index.js";
-import { BaseClockProps, DigitalTimePickerProps } from "../internals/models/props/time.js";
-import { DateOrTimeViewWithMeridiem, PickerValue, TimeViewWithMeridiem } from "../internals/models/index.js";
-import { ExportedValidateDateTimeProps, ValidateDateTimePropsToDefault } from "../validation/validateDateTime.js";
-import { DigitalClockSlotProps, DigitalClockSlots } from "../DigitalClock/index.js";
-import { MultiSectionDigitalClockSlotProps, MultiSectionDigitalClockSlots } from "../MultiSectionDigitalClock/index.js";
-export interface BaseDateTimePickerSlots extends DateCalendarSlots, DigitalClockSlots, MultiSectionDigitalClockSlots {
-  /**
-   * Tabs enabling toggling between date and time pickers.
-   * @default DateTimePickerTabs
-   */
-  tabs?: React.ElementType<DateTimePickerTabsProps>;
-  /**
-   * Custom component for the toolbar rendered above the views.
-   * @default DateTimePickerToolbar
-   */
-  toolbar?: React.JSXElementConstructor<DateTimePickerToolbarProps>;
-}
-export interface BaseDateTimePickerSlotProps extends DateCalendarSlotProps, DigitalClockSlotProps, MultiSectionDigitalClockSlotProps {
-  /**
-   * Props passed down to the tabs component.
-   */
-  tabs?: DateTimePickerTabsProps;
-  /**
-   * Props passed down to the toolbar component.
-   */
-  toolbar?: ExportedDateTimePickerToolbarProps;
-}
-export type DateTimePickerViewRenderers<TView extends DateOrTimeViewWithMeridiem> = PickerViewRendererLookup<PickerValue, TView, Omit<DateViewRendererProps<TView>, 'slots' | 'slotProps'> & Omit<TimeViewRendererProps<TimeViewWithMeridiem, BaseClockProps<TimeViewWithMeridiem>>, 'slots' | 'slotProps'>>;
-export interface BaseDateTimePickerProps extends Omit<BasePickerInputProps<PickerValue, DateOrTimeViewWithMeridiem, DateTimeValidationError>, 'views'>, Omit<ExportedDateCalendarProps, 'onViewChange' | 'views'>, DigitalTimePickerProps, ExportedValidateDateTimeProps {
-  /**
-   * Display ampm controls under the clock (instead of in the toolbar).
-   * @default true on desktop, false on mobile
-   */
-  ampmInClock?: boolean;
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots?: BaseDateTimePickerSlots;
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps?: BaseDateTimePickerSlotProps;
-  /**
-   * 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<DateTimePickerViewRenderers<DateOrTimeViewWithMeridiem>>;
-  /**
-   * Available views.
-   */
-  views?: readonly DateOrTimeView[];
-}
-type UseDateTimePickerDefaultizedProps<Props extends BaseDateTimePickerProps> = LocalizedComponent<Omit<DefaultizedProps<Props, 'openTo' | 'orientation' | 'ampm' | ValidateDateTimePropsToDefault>, 'views'>> & {
-  shouldRenderTimeInASingleColumn: boolean;
-  views: readonly DateOrTimeViewWithMeridiem[];
-};
-export declare function useDateTimePickerDefaultizedProps<Props extends BaseDateTimePickerProps>(props: Props, name: string): UseDateTimePickerDefaultizedProps<Props>;
-export {};

package/modern/DateTimePicker/shared.js

@@ -1,65 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useThemeProps } from '@mui/material/styles';
-import { useUtils } from "../internals/hooks/useUtils.js";
-import { DateTimePickerTabs } from "./DateTimePickerTabs.js";
-import { DateTimePickerToolbar } from "./DateTimePickerToolbar.js";
-import { applyDefaultViewProps } from "../internals/utils/views.js";
-import { resolveTimeViewsResponse } from "../internals/utils/date-time-utils.js";
-import { useApplyDefaultValuesToDateTimeValidationProps } from "../managers/useDateTimeManager.js";
-export function useDateTimePickerDefaultizedProps(props, name) {
-  const utils = useUtils();
-  const themeProps = useThemeProps({
-    props,
-    name
-  });
-  const validationProps = useApplyDefaultValuesToDateTimeValidationProps(themeProps);
-  const ampm = themeProps.ampm ?? utils.is12HourCycleInCurrentLocale();
-  const localeText = React.useMemo(() => {
-    if (themeProps.localeText?.toolbarTitle == null) {
-      return themeProps.localeText;
-    }
-    return _extends({}, themeProps.localeText, {
-      dateTimePickerToolbarTitle: themeProps.localeText.toolbarTitle
-    });
-  }, [themeProps.localeText]);
-  const {
-    openTo,
-    views: defaultViews
-  } = applyDefaultViewProps({
-    views: themeProps.views,
-    openTo: themeProps.openTo,
-    defaultViews: ['year', 'day', 'hours', 'minutes'],
-    defaultOpenTo: 'day'
-  });
-  const {
-    shouldRenderTimeInASingleColumn,
-    thresholdToRenderTimeInASingleColumn,
-    views,
-    timeSteps
-  } = resolveTimeViewsResponse({
-    thresholdToRenderTimeInASingleColumn: themeProps.thresholdToRenderTimeInASingleColumn,
-    ampm,
-    timeSteps: themeProps.timeSteps,
-    views: defaultViews
-  });
-  return _extends({}, themeProps, validationProps, {
-    timeSteps,
-    openTo,
-    shouldRenderTimeInASingleColumn,
-    thresholdToRenderTimeInASingleColumn,
-    views,
-    ampm,
-    localeText,
-    orientation: themeProps.orientation ?? 'portrait',
-    slots: _extends({
-      toolbar: DateTimePickerToolbar,
-      tabs: DateTimePickerTabs
-    }, themeProps.slots),
-    slotProps: _extends({}, themeProps.slotProps, {
-      toolbar: _extends({
-        ampm
-      }, themeProps.slotProps?.toolbar)
-    })
-  });
-}