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

package/MonthCalendar/MonthCalendar.js

@@ -1,59 +1,67 @@
+"use strict";
 'use client';
 
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MonthCalendar = void 0;
+exports.useMonthCalendarDefaultizedProps = useMonthCalendarDefaultizedProps;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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 _MonthCalendarButton = require("./MonthCalendarButton");
+var _useUtils = require("../internals/hooks/useUtils");
+var _monthCalendarClasses = require("./monthCalendarClasses");
+var _dateUtils = require("../internals/utils/date-utils");
+var _valueManagers = require("../internals/utils/valueManagers");
+var _getDefaultReferenceDate = require("../internals/utils/getDefaultReferenceDate");
+var _useValueWithTimezone = require("../internals/hooks/useValueWithTimezone");
+var _dimensions = require("../internals/constants/dimensions");
+var _usePickerPrivateContext = require("../internals/hooks/usePickerPrivateContext");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["autoFocus", "className", "classes", "value", "defaultValue", "referenceDate", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onChange", "shouldDisableMonth", "readOnly", "disableHighlightToday", "onMonthFocus", "hasFocus", "onFocusedViewChange", "monthsPerRow", "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_useControlled as useControlled, unstable_composeClasses as composeClasses, unstable_useEventCallback as useEventCallback } from '@mui/utils';
-import { MonthCalendarButton } from "./MonthCalendarButton.js";
-import { useUtils, useNow, useDefaultDates } from "../internals/hooks/useUtils.js";
-import { getMonthCalendarUtilityClass } from "./monthCalendarClasses.js";
-import { applyDefaultDate, getMonthsInYear } from "../internals/utils/date-utils.js";
-import { singleItemValueManager } from "../internals/utils/valueManagers.js";
-import { SECTION_TYPE_GRANULARITY } from "../internals/utils/getDefaultReferenceDate.js";
-import { useControlledValueWithTimezone } from "../internals/hooks/useValueWithTimezone.js";
-import { DIALOG_WIDTH } from "../internals/constants/dimensions.js";
-import { usePickerPrivateContext } from "../internals/hooks/usePickerPrivateContext.js";
-import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = classes => {
   const slots = {
     root: ['root']
   };
-  return composeClasses(slots, getMonthCalendarUtilityClass, classes);
+  return (0, _utils.unstable_composeClasses)(slots, _monthCalendarClasses.getMonthCalendarUtilityClass, classes);
 };
-export function useMonthCalendarDefaultizedProps(props, name) {
-  const utils = useUtils();
-  const defaultDates = useDefaultDates();
-  const themeProps = useThemeProps({
+function useMonthCalendarDefaultizedProps(props, name) {
+  const utils = (0, _useUtils.useUtils)();
+  const defaultDates = (0, _useUtils.useDefaultDates)();
+  const themeProps = (0, _styles.useThemeProps)({
     props,
     name
   });
-  return _extends({
+  return (0, _extends2.default)({
     disableFuture: false,
     disablePast: false
   }, themeProps, {
     monthsPerRow: themeProps.monthsPerRow ?? 3,
-    minDate: applyDefaultDate(utils, themeProps.minDate, defaultDates.minDate),
-    maxDate: applyDefaultDate(utils, themeProps.maxDate, defaultDates.maxDate)
+    minDate: (0, _dateUtils.applyDefaultDate)(utils, themeProps.minDate, defaultDates.minDate),
+    maxDate: (0, _dateUtils.applyDefaultDate)(utils, themeProps.maxDate, defaultDates.maxDate)
   });
 }
-const MonthCalendarRoot = styled('div', {
+const MonthCalendarRoot = (0, _styles.styled)('div', {
   name: 'MuiMonthCalendar',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root,
-  shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'monthsPerRow'
+  shouldForwardProp: prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'monthsPerRow'
 })({
   display: 'flex',
   flexWrap: 'wrap',
   justifyContent: 'space-evenly',
   rowGap: 16,
   padding: '8px 0',
-  width: DIALOG_WIDTH,
+  width: _dimensions.DIALOG_WIDTH,
   // avoid padding increasing width over defined
   boxSizing: 'border-box',
   variants: [{
@@ -81,7 +89,7 @@ const MonthCalendarRoot = styled('div', {
  *
  * - [MonthCalendar API](https://mui.com/x/api/date-pickers/month-calendar/)
  */
-export const MonthCalendar = /*#__PURE__*/React.forwardRef(function MonthCalendar(inProps, ref) {
+const MonthCalendar = exports.MonthCalendar = /*#__PURE__*/React.forwardRef(function MonthCalendar(inProps, ref) {
   const props = useMonthCalendarDefaultizedProps(inProps, 'MuiMonthCalendar');
   const {
       autoFocus,
@@ -107,33 +115,33 @@ export const MonthCalendar = /*#__PURE__*/React.forwardRef(function MonthCalenda
       slots,
       slotProps
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const {
     value,
     handleValueChange,
     timezone
-  } = useControlledValueWithTimezone({
+  } = (0, _useValueWithTimezone.useControlledValueWithTimezone)({
     name: 'MonthCalendar',
     timezone: timezoneProp,
     value: valueProp,
     defaultValue,
     referenceDate: referenceDateProp,
     onChange,
-    valueManager: singleItemValueManager
+    valueManager: _valueManagers.singleItemValueManager
   });
-  const now = useNow(timezone);
-  const isRtl = useRtl();
-  const utils = useUtils();
+  const now = (0, _useUtils.useNow)(timezone);
+  const isRtl = (0, _RtlProvider.useRtl)();
+  const utils = (0, _useUtils.useUtils)();
   const {
     ownerState
-  } = usePickerPrivateContext();
-  const referenceDate = React.useMemo(() => singleItemValueManager.getInitialReferenceValue({
+  } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
+  const referenceDate = React.useMemo(() => _valueManagers.singleItemValueManager.getInitialReferenceValue({
     value,
     utils,
     props,
     timezone,
     referenceDate: referenceDateProp,
-    granularity: SECTION_TYPE_GRANULARITY.month
+    granularity: _getDefaultReferenceDate.SECTION_TYPE_GRANULARITY.month
   }), [] // eslint-disable-line react-hooks/exhaustive-deps
   );
   const classes = useUtilityClasses(classesProp);
@@ -145,13 +153,13 @@ export const MonthCalendar = /*#__PURE__*/React.forwardRef(function MonthCalenda
     return null;
   }, [value, utils]);
   const [focusedMonth, setFocusedMonth] = React.useState(() => selectedMonth || utils.getMonth(referenceDate));
-  const [internalHasFocus, setInternalHasFocus] = useControlled({
+  const [internalHasFocus, setInternalHasFocus] = (0, _utils.unstable_useControlled)({
     name: 'MonthCalendar',
     state: 'hasFocus',
     controlled: hasFocus,
     default: autoFocus ?? false
   });
-  const changeHasFocus = useEventCallback(newHasFocus => {
+  const changeHasFocus = (0, _utils.unstable_useEventCallback)(newHasFocus => {
     setInternalHasFocus(newHasFocus);
     if (onFocusedViewChange) {
       onFocusedViewChange(newHasFocus);
@@ -172,14 +180,14 @@ export const MonthCalendar = /*#__PURE__*/React.forwardRef(function MonthCalenda
     }
     return shouldDisableMonth(monthToValidate);
   }, [disableFuture, disablePast, maxDate, minDate, now, shouldDisableMonth, utils]);
-  const handleMonthSelection = useEventCallback((event, month) => {
+  const handleMonthSelection = (0, _utils.unstable_useEventCallback)((event, month) => {
     if (readOnly) {
       return;
     }
     const newDate = utils.setMonth(value ?? referenceDate, month);
     handleValueChange(newDate);
   });
-  const focusMonth = useEventCallback(month => {
+  const focusMonth = (0, _utils.unstable_useEventCallback)(month => {
     if (!isMonthDisabled(utils.setMonth(value ?? referenceDate, month))) {
       setFocusedMonth(month);
       changeHasFocus(true);
@@ -191,7 +199,7 @@ export const MonthCalendar = /*#__PURE__*/React.forwardRef(function MonthCalenda
   React.useEffect(() => {
     setFocusedMonth(prevFocusedMonth => selectedMonth !== null && prevFocusedMonth !== selectedMonth ? selectedMonth : prevFocusedMonth);
   }, [selectedMonth]);
-  const handleKeyDown = useEventCallback((event, month) => {
+  const handleKeyDown = (0, _utils.unstable_useEventCallback)((event, month) => {
     const monthsInYear = 12;
     const monthsInRow = 3;
     switch (event.key) {
@@ -215,29 +223,29 @@ export const MonthCalendar = /*#__PURE__*/React.forwardRef(function MonthCalenda
         break;
     }
   });
-  const handleMonthFocus = useEventCallback((event, month) => {
+  const handleMonthFocus = (0, _utils.unstable_useEventCallback)((event, month) => {
     focusMonth(month);
   });
-  const handleMonthBlur = useEventCallback((event, month) => {
+  const handleMonthBlur = (0, _utils.unstable_useEventCallback)((event, month) => {
     if (focusedMonth === month) {
       changeHasFocus(false);
     }
   });
-  return /*#__PURE__*/_jsx(MonthCalendarRoot, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MonthCalendarRoot, (0, _extends2.default)({
     ref: ref,
-    className: clsx(classes.root, className),
+    className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState,
     role: "radiogroup",
     "aria-labelledby": gridLabelId,
     monthsPerRow: monthsPerRow
   }, other, {
-    children: getMonthsInYear(utils, value ?? referenceDate).map(month => {
+    children: (0, _dateUtils.getMonthsInYear)(utils, value ?? referenceDate).map(month => {
       const monthNumber = utils.getMonth(month);
       const monthText = utils.format(month, 'monthShort');
       const monthLabel = utils.format(month, 'month');
       const isSelected = monthNumber === selectedMonth;
       const isDisabled = disabled || isMonthDisabled(month);
-      return /*#__PURE__*/_jsx(MonthCalendarButton, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MonthCalendarButton.MonthCalendarButton, {
         selected: isSelected,
         value: monthNumber,
         onClick: handleMonthSelection,
@@ -262,93 +270,93 @@ process.env.NODE_ENV !== "production" ? MonthCalendar.propTypes = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
-  autoFocus: PropTypes.bool,
+  autoFocus: _propTypes.default.bool,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
-  className: PropTypes.string,
+  classes: _propTypes.default.object,
+  className: _propTypes.default.string,
   /**
    * The default selected value.
    * Used when the component is not controlled.
    */
-  defaultValue: PropTypes.object,
+  defaultValue: _propTypes.default.object,
   /**
    * If `true`, the component is disabled.
    * When disabled, the value cannot be changed and no interaction is possible.
    * @default false
    */
-  disabled: PropTypes.bool,
+  disabled: _propTypes.default.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,
+  disableFuture: _propTypes.default.bool,
   /**
    * If `true`, today's date is rendering without highlighting with circle.
    * @default false
    */
-  disableHighlightToday: PropTypes.bool,
+  disableHighlightToday: _propTypes.default.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,
+  disablePast: _propTypes.default.bool,
+  gridLabelId: _propTypes.default.string,
+  hasFocus: _propTypes.default.bool,
   /**
    * Maximal selectable date.
    * @default 2099-12-31
    */
-  maxDate: PropTypes.object,
+  maxDate: _propTypes.default.object,
   /**
    * Minimal selectable date.
    * @default 1900-01-01
    */
-  minDate: PropTypes.object,
+  minDate: _propTypes.default.object,
   /**
    * Months rendered per row.
    * @default 3
    */
-  monthsPerRow: PropTypes.oneOf([3, 4]),
+  monthsPerRow: _propTypes.default.oneOf([3, 4]),
   /**
    * Callback fired when the value changes.
    * @param {PickerValidDate} value The new value.
    */
-  onChange: PropTypes.func,
-  onFocusedViewChange: PropTypes.func,
-  onMonthFocus: PropTypes.func,
+  onChange: _propTypes.default.func,
+  onFocusedViewChange: _propTypes.default.func,
+  onMonthFocus: _propTypes.default.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,
+  readOnly: _propTypes.default.bool,
   /**
    * The date used to generate the new value when both `value` and `defaultValue` are empty.
    * @default The closest valid month using the validation props, except callbacks such as `shouldDisableMonth`.
    */
-  referenceDate: PropTypes.object,
+  referenceDate: _propTypes.default.object,
   /**
    * Disable specific month.
    * @param {PickerValidDate} month The month to test.
    * @returns {boolean} If `true`, the month will be disabled.
    */
-  shouldDisableMonth: PropTypes.func,
+  shouldDisableMonth: _propTypes.default.func,
   /**
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: PropTypes.object,
+  slotProps: _propTypes.default.object,
   /**
    * Overridable component slots.
    * @default {}
    */
-  slots: PropTypes.object,
+  slots: _propTypes.default.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]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
   /**
    * Choose which timezone to use for the value.
    * Example: "default", "system", "UTC", "America/New_York".
@@ -356,10 +364,10 @@ process.env.NODE_ENV !== "production" ? MonthCalendar.propTypes = {
    * @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,
+  timezone: _propTypes.default.string,
   /**
    * The selected value.
    * Used when the component is controlled.
    */
-  value: PropTypes.object
+  value: _propTypes.default.object
 } : void 0;

package/MonthCalendar/MonthCalendar.types.d.ts

@@ -2,81 +2,81 @@ import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from '@mui/material/styles';
 import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
-import { MonthCalendarClasses } from './monthCalendarClasses';
-import { BaseDateValidationProps, MonthValidationProps } from '../internals/models/validation';
-import { PickerOwnerState, PickerValidDate, TimezoneProps } from '../models';
-import { FormProps } from '../internals/models/formProps';
+import { MonthCalendarClasses } from "./monthCalendarClasses.js";
+import { BaseDateValidationProps, MonthValidationProps } from "../internals/models/validation.js";
+import { PickerOwnerState, PickerValidDate, TimezoneProps } from "../models/index.js";
+import { FormProps } from "../internals/models/formProps.js";
 export interface MonthButtonOwnerState extends PickerOwnerState {
-    isMonthSelected: boolean;
-    isMonthDisabled: boolean;
+  isMonthSelected: boolean;
+  isMonthDisabled: boolean;
 }
 export interface MonthCalendarSlots {
-    /**
-     * Button displayed to render a single month in the `month` view.
-     * @default MonthCalendarButton
-     */
-    monthButton?: React.ElementType;
+  /**
+   * Button displayed to render a single month in the `month` view.
+   * @default MonthCalendarButton
+   */
+  monthButton?: React.ElementType;
 }
 export interface MonthCalendarSlotProps {
-    monthButton?: SlotComponentPropsFromProps<React.HTMLAttributes<HTMLButtonElement> & {
-        sx: SxProps;
-    }, {}, MonthButtonOwnerState>;
+  monthButton?: SlotComponentPropsFromProps<React.HTMLAttributes<HTMLButtonElement> & {
+    sx: SxProps;
+  }, {}, MonthButtonOwnerState>;
 }
 export interface ExportedMonthCalendarProps {
-    /**
-     * Months rendered per row.
-     * @default 3
-     */
-    monthsPerRow?: 3 | 4;
+  /**
+   * Months rendered per row.
+   * @default 3
+   */
+  monthsPerRow?: 3 | 4;
 }
 export interface MonthCalendarProps extends ExportedMonthCalendarProps, MonthValidationProps, BaseDateValidationProps, TimezoneProps, FormProps {
-    autoFocus?: boolean;
-    className?: string;
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<MonthCalendarClasses>;
-    /**
-     * Overridable component slots.
-     * @default {}
-     */
-    slots?: MonthCalendarSlots;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     */
-    slotProps?: MonthCalendarSlotProps;
-    /**
-     * 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 month using the validation props, except callbacks such as `shouldDisableMonth`.
-     */
-    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;
-    onMonthFocus?: (month: number) => void;
-    hasFocus?: boolean;
-    onFocusedViewChange?: (hasFocus: boolean) => void;
-    gridLabelId?: string;
-}
+  autoFocus?: boolean;
+  className?: string;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<MonthCalendarClasses>;
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots?: MonthCalendarSlots;
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps?: MonthCalendarSlotProps;
+  /**
+   * 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 month using the validation props, except callbacks such as `shouldDisableMonth`.
+   */
+  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;
+  onMonthFocus?: (month: number) => void;
+  hasFocus?: boolean;
+  onFocusedViewChange?: (hasFocus: boolean) => void;
+  gridLabelId?: string;
+}

package/MonthCalendar/MonthCalendar.types.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/MonthCalendar/MonthCalendarButton.d.ts

@@ -1,24 +1,24 @@
 import * as React from 'react';
-import { MonthCalendarSlotProps, MonthCalendarSlots } from './MonthCalendar.types';
-import { MonthCalendarClasses } from './monthCalendarClasses';
+import { MonthCalendarSlotProps, MonthCalendarSlots } from "./MonthCalendar.types.js";
+import { MonthCalendarClasses } from "./monthCalendarClasses.js";
 export interface MonthCalendarButtonProps {
-    value: number;
-    tabIndex: number;
-    selected: boolean;
-    disabled: boolean;
-    autoFocus: boolean;
-    classes: Partial<MonthCalendarClasses> | undefined;
-    slots: MonthCalendarSlots | undefined;
-    slotProps: MonthCalendarSlotProps | undefined;
-    'aria-current': React.AriaAttributes['aria-current'];
-    'aria-label': React.AriaAttributes['aria-label'];
-    children: React.ReactNode;
-    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;
+  value: number;
+  tabIndex: number;
+  selected: boolean;
+  disabled: boolean;
+  autoFocus: boolean;
+  classes: Partial<MonthCalendarClasses> | undefined;
+  slots: MonthCalendarSlots | undefined;
+  slotProps: MonthCalendarSlotProps | undefined;
+  'aria-current': React.AriaAttributes['aria-current'];
+  'aria-label': React.AriaAttributes['aria-label'];
+  children: React.ReactNode;
+  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;
 }
 /**
  * @ignore - do not document.
  */
-export declare const MonthCalendarButton: React.NamedExoticComponent<MonthCalendarButtonProps>;
+export declare const MonthCalendarButton: React.NamedExoticComponent<MonthCalendarButtonProps>;