@mui/x-date-pickers 5.0.2 → 6.0.0-alpha.0

package/modern/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js

@@ -0,0 +1,164 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["children", "className", "components", "componentsProps", "isNextDisabled", "isNextHidden", "onGoToNext", "nextLabel", "isPreviousDisabled", "isPreviousHidden", "onGoToPrevious", "previousLabel"],
+      _excluded2 = ["ownerState"],
+      _excluded3 = ["ownerState"];
+import * as React from 'react';
+import clsx from 'clsx';
+import Typography from '@mui/material/Typography';
+import { useTheme, styled, useThemeProps } from '@mui/material/styles';
+import { unstable_composeClasses as composeClasses } from '@mui/material';
+import { useSlotProps } from '@mui/base/utils';
+import IconButton from '@mui/material/IconButton';
+import { ArrowLeft, ArrowRight } from '../icons';
+import { getPickersArrowSwitcherUtilityClass } from './pickersArrowSwitcherClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const PickersArrowSwitcherRoot = styled('div', {
+  name: 'MuiPickersArrowSwitcher',
+  slot: 'Root',
+  overridesResolver: (props, styles) => styles.root
+})({
+  display: 'flex'
+});
+const PickersArrowSwitcherSpacer = styled('div', {
+  name: 'MuiPickersArrowSwitcher',
+  slot: 'Spacer',
+  overridesResolver: (props, styles) => styles.spacer
+})(({
+  theme
+}) => ({
+  width: theme.spacing(3)
+}));
+const PickersArrowSwitcherButton = styled(IconButton, {
+  name: 'MuiPickersArrowSwitcher',
+  slot: 'Button',
+  overridesResolver: (props, styles) => styles.button
+})(({
+  ownerState
+}) => _extends({}, ownerState.hidden && {
+  visibility: 'hidden'
+}));
+
+const useUtilityClasses = ownerState => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['root'],
+    spacer: ['spacer'],
+    button: ['button']
+  };
+  return composeClasses(slots, getPickersArrowSwitcherUtilityClass, classes);
+};
+
+export const PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function PickersArrowSwitcher(inProps, ref) {
+  const theme = useTheme();
+  const isRTL = theme.direction === 'rtl';
+  const props = useThemeProps({
+    props: inProps,
+    name: 'MuiPickersArrowSwitcher'
+  });
+
+  const {
+    children,
+    className,
+    components = {},
+    componentsProps = {},
+    isNextDisabled,
+    isNextHidden,
+    onGoToNext,
+    nextLabel,
+    isPreviousDisabled,
+    isPreviousHidden,
+    onGoToPrevious,
+    previousLabel
+  } = props,
+        other = _objectWithoutPropertiesLoose(props, _excluded);
+
+  const ownerState = props;
+  const classes = useUtilityClasses(ownerState);
+  const nextProps = {
+    isDisabled: isNextDisabled,
+    isHidden: isNextHidden,
+    goTo: onGoToNext,
+    label: nextLabel
+  };
+  const previousProps = {
+    isDisabled: isPreviousDisabled,
+    isHidden: isPreviousHidden,
+    goTo: onGoToPrevious,
+    label: previousLabel
+  };
+  const [leftProps, rightProps] = isRTL ? [nextProps, previousProps] : [previousProps, nextProps];
+  const PreviousIconButton = components.PreviousIconButton ?? PickersArrowSwitcherButton;
+  const previousIconButtonProps = useSlotProps({
+    elementType: PreviousIconButton,
+    externalSlotProps: componentsProps.previousIconButton,
+    additionalProps: {
+      size: 'small',
+      title: leftProps.label,
+      'aria-label': leftProps.label,
+      disabled: leftProps.isDisabled,
+      edge: 'end',
+      onClick: leftProps.goTo
+    },
+    ownerState: _extends({}, ownerState, {
+      hidden: leftProps.isHidden
+    }),
+    className: classes.button
+  });
+  const NextIconButton = components.NextIconButton ?? PickersArrowSwitcherButton;
+  const nextIconButtonProps = useSlotProps({
+    elementType: NextIconButton,
+    externalSlotProps: componentsProps.nextIconButton,
+    additionalProps: {
+      size: 'small',
+      title: rightProps.label,
+      'aria-label': rightProps.label,
+      disabled: rightProps.isDisabled,
+      edge: 'start',
+      onClick: rightProps.goTo
+    },
+    ownerState: _extends({}, ownerState, {
+      hidden: rightProps.isHidden
+    }),
+    className: classes.button
+  });
+  const LeftArrowIcon = components?.LeftArrowIcon ?? ArrowLeft; // The spread is here to avoid this bug mui/material-ui#34056
+
+  const _useSlotProps = useSlotProps({
+    elementType: LeftArrowIcon,
+    externalSlotProps: componentsProps.leftArrowIcon,
+    ownerState: undefined
+  }),
+        leftArrowIconProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
+
+  const RightArrowIcon = components?.RightArrowIcon ?? ArrowRight; // The spread is here to avoid this bug mui/material-ui#34056
+
+  const _useSlotProps2 = useSlotProps({
+    elementType: RightArrowIcon,
+    externalSlotProps: componentsProps.rightArrowIcon,
+    ownerState: undefined
+  }),
+        rightArrowIconProps = _objectWithoutPropertiesLoose(_useSlotProps2, _excluded3);
+
+  return /*#__PURE__*/_jsxs(PickersArrowSwitcherRoot, _extends({
+    ref: ref,
+    className: clsx(classes.root, className),
+    ownerState: ownerState
+  }, other, {
+    children: [/*#__PURE__*/_jsx(PreviousIconButton, _extends({}, previousIconButtonProps, {
+      children: isRTL ? /*#__PURE__*/_jsx(RightArrowIcon, _extends({}, rightArrowIconProps)) : /*#__PURE__*/_jsx(LeftArrowIcon, _extends({}, leftArrowIconProps))
+    })), children ? /*#__PURE__*/_jsx(Typography, {
+      variant: "subtitle1",
+      component: "span",
+      children: children
+    }) : /*#__PURE__*/_jsx(PickersArrowSwitcherSpacer, {
+      className: classes.spacer,
+      ownerState: ownerState
+    }), /*#__PURE__*/_jsx(NextIconButton, _extends({}, nextIconButtonProps, {
+      children: isRTL ? /*#__PURE__*/_jsx(LeftArrowIcon, _extends({}, leftArrowIconProps)) : /*#__PURE__*/_jsx(RightArrowIcon, _extends({}, rightArrowIconProps))
+    }))]
+  }));
+});

package/modern/internals/components/PickersArrowSwitcher/index.js

@@ -0,0 +1 @@
+export { PickersArrowSwitcher } from './PickersArrowSwitcher';

package/modern/internals/components/PickersPopper.js

@@ -177,7 +177,7 @@ export function PickersPopper(inProps) {
     children,
     containerRef = null,
     onBlur,
-    onClose,
+    onDismiss,
     onClear,
     onAccept,
     onCancel,
@@ -195,7 +195,7 @@ export function PickersPopper(inProps) {
     function handleKeyDown(nativeEvent) {
       // IE11, Edge (prior to using Bink?) use 'Esc'
       if (open && (nativeEvent.key === 'Escape' || nativeEvent.key === 'Esc')) {
-        onClose();
+        onDismiss();
       }
     }
 
@@ -203,7 +203,7 @@ export function PickersPopper(inProps) {
     return () => {
       document.removeEventListener('keydown', handleKeyDown);
     };
-  }, [onClose, open]);
+  }, [onDismiss, open]);
   const lastFocusedElementRef = React.useRef(null);
   React.useEffect(() => {
     if (role === 'tooltip') {
@@ -222,7 +222,7 @@ export function PickersPopper(inProps) {
       });
     }
   }, [open, role]);
-  const [clickAwayRef, onPaperClick, onPaperTouchStart] = useClickAwayListener(open, onBlur ?? onClose);
+  const [clickAwayRef, onPaperClick, onPaperTouchStart] = useClickAwayListener(open, onBlur ?? onDismiss);
   const paperRef = React.useRef(null);
   const handleRef = useForkRef(paperRef, containerRef);
   const handlePaperRef = useForkRef(handleRef, clickAwayRef);
@@ -239,7 +239,7 @@ export function PickersPopper(inProps) {
     if (event.key === 'Escape') {
       // stop the propagation to avoid closing parent modal
       event.stopPropagation();
-      onClose();
+      onDismiss();
     }
   };
 

package/modern/internals/components/PickersToolbar.js

@@ -74,7 +74,6 @@ export const PickersToolbar = /*#__PURE__*/React.forwardRef(function PickersTool
   const {
     children,
     className,
-    getMobileKeyboardInputViewButtonText,
     isLandscape,
     isMobileKeyboardViewOpen,
     landscapeDirection = 'column',
@@ -105,7 +104,7 @@ export const PickersToolbar = /*#__PURE__*/React.forwardRef(function PickersTool
         className: classes.penIconButton,
         ownerState: ownerState,
         color: "inherit",
-        "aria-label": getMobileKeyboardInputViewButtonText ? getMobileKeyboardInputViewButtonText(isMobileKeyboardViewOpen, viewType) : localeText.inputModeToggleButtonAriaLabel(isMobileKeyboardViewOpen, viewType),
+        "aria-label": localeText.inputModeToggleButtonAriaLabel(isMobileKeyboardViewOpen, viewType),
         children: isMobileKeyboardViewOpen ? getViewTypeIcon(viewType) : /*#__PURE__*/_jsx(Pen, {
           color: "inherit"
         })

package/modern/internals/components/wrappers/DesktopTooltipWrapper.js

@@ -4,6 +4,7 @@ import { useForkRef } from '@mui/material/utils';
 import { WrapperVariantContext } from './WrapperVariantContext';
 import { executeInTheNextEventLoopTick } from '../../utils/utils';
 import { PickersPopper } from '../PickersPopper';
+import { LocalizationProvider } from '../../../LocalizationProvider';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export function DesktopTooltipWrapper(props) {
@@ -21,7 +22,8 @@ export function DesktopTooltipWrapper(props) {
     onAccept,
     onSetToday,
     components,
-    componentsProps
+    componentsProps,
+    localeText
   } = props;
   const inputContainerRef = React.useRef(null);
   const popperRef = React.useRef(null);
@@ -37,28 +39,31 @@ export function DesktopTooltipWrapper(props) {
   };
 
   const inputComponentRef = useForkRef(DateInputProps.ref, inputContainerRef);
-  return /*#__PURE__*/_jsxs(WrapperVariantContext.Provider, {
-    value: "desktop",
-    children: [/*#__PURE__*/_jsx(KeyboardDateInputComponent, _extends({}, DateInputProps, {
-      ref: inputComponentRef,
-      onBlur: handleBlur
-    })), /*#__PURE__*/_jsx(PickersPopper, {
-      role: "tooltip",
-      open: open,
-      containerRef: popperRef,
-      anchorEl: inputContainerRef.current,
-      TransitionComponent: TransitionComponent,
-      PopperProps: PopperProps,
-      PaperProps: PaperProps,
-      onBlur: handleBlur,
-      onClose: onDismiss,
-      onClear: onClear,
-      onCancel: onCancel,
-      onAccept: onAccept,
-      onSetToday: onSetToday,
-      components: components,
-      componentsProps: componentsProps,
-      children: children
-    })]
+  return /*#__PURE__*/_jsx(LocalizationProvider, {
+    localeText: localeText,
+    children: /*#__PURE__*/_jsxs(WrapperVariantContext.Provider, {
+      value: "desktop",
+      children: [/*#__PURE__*/_jsx(KeyboardDateInputComponent, _extends({}, DateInputProps, {
+        ref: inputComponentRef,
+        onBlur: handleBlur
+      })), /*#__PURE__*/_jsx(PickersPopper, {
+        role: "tooltip",
+        open: open,
+        containerRef: popperRef,
+        anchorEl: inputContainerRef.current,
+        TransitionComponent: TransitionComponent,
+        PopperProps: PopperProps,
+        PaperProps: PaperProps,
+        onBlur: handleBlur,
+        onDismiss: onDismiss,
+        onClear: onClear,
+        onCancel: onCancel,
+        onAccept: onAccept,
+        onSetToday: onSetToday,
+        components: components,
+        componentsProps: componentsProps,
+        children: children
+      })]
+    })
   });
 }

package/modern/internals/components/wrappers/DesktopWrapper.js

@@ -3,6 +3,7 @@ import * as React from 'react';
 import { useForkRef } from '@mui/material/utils';
 import { WrapperVariantContext } from './WrapperVariantContext';
 import { PickersPopper } from '../PickersPopper';
+import { LocalizationProvider } from '../../../LocalizationProvider';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export function DesktopWrapper(props) {
@@ -20,29 +21,33 @@ export function DesktopWrapper(props) {
     PaperProps,
     TransitionComponent,
     components,
-    componentsProps
+    componentsProps,
+    localeText
   } = props;
   const ownInputRef = React.useRef(null);
   const inputRef = useForkRef(DateInputProps.inputRef, ownInputRef);
-  return /*#__PURE__*/_jsxs(WrapperVariantContext.Provider, {
-    value: "desktop",
-    children: [/*#__PURE__*/_jsx(KeyboardDateInputComponent, _extends({}, DateInputProps, {
-      inputRef: inputRef
-    })), /*#__PURE__*/_jsx(PickersPopper, {
-      role: "dialog",
-      open: open,
-      anchorEl: ownInputRef.current,
-      TransitionComponent: TransitionComponent,
-      PopperProps: PopperProps,
-      PaperProps: PaperProps,
-      onClose: onDismiss,
-      onCancel: onCancel,
-      onClear: onClear,
-      onAccept: onAccept,
-      onSetToday: onSetToday,
-      components: components,
-      componentsProps: componentsProps,
-      children: children
-    })]
+  return /*#__PURE__*/_jsx(LocalizationProvider, {
+    localeText: localeText,
+    children: /*#__PURE__*/_jsxs(WrapperVariantContext.Provider, {
+      value: "desktop",
+      children: [/*#__PURE__*/_jsx(KeyboardDateInputComponent, _extends({}, DateInputProps, {
+        inputRef: inputRef
+      })), /*#__PURE__*/_jsx(PickersPopper, {
+        role: "dialog",
+        open: open,
+        anchorEl: ownInputRef.current,
+        TransitionComponent: TransitionComponent,
+        PopperProps: PopperProps,
+        PaperProps: PaperProps,
+        onDismiss: onDismiss,
+        onCancel: onCancel,
+        onClear: onClear,
+        onAccept: onAccept,
+        onSetToday: onSetToday,
+        components: components,
+        componentsProps: componentsProps,
+        children: children
+      })]
+    })
   });
 }

package/modern/internals/components/wrappers/MobileWrapper.js

@@ -1,9 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["children", "DateInputProps", "DialogProps", "onAccept", "onClear", "onDismiss", "onCancel", "onSetToday", "open", "PureDateInputComponent", "components", "componentsProps"];
+const _excluded = ["children", "DateInputProps", "DialogProps", "onAccept", "onClear", "onDismiss", "onCancel", "onSetToday", "open", "PureDateInputComponent", "components", "componentsProps", "localeText"];
 import * as React from 'react';
 import { WrapperVariantContext } from './WrapperVariantContext';
 import { PickersModalDialog } from '../PickersModalDialog';
+import { LocalizationProvider } from '../../../LocalizationProvider';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export function MobileWrapper(props) {
@@ -19,25 +20,29 @@ export function MobileWrapper(props) {
     open,
     PureDateInputComponent,
     components,
-    componentsProps
+    componentsProps,
+    localeText
   } = props,
         other = _objectWithoutPropertiesLoose(props, _excluded);
 
-  return /*#__PURE__*/_jsxs(WrapperVariantContext.Provider, {
-    value: "mobile",
-    children: [/*#__PURE__*/_jsx(PureDateInputComponent, _extends({
-      components: components
-    }, other, DateInputProps)), /*#__PURE__*/_jsx(PickersModalDialog, {
-      DialogProps: DialogProps,
-      onAccept: onAccept,
-      onClear: onClear,
-      onDismiss: onDismiss,
-      onCancel: onCancel,
-      onSetToday: onSetToday,
-      open: open,
-      components: components,
-      componentsProps: componentsProps,
-      children: children
-    })]
+  return /*#__PURE__*/_jsx(LocalizationProvider, {
+    localeText: localeText,
+    children: /*#__PURE__*/_jsxs(WrapperVariantContext.Provider, {
+      value: "mobile",
+      children: [/*#__PURE__*/_jsx(PureDateInputComponent, _extends({
+        components: components
+      }, other, DateInputProps)), /*#__PURE__*/_jsx(PickersModalDialog, {
+        DialogProps: DialogProps,
+        onAccept: onAccept,
+        onClear: onClear,
+        onDismiss: onDismiss,
+        onCancel: onCancel,
+        onSetToday: onSetToday,
+        open: open,
+        components: components,
+        componentsProps: componentsProps,
+        children: children
+      })]
+    })
   });
 }

package/modern/internals/hooks/useField/useField.js

@@ -48,7 +48,6 @@ export const useField = params => {
     return {
       sections,
       valueParsed,
-      valueStr: fieldValueManager.getValueStrFromSections(sections),
       selectedSectionIndexes: null
     };
   });
@@ -60,7 +59,6 @@ export const useField = params => {
     } = fieldValueManager.getValueFromSections(utils, state.sections, sections, format);
     setState(prevState => _extends({}, prevState, {
       sections,
-      valueStr: fieldValueManager.getValueStrFromSections(sections),
       valueParsed: newValueParsed
     }));
 
@@ -81,22 +79,25 @@ export const useField = params => {
 
   const handleInputClick = useEventCallback((...args) => {
     onClick?.(...args);
-
-    if (state.sections.length === 0) {
-      return;
-    }
-
-    const nextSectionIndex = state.sections.findIndex(section => section.start > (inputRef.current?.selectionStart ?? 0));
+    const nextSectionIndex = state.sections.findIndex(section => section.start > (inputRef.current.selectionStart ?? 0));
     const sectionIndex = nextSectionIndex === -1 ? state.sections.length - 1 : nextSectionIndex - 1;
     updateSelectedSections(sectionIndex);
   });
   const handleInputFocus = useEventCallback((...args) => {
-    onFocus?.(...args);
+    onFocus?.(...args); // The ref is guaranteed to be resolved that this point.
+
+    const input = inputRef.current;
+    clearTimeout(focusTimeoutRef.current);
     focusTimeoutRef.current = setTimeout(() => {
-      if ((inputRef.current?.selectionEnd ?? 0) - (inputRef.current?.selectionStart ?? 0) === 0) {
-        handleInputClick();
-      } else {
+      // The ref changed, the component got remounted, the focus event is no longer relevant.
+      if (input !== inputRef.current) {
+        return;
+      }
+
+      if (Number(input.selectionEnd) - Number(input.selectionStart) === input.value.length) {
         updateSelectedSections(0, state.sections.length - 1);
+      } else {
+        handleInputClick();
       }
     });
   });
@@ -105,17 +106,14 @@ export const useField = params => {
     updateSelectedSections();
   });
   const handleInputKeyDown = useEventCallback(event => {
-    onKeyDown?.(event);
-
-    if (!inputRef.current || state.sections.length === 0) {
-      return;
-    } // eslint-disable-next-line default-case
-
+    onKeyDown?.(event); // eslint-disable-next-line default-case
 
     switch (true) {
       // Select all
       case event.key === 'a' && (event.ctrlKey || event.metaKey):
         {
+          // prevent default to make sure that the next line "select all" while updating
+          // the internal state at the same time.
           event.preventDefault();
           updateSelectedSections(0, state.sections.length - 1);
           return;
@@ -256,7 +254,7 @@ export const useField = params => {
     }
   });
   useEnhancedEffect(() => {
-    if (!inputRef.current || state.selectedSectionIndexes == null) {
+    if (state.selectedSectionIndexes == null) {
       return;
     }
 
@@ -275,7 +273,6 @@ export const useField = params => {
       const sections = fieldValueManager.getSectionsFromValue(utils, state.sections, valueParsed, format);
       setState(prevState => _extends({}, prevState, {
         valueParsed,
-        valueStr: fieldValueManager.getValueStrFromSections(sections),
         sections
       }));
     }
@@ -289,9 +286,10 @@ export const useField = params => {
   React.useEffect(() => {
     return () => window.clearTimeout(focusTimeoutRef.current);
   }, []);
+  const valueStr = React.useMemo(() => fieldValueManager.getValueStrFromSections(state.sections), [state.sections, fieldValueManager]);
   return {
     inputProps: _extends({}, otherForwardedProps, {
-      value: state.valueStr,
+      value: valueStr,
       onClick: handleInputClick,
       onFocus: handleInputFocus,
       onBlur: handleInputBlur,

package/modern/internals/hooks/useField/useField.utils.js

@@ -156,12 +156,20 @@ export const adjustInvalidDateSectionValue = (utils, section, keyCode) => {
 
         if (shouldSetAbsolute) {
           if (delta > 0 || isEnd) {
-            newDate = utils.endOfMonth(today);
-          } else {
             newDate = utils.startOfMonth(today);
+          } else {
+            newDate = utils.endOfMonth(today);
           }
         } else {
           newDate = utils.addDays(utils.parse(section.value, section.formatValue), delta);
+
+          if (!utils.isSameMonth(newDate, today)) {
+            if (delta > 0) {
+              newDate = utils.startOfMonth(today);
+            } else {
+              newDate = utils.endOfMonth(today);
+            }
+          }
         }
 
         return utils.formatByString(newDate, section.formatValue);

package/modern/internals/hooks/useUtils.js

@@ -1,13 +1,22 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { MuiPickersAdapterContext } from '../../LocalizationProvider/LocalizationProvider';
+import { DEFAULT_LOCALE } from '../../locales/enUS';
 export const useLocalizationContext = () => {
   const localization = React.useContext(MuiPickersAdapterContext);
 
   if (localization === null) {
-    throw new Error('MUI: Can not find utils in context. It looks like you forgot to wrap your component in LocalizationProvider, or pass dateAdapter prop directly.');
+    throw new Error(['MUI: Can not find the date and time pickers localization context.', 'It looks like you forgot to wrap your component in LocalizationProvider.', 'This can also happen if you are bundling multiple versions of the `@mui/x-date-pickers` package'].join('\n'));
   }
 
-  return localization;
+  if (localization.utils === null) {
+    throw new Error(['MUI: Can not find the date and time pickers adapter from its localization context.', 'It looks like you forgot to pass a `dateAdapter` to your LocalizationProvider.'].join('\n'));
+  }
+
+  const localeText = React.useMemo(() => _extends({}, DEFAULT_LOCALE, localization.localeText), [localization.localeText]);
+  return _extends({}, localization, {
+    localeText
+  });
 };
 export const useUtils = () => useLocalizationContext().utils;
 export const useDefaultDates = () => useLocalizationContext().defaultDates;

package/modern/internals/hooks/validation/useDateValidation.js

@@ -23,6 +23,12 @@ export const validateDate = ({
     case Boolean(props.shouldDisableDate && props.shouldDisableDate(date)):
       return 'shouldDisableDate';
 
+    case Boolean(props.shouldDisableMonth && props.shouldDisableMonth(date)):
+      return 'shouldDisableMonth';
+
+    case Boolean(props.shouldDisableYear && props.shouldDisableYear(date)):
+      return 'shouldDisableYear';
+
     case Boolean(props.disableFuture && adapter.utils.isAfterDay(date, now)):
       return 'disableFuture';
 
@@ -39,8 +45,10 @@ export const validateDate = ({
       return null;
   }
 };
-export const useIsDayDisabled = ({
+export const useIsDateDisabled = ({
   shouldDisableDate,
+  shouldDisableMonth,
+  shouldDisableYear,
   minDate,
   maxDate,
   disableFuture,
@@ -52,12 +60,14 @@ export const useIsDayDisabled = ({
     value: day,
     props: {
       shouldDisableDate,
+      shouldDisableMonth,
+      shouldDisableYear,
       minDate,
       maxDate,
       disableFuture,
       disablePast
     }
-  }) !== null, [adapter, shouldDisableDate, minDate, maxDate, disableFuture, disablePast]);
+  }) !== null, [adapter, shouldDisableDate, shouldDisableMonth, shouldDisableYear, minDate, maxDate, disableFuture, disablePast]);
 };
 export const isSameDateError = (a, b) => a === b;
 export const useDateValidation = props => useValidation(props, validateDate, isSameDateError);

package/modern/internals/index.js

@@ -2,13 +2,13 @@ export { DesktopTooltipWrapper } from './components/wrappers/DesktopTooltipWrapp
 export { MobileWrapper } from './components/wrappers/MobileWrapper';
 export { MobileKeyboardInputView } from './components/CalendarOrClockPicker/CalendarOrClockPicker';
 export { calendarOrClockPickerClasses } from './components/CalendarOrClockPicker/calendarOrClockPickerClasses';
-export { PickersArrowSwitcher } from './components/PickersArrowSwitcher';
+export { PickersArrowSwitcher } from './components/PickersArrowSwitcher/PickersArrowSwitcher';
 export { PickerStaticWrapper } from './components/PickerStaticWrapper/PickerStaticWrapper';
 export { PickersToolbar } from './components/PickersToolbar';
 export { pickersToolbarClasses } from './components/pickersToolbarClasses';
 export { pickersToolbarButtonClasses } from './components/pickersToolbarButtonClasses';
 export { pickersToolbarTextClasses } from './components/pickersToolbarTextClasses';
-export { pickersArrowSwitcherClasses } from './components/pickersArrowSwitcherClasses';
+export { pickersArrowSwitcherClasses } from './components/PickersArrowSwitcher/pickersArrowSwitcherClasses';
 export { pickersPopperClasses } from './components/pickersPopperClasses';
 export { PickersToolbarButton } from './components/PickersToolbarButton';
 export { pickerStaticWrapperClasses } from './components/PickerStaticWrapper/pickerStaticWrapperClasses';
@@ -16,7 +16,7 @@ export { WrapperVariantContext } from './components/wrappers/WrapperVariantConte
 export { DAY_MARGIN } from './constants/dimensions';
 export { useMaskedInput } from './hooks/useMaskedInput';
 export { usePickerState } from './hooks/usePickerState';
-export { useDefaultDates, useUtils, useLocaleText } from './hooks/useUtils';
+export { useLocalizationContext, useDefaultDates, useUtils, useLocaleText } from './hooks/useUtils';
 export { useValidation } from './hooks/validation/useValidation';
 export { validateDate } from './hooks/validation/useDateValidation';
 export { usePreviousMonthDisabled, useNextMonthDisabled } from './hooks/date-helpers-hooks';