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

package/node/YearCalendar/YearCalendar.js

@@ -13,9 +13,10 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _RtlProvider = require("@mui/system/RtlProvider");
+var _createStyled = require("@mui/system/createStyled");
 var _styles = require("@mui/material/styles");
 var _utils = require("@mui/utils");
-var _PickersYear = require("./PickersYear");
+var _YearCalendarButton = require("./YearCalendarButton");
 var _useUtils = require("../internals/hooks/useUtils");
 var _yearCalendarClasses = require("./yearCalendarClasses");
 var _dateUtils = require("../internals/utils/date-utils");
@@ -44,6 +45,7 @@ function useYearCalendarDefaultizedProps(props, name) {
     disableFuture: false
   }, themeProps, {
     yearsPerRow: themeProps.yearsPerRow ?? 3,
+    yearsOrder: themeProps.yearsOrder ?? 'asc',
     minDate: (0, _dateUtils.applyDefaultDate)(utils, themeProps.minDate, defaultDates.minDate),
     maxDate: (0, _dateUtils.applyDefaultDate)(utils, themeProps.maxDate, defaultDates.maxDate)
   });
@@ -51,19 +53,43 @@ function useYearCalendarDefaultizedProps(props, name) {
 const YearCalendarRoot = (0, _styles.styled)('div', {
   name: 'MuiYearCalendar',
   slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  shouldForwardProp: prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'yearsPerRow'
 })({
   display: 'flex',
-  flexDirection: 'row',
   flexWrap: 'wrap',
+  justifyContent: 'space-evenly',
+  rowGap: 12,
+  padding: '6px 0',
   overflowY: 'auto',
   height: '100%',
-  padding: '0 4px',
   width: _dimensions.DIALOG_WIDTH,
   maxHeight: _dimensions.MAX_CALENDAR_HEIGHT,
   // avoid padding increasing width over defined
   boxSizing: 'border-box',
-  position: 'relative'
+  position: 'relative',
+  variants: [{
+    props: {
+      yearsPerRow: 3
+    },
+    style: {
+      columnGap: 24
+    }
+  }, {
+    props: {
+      yearsPerRow: 4
+    },
+    style: {
+      columnGap: 0,
+      padding: '0 2px'
+    }
+  }]
+});
+const YearCalendarButtonFiller = (0, _styles.styled)('div', {
+  name: 'MuiYearCalendar',
+  slot: 'ButtonFiller'
+})({
+  height: 36,
+  width: 72
 });
 /**
  * Demos:
@@ -94,7 +120,7 @@ const YearCalendar = exports.YearCalendar = /*#__PURE__*/React.forwardRef(functi
       onYearFocus,
       hasFocus,
       onFocusedViewChange,
-      yearsOrder = 'asc',
+      yearsOrder,
       yearsPerRow,
       timezone: timezoneProp,
       gridLabelId,
@@ -246,18 +272,23 @@ const YearCalendar = exports.YearCalendar = /*#__PURE__*/React.forwardRef(functi
   if (yearsOrder === 'desc') {
     yearRange.reverse();
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(YearCalendarRoot, (0, _extends2.default)({
+  let fillerAmount = yearsPerRow - yearRange.length % yearsPerRow;
+  if (fillerAmount === yearsPerRow) {
+    fillerAmount = 0;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(YearCalendarRoot, (0, _extends2.default)({
     ref: handleRef,
     className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState,
     role: "radiogroup",
-    "aria-labelledby": gridLabelId
+    "aria-labelledby": gridLabelId,
+    yearsPerRow: yearsPerRow
   }, other, {
-    children: yearRange.map(year => {
+    children: [yearRange.map(year => {
       const yearNumber = utils.getYear(year);
       const isSelected = yearNumber === selectedYear;
       const isDisabled = disabled || isYearDisabled(year);
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersYear.PickersYear, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_YearCalendarButton.YearCalendarButton, {
         selected: isSelected,
         value: yearNumber,
         onClick: handleYearSelection,
@@ -268,12 +299,14 @@ const YearCalendar = exports.YearCalendar = /*#__PURE__*/React.forwardRef(functi
         onFocus: handleYearFocus,
         onBlur: handleYearBlur,
         "aria-current": todayYear === yearNumber ? 'date' : undefined,
-        yearsPerRow: yearsPerRow,
         slots: slots,
         slotProps: slotProps,
+        classes: classesProp,
         children: utils.format(year, 'year')
       }, utils.format(year, 'year'));
-    })
+    }), Array.from({
+      length: fillerAmount
+    }, (_, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(YearCalendarButtonFiller, {}, index))]
   }));
 });
 process.env.NODE_ENV !== "production" ? YearCalendar.propTypes = {

package/node/YearCalendar/{PickersYear.js → YearCalendarButton.js}

@@ -5,51 +5,31 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PickersYear = void 0;
+exports.YearCalendarButton = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
 var _styles = require("@mui/material/styles");
 var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
-var _pickersYearClasses = require("./pickersYearClasses");
 var _usePickerPrivateContext = require("../internals/hooks/usePickerPrivateContext");
+var _yearCalendarClasses = require("./yearCalendarClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["autoFocus", "className", "classes", "children", "disabled", "selected", "value", "tabIndex", "onClick", "onKeyDown", "onFocus", "onBlur", "aria-current", "yearsPerRow", "slots", "slotProps"];
+const _excluded = ["autoFocus", "classes", "disabled", "selected", "value", "onClick", "onKeyDown", "onFocus", "onBlur", "slots", "slotProps"];
 const useUtilityClasses = (classes, ownerState) => {
   const slots = {
-    root: ['root'],
-    yearButton: ['yearButton', ownerState.isYearDisabled && 'disabled', ownerState.isYearSelected && 'selected']
+    button: ['button', ownerState.isYearDisabled && 'disabled', ownerState.isYearSelected && 'selected']
   };
-  return (0, _composeClasses.default)(slots, _pickersYearClasses.getPickersYearUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _yearCalendarClasses.getYearCalendarUtilityClass, classes);
 };
-const PickersYearRoot = (0, _styles.styled)('div', {
-  name: 'MuiPickersYear',
-  slot: 'Root',
-  overridesResolver: (_, styles) => [styles.root]
-})({
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  flexBasis: '33.3%',
-  variants: [{
-    props: {
-      yearsPerRow: 4
-    },
-    style: {
-      flexBasis: '25%'
-    }
-  }]
-});
-const YearCalendarButton = (0, _styles.styled)('button', {
-  name: 'MuiPickersYear',
-  slot: 'YearButton',
-  overridesResolver: (_, styles) => [styles.yearButton, {
-    [`&.${_pickersYearClasses.pickersYearClasses.disabled}`]: styles.disabled
+const DefaultYearButton = (0, _styles.styled)('button', {
+  name: 'MuiYearCalendar',
+  slot: 'Button',
+  overridesResolver: (_, styles) => [styles.button, {
+    [`&.${_yearCalendarClasses.yearCalendarClasses.disabled}`]: styles.disabled
   }, {
-    [`&.${_pickersYearClasses.pickersYearClasses.selected}`]: styles.selected
+    [`&.${_yearCalendarClasses.yearCalendarClasses.selected}`]: styles.selected
   }]
 })(({
   theme
@@ -59,7 +39,6 @@ const YearCalendarButton = (0, _styles.styled)('button', {
   border: 0,
   outline: 0
 }, theme.typography.subtitle1, {
-  margin: '6px 0',
   height: 36,
   width: 72,
   borderRadius: 18,
@@ -74,10 +53,10 @@ const YearCalendarButton = (0, _styles.styled)('button', {
     cursor: 'auto',
     pointerEvents: 'none'
   },
-  [`&.${_pickersYearClasses.pickersYearClasses.disabled}`]: {
+  [`&.${_yearCalendarClasses.yearCalendarClasses.disabled}`]: {
     color: (theme.vars || theme).palette.text.secondary
   },
-  [`&.${_pickersYearClasses.pickersYearClasses.selected}`]: {
+  [`&.${_yearCalendarClasses.yearCalendarClasses.selected}`]: {
     color: (theme.vars || theme).palette.primary.contrastText,
     backgroundColor: (theme.vars || theme).palette.primary.main,
     '&:focus, &:hover': {
@@ -89,28 +68,17 @@ const YearCalendarButton = (0, _styles.styled)('button', {
 /**
  * @ignore - internal component.
  */
-const PickersYear = exports.PickersYear = /*#__PURE__*/React.memo(function PickersYear(inProps) {
-  const props = (0, _styles.useThemeProps)({
-    props: inProps,
-    name: 'MuiPickersYear'
-  });
+const YearCalendarButton = exports.YearCalendarButton = /*#__PURE__*/React.memo(function YearCalendarButton(props) {
   const {
       autoFocus,
-      className,
       classes: classesProp,
-      children,
-      disabled = false,
-      selected = false,
+      disabled,
+      selected,
       value,
-      tabIndex,
       onClick,
       onKeyDown,
       onFocus,
       onBlur,
-      'aria-current': ariaCurrent
-      // We don't want to forward this prop to the root element
-      ,
-
       slots,
       slotProps
     } = props,
@@ -132,18 +100,16 @@ const PickersYear = exports.PickersYear = /*#__PURE__*/React.memo(function Picke
       ref.current?.focus();
     }
   }, [autoFocus]);
-  const YearButton = slots?.yearButton ?? YearCalendarButton;
+  const YearButton = slots?.yearButton ?? DefaultYearButton;
   const yearButtonProps = (0, _useSlotProps.default)({
     elementType: YearButton,
     externalSlotProps: slotProps?.yearButton,
+    externalForwardedProps: other,
     additionalProps: {
-      children,
       disabled,
-      tabIndex,
       ref,
       type: 'button',
       role: 'radio',
-      'aria-current': ariaCurrent,
       'aria-checked': selected,
       onClick: event => onClick(event, value),
       onKeyDown: event => onKeyDown(event, value),
@@ -151,12 +117,7 @@ const PickersYear = exports.PickersYear = /*#__PURE__*/React.memo(function Picke
       onBlur: event => onBlur(event, value)
     },
     ownerState,
-    className: classes.yearButton
+    className: classes.button
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersYearRoot, (0, _extends2.default)({
-    className: (0, _clsx.default)(classes.root, className),
-    ownerState: ownerState
-  }, other, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(YearButton, (0, _extends2.default)({}, yearButtonProps))
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(YearButton, (0, _extends2.default)({}, yearButtonProps));
 });

package/node/YearCalendar/index.js

@@ -15,12 +15,6 @@ Object.defineProperty(exports, "getYearCalendarUtilityClass", {
     return _yearCalendarClasses.getYearCalendarUtilityClass;
   }
 });
-Object.defineProperty(exports, "pickersYearClasses", {
-  enumerable: true,
-  get: function () {
-    return _pickersYearClasses.pickersYearClasses;
-  }
-});
 Object.defineProperty(exports, "yearCalendarClasses", {
   enumerable: true,
   get: function () {
@@ -28,5 +22,4 @@ Object.defineProperty(exports, "yearCalendarClasses", {
   }
 });
 var _YearCalendar = require("./YearCalendar");
-var _yearCalendarClasses = require("./yearCalendarClasses");
-var _pickersYearClasses = require("./pickersYearClasses");
+var _yearCalendarClasses = require("./yearCalendarClasses");

package/node/YearCalendar/yearCalendarClasses.js

@@ -9,4 +9,4 @@ var _utils = require("@mui/utils");
 function getYearCalendarUtilityClass(slot) {
   return (0, _utils.unstable_generateUtilityClass)('MuiYearCalendar', slot);
 }
-const yearCalendarClasses = exports.yearCalendarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiYearCalendar', ['root']);
+const yearCalendarClasses = exports.yearCalendarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiYearCalendar', ['root', 'button', 'disabled', 'selected']);

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v8.0.0-alpha.4
+ * @mui/x-date-pickers v8.0.0-alpha.5
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js

@@ -46,7 +46,7 @@ const PickersArrowSwitcherButton = (0, _styles.styled)(_IconButton.default, {
 })({
   variants: [{
     props: {
-      hidden: true
+      isButtonHidden: true
     },
     style: {
       visibility: 'hidden'
@@ -117,7 +117,7 @@ const PickersArrowSwitcher = exports.PickersArrowSwitcher = /*#__PURE__*/React.f
       onClick: previousProps.goTo
     },
     ownerState: (0, _extends2.default)({}, ownerState, {
-      hidden: previousProps.isHidden ?? false
+      isButtonHidden: previousProps.isHidden ?? false
     }),
     className: (0, _clsx.default)(classes.button, classes.previousIconButton)
   });
@@ -134,7 +134,7 @@ const PickersArrowSwitcher = exports.PickersArrowSwitcher = /*#__PURE__*/React.f
       onClick: nextProps.goTo
     },
     ownerState: (0, _extends2.default)({}, ownerState, {
-      hidden: nextProps.isHidden ?? false
+      isButtonHidden: nextProps.isHidden ?? false
     }),
     className: (0, _clsx.default)(classes.button, classes.nextIconButton)
   });

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "8.0.0-alpha.4",
+  "version": "8.0.0-alpha.5",
   "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.5"
   },
   "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';
@@ -75,14 +75,12 @@ export interface PickersComponentsPropsList {
   MuiPickersCalendarHeader: ExportedPickersCalendarHeaderProps;
   MuiPickersDay: PickersDayProps;
   MuiPickersFadeTransitionGroup: PickersFadeTransitionGroupProps;
-  MuiPickersMonth: ExportedPickersMonthProps;
   MuiPickersPopper: PickerPopperProps;
   MuiPickersSlideTransition: ExportedSlideTransitionProps;
   MuiPickersToolbar: PickersToolbarProps<PickerValidValue, DateOrTimeView>;
   MuiPickersToolbarButton: PickersToolbarButtonProps;
   MuiPickersToolbarText: ExportedPickersToolbarTextProps;
   MuiPickersLayout: PickersLayoutProps<PickerValidValue, DateOrTimeView>;
-  MuiPickersYear: ExportedPickersYearProps;
   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']);