@mui/x-date-pickers 6.2.1 → 6.3.0

package/node/internals/demo/DemoContainer.js

@@ -18,6 +18,9 @@ const getChildTypeFromChildName = childName => {
   if (childName.match(/^([A-Za-z]+)Range(Calendar|Clock)$/)) {
     return 'multi-panel-UI-view';
   }
+  if (childName.match(/^([A-Za-z]*)(DigitalClock)$/)) {
+    return 'Tall-UI-view';
+  }
   if (childName.match(/^Static([A-Za-z]+)/) || childName.match(/^([A-Za-z]+)(Calendar|Clock)$/)) {
     return 'UI-view';
   }
@@ -82,7 +85,7 @@ function DemoContainer(props) {
   });
   const getSpacing = direction => {
     if (direction === 'row') {
-      return childrenTypes.has('UI-view') ? 3 : 2;
+      return childrenTypes.has('UI-view') || childrenTypes.has('Tall-UI-view') ? 3 : 2;
     }
     return childrenTypes.has('UI-view') ? 4 : 3;
   };

package/node/internals/hooks/date-helpers-hooks.js

@@ -33,13 +33,13 @@ function usePreviousMonthDisabled(month, {
     return !utils.isBefore(firstEnabledMonth, month);
   }, [disablePast, minDate, month, utils]);
 }
-function useMeridiemMode(date, ampm, onChange) {
+function useMeridiemMode(date, ampm, onChange, selectionState) {
   const utils = (0, _useUtils.useUtils)();
   const meridiemMode = (0, _timeUtils.getMeridiem)(date, utils);
   const handleMeridiemChange = React.useCallback(mode => {
     const timeWithMeridiem = date == null ? null : (0, _timeUtils.convertToMeridiem)(date, mode, Boolean(ampm), utils);
-    onChange(timeWithMeridiem, 'partial');
-  }, [ampm, date, onChange, utils]);
+    onChange(timeWithMeridiem, selectionState ?? 'partial');
+  }, [ampm, date, onChange, selectionState, utils]);
   return {
     meridiemMode,
     handleMeridiemChange

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

@@ -108,7 +108,8 @@ const useDesktopPicker = _ref => {
       format,
       formatDensity,
       label,
-      autoFocus: autoFocus && !props.open
+      autoFocus: autoFocus && !props.open,
+      focused: open ? true : undefined
     }),
     ownerState: props
   });

package/node/internals/hooks/useField/useField.js

@@ -12,7 +12,7 @@ var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedE
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
 var _styles = require("@mui/material/styles");
-var _useValidation = require("../validation/useValidation");
+var _useValidation = require("../useValidation");
 var _useUtils = require("../useUtils");
 var _useField = require("./useField.utils");
 var _useFieldState = require("./useFieldState");
@@ -35,15 +35,6 @@ const useField = params => {
     sectionsValueBoundaries,
     placeholder
   } = (0, _useFieldState.useFieldState)(params);
-  const {
-    applyCharacterEditing,
-    resetCharacterQuery
-  } = (0, _useFieldCharacterEditing.useFieldCharacterEditing)({
-    sections: state.sections,
-    updateSectionValue,
-    sectionsValueBoundaries,
-    setTempAndroidValueStr
-  });
   const {
       inputRef: inputRefProp,
       internalProps,
@@ -65,6 +56,15 @@ const useField = params => {
       validator
     } = params,
     otherForwardedProps = (0, _objectWithoutPropertiesLoose2.default)(params.forwardedProps, _excluded);
+  const {
+    applyCharacterEditing,
+    resetCharacterQuery
+  } = (0, _useFieldCharacterEditing.useFieldCharacterEditing)({
+    sections: state.sections,
+    updateSectionValue,
+    sectionsValueBoundaries,
+    setTempAndroidValueStr
+  });
   const inputRef = React.useRef(null);
   const handleRef = (0, _useForkRef.default)(inputRefProp, inputRef);
   const focusTimeoutRef = React.useRef(undefined);
@@ -129,7 +129,8 @@ const useField = params => {
       const activeSection = state.sections[selectedSectionIndexes.startIndex];
       const lettersOnly = /^[a-zA-Z]+$/.test(pastedValue);
       const digitsOnly = /^[0-9]+$/.test(pastedValue);
-      const isValidPastedValue = activeSection.contentType === 'letter' && lettersOnly || activeSection.contentType === 'digit' && digitsOnly;
+      const digitsAndLetterOnly = /^(([a-zA-Z]+)|)([0-9]+)(([a-zA-Z]+)|)$/.test(pastedValue);
+      const isValidPastedValue = activeSection.contentType === 'letter' && lettersOnly || activeSection.contentType === 'digit' && digitsOnly || activeSection.contentType === 'digit-with-letter' && digitsAndLetterOnly;
       if (isValidPastedValue) {
         // Early return to let the paste update section, value
         return;

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.validateSections = exports.splitFormatIntoSections = exports.mergeDateIntoReferenceDate = exports.isAndroid = exports.getSectionsBoundaries = exports.getSectionVisibleValue = exports.getSectionOrder = exports.getLetterEditingOptions = exports.getDaysInWeekStr = exports.getDateSectionConfigFromFormatToken = exports.getDateFromDateSections = exports.doesSectionHaveLeadingZeros = exports.createDateStrForInputFromSections = exports.cleanString = exports.cleanDigitSectionValue = exports.clampDaySectionIfPossible = exports.changeSectionValueFormat = exports.adjustSectionValue = exports.addPositionPropertiesToSections = void 0;
+exports.validateSections = exports.splitFormatIntoSections = exports.mergeDateIntoReferenceDate = exports.isAndroid = exports.getSectionsBoundaries = exports.getSectionVisibleValue = exports.getSectionOrder = exports.getLetterEditingOptions = exports.getDaysInWeekStr = exports.getDateSectionConfigFromFormatToken = exports.getDateFromDateSections = exports.doesSectionFormatHaveLeadingZeros = exports.createDateStrForInputFromSections = exports.cleanString = exports.cleanLeadingZeros = exports.cleanDigitSectionValue = exports.clampDaySectionIfPossible = exports.changeSectionValueFormat = exports.adjustSectionValue = exports.addPositionPropertiesToSections = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 const getDateSectionConfigFromFormatToken = (utils, formatToken) => {
   const config = utils.formatTokenMap[formatToken];
@@ -14,12 +14,14 @@ const getDateSectionConfigFromFormatToken = (utils, formatToken) => {
   if (typeof config === 'string') {
     return {
       type: config,
-      contentType: config === 'meridiem' ? 'letter' : 'digit'
+      contentType: config === 'meridiem' ? 'letter' : 'digit',
+      maxLength: undefined
     };
   }
   return {
     type: config.sectionType,
-    contentType: config.contentType
+    contentType: config.contentType,
+    maxLength: config.maxLength
   };
 };
 exports.getDateSectionConfigFromFormatToken = getDateSectionConfigFromFormatToken;
@@ -72,37 +74,35 @@ const getLetterEditingOptions = (utils, sectionType, format) => {
   }
 };
 exports.getLetterEditingOptions = getLetterEditingOptions;
-const cleanDigitSectionValue = (utils, value, sectionType, format, hasLeadingZeros, sectionBoundaries) => {
-  const hasLetter = () => {
-    const startOfYear = utils.startOfYear(utils.date());
-    const startOfYearStr = utils.formatByString(startOfYear, format);
-    return Number.isNaN(Number(startOfYearStr));
-  };
+const cleanLeadingZeros = (utils, valueStr, size) => {
+  let cleanValueStr = valueStr;
+
+  // Remove the leading zeros
+  cleanValueStr = Number(cleanValueStr).toString();
+
+  // Add enough leading zeros to fill the section
+  while (cleanValueStr.length < size) {
+    cleanValueStr = `0${cleanValueStr}`;
+  }
+  return cleanValueStr;
+};
+exports.cleanLeadingZeros = cleanLeadingZeros;
+const cleanDigitSectionValue = (utils, value, sectionBoundaries, section) => {
   if (process.env.NODE_ENV !== 'production') {
-    if (sectionType !== 'day' && hasLetter()) {
-      throw new Error([`MUI: The token "${format}" is a digit format with letter in it.'
+    if (section.type !== 'day' && section.contentType === 'digit-with-letter') {
+      throw new Error([`MUI: The token "${section.format}" is a digit format with letter in it.'
              This type of format is only supported for 'day' sections`].join('\n'));
     }
   }
-  if (sectionType === 'day' && hasLetter()) {
+  if (section.type === 'day' && section.contentType === 'digit-with-letter') {
     const date = utils.setDate(sectionBoundaries.longestMonth, value);
-    return utils.formatByString(date, format);
+    return utils.formatByString(date, section.format);
   }
 
   // queryValue without leading `0` (`01` => `1`)
   const valueStr = value.toString();
-  if (hasLeadingZeros) {
-    const size = utils.formatByString(utils.date(), format).length;
-    let cleanValueStr = valueStr;
-
-    // Remove the leading zeros
-    cleanValueStr = Number(cleanValueStr).toString();
-
-    // Add enough leading zeros to fill the section
-    while (cleanValueStr.length < size) {
-      cleanValueStr = `0${cleanValueStr}`;
-    }
-    return cleanValueStr;
+  if (section.hasLeadingZerosInInput) {
+    return cleanLeadingZeros(utils, valueStr, section.maxLength);
   }
   return valueStr;
 };
@@ -118,7 +118,7 @@ const adjustSectionValue = (utils, section, keyCode, sectionsValueBoundaries, ac
       format: section.format,
       contentType: section.contentType
     });
-    const getCleanValue = value => cleanDigitSectionValue(utils, value, section.type, section.format, section.hasLeadingZeros, sectionBoundaries);
+    const getCleanValue = value => cleanDigitSectionValue(utils, value, sectionBoundaries, section);
     if (shouldSetAbsolute) {
       if (section.type === 'year' && !isEnd && !isStart) {
         return utils.formatByString(utils.date(), section.format);
@@ -153,7 +153,7 @@ const adjustSectionValue = (utils, section, keyCode, sectionsValueBoundaries, ac
     const newOptionIndex = (currentOptionIndex + options.length + delta) % options.length;
     return options[newOptionIndex];
   };
-  if (section.contentType === 'digit') {
+  if (section.contentType === 'digit' || section.contentType === 'digit-with-letter') {
     return adjustDigitSection();
   }
   return adjustLetterSection();
@@ -161,13 +161,17 @@ const adjustSectionValue = (utils, section, keyCode, sectionsValueBoundaries, ac
 exports.adjustSectionValue = adjustSectionValue;
 const getSectionVisibleValue = (section, target) => {
   let value = section.value || section.placeholder;
+  const hasLeadingZeros = target === 'non-input' ? section.hasLeadingZerosInFormat : section.hasLeadingZerosInInput;
+  if (target === 'non-input' && section.hasLeadingZerosInInput && !section.hasLeadingZerosInFormat) {
+    value = Number(value).toString();
+  }
 
   // In the input, we add an empty character at the end of each section without leading zeros.
   // This makes sure that `onChange` will always be fired.
   // Otherwise, when your input value equals `1/dd/yyyy` (format `M/DD/YYYY` on DayJs),
   // If you press `1`, on the first section, the new value is also `1/dd/yyyy`,
   // So the browser will not fire the input `onChange`.
-  const shouldAddInvisibleSpace = ['input-rtl', 'input-ltr'].includes(target) && section.contentType === 'digit' && !section.hasLeadingZeros && value.length === 1;
+  const shouldAddInvisibleSpace = ['input-rtl', 'input-ltr'].includes(target) && section.contentType === 'digit' && !hasLeadingZeros && value.length === 1;
   if (shouldAddInvisibleSpace) {
     value = `${value}\u200e`;
   }
@@ -263,7 +267,7 @@ const changeSectionValueFormat = (utils, valueStr, currentFormat, newFormat) =>
 };
 exports.changeSectionValueFormat = changeSectionValueFormat;
 const isFourDigitYearFormat = (utils, format) => utils.formatByString(utils.date(), format).length === 4;
-const doesSectionHaveLeadingZeros = (utils, contentType, sectionType, format) => {
+const doesSectionFormatHaveLeadingZeros = (utils, contentType, sectionType, format) => {
   if (contentType !== 'digit') {
     return false;
   }
@@ -308,7 +312,7 @@ const doesSectionHaveLeadingZeros = (utils, contentType, sectionType, format) =>
       }
   }
 };
-exports.doesSectionHaveLeadingZeros = doesSectionHaveLeadingZeros;
+exports.doesSectionFormatHaveLeadingZeros = doesSectionFormatHaveLeadingZeros;
 const getEscapedPartsFromFormat = (utils, format) => {
   const escapedParts = [];
   const {
@@ -326,21 +330,41 @@ const getEscapedPartsFromFormat = (utils, format) => {
   }
   return escapedParts;
 };
-const splitFormatIntoSections = (utils, localeText, format, date, formatDensity) => {
+const splitFormatIntoSections = (utils, localeText, format, date, formatDensity, shouldRespectLeadingZeros) => {
   let startSeparator = '';
   const sections = [];
+  const now = utils.date();
   const commitToken = token => {
     if (token === '') {
       return null;
     }
     const sectionConfig = getDateSectionConfigFromFormatToken(utils, token);
-    const sectionValue = date == null || !utils.isValid(date) ? '' : utils.formatByString(date, token);
-    const hasLeadingZeros = doesSectionHaveLeadingZeros(utils, sectionConfig.contentType, sectionConfig.type, token);
+    const hasLeadingZerosInFormat = doesSectionFormatHaveLeadingZeros(utils, sectionConfig.contentType, sectionConfig.type, token);
+    const hasLeadingZerosInInput = shouldRespectLeadingZeros ? hasLeadingZerosInFormat : sectionConfig.contentType === 'digit';
+    const isValidDate = date != null && utils.isValid(date);
+    let sectionValue = isValidDate ? utils.formatByString(date, token) : '';
+    let maxLength = null;
+    if (hasLeadingZerosInInput) {
+      if (hasLeadingZerosInFormat) {
+        maxLength = sectionValue === '' ? utils.formatByString(now, token).length : sectionValue.length;
+      } else {
+        if (sectionConfig.maxLength == null) {
+          throw new Error(`MUI: The token ${token} should have a 'maxDigitNumber' property on it's adapter`);
+        }
+        maxLength = sectionConfig.maxLength;
+        if (isValidDate) {
+          sectionValue = cleanLeadingZeros(utils, sectionValue, maxLength);
+        }
+      }
+    }
     sections.push((0, _extends2.default)({}, sectionConfig, {
       format: token,
+      maxLength,
       value: sectionValue,
       placeholder: getSectionPlaceholder(utils, localeText, sectionConfig, token),
-      hasLeadingZeros,
+      hasLeadingZeros: hasLeadingZerosInFormat,
+      hasLeadingZerosInFormat,
+      hasLeadingZerosInInput,
       startSeparator: sections.length === 0 ? startSeparator : '',
       endSeparator: '',
       modified: false
@@ -434,7 +458,10 @@ const getDateFromDateSections = (utils, sections) => {
 };
 exports.getDateFromDateSections = getDateFromDateSections;
 const createDateStrForInputFromSections = (sections, isRTL) => {
-  const formattedSections = sections.map(section => `${section.startSeparator}${getSectionVisibleValue(section, isRTL ? 'input-rtl' : 'input-ltr')}${section.endSeparator}`);
+  const formattedSections = sections.map(section => {
+    const dateValue = getSectionVisibleValue(section, isRTL ? 'input-rtl' : 'input-ltr');
+    return `${section.startSeparator}${dateValue}${section.endSeparator}`;
+  });
   const dateStr = formattedSections.join('');
   if (!isRTL) {
     return dateStr;
@@ -649,7 +676,7 @@ const clampDaySectionIfPossible = (utils, sections, sectionsValueBoundaries) =>
       contentType: section.contentType
     });
     return (0, _extends2.default)({}, section, {
-      value: cleanDigitSectionValue(utils, dayBoundaries.minimum, section.type, section.format, section.hasLeadingZeros, dayBoundaries)
+      value: cleanDigitSectionValue(utils, dayBoundaries.minimum, dayBoundaries, section)
     });
   });
   const startOfMonth = getDateFromDateSections(utils, sectionsForStartOfMonth);

package/node/internals/hooks/useField/useFieldCharacterEditing.js

@@ -168,12 +168,12 @@ const useFieldCharacterEditing = ({
     return applyQuery(params, getFirstSectionValueMatchingWithQuery);
   };
   const applyNumericEditing = params => {
-    const getNewSectionValue = (queryValue, sectionType, format, hasLeadingZeros, contentType) => {
+    const getNewSectionValue = (queryValue, section) => {
       const queryValueNumber = Number(`${queryValue}`);
-      const sectionBoundaries = sectionsValueBoundaries[sectionType]({
+      const sectionBoundaries = sectionsValueBoundaries[section.type]({
         currentDate: null,
-        format,
-        contentType
+        format: section.format,
+        contentType: section.contentType
       });
       if (queryValueNumber > sectionBoundaries.maximum) {
         return {
@@ -190,21 +190,29 @@ const useFieldCharacterEditing = ({
         };
       }
       const shouldGoToNextSection = Number(`${queryValue}0`) > sectionBoundaries.maximum || queryValue.length === sectionBoundaries.maximum.toString().length;
-      const newSectionValue = (0, _useField.cleanDigitSectionValue)(utils, queryValueNumber, sectionType, format, hasLeadingZeros, sectionBoundaries);
+      const newSectionValue = (0, _useField.cleanDigitSectionValue)(utils, queryValueNumber, sectionBoundaries, section);
       return {
         sectionValue: newSectionValue,
         shouldGoToNextSection
       };
     };
     const getFirstSectionValueMatchingWithQuery = (queryValue, activeSection) => {
-      if (activeSection.contentType === 'digit') {
-        return getNewSectionValue(queryValue, activeSection.type, activeSection.format, activeSection.hasLeadingZeros, activeSection.contentType);
+      if (activeSection.contentType === 'digit' || activeSection.contentType === 'digit-with-letter') {
+        return getNewSectionValue(queryValue, activeSection);
       }
 
       // When editing a letter-format month and the user presses a digit,
       // We can support the numeric editing by using the digit-format month and re-formatting the result.
       if (activeSection.type === 'month') {
-        const response = getNewSectionValue(queryValue, activeSection.type, 'MM', (0, _useField.doesSectionHaveLeadingZeros)(utils, 'digit', 'month', 'MM'), 'digit');
+        const hasLeadingZerosInFormat = (0, _useField.doesSectionFormatHaveLeadingZeros)(utils, 'digit', 'month', 'MM');
+        const response = getNewSectionValue(queryValue, {
+          type: activeSection.type,
+          format: 'MM',
+          hasLeadingZerosInFormat,
+          hasLeadingZerosInInput: true,
+          contentType: 'digit',
+          maxLength: 2
+        });
         if (isQueryResponseWithoutValue(response)) {
           return response;
         }
@@ -217,7 +225,7 @@ const useFieldCharacterEditing = ({
       // When editing a letter-format weekDay and the user presses a digit,
       // We can support the numeric editing by returning the nth day in the week day array.
       if (activeSection.type === 'weekDay') {
-        const response = getNewSectionValue(queryValue, activeSection.type, activeSection.format, activeSection.hasLeadingZeros, activeSection.contentType);
+        const response = getNewSectionValue(queryValue, activeSection);
         if (isQueryResponseWithoutValue(response)) {
           return response;
         }

package/node/internals/hooks/useField/useFieldState.js

@@ -32,13 +32,14 @@ const useFieldState = params => {
       format,
       formatDensity = 'dense',
       selectedSections: selectedSectionsProp,
-      onSelectedSectionsChange
+      onSelectedSectionsChange,
+      shouldRespectLeadingZeros = false
     }
   } = params;
   const firstDefaultValue = React.useRef(defaultValue);
   const valueFromTheOutside = valueProp ?? firstDefaultValue.current ?? valueManager.emptyValue;
   const sectionsValueBoundaries = React.useMemo(() => (0, _useField.getSectionsBoundaries)(utils), [utils]);
-  const getSectionsFromValue = React.useCallback((value, fallbackSections = null) => fieldValueManager.getSectionsFromValue(utils, value, fallbackSections, isRTL, date => (0, _useField.splitFormatIntoSections)(utils, localeText, format, date, formatDensity)), [fieldValueManager, format, localeText, isRTL, utils, formatDensity]);
+  const getSectionsFromValue = React.useCallback((value, fallbackSections = null) => fieldValueManager.getSectionsFromValue(utils, value, fallbackSections, isRTL, date => (0, _useField.splitFormatIntoSections)(utils, localeText, format, date, formatDensity, shouldRespectLeadingZeros)), [fieldValueManager, format, localeText, isRTL, shouldRespectLeadingZeros, utils, formatDensity]);
   const placeholder = React.useMemo(() => fieldValueManager.getValueStrFromSections(getSectionsFromValue(valueManager.emptyValue), isRTL), [fieldValueManager, getSectionsFromValue, valueManager.emptyValue, isRTL]);
   const [state, setState] = React.useState(() => {
     const sections = getSectionsFromValue(valueFromTheOutside);
@@ -162,7 +163,7 @@ const useFieldState = params => {
       if (date == null || !utils.isValid(date)) {
         return null;
       }
-      const sections = (0, _useField.splitFormatIntoSections)(utils, localeText, format, date, formatDensity);
+      const sections = (0, _useField.splitFormatIntoSections)(utils, localeText, format, date, formatDensity, shouldRespectLeadingZeros);
       return (0, _useField.mergeDateIntoReferenceDate)(utils, date, sections, referenceDate, false);
     };
     const newValue = fieldValueManager.parseValueStr(valueStr, state.referenceValue, parseDateStr);

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

@@ -11,7 +11,7 @@ var _utils = require("@mui/utils");
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _useOpenState = require("../useOpenState");
 var _useUtils = require("../useUtils");
-var _useValidation = require("../validation/useValidation");
+var _useValidation = require("../useValidation");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /**

package/node/internals/hooks/{validation/useValidation.js → useValidation.js}

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useValidation = useValidation;
 var React = _interopRequireWildcard(require("react"));
-var _useUtils = require("../useUtils");
+var _useUtils = require("./useUtils");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function useValidation(props, validate, isSameError, defaultErrorState) {

package/node/internals/hooks/useViews.js

@@ -59,35 +59,50 @@ function useViews({
   const previousView = views[viewIndex - 1] ?? null;
   const nextView = views[viewIndex + 1] ?? null;
   const handleChangeView = (0, _useEventCallback.default)(newView => {
+    if (newView === view) {
+      return;
+    }
     setView(newView);
     if (onViewChange) {
       onViewChange(newView);
     }
   });
+  const handleFocusedViewChange = (0, _useEventCallback.default)((viewToFocus, hasFocus) => {
+    if (hasFocus) {
+      // Focus event
+      setFocusedView(viewToFocus);
+    } else {
+      // Blur event
+      setFocusedView(prevFocusedView => viewToFocus === prevFocusedView ? null : prevFocusedView // If false the blur is due to view switching
+      );
+    }
+
+    onFocusedViewChange?.(viewToFocus, hasFocus);
+  });
   const goToNextView = (0, _useEventCallback.default)(() => {
     if (nextView) {
       handleChangeView(nextView);
     }
+    handleFocusedViewChange(nextView, true);
   });
-  const setValueAndGoToNextView = (0, _useEventCallback.default)((value, currentViewSelectionState) => {
+  const setValueAndGoToNextView = (0, _useEventCallback.default)((value, currentViewSelectionState, selectedView) => {
     const isSelectionFinishedOnCurrentView = currentViewSelectionState === 'finish';
-    const globalSelectionState = isSelectionFinishedOnCurrentView && Boolean(nextView) ? 'partial' : currentViewSelectionState;
+    const hasMoreViews = selectedView ?
+    // handles case like `DateTimePicker`, where a view might return a `finish` selection state
+    // but we it's not the final view given all `views` -> overall selection state should be `partial`.
+    views.indexOf(selectedView) < views.length - 1 : Boolean(nextView);
+    const globalSelectionState = isSelectionFinishedOnCurrentView && hasMoreViews ? 'partial' : currentViewSelectionState;
     onChange(value, globalSelectionState);
     if (isSelectionFinishedOnCurrentView) {
       goToNextView();
     }
   });
-  const handleFocusedViewChange = (0, _useEventCallback.default)((viewToFocus, hasFocus) => {
-    if (hasFocus) {
-      // Focus event
-      setFocusedView(viewToFocus);
-    } else {
-      // Blur event
-      setFocusedView(prevFocusedView => viewToFocus === prevFocusedView ? null : prevFocusedView // If false the blur is due to view switching
-      );
+  const setValueAndGoToView = (0, _useEventCallback.default)((value, newView, selectedView) => {
+    onChange(value, newView ? 'partial' : 'finish', selectedView);
+    if (newView) {
+      handleChangeView(newView);
+      handleFocusedViewChange(newView, true);
     }
-
-    onFocusedViewChange?.(viewToFocus, hasFocus);
   });
   return {
     view,
@@ -98,6 +113,7 @@ function useViews({
     previousView,
     defaultView: defaultView.current,
     goToNextView,
-    setValueAndGoToNextView
+    setValueAndGoToNextView,
+    setValueAndGoToView
   };
 }

package/node/internals/index.js

@@ -108,7 +108,7 @@ Object.defineProperty(exports, "executeInTheNextEventLoopTick", {
 Object.defineProperty(exports, "extractValidationProps", {
   enumerable: true,
   get: function () {
-    return _validation.extractValidationProps;
+    return _extractValidationProps.extractValidationProps;
   }
 });
 Object.defineProperty(exports, "getActiveElement", {
@@ -240,19 +240,19 @@ Object.defineProperty(exports, "useValidation", {
 Object.defineProperty(exports, "validateDate", {
   enumerable: true,
   get: function () {
-    return _useDateValidation.validateDate;
+    return _validateDate.validateDate;
   }
 });
 Object.defineProperty(exports, "validateDateTime", {
   enumerable: true,
   get: function () {
-    return _useDateTimeValidation.validateDateTime;
+    return _validateDateTime.validateDateTime;
   }
 });
 Object.defineProperty(exports, "validateTime", {
   enumerable: true,
   get: function () {
-    return _useTimeValidation.validateTime;
+    return _validateTime.validateTime;
   }
 });
 var _PickersArrowSwitcher = require("./components/PickersArrowSwitcher/PickersArrowSwitcher");
@@ -270,15 +270,15 @@ var _useField = require("./hooks/useField");
 var _usePicker = require("./hooks/usePicker");
 var _useStaticPicker = require("./hooks/useStaticPicker");
 var _useUtils = require("./hooks/useUtils");
-var _useValidation = require("./hooks/validation/useValidation");
-var _useDateValidation = require("./hooks/validation/useDateValidation");
-var _useTimeValidation = require("./hooks/validation/useTimeValidation");
-var _useDateTimeValidation = require("./hooks/validation/useDateTimeValidation");
+var _useValidation = require("./hooks/useValidation");
 var _dateHelpersHooks = require("./hooks/date-helpers-hooks");
 var _dateUtils = require("./utils/date-utils");
 var _utils = require("./utils/utils");
 var _defaultReduceAnimations = require("./utils/defaultReduceAnimations");
-var _validation = require("./utils/validation");
+var _extractValidationProps = require("./utils/validation/extractValidationProps");
+var _validateDate = require("./utils/validation/validateDate");
+var _validateDateTime = require("./utils/validation/validateDateTime");
+var _validateTime = require("./utils/validation/validateTime");
 var _warning = require("./utils/warning");
 var _slotsMigration = require("./utils/slots-migration");
 var _PickersCalendarHeader = require("../DateCalendar/PickersCalendarHeader");

package/node/internals/models/index.js

@@ -13,4 +13,15 @@ Object.keys(_fields).forEach(function (key) {
       return _fields[key];
     }
   });
+});
+var _common = require("./common");
+Object.keys(_common).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _common[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _common[key];
+    }
+  });
 });

package/node/internals/models/props/clock.js

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

package/node/internals/models/validation.js

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

package/node/internals/utils/time-utils.js

@@ -4,7 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isTimeView = exports.getSecondsInDay = exports.getMeridiem = exports.createIsAfterIgnoreDatePart = exports.convertValueToMeridiem = exports.convertToMeridiem = void 0;
-const isTimeView = view => ['hours', 'minutes', 'seconds'].includes(view);
+const timeViews = ['hours', 'minutes', 'seconds'];
+const isTimeView = view => timeViews.includes(view);
 exports.isTimeView = isTimeView;
 const getMeridiem = (date, utils) => {
   if (!date) {

package/node/internals/utils/validation/validateDate.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validateDate = void 0;
+var _dateUtils = require("../date-utils");
+const validateDate = ({
+  props,
+  value,
+  adapter
+}) => {
+  if (value === null) {
+    return null;
+  }
+  const now = adapter.utils.date();
+  const minDate = (0, _dateUtils.applyDefaultDate)(adapter.utils, props.minDate, adapter.defaultDates.minDate);
+  const maxDate = (0, _dateUtils.applyDefaultDate)(adapter.utils, props.maxDate, adapter.defaultDates.maxDate);
+  switch (true) {
+    case !adapter.utils.isValid(value):
+      return 'invalidDate';
+    case Boolean(props.shouldDisableDate && props.shouldDisableDate(value)):
+      return 'shouldDisableDate';
+    case Boolean(props.shouldDisableMonth && props.shouldDisableMonth(value)):
+      return 'shouldDisableMonth';
+    case Boolean(props.shouldDisableYear && props.shouldDisableYear(value)):
+      return 'shouldDisableYear';
+    case Boolean(props.disableFuture && adapter.utils.isAfterDay(value, now)):
+      return 'disableFuture';
+    case Boolean(props.disablePast && adapter.utils.isBeforeDay(value, now)):
+      return 'disablePast';
+    case Boolean(minDate && adapter.utils.isBeforeDay(value, minDate)):
+      return 'minDate';
+    case Boolean(maxDate && adapter.utils.isAfterDay(value, maxDate)):
+      return 'maxDate';
+    default:
+      return null;
+  }
+};
+exports.validateDate = validateDate;

package/node/internals/{hooks/validation/useDateTimeValidation.js → utils/validation/validateDateTime.js}

@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.validateDateTime = void 0;
-var _useDateValidation = require("./useDateValidation");
-var _useTimeValidation = require("./useTimeValidation");
+var _validateDate = require("./validateDate");
+var _validateTime = require("./validateTime");
 const validateDateTime = ({
   props,
   value,
   adapter
 }) => {
-  const dateValidationResult = (0, _useDateValidation.validateDate)({
+  const dateValidationResult = (0, _validateDate.validateDate)({
     adapter,
     value,
     props
@@ -19,7 +19,7 @@ const validateDateTime = ({
   if (dateValidationResult !== null) {
     return dateValidationResult;
   }
-  return (0, _useTimeValidation.validateTime)({
+  return (0, _validateTime.validateTime)({
     adapter,
     value,
     props