@mui/x-date-pickers 8.0.0-alpha.4 → 8.0.0-alpha.6

package/node/internals/hooks/useDesktopPicker/useDesktopPicker.js

@@ -59,8 +59,6 @@ const useDesktopPicker = _ref => {
   const labelId = (0, _useId.default)();
   const isToolbarHidden = innerSlotProps?.toolbar?.hidden ?? false;
   const {
-    open,
-    actions,
     hasUIView,
     layoutProps,
     providerProps,
@@ -92,7 +90,11 @@ const useDesktopPicker = _ref => {
       externalSlotProps: innerSlotProps?.openPickerButton,
       additionalProps: {
         disabled: disabled || readOnly,
-        onClick: open ? actions.onClose : actions.onOpen,
+        // This direct access to `providerProps` will go away in https://github.com/mui/mui-x/pull/15671
+        onClick: event => {
+          event.preventDefault();
+          providerProps.contextValue.setOpen(prevOpen => !prevOpen);
+        },
         'aria-label': getOpenDialogAriaText(pickerFieldProps.value),
         edge: inputAdornmentProps.position
       },
@@ -128,7 +130,7 @@ const useDesktopPicker = _ref => {
       sx,
       label,
       name,
-      focused: open ? true : undefined
+      focused: providerProps.contextValue.open ? true : undefined
     }, isToolbarHidden && {
       id: labelId
     }, !!inputRef && {
@@ -177,12 +179,10 @@ const useDesktopPicker = _ref => {
       slots: slotsForField,
       slotProps: slotProps,
       unstableFieldRef: handleFieldRef
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersPopper.PickersPopper, (0, _extends2.default)({
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersPopper.PickersPopper, {
       role: "dialog",
       placement: "bottom-start",
-      anchorEl: containerRef.current
-    }, actions, {
-      open: open,
+      anchorEl: containerRef.current,
       slots: slots,
       slotProps: slotProps,
       shouldRestoreFocus: shouldRestoreFocus,
@@ -192,7 +192,7 @@ const useDesktopPicker = _ref => {
         slotProps: slotProps,
         children: renderCurrentView()
       }))
-    }))]
+    })]
   }));
   return {
     renderPicker

package/node/internals/hooks/useFieldOwnerState.js

@@ -8,13 +8,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.useFieldOwnerState = useFieldOwnerState;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
+var _RtlProvider = require("@mui/system/RtlProvider");
 var _usePickerPrivateContext = require("./usePickerPrivateContext");
 function useFieldOwnerState(parameters) {
   const {
     ownerState: pickerOwnerState
   } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
+  const isRtl = (0, _RtlProvider.useRtl)();
   return React.useMemo(() => (0, _extends2.default)({}, pickerOwnerState, {
     isFieldDisabled: parameters.disabled ?? false,
-    isFieldReadOnly: parameters.readOnly ?? false
-  }), [pickerOwnerState, parameters.disabled, parameters.readOnly]);
+    isFieldReadOnly: parameters.readOnly ?? false,
+    isFieldRequired: parameters.required ?? false,
+    fieldDirection: isRtl ? 'rtl' : 'ltr'
+  }), [pickerOwnerState, parameters.disabled, parameters.readOnly, parameters.required, isRtl]);
 }

package/node/internals/hooks/useMobilePicker/useMobilePicker.js

@@ -53,8 +53,6 @@ const useMobilePicker = _ref => {
   const labelId = (0, _useId.default)();
   const isToolbarHidden = innerSlotProps?.toolbar?.hidden ?? false;
   const {
-    open,
-    actions,
     layoutProps,
     providerProps,
     renderCurrentView,
@@ -93,8 +91,12 @@ const useMobilePicker = _ref => {
     }, isToolbarHidden && {
       id: labelId
     }, !(disabled || readOnly) && {
-      onClick: actions.onOpen,
-      onKeyDown: (0, _utils.onSpaceOrEnter)(actions.onOpen)
+      // These direct access to `providerProps` will go away in https://github.com/mui/mui-x/pull/15671
+      onClick: event => {
+        event.preventDefault();
+        providerProps.contextValue.setOpen(true);
+      },
+      onKeyDown: (0, _utils.onSpaceOrEnter)(() => providerProps.contextValue.setOpen(true))
     }, !!inputRef && {
       inputRef
     }),
@@ -131,8 +133,7 @@ const useMobilePicker = _ref => {
       slots: slotsForField,
       slotProps: slotProps,
       unstableFieldRef: handleFieldRef
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersModalDialog.PickersModalDialog, (0, _extends2.default)({}, actions, {
-      open: open,
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersModalDialog.PickersModalDialog, {
       slots: slots,
       slotProps: slotProps,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Layout, (0, _extends2.default)({}, layoutProps, slotProps?.layout, {
@@ -140,7 +141,7 @@ const useMobilePicker = _ref => {
         slotProps: slotProps,
         children: renderCurrentView()
       }))
-    }))]
+    })]
   }));
   return {
     renderPicker

package/node/internals/hooks/usePicker/usePicker.js

@@ -52,15 +52,13 @@ const usePicker = ({
   });
   return {
     // Picker value
-    open: pickerValueResponse.open,
-    actions: pickerValueResponse.actions,
     fieldProps: pickerValueResponse.fieldProps,
     // Picker views
     renderCurrentView: pickerViewsResponse.renderCurrentView,
     hasUIView: pickerViewsResponse.provider.hasUIView,
     shouldRestoreFocus: pickerViewsResponse.shouldRestoreFocus,
     // Picker layout
-    layoutProps: (0, _extends2.default)({}, pickerViewsResponse.layoutProps, pickerValueResponse.layoutProps),
+    layoutProps: (0, _extends2.default)({}, pickerValueResponse.layoutProps),
     // Picker provider
     providerProps,
     // Picker owner state

package/node/internals/hooks/usePicker/usePickerProvider.js

@@ -63,18 +63,19 @@ function usePickerProvider(parameters) {
     pickerOrientation: orientation,
     pickerVariant: variant
   }), [utils, valueManager, paramsFromUsePickerValue.value, paramsFromUsePickerValue.contextValue.open, orientation, variant, props.disabled, props.readOnly]);
-  const contextValue = React.useMemo(() => (0, _extends2.default)({}, paramsFromUsePickerValue.contextValue, {
+  const contextValue = React.useMemo(() => (0, _extends2.default)({}, paramsFromUsePickerValue.contextValue, paramsFromUsePickerViews.contextValue, {
     disabled: props.disabled ?? false,
     readOnly: props.readOnly ?? false,
     variant,
     orientation
-  }), [paramsFromUsePickerValue.contextValue, variant, orientation, props.disabled, props.readOnly]);
-  const privateContextValue = React.useMemo(() => ({
+  }), [paramsFromUsePickerValue.contextValue, paramsFromUsePickerViews.contextValue, variant, orientation, props.disabled, props.readOnly]);
+  const privateContextValue = React.useMemo(() => (0, _extends2.default)({}, paramsFromUsePickerValue.privateContextValue, {
     ownerState
-  }), [ownerState]);
+  }), [paramsFromUsePickerValue, ownerState]);
   return {
     localeText,
     contextValue,
+    actionsContextValue: paramsFromUsePickerValue.actionsContextValue,
     privateContextValue
   };
 }

package/node/internals/hooks/usePicker/usePickerValue.js

@@ -259,49 +259,6 @@ const usePickerValue = ({
       hasBeenModifiedSinceMount: true
     }));
   }
-  const handleClear = (0, _useEventCallback.default)(() => {
-    updateDate({
-      value: valueManager.emptyValue,
-      name: 'setValueFromAction',
-      pickerAction: 'clear'
-    });
-  });
-  const handleAccept = (0, _useEventCallback.default)(() => {
-    updateDate({
-      value: dateState.lastPublishedValue,
-      name: 'setValueFromAction',
-      pickerAction: 'accept'
-    });
-  });
-  const handleDismiss = (0, _useEventCallback.default)(() => {
-    updateDate({
-      value: dateState.lastPublishedValue,
-      name: 'setValueFromAction',
-      pickerAction: 'dismiss'
-    });
-  });
-  const handleCancel = (0, _useEventCallback.default)(() => {
-    updateDate({
-      value: dateState.lastCommittedValue,
-      name: 'setValueFromAction',
-      pickerAction: 'cancel'
-    });
-  });
-  const handleSetToday = (0, _useEventCallback.default)(() => {
-    updateDate({
-      value: valueManager.getTodayValue(utils, timezone, valueType),
-      name: 'setValueFromAction',
-      pickerAction: 'today'
-    });
-  });
-  const handleOpen = (0, _useEventCallback.default)(event => {
-    event.preventDefault();
-    setOpen(true);
-  });
-  const handleClose = (0, _useEventCallback.default)(event => {
-    event?.preventDefault();
-    setOpen(false);
-  });
   const handleChange = (0, _useEventCallback.default)((newValue, selectionState = 'partial') => updateDate({
     name: 'setValueFromView',
     value: newValue,
@@ -318,15 +275,6 @@ const usePickerValue = ({
     value: newValue,
     context
   }));
-  const actions = {
-    onClear: handleClear,
-    onAccept: handleAccept,
-    onDismiss: handleDismiss,
-    onCancel: handleCancel,
-    onSetToday: handleSetToday,
-    onOpen: handleOpen,
-    onClose: handleClose
-  };
   const fieldResponse = {
     value: dateState.draft,
     onChange: handleChangeFromField
@@ -335,8 +283,8 @@ const usePickerValue = ({
   const viewResponse = {
     value: valueWithoutError,
     onChange: handleChange,
-    onClose: handleClose,
-    open
+    open,
+    setOpen
   };
   const isValid = testedValue => {
     const error = validator({
@@ -347,28 +295,62 @@ const usePickerValue = ({
     });
     return !valueManager.hasError(error);
   };
-  const layoutResponse = (0, _extends2.default)({}, actions, {
+  const layoutResponse = {
     value: valueWithoutError,
     onChange: handleChange,
     onSelectShortcut: handleSelectShortcut,
     isValid
+  };
+  const clearValue = (0, _useEventCallback.default)(() => updateDate({
+    value: valueManager.emptyValue,
+    name: 'setValueFromAction',
+    pickerAction: 'clear'
+  }));
+  const setValueToToday = (0, _useEventCallback.default)(() => updateDate({
+    value: valueManager.getTodayValue(utils, timezone, valueType),
+    name: 'setValueFromAction',
+    pickerAction: 'today'
+  }));
+  const acceptValueChanges = (0, _useEventCallback.default)(() => updateDate({
+    value: dateState.lastPublishedValue,
+    name: 'setValueFromAction',
+    pickerAction: 'accept'
+  }));
+  const cancelValueChanges = (0, _useEventCallback.default)(() => updateDate({
+    value: dateState.lastCommittedValue,
+    name: 'setValueFromAction',
+    pickerAction: 'cancel'
+  }));
+  const dismissViews = (0, _useEventCallback.default)(() => {
+    updateDate({
+      value: dateState.lastPublishedValue,
+      name: 'setValueFromAction',
+      pickerAction: 'dismiss'
+    });
   });
-  const contextValue = React.useMemo(() => {
-    return {
-      open,
-      setOpen
-    };
-  }, [open, setOpen]);
+  const actionsContextValue = React.useMemo(() => ({
+    setOpen,
+    clearValue,
+    setValueToToday,
+    acceptValueChanges,
+    cancelValueChanges
+  }), [setOpen, clearValue, setValueToToday, acceptValueChanges, cancelValueChanges]);
+  const contextValue = React.useMemo(() => (0, _extends2.default)({}, actionsContextValue, {
+    open
+  }), [actionsContextValue, open]);
+  const privateContextValue = React.useMemo(() => ({
+    dismissViews
+  }), [dismissViews]);
   const providerParams = {
     value: valueWithoutError,
-    contextValue
+    contextValue,
+    actionsContextValue,
+    privateContextValue
   };
   return {
-    open,
     fieldProps: fieldResponse,
     viewProps: viewResponse,
     layoutProps: layoutResponse,
-    actions,
     provider: providerParams
   };
 };

package/node/internals/hooks/usePicker/usePickerViews.js

@@ -38,8 +38,9 @@ const usePickerViews = ({
 }) => {
   const {
     onChange,
+    value,
     open,
-    onClose
+    setOpen
   } = propsFromPickerValue;
   const {
     view: inView,
@@ -99,7 +100,7 @@ const usePickerViews = ({
   (0, _useEnhancedEffect.default)(() => {
     // Handle case of `DateTimePicker` without time renderers
     if (currentViewMode === 'field' && open) {
-      onClose();
+      setOpen(false);
       setTimeout(() => {
         fieldRef?.current?.setSelectedSections(view);
         // focusing the input before the range selection is done
@@ -130,18 +131,18 @@ const usePickerViews = ({
     setFocusedView(newView, true);
   }, [open]); // eslint-disable-line react-hooks/exhaustive-deps
 
-  const layoutProps = {
+  const contextValue = React.useMemo(() => ({
     views,
     view: popperView,
     onViewChange: setView
-  };
+  }), [views, popperView, setView]);
   const providerParams = {
     hasUIView,
-    views
+    views,
+    contextValue
   };
   return {
     shouldRestoreFocus,
-    layoutProps,
     provider: providerParams,
     renderCurrentView: () => {
       if (popperView == null) {
@@ -151,9 +152,10 @@ const usePickerViews = ({
       if (renderer == null) {
         return null;
       }
-      const rendererProps = (0, _extends2.default)({}, propsToForwardToView, additionalViewProps, propsFromPickerValue, {
+      const rendererProps = (0, _extends2.default)({}, propsToForwardToView, additionalViewProps, {
         views,
         timezone,
+        value,
         onChange: setValueAndGoToNextView,
         view: popperView,
         onViewChange: setView,

package/node/internals/index.js

@@ -21,10 +21,10 @@ Object.defineProperty(exports, "DIALOG_WIDTH", {
     return _dimensions.DIALOG_WIDTH;
   }
 });
-Object.defineProperty(exports, "DateTimePickerToolbarForceDesktopVariant", {
+Object.defineProperty(exports, "DateTimePickerToolbarOverrideContext", {
   enumerable: true,
   get: function () {
-    return _DateTimePickerToolbar.DateTimePickerToolbarForceDesktopVariant;
+    return _DateTimePickerToolbar.DateTimePickerToolbarOverrideContext;
   }
 });
 Object.defineProperty(exports, "DayCalendar", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "8.0.0-alpha.4",
+  "version": "8.0.0-alpha.6",
   "description": "The community edition of the Date and Time Picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -37,11 +37,11 @@
   "dependencies": {
     "@babel/runtime": "^7.26.0",
     "@mui/utils": "^5.16.6 || ^6.0.0",
-    "@types/react-transition-group": "^4.4.11",
+    "@types/react-transition-group": "^4.4.12",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "8.0.0-alpha.2"
+    "@mui/x-internals": "8.0.0-alpha.6"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/themeAugmentation/components.d.ts

@@ -78,10 +78,6 @@ export interface PickerComponents<Theme = unknown> {
     defaultProps?: ComponentsProps['MuiPickersFadeTransitionGroup'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiPickersFadeTransitionGroup'];
   };
-  MuiPickersMonth?: {
-    defaultProps?: ComponentsProps['MuiPickersMonth'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiPickersMonth'];
-  };
   MuiPickersPopper?: {
     defaultProps?: ComponentsProps['MuiPickersPopper'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiPickersPopper'];
@@ -106,10 +102,6 @@ export interface PickerComponents<Theme = unknown> {
     defaultProps?: ComponentsProps['MuiPickersLayout'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiPickersLayout'];
   };
-  MuiPickersYear?: {
-    defaultProps?: ComponentsProps['MuiPickersYear'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiPickersYear'];
-  };
   MuiTimeClock?: {
     defaultProps?: ComponentsProps['MuiTimeClock'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiTimeClock'];

package/themeAugmentation/overrides.d.ts

@@ -12,9 +12,9 @@ import {
   TimeClockClassKey,
   ClockPointerClassKey,
 } from '../TimeClock';
-import { MonthCalendarClassKey, PickersMonthClassKey } from '../MonthCalendar';
+import { MonthCalendarClassKey } from '../MonthCalendar';
 import { PickersDayClassKey } from '../PickersDay';
-import { PickersYearClassKey, YearCalendarClassKey } from '../YearCalendar';
+import { YearCalendarClassKey } from '../YearCalendar';
 import { PickersLayoutClassKey } from '../PickersLayout';
 import { DatePickerToolbarClassKey } from '../DatePicker';
 import { TimePickerToolbarClassKey } from '../TimePicker';
@@ -58,13 +58,11 @@ export interface PickersComponentNameToClassKey {
   MuiPickersDay: PickersDayClassKey;
   MuiPickersFadeTransitionGroup: PickersFadeTransitionGroupClassKey;
   MuiPickersLayout: PickersLayoutClassKey;
-  MuiPickersMonth: PickersMonthClassKey;
   MuiPickersPopper: PickersPopperClassKey;
   MuiPickersSlideTransition: PickersSlideTransitionClassKey;
   MuiPickersToolbar: PickersToolbarClassKey;
   MuiPickersToolbarButton: PickersToolbarButtonClassKey;
   MuiPickersToolbarText: PickersToolbarTextClassKey;
-  MuiPickersYear: PickersYearClassKey;
   MuiTimeClock: TimeClockClassKey;
   MuiTimePickerToolbar: TimePickerToolbarClassKey;
   MuiYearCalendar: YearCalendarClassKey;

package/themeAugmentation/props.d.ts

@@ -5,9 +5,9 @@ import {
 } from '../DateCalendar';
 import { DayCalendarSkeletonProps } from '../DayCalendarSkeleton';
 import { ClockNumberProps, TimeClockProps, ClockPointerProps, ClockProps } from '../TimeClock';
-import { ExportedPickersMonthProps, MonthCalendarProps } from '../MonthCalendar';
+import { MonthCalendarProps } from '../MonthCalendar';
 import { PickersDayProps } from '../PickersDay';
-import { ExportedPickersYearProps, YearCalendarProps } from '../YearCalendar';
+import { YearCalendarProps } from '../YearCalendar';
 import { DateFieldProps } from '../DateField';
 import { LocalizationProviderProps } from '../LocalizationProvider';
 import { PickersLayoutProps } from '../PickersLayout';
@@ -17,7 +17,6 @@ import { PickerPopperProps } from '../internals/components/PickersPopper';
 import { PickersToolbarProps } from '../internals/components/PickersToolbar';
 import { PickersToolbarButtonProps } from '../internals/components/PickersToolbarButton';
 import { ExportedPickersToolbarTextProps } from '../internals/components/PickersToolbarText';
-import { DateOrTimeView } from '../models';
 
 import { DatePickerProps } from '../DatePicker';
 import { ExportedDatePickerToolbarProps } from '../DatePicker/DatePickerToolbar';
@@ -75,14 +74,12 @@ export interface PickersComponentsPropsList {
   MuiPickersCalendarHeader: ExportedPickersCalendarHeaderProps;
   MuiPickersDay: PickersDayProps;
   MuiPickersFadeTransitionGroup: PickersFadeTransitionGroupProps;
-  MuiPickersMonth: ExportedPickersMonthProps;
   MuiPickersPopper: PickerPopperProps;
   MuiPickersSlideTransition: ExportedSlideTransitionProps;
-  MuiPickersToolbar: PickersToolbarProps<PickerValidValue, DateOrTimeView>;
+  MuiPickersToolbar: PickersToolbarProps<PickerValidValue>;
   MuiPickersToolbarButton: PickersToolbarButtonProps;
   MuiPickersToolbarText: ExportedPickersToolbarTextProps;
-  MuiPickersLayout: PickersLayoutProps<PickerValidValue, DateOrTimeView>;
-  MuiPickersYear: ExportedPickersYearProps;
+  MuiPickersLayout: PickersLayoutProps<PickerValidValue>;
   MuiTimeClock: TimeClockProps;
   MuiTimeField: TimeFieldProps<any>;
   MuiTimePickerToolbar: ExportedTimePickerToolbarProps;

package/MonthCalendar/PickersMonth.d.ts

@@ -1,28 +0,0 @@
-import * as React from 'react';
-import { PickersMonthClasses } from './pickersMonthClasses';
-import { MonthCalendarSlotProps, MonthCalendarSlots } from './MonthCalendar.types';
-export interface ExportedPickersMonthProps {
-    classes?: Partial<PickersMonthClasses>;
-}
-export interface PickersMonthProps extends ExportedPickersMonthProps {
-    'aria-current'?: React.AriaAttributes['aria-current'];
-    'aria-label'?: React.AriaAttributes['aria-label'];
-    autoFocus: boolean;
-    children: React.ReactNode;
-    className?: string;
-    disabled?: boolean;
-    onClick: (event: React.MouseEvent, month: number) => void;
-    onKeyDown: (event: React.KeyboardEvent, month: number) => void;
-    onFocus: (event: React.FocusEvent, month: number) => void;
-    onBlur: (event: React.FocusEvent, month: number) => void;
-    selected?: boolean;
-    value: number;
-    tabIndex: number;
-    monthsPerRow: 3 | 4;
-    slots?: MonthCalendarSlots;
-    slotProps?: MonthCalendarSlotProps;
-}
-/**
- * @ignore - do not document.
- */
-export declare const PickersMonth: React.NamedExoticComponent<PickersMonthProps>;

package/MonthCalendar/pickersMonthClasses.d.ts

@@ -1,13 +0,0 @@
-export interface PickersMonthClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the month button element. */
-    monthButton: string;
-    /** Styles applied to a disabled month button element. */
-    disabled: string;
-    /** Styles applied to a selected month button element. */
-    selected: string;
-}
-export type PickersMonthClassKey = keyof PickersMonthClasses;
-export declare function getPickersMonthUtilityClass(slot: string): string;
-export declare const pickersMonthClasses: Record<keyof PickersMonthClasses, string>;

package/MonthCalendar/pickersMonthClasses.js

@@ -1,5 +0,0 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getPickersMonthUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersMonth', slot);
-}
-export const pickersMonthClasses = generateUtilityClasses('MuiPickersMonth', ['root', 'monthButton', 'disabled', 'selected']);

package/YearCalendar/PickersYear.d.ts

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import { PickersYearClasses } from './pickersYearClasses';
-import { YearCalendarSlotProps, YearCalendarSlots } from './YearCalendar.types';
-export interface ExportedPickersYearProps {
-    classes?: Partial<PickersYearClasses>;
-}
-export interface PickersYearProps extends ExportedPickersYearProps {
-    'aria-current'?: React.AriaAttributes['aria-current'];
-    autoFocus?: boolean;
-    children: React.ReactNode;
-    className?: string;
-    disabled?: boolean;
-    onClick: (event: React.MouseEvent, year: number) => void;
-    onKeyDown: (event: React.KeyboardEvent, year: number) => void;
-    onFocus: (event: React.FocusEvent, year: number) => void;
-    onBlur: (event: React.FocusEvent, year: number) => void;
-    selected: boolean;
-    value: number;
-    tabIndex: number;
-    yearsPerRow: 3 | 4;
-    slots?: YearCalendarSlots;
-    slotProps?: YearCalendarSlotProps;
-}
-/**
- * @ignore - internal component.
- */
-export declare const PickersYear: React.NamedExoticComponent<PickersYearProps>;

package/YearCalendar/pickersYearClasses.d.ts

@@ -1,13 +0,0 @@
-export interface PickersYearClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the year button element. */
-    yearButton: string;
-    /** Styles applied to a selected year button element. */
-    selected: string;
-    /** Styles applied to a disabled year button element. */
-    disabled: string;
-}
-export type PickersYearClassKey = keyof PickersYearClasses;
-export declare function getPickersYearUtilityClass(slot: string): string;
-export declare const pickersYearClasses: Record<keyof PickersYearClasses, string>;

package/YearCalendar/pickersYearClasses.js

@@ -1,5 +0,0 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getPickersYearUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersYear', slot);
-}
-export const pickersYearClasses = generateUtilityClasses('MuiPickersYear', ['root', 'yearButton', 'selected', 'disabled']);

package/modern/MonthCalendar/pickersMonthClasses.js

@@ -1,5 +0,0 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getPickersMonthUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersMonth', slot);
-}
-export const pickersMonthClasses = generateUtilityClasses('MuiPickersMonth', ['root', 'monthButton', 'disabled', 'selected']);

package/modern/YearCalendar/pickersYearClasses.js

@@ -1,5 +0,0 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getPickersYearUtilityClass(slot) {
-  return generateUtilityClass('MuiPickersYear', slot);
-}
-export const pickersYearClasses = generateUtilityClasses('MuiPickersYear', ['root', 'yearButton', 'selected', 'disabled']);

package/node/MonthCalendar/pickersMonthClasses.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getPickersMonthUtilityClass = getPickersMonthUtilityClass;
-exports.pickersMonthClasses = void 0;
-var _utils = require("@mui/utils");
-function getPickersMonthUtilityClass(slot) {
-  return (0, _utils.unstable_generateUtilityClass)('MuiPickersMonth', slot);
-}
-const pickersMonthClasses = exports.pickersMonthClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersMonth', ['root', 'monthButton', 'disabled', 'selected']);

package/node/YearCalendar/pickersYearClasses.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getPickersYearUtilityClass = getPickersYearUtilityClass;
-exports.pickersYearClasses = void 0;
-var _utils = require("@mui/utils");
-function getPickersYearUtilityClass(slot) {
-  return (0, _utils.unstable_generateUtilityClass)('MuiPickersYear', slot);
-}
-const pickersYearClasses = exports.pickersYearClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersYear', ['root', 'yearButton', 'selected', 'disabled']);