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

package/modern/TimePicker/shared.d.ts

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import { DefaultizedProps } from '@mui/x-internals/types';
-import { TimeClockSlots, TimeClockSlotProps } from "../TimeClock/TimeClock.types.js";
-import { BasePickerInputProps } from "../internals/models/props/basePickerProps.js";
-import { LocalizedComponent } from "../locales/utils/pickersLocaleTextApi.js";
-import { TimePickerToolbarProps, ExportedTimePickerToolbarProps } from "./TimePickerToolbar.js";
-import { TimeValidationError } from "../models/index.js";
-import { PickerViewRendererLookup } from "../internals/hooks/usePicker/index.js";
-import { TimeViewRendererProps } from "../timeViewRenderers/index.js";
-import { BaseClockProps, ExportedBaseClockProps } from "../internals/models/props/time.js";
-import { PickerValue, TimeViewWithMeridiem } from "../internals/models/index.js";
-import { ValidateTimePropsToDefault } from "../validation/validateTime.js";
-export interface BaseTimePickerSlots extends TimeClockSlots {
-  /**
-   * Custom component for the toolbar rendered above the views.
-   * @default TimePickerToolbar
-   */
-  toolbar?: React.JSXElementConstructor<TimePickerToolbarProps>;
-}
-export interface BaseTimePickerSlotProps extends TimeClockSlotProps {
-  toolbar?: ExportedTimePickerToolbarProps;
-}
-export type TimePickerViewRenderers<TView extends TimeViewWithMeridiem> = PickerViewRendererLookup<PickerValue, TView, TimeViewRendererProps<TView, BaseClockProps<TView>>>;
-export interface BaseTimePickerProps<TView extends TimeViewWithMeridiem> extends BasePickerInputProps<PickerValue, TView, TimeValidationError>, ExportedBaseClockProps {
-  /**
-   * 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?: BaseTimePickerSlots;
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps?: BaseTimePickerSlotProps;
-  /**
-   * 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<TimePickerViewRenderers<TView>>;
-}
-type UseTimePickerDefaultizedProps<TView extends TimeViewWithMeridiem, Props extends BaseTimePickerProps<TView>> = LocalizedComponent<DefaultizedProps<Props, 'views' | 'openTo' | 'ampm' | ValidateTimePropsToDefault>>;
-export declare function useTimePickerDefaultizedProps<TView extends TimeViewWithMeridiem, Props extends BaseTimePickerProps<TView>>(props: Props, name: string): UseTimePickerDefaultizedProps<TView, Props>;
-export {};

package/modern/TimePicker/shared.js

@@ -1,43 +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 { TimePickerToolbar } from "./TimePickerToolbar.js";
-import { applyDefaultViewProps } from "../internals/utils/views.js";
-import { useApplyDefaultValuesToTimeValidationProps } from "../managers/useTimeManager.js";
-export function useTimePickerDefaultizedProps(props, name) {
-  const utils = useUtils();
-  const themeProps = useThemeProps({
-    props,
-    name
-  });
-  const validationProps = useApplyDefaultValuesToTimeValidationProps(themeProps);
-  const ampm = themeProps.ampm ?? utils.is12HourCycleInCurrentLocale();
-  const localeText = React.useMemo(() => {
-    if (themeProps.localeText?.toolbarTitle == null) {
-      return themeProps.localeText;
-    }
-    return _extends({}, themeProps.localeText, {
-      timePickerToolbarTitle: themeProps.localeText.toolbarTitle
-    });
-  }, [themeProps.localeText]);
-  return _extends({}, themeProps, validationProps, {
-    ampm,
-    localeText
-  }, applyDefaultViewProps({
-    views: themeProps.views,
-    openTo: themeProps.openTo,
-    defaultViews: ['hours', 'minutes'],
-    defaultOpenTo: 'hours'
-  }), {
-    slots: _extends({
-      toolbar: TimePickerToolbar
-    }, themeProps.slots),
-    slotProps: _extends({}, themeProps.slotProps, {
-      toolbar: _extends({
-        ampm,
-        ampmInClock: themeProps.ampmInClock
-      }, themeProps.slotProps?.toolbar)
-    })
-  });
-}

package/modern/TimePicker/timePickerToolbarClasses.d.ts

@@ -1,21 +0,0 @@
-export interface TimePickerToolbarClasses {
-  /** Styles applied to the root element. */
-  root: string;
-  /** Styles applied to the separator element. */
-  separator: string;
-  /** Styles applied to the time sections element. */
-  hourMinuteLabel: string;
-  /** Styles applied to the time sections element in landscape mode. */
-  hourMinuteLabelLandscape: string;
-  /** Styles applied to the time sections element in "rtl" theme mode. */
-  hourMinuteLabelReverse: string;
-  /** Styles applied to the meridiem selection element. */
-  ampmSelection: string;
-  /** Styles applied to the meridiem selection element in landscape mode. */
-  ampmLandscape: string;
-  /** Styles applied to the meridiem label element. */
-  ampmLabel: string;
-}
-export type TimePickerToolbarClassKey = keyof TimePickerToolbarClasses;
-export declare function getTimePickerToolbarUtilityClass(slot: string): string;
-export declare const timePickerToolbarClasses: TimePickerToolbarClasses;

package/modern/TimePicker/timePickerToolbarClasses.js

@@ -1,5 +0,0 @@
-import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-export function getTimePickerToolbarUtilityClass(slot) {
-  return generateUtilityClass('MuiTimePickerToolbar', slot);
-}
-export const timePickerToolbarClasses = generateUtilityClasses('MuiTimePickerToolbar', ['root', 'separator', 'hourMinuteLabel', 'hourMinuteLabelLandscape', 'hourMinuteLabelReverse', 'ampmSelection', 'ampmLandscape', 'ampmLabel']);

package/modern/YearCalendar/YearCalendar.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { YearCalendarProps } from "./YearCalendar.types.js";
-type YearCalendarComponent = ((props: YearCalendarProps) => React.JSX.Element) & {
-  propTypes?: any;
-};
-/**
- * Demos:
- *
- * - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
- *
- * API:
- *
- * - [YearCalendar API](https://mui.com/x/api/date-pickers/year-calendar/)
- */
-export declare const YearCalendar: YearCalendarComponent;
-export {};

package/modern/YearCalendar/YearCalendar.js

@@ -1,410 +0,0 @@
-'use client';
-
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["autoFocus", "className", "classes", "value", "defaultValue", "referenceDate", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onChange", "readOnly", "shouldDisableYear", "disableHighlightToday", "onYearFocus", "hasFocus", "onFocusedViewChange", "yearsOrder", "yearsPerRow", "timezone", "gridLabelId", "slots", "slotProps"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { useRtl } from '@mui/system/RtlProvider';
-import { shouldForwardProp } from '@mui/system/createStyled';
-import { styled, useThemeProps } from '@mui/material/styles';
-import { unstable_useForkRef as useForkRef, unstable_composeClasses as composeClasses, unstable_useControlled as useControlled, unstable_useEventCallback as useEventCallback } from '@mui/utils';
-import { YearCalendarButton } from "./YearCalendarButton.js";
-import { useUtils, useNow } from "../internals/hooks/useUtils.js";
-import { getYearCalendarUtilityClass } from "./yearCalendarClasses.js";
-import { singleItemValueManager } from "../internals/utils/valueManagers.js";
-import { SECTION_TYPE_GRANULARITY } from "../internals/utils/getDefaultReferenceDate.js";
-import { useControlledValue } from "../internals/hooks/useControlledValue.js";
-import { DIALOG_WIDTH, MAX_CALENDAR_HEIGHT } from "../internals/constants/dimensions.js";
-import { usePickerPrivateContext } from "../internals/hooks/usePickerPrivateContext.js";
-import { useApplyDefaultValuesToDateValidationProps } from "../managers/useDateManager.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useUtilityClasses = classes => {
-  const slots = {
-    root: ['root']
-  };
-  return composeClasses(slots, getYearCalendarUtilityClass, classes);
-};
-function useYearCalendarDefaultizedProps(props, name) {
-  const themeProps = useThemeProps({
-    props,
-    name
-  });
-  const validationProps = useApplyDefaultValuesToDateValidationProps(themeProps);
-  return _extends({}, themeProps, validationProps, {
-    yearsPerRow: themeProps.yearsPerRow ?? 3,
-    yearsOrder: themeProps.yearsOrder ?? 'asc'
-  });
-}
-const YearCalendarRoot = styled('div', {
-  name: 'MuiYearCalendar',
-  slot: 'Root',
-  shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'yearsPerRow'
-})({
-  display: 'flex',
-  flexWrap: 'wrap',
-  justifyContent: 'space-evenly',
-  rowGap: 12,
-  padding: '6px 0',
-  overflowY: 'auto',
-  height: '100%',
-  width: DIALOG_WIDTH,
-  maxHeight: MAX_CALENDAR_HEIGHT,
-  // avoid padding increasing width over defined
-  boxSizing: 'border-box',
-  position: 'relative',
-  variants: [{
-    props: {
-      yearsPerRow: 3
-    },
-    style: {
-      columnGap: 24
-    }
-  }, {
-    props: {
-      yearsPerRow: 4
-    },
-    style: {
-      columnGap: 0,
-      padding: '0 2px'
-    }
-  }]
-});
-const YearCalendarButtonFiller = styled('div', {
-  name: 'MuiYearCalendar',
-  slot: 'ButtonFiller'
-})({
-  height: 36,
-  width: 72
-});
-/**
- * Demos:
- *
- * - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
- *
- * API:
- *
- * - [YearCalendar API](https://mui.com/x/api/date-pickers/year-calendar/)
- */
-export const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(inProps, ref) {
-  const props = useYearCalendarDefaultizedProps(inProps, 'MuiYearCalendar');
-  const {
-      autoFocus,
-      className,
-      classes: classesProp,
-      value: valueProp,
-      defaultValue,
-      referenceDate: referenceDateProp,
-      disabled,
-      disableFuture,
-      disablePast,
-      maxDate,
-      minDate,
-      onChange,
-      readOnly,
-      shouldDisableYear,
-      onYearFocus,
-      hasFocus,
-      onFocusedViewChange,
-      yearsOrder,
-      yearsPerRow,
-      timezone: timezoneProp,
-      gridLabelId,
-      slots,
-      slotProps
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const {
-    value,
-    handleValueChange,
-    timezone
-  } = useControlledValue({
-    name: 'YearCalendar',
-    timezone: timezoneProp,
-    value: valueProp,
-    defaultValue,
-    referenceDate: referenceDateProp,
-    onChange,
-    valueManager: singleItemValueManager
-  });
-  const now = useNow(timezone);
-  const isRtl = useRtl();
-  const utils = useUtils();
-  const {
-    ownerState
-  } = usePickerPrivateContext();
-  const referenceDate = React.useMemo(() => singleItemValueManager.getInitialReferenceValue({
-    value,
-    utils,
-    props,
-    timezone,
-    referenceDate: referenceDateProp,
-    granularity: SECTION_TYPE_GRANULARITY.year
-  }), [] // eslint-disable-line react-hooks/exhaustive-deps
-  );
-  const classes = useUtilityClasses(classesProp);
-  const todayYear = React.useMemo(() => utils.getYear(now), [utils, now]);
-  const selectedYear = React.useMemo(() => {
-    if (value != null) {
-      return utils.getYear(value);
-    }
-    return null;
-  }, [value, utils]);
-  const [focusedYear, setFocusedYear] = React.useState(() => selectedYear || utils.getYear(referenceDate));
-  const [internalHasFocus, setInternalHasFocus] = useControlled({
-    name: 'YearCalendar',
-    state: 'hasFocus',
-    controlled: hasFocus,
-    default: autoFocus ?? false
-  });
-  const changeHasFocus = useEventCallback(newHasFocus => {
-    setInternalHasFocus(newHasFocus);
-    if (onFocusedViewChange) {
-      onFocusedViewChange(newHasFocus);
-    }
-  });
-  const isYearDisabled = React.useCallback(dateToValidate => {
-    if (disablePast && utils.isBeforeYear(dateToValidate, now)) {
-      return true;
-    }
-    if (disableFuture && utils.isAfterYear(dateToValidate, now)) {
-      return true;
-    }
-    if (minDate && utils.isBeforeYear(dateToValidate, minDate)) {
-      return true;
-    }
-    if (maxDate && utils.isAfterYear(dateToValidate, maxDate)) {
-      return true;
-    }
-    if (!shouldDisableYear) {
-      return false;
-    }
-    const yearToValidate = utils.startOfYear(dateToValidate);
-    return shouldDisableYear(yearToValidate);
-  }, [disableFuture, disablePast, maxDate, minDate, now, shouldDisableYear, utils]);
-  const handleYearSelection = useEventCallback((event, year) => {
-    if (readOnly) {
-      return;
-    }
-    const newDate = utils.setYear(value ?? referenceDate, year);
-    handleValueChange(newDate);
-  });
-  const focusYear = useEventCallback(year => {
-    if (!isYearDisabled(utils.setYear(value ?? referenceDate, year))) {
-      setFocusedYear(year);
-      changeHasFocus(true);
-      onYearFocus?.(year);
-    }
-  });
-  React.useEffect(() => {
-    setFocusedYear(prevFocusedYear => selectedYear !== null && prevFocusedYear !== selectedYear ? selectedYear : prevFocusedYear);
-  }, [selectedYear]);
-  const verticalDirection = yearsOrder !== 'desc' ? yearsPerRow * 1 : yearsPerRow * -1;
-  const horizontalDirection = isRtl && yearsOrder === 'asc' || !isRtl && yearsOrder === 'desc' ? -1 : 1;
-  const handleKeyDown = useEventCallback((event, year) => {
-    switch (event.key) {
-      case 'ArrowUp':
-        focusYear(year - verticalDirection);
-        event.preventDefault();
-        break;
-      case 'ArrowDown':
-        focusYear(year + verticalDirection);
-        event.preventDefault();
-        break;
-      case 'ArrowLeft':
-        focusYear(year - horizontalDirection);
-        event.preventDefault();
-        break;
-      case 'ArrowRight':
-        focusYear(year + horizontalDirection);
-        event.preventDefault();
-        break;
-      default:
-        break;
-    }
-  });
-  const handleYearFocus = useEventCallback((event, year) => {
-    focusYear(year);
-  });
-  const handleYearBlur = useEventCallback((event, year) => {
-    if (focusedYear === year) {
-      changeHasFocus(false);
-    }
-  });
-  const scrollerRef = React.useRef(null);
-  const handleRef = useForkRef(ref, scrollerRef);
-  React.useEffect(() => {
-    if (autoFocus || scrollerRef.current === null) {
-      return;
-    }
-    const tabbableButton = scrollerRef.current.querySelector('[tabindex="0"]');
-    if (!tabbableButton) {
-      return;
-    }
-
-    // Taken from useScroll in x-data-grid, but vertically centered
-    const offsetHeight = tabbableButton.offsetHeight;
-    const offsetTop = tabbableButton.offsetTop;
-    const clientHeight = scrollerRef.current.clientHeight;
-    const scrollTop = scrollerRef.current.scrollTop;
-    const elementBottom = offsetTop + offsetHeight;
-    if (offsetHeight > clientHeight || offsetTop < scrollTop) {
-      // Button already visible
-      return;
-    }
-    scrollerRef.current.scrollTop = elementBottom - clientHeight / 2 - offsetHeight / 2;
-  }, [autoFocus]);
-  const yearRange = utils.getYearRange([minDate, maxDate]);
-  if (yearsOrder === 'desc') {
-    yearRange.reverse();
-  }
-  let fillerAmount = yearsPerRow - yearRange.length % yearsPerRow;
-  if (fillerAmount === yearsPerRow) {
-    fillerAmount = 0;
-  }
-  return /*#__PURE__*/_jsxs(YearCalendarRoot, _extends({
-    ref: handleRef,
-    className: clsx(classes.root, className),
-    ownerState: ownerState,
-    role: "radiogroup",
-    "aria-labelledby": gridLabelId,
-    yearsPerRow: yearsPerRow
-  }, other, {
-    children: [yearRange.map(year => {
-      const yearNumber = utils.getYear(year);
-      const isSelected = yearNumber === selectedYear;
-      const isDisabled = disabled || isYearDisabled(year);
-      return /*#__PURE__*/_jsx(YearCalendarButton, {
-        selected: isSelected,
-        value: yearNumber,
-        onClick: handleYearSelection,
-        onKeyDown: handleKeyDown,
-        autoFocus: internalHasFocus && yearNumber === focusedYear,
-        disabled: isDisabled,
-        tabIndex: yearNumber === focusedYear && !isDisabled ? 0 : -1,
-        onFocus: handleYearFocus,
-        onBlur: handleYearBlur,
-        "aria-current": todayYear === yearNumber ? 'date' : undefined,
-        slots: slots,
-        slotProps: slotProps,
-        classes: classesProp,
-        children: utils.format(year, 'year')
-      }, utils.format(year, 'year'));
-    }), Array.from({
-      length: fillerAmount
-    }, (_, index) => /*#__PURE__*/_jsx(YearCalendarButtonFiller, {}, index))]
-  }));
-});
-process.env.NODE_ENV !== "production" ? YearCalendar.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  autoFocus: PropTypes.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  className: PropTypes.string,
-  /**
-   * The default selected value.
-   * Used when the component is not controlled.
-   */
-  defaultValue: PropTypes.object,
-  /**
-   * If `true`, the component is disabled.
-   * When disabled, the value cannot be changed and no interaction is possible.
-   * @default false
-   */
-  disabled: PropTypes.bool,
-  /**
-   * If `true`, disable values after the current date for date components, time for time components and both for date time components.
-   * @default false
-   */
-  disableFuture: PropTypes.bool,
-  /**
-   * If `true`, today's date is rendering without highlighting with circle.
-   * @default false
-   */
-  disableHighlightToday: PropTypes.bool,
-  /**
-   * If `true`, disable values before the current date for date components, time for time components and both for date time components.
-   * @default false
-   */
-  disablePast: PropTypes.bool,
-  gridLabelId: PropTypes.string,
-  hasFocus: PropTypes.bool,
-  /**
-   * Maximal selectable date.
-   * @default 2099-12-31
-   */
-  maxDate: PropTypes.object,
-  /**
-   * Minimal selectable date.
-   * @default 1900-01-01
-   */
-  minDate: PropTypes.object,
-  /**
-   * Callback fired when the value changes.
-   * @param {PickerValidDate} value The new value.
-   */
-  onChange: PropTypes.func,
-  onFocusedViewChange: PropTypes.func,
-  onYearFocus: PropTypes.func,
-  /**
-   * If `true`, the component is read-only.
-   * When read-only, the value cannot be changed but the user can interact with the interface.
-   * @default false
-   */
-  readOnly: PropTypes.bool,
-  /**
-   * The date used to generate the new value when both `value` and `defaultValue` are empty.
-   * @default The closest valid year using the validation props, except callbacks such as `shouldDisableYear`.
-   */
-  referenceDate: PropTypes.object,
-  /**
-   * Disable specific year.
-   * @param {PickerValidDate} year The year to test.
-   * @returns {boolean} If `true`, the year will be disabled.
-   */
-  shouldDisableYear: PropTypes.func,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: PropTypes.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: PropTypes.object,
-  /**
-   * 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]),
-  /**
-   * Choose which timezone to use for the value.
-   * Example: "default", "system", "UTC", "America/New_York".
-   * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
-   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
-   * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
-   */
-  timezone: PropTypes.string,
-  /**
-   * The selected value.
-   * Used when the component is controlled.
-   */
-  value: PropTypes.object,
-  /**
-   * Years are displayed in ascending (chronological) order by default.
-   * If `desc`, years are displayed in descending order.
-   * @default 'asc'
-   */
-  yearsOrder: PropTypes.oneOf(['asc', 'desc']),
-  /**
-   * Years rendered per row.
-   * @default 3
-   */
-  yearsPerRow: PropTypes.oneOf([3, 4])
-} : void 0;

package/modern/YearCalendar/YearCalendar.types.d.ts

@@ -1,88 +0,0 @@
-import * as React from 'react';
-import { SxProps } from '@mui/system';
-import { Theme } from '@mui/material/styles';
-import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { YearCalendarClasses } from "./yearCalendarClasses.js";
-import { BaseDateValidationProps, YearValidationProps } from "../internals/models/validation.js";
-import { PickerOwnerState, PickerValidDate, TimezoneProps } from "../models/index.js";
-import { FormProps } from "../internals/models/formProps.js";
-export interface YearButtonOwnerState extends PickerOwnerState {
-  isYearSelected: boolean;
-  isYearDisabled: boolean;
-}
-export interface YearCalendarSlots {
-  /**
-   * Button displayed to render a single year in the `year` view.
-   * @default YearCalendarButton
-   */
-  yearButton?: React.ElementType;
-}
-export interface YearCalendarSlotProps {
-  yearButton?: SlotComponentPropsFromProps<React.HTMLAttributes<HTMLButtonElement> & {
-    sx: SxProps;
-  }, {}, YearButtonOwnerState>;
-}
-export interface ExportedYearCalendarProps {
-  /**
-   * Years are displayed in ascending (chronological) order by default.
-   * If `desc`, years are displayed in descending order.
-   * @default 'asc'
-   */
-  yearsOrder?: 'asc' | 'desc';
-  /**
-   * Years rendered per row.
-   * @default 3
-   */
-  yearsPerRow?: 3 | 4;
-}
-export interface YearCalendarProps extends ExportedYearCalendarProps, YearValidationProps, BaseDateValidationProps, TimezoneProps, FormProps {
-  autoFocus?: boolean;
-  className?: string;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<YearCalendarClasses>;
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots?: YearCalendarSlots;
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps?: YearCalendarSlotProps;
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx?: SxProps<Theme>;
-  /**
-   * 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 year using the validation props, except callbacks such as `shouldDisableYear`.
-   */
-  referenceDate?: PickerValidDate;
-  /**
-   * Callback fired when the value changes.
-   * @param {PickerValidDate} value The new value.
-   */
-  onChange?: (value: PickerValidDate) => void;
-  /**
-   * If `true`, today's date is rendering without highlighting with circle.
-   * @default false
-   */
-  disableHighlightToday?: boolean;
-  onYearFocus?: (year: number) => void;
-  hasFocus?: boolean;
-  onFocusedViewChange?: (hasFocus: boolean) => void;
-  gridLabelId?: string;
-}

package/modern/YearCalendar/YearCalendar.types.js

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

package/modern/YearCalendar/YearCalendarButton.d.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-import { YearCalendarSlotProps, YearCalendarSlots } from "./YearCalendar.types.js";
-import { YearCalendarClasses } from "./yearCalendarClasses.js";
-export interface YearCalendarButtonProps {
-  value: number;
-  tabIndex: number;
-  selected: boolean;
-  disabled: boolean;
-  autoFocus: boolean;
-  classes: Partial<YearCalendarClasses> | undefined;
-  slots: YearCalendarSlots | undefined;
-  slotProps: YearCalendarSlotProps | undefined;
-  'aria-current': React.AriaAttributes['aria-current'];
-  children: React.ReactNode;
-  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;
-}
-/**
- * @ignore - internal component.
- */
-export declare const YearCalendarButton: React.NamedExoticComponent<YearCalendarButtonProps>;