@mui/x-date-pickers 7.0.0-alpha.0 → 7.0.0-alpha.2

package/node/StaticDateTimePicker/StaticDateTimePicker.js

@@ -94,16 +94,11 @@ StaticDateTimePicker.propTypes = {
   className: _propTypes.default.string,
   /**
    * Formats the day of week displayed in the calendar header.
-   * @param {string} day The day of week provided by the adapter.  Deprecated, will be removed in v7: Use `date` instead.
    * @param {TDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
    */
   dayOfWeekFormatter: _propTypes.default.func,
-  /**
-   * Default calendar month displayed when `value` and `defaultValue` are empty.
-   */
-  defaultCalendarMonth: _propTypes.default.any,
   /**
    * The default value.
    * Used when the component is not controlled.
@@ -271,14 +266,6 @@ StaticDateTimePicker.propTypes = {
    * @default () => <span data-mui-test="loading-progress">...</span>
    */
   renderLoading: _propTypes.default.func,
-  /**
-   * Disable specific clock time.
-   * @param {number} clockValue The value to check.
-   * @param {TimeView} view The clock type of the timeValue.
-   * @returns {boolean} If `true` the time will be disabled.
-   * @deprecated Consider using `shouldDisableTime`.
-   */
-  shouldDisableClock: _propTypes.default.func,
   /**
    * Disable specific date.
    *
@@ -340,7 +327,7 @@ StaticDateTimePicker.propTypes = {
    * 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 documention} for more details.
+   * @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.default.string,

package/node/StaticTimePicker/StaticTimePicker.js

@@ -191,14 +191,6 @@ StaticTimePicker.propTypes = {
    * @default The closest valid date-time using the validation props, except callbacks like `shouldDisable<...>`.
    */
   referenceDate: _propTypes.default.any,
-  /**
-   * Disable specific clock time.
-   * @param {number} clockValue The value to check.
-   * @param {TimeView} view The clock type of the timeValue.
-   * @returns {boolean} If `true` the time will be disabled.
-   * @deprecated Consider using `shouldDisableTime`.
-   */
-  shouldDisableClock: _propTypes.default.func,
   /**
    * Disable specific time.
    * @template TDate
@@ -225,7 +217,7 @@ StaticTimePicker.propTypes = {
    * 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 documention} for more details.
+   * @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.default.string,

package/node/TimeClock/Clock.js

@@ -264,7 +264,7 @@ function Clock(inProps) {
     }
     switch (event.key) {
       case 'Home':
-        // annulate both hours and minutes
+        // reset both hours and minutes
         handleValueChange(0, 'partial');
         event.preventDefault();
         break;

package/node/TimeClock/TimeClock.js

@@ -25,7 +25,7 @@ var _useValueWithTimezone = require("../internals/hooks/useValueWithTimezone");
 var _valueManagers = require("../internals/utils/valueManagers");
 var _useClockReferenceDate = require("../internals/hooks/useClockReferenceDate");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["ampm", "ampmInClock", "autoFocus", "slots", "slotProps", "value", "defaultValue", "referenceDate", "disableIgnoringDatePartForTimeValidation", "maxTime", "minTime", "disableFuture", "disablePast", "minutesStep", "shouldDisableClock", "shouldDisableTime", "showViewSwitcher", "onChange", "view", "views", "openTo", "onViewChange", "focusedView", "onFocusedViewChange", "className", "disabled", "readOnly", "timezone"];
+const _excluded = ["ampm", "ampmInClock", "autoFocus", "slots", "slotProps", "value", "defaultValue", "referenceDate", "disableIgnoringDatePartForTimeValidation", "maxTime", "minTime", "disableFuture", "disablePast", "minutesStep", "shouldDisableTime", "showViewSwitcher", "onChange", "view", "views", "openTo", "onViewChange", "focusedView", "onFocusedViewChange", "className", "disabled", "readOnly", "timezone"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const useUtilityClasses = ownerState => {
@@ -89,7 +89,6 @@ const TimeClock = exports.TimeClock = /*#__PURE__*/React.forwardRef(function Tim
       disableFuture,
       disablePast,
       minutesStep = 1,
-      shouldDisableClock,
       shouldDisableTime,
       showViewSwitcher,
       onChange,
@@ -170,9 +169,6 @@ const TimeClock = exports.TimeClock = /*#__PURE__*/React.forwardRef(function Tim
       if (timeValue % step !== 0) {
         return false;
       }
-      if (shouldDisableClock?.(timeValue, viewType)) {
-        return false;
-      }
       if (shouldDisableTime) {
         switch (viewType) {
           case 'hours':
@@ -222,7 +218,7 @@ const TimeClock = exports.TimeClock = /*#__PURE__*/React.forwardRef(function Tim
       default:
         throw new Error('not supported');
     }
-  }, [ampm, valueOrReferenceDate, disableIgnoringDatePartForTimeValidation, maxTime, meridiemMode, minTime, minutesStep, shouldDisableClock, shouldDisableTime, utils, disableFuture, disablePast, now, views]);
+  }, [ampm, valueOrReferenceDate, disableIgnoringDatePartForTimeValidation, maxTime, meridiemMode, minTime, minutesStep, shouldDisableTime, utils, disableFuture, disablePast, now, views]);
   const selectedId = (0, _utils.unstable_useId)();
   const viewProps = React.useMemo(() => {
     switch (view) {
@@ -430,14 +426,6 @@ process.env.NODE_ENV !== "production" ? TimeClock.propTypes = {
    * @default The closest valid time using the validation props, except callbacks such as `shouldDisableTime`.
    */
   referenceDate: _propTypes.default.any,
-  /**
-   * Disable specific clock time.
-   * @param {number} clockValue The value to check.
-   * @param {TimeView} view The clock type of the timeValue.
-   * @returns {boolean} If `true` the time will be disabled.
-   * @deprecated Consider using `shouldDisableTime`.
-   */
-  shouldDisableClock: _propTypes.default.func,
   /**
    * Disable specific time.
    * @template TDate
@@ -465,7 +453,7 @@ process.env.NODE_ENV !== "production" ? TimeClock.propTypes = {
    * 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 documention} for more details.
+   * @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.default.string,

package/node/TimeField/TimeField.js

@@ -295,14 +295,6 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
     endIndex: _propTypes.default.number.isRequired,
     startIndex: _propTypes.default.number.isRequired
   })]),
-  /**
-   * Disable specific clock time.
-   * @param {number} clockValue The value to check.
-   * @param {TimeView} view The clock type of the timeValue.
-   * @returns {boolean} If `true` the time will be disabled.
-   * @deprecated Consider using `shouldDisableTime`.
-   */
-  shouldDisableClock: _propTypes.default.func,
   /**
    * Disable specific time.
    * @template TDate
@@ -349,7 +341,7 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
    * 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 documention} for more details.
+   * @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.default.string,

package/node/TimePicker/TimePicker.js

@@ -242,14 +242,6 @@ process.env.NODE_ENV !== "production" ? TimePicker.propTypes = {
     endIndex: _propTypes.default.number.isRequired,
     startIndex: _propTypes.default.number.isRequired
   })]),
-  /**
-   * Disable specific clock time.
-   * @param {number} clockValue The value to check.
-   * @param {TimeView} view The clock type of the timeValue.
-   * @returns {boolean} If `true` the time will be disabled.
-   * @deprecated Consider using `shouldDisableTime`.
-   */
-  shouldDisableClock: _propTypes.default.func,
   /**
    * Disable specific time.
    * @template TDate
@@ -297,7 +289,7 @@ process.env.NODE_ENV !== "production" ? TimePicker.propTypes = {
    * 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 documention} for more details.
+   * @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.default.string,

package/node/YearCalendar/YearCalendar.js

@@ -243,7 +243,7 @@ const YearCalendar = exports.YearCalendar = /*#__PURE__*/React.forwardRef(functi
     role: "radiogroup",
     "aria-labelledby": gridLabelId
   }, other, {
-    children: utils.getYearRange(minDate, maxDate).map(year => {
+    children: utils.getYearRange([minDate, maxDate]).map(year => {
       const yearNumber = utils.getYear(year);
       const isSelected = yearNumber === selectedYear;
       const isDisabled = disabled || isYearDisabled(year);
@@ -344,7 +344,7 @@ process.env.NODE_ENV !== "production" ? YearCalendar.propTypes = {
    * 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 documention} for more details.
+   * @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.default.string,

package/node/dateTimeViewRenderers/dateTimeViewRenderers.js

@@ -42,7 +42,6 @@ const renderDesktopDateTimeView = ({
   shouldDisableMonth,
   shouldDisableYear,
   shouldDisableTime,
-  shouldDisableClock,
   reduceAnimations,
   minutesStep,
   ampm,
@@ -50,7 +49,6 @@ const renderDesktopDateTimeView = ({
   monthsPerRow,
   onYearChange,
   yearsPerRow,
-  defaultCalendarMonth,
   slots,
   slotProps,
   loading,
@@ -89,7 +87,6 @@ const renderDesktopDateTimeView = ({
     minTime,
     maxTime,
     shouldDisableTime,
-    shouldDisableClock,
     minutesStep,
     ampm,
     slots,
@@ -128,7 +125,6 @@ const renderDesktopDateTimeView = ({
         monthsPerRow: monthsPerRow,
         onYearChange: onYearChange,
         yearsPerRow: yearsPerRow,
-        defaultCalendarMonth: defaultCalendarMonth,
         slots: slots,
         slotProps: slotProps,
         loading: loading,

package/node/dateViewRenderers/dateViewRenderers.js

@@ -34,7 +34,6 @@ const renderDateViewCalendar = ({
   monthsPerRow,
   onYearChange,
   yearsPerRow,
-  defaultCalendarMonth,
   slots,
   slotProps,
   loading,
@@ -73,7 +72,6 @@ const renderDateViewCalendar = ({
   monthsPerRow: monthsPerRow,
   onYearChange: onYearChange,
   yearsPerRow: yearsPerRow,
-  defaultCalendarMonth: defaultCalendarMonth,
   slots: slots,
   slotProps: slotProps,
   loading: loading,

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v7.0.0-alpha.0
+ * @mui/x-date-pickers v7.0.0-alpha.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -379,6 +379,18 @@ Object.keys(_PickersShortcuts).forEach(function (key) {
     }
   });
 });
+var _PickersCalendarHeader = require("./PickersCalendarHeader");
+Object.keys(_PickersCalendarHeader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _PickersCalendarHeader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PickersCalendarHeader[key];
+    }
+  });
+});
 var _utils = require("./internals/utils/utils");
 var _models = require("./models");
 Object.keys(_models).forEach(function (key) {

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

@@ -18,7 +18,7 @@ function useNextMonthDisabled(month, {
 }) {
   const utils = (0, _useUtils.useUtils)();
   return React.useMemo(() => {
-    const now = utils.dateWithTimezone(undefined, timezone);
+    const now = utils.date(undefined, timezone);
     const lastEnabledMonth = utils.startOfMonth(disableFuture && utils.isBefore(now, maxDate) ? now : maxDate);
     return !utils.isAfter(lastEnabledMonth, month);
   }, [disableFuture, maxDate, month, utils, timezone]);
@@ -30,7 +30,7 @@ function usePreviousMonthDisabled(month, {
 }) {
   const utils = (0, _useUtils.useUtils)();
   return React.useMemo(() => {
-    const now = utils.dateWithTimezone(undefined, timezone);
+    const now = utils.date(undefined, timezone);
     const firstEnabledMonth = utils.startOfMonth(disablePast && utils.isAfter(now, minDate) ? now : minDate);
     return !utils.isBefore(firstEnabledMonth, month);
   }, [disablePast, minDate, month, utils, timezone]);

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

@@ -42,7 +42,7 @@ const getDeltaFromKeyCode = keyCode => {
 };
 const getDaysInWeekStr = (utils, timezone, format) => {
   const elements = [];
-  const now = utils.dateWithTimezone(undefined, timezone);
+  const now = utils.date(undefined, timezone);
   const startDate = utils.startOfWeek(now);
   const endDate = utils.endOfWeek(now);
   let current = startDate;
@@ -57,7 +57,7 @@ const getLetterEditingOptions = (utils, timezone, sectionType, format) => {
   switch (sectionType) {
     case 'month':
       {
-        return (0, _dateUtils.getMonthsInYear)(utils, utils.dateWithTimezone(undefined, timezone)).map(month => utils.formatByString(month, format));
+        return (0, _dateUtils.getMonthsInYear)(utils, utils.date(undefined, timezone)).map(month => utils.formatByString(month, format));
       }
     case 'weekDay':
       {
@@ -65,7 +65,7 @@ const getLetterEditingOptions = (utils, timezone, sectionType, format) => {
       }
     case 'meridiem':
       {
-        const now = utils.dateWithTimezone(undefined, timezone);
+        const now = utils.date(undefined, timezone);
         return [utils.startOfDay(now), utils.endOfDay(now)].map(date => utils.formatByString(date, format));
       }
     default:
@@ -125,7 +125,7 @@ const adjustSectionValue = (utils, timezone, section, keyCode, sectionsValueBoun
     let newSectionValueNumber = currentSectionValue + delta * step;
     if (shouldSetAbsolute) {
       if (section.type === 'year' && !isEnd && !isStart) {
-        return utils.formatByString(utils.dateWithTimezone(undefined, timezone), section.format);
+        return utils.formatByString(utils.date(undefined, timezone), section.format);
       }
       if (delta > 0 || isStart) {
         newSectionValueNumber = sectionBoundaries.minimum;
@@ -228,7 +228,7 @@ const getSectionPlaceholder = (utils, timezone, localeText, sectionConfig, curre
     case 'year':
       {
         return localeText.fieldYearPlaceholder({
-          digitAmount: utils.formatByString(utils.dateWithTimezone(undefined, timezone), currentTokenValue).length
+          digitAmount: utils.formatByString(utils.date(undefined, timezone), currentTokenValue).length
         });
       }
     case 'month':
@@ -278,12 +278,12 @@ const changeSectionValueFormat = (utils, valueStr, currentFormat, newFormat) =>
   return utils.formatByString(utils.parse(valueStr, currentFormat), newFormat);
 };
 exports.changeSectionValueFormat = changeSectionValueFormat;
-const isFourDigitYearFormat = (utils, timezone, format) => utils.formatByString(utils.dateWithTimezone(undefined, timezone), format).length === 4;
+const isFourDigitYearFormat = (utils, timezone, format) => utils.formatByString(utils.date(undefined, timezone), format).length === 4;
 const doesSectionFormatHaveLeadingZeros = (utils, timezone, contentType, sectionType, format) => {
   if (contentType !== 'digit') {
     return false;
   }
-  const now = utils.dateWithTimezone(undefined, timezone);
+  const now = utils.date(undefined, timezone);
   switch (sectionType) {
     // We can't use `changeSectionValueFormat`, because  `utils.parse('1', 'YYYY')` returns `1971` instead of `1`.
     case 'year':
@@ -375,7 +375,6 @@ const splitFormatIntoSections = (utils, timezone, localeText, format, date, form
       maxLength,
       value: sectionValue,
       placeholder: getSectionPlaceholder(utils, timezone, localeText, sectionConfig, token),
-      hasLeadingZeros: hasLeadingZerosInFormat,
       hasLeadingZerosInFormat,
       hasLeadingZerosInInput,
       startSeparator: sections.length === 0 ? startSeparator : '',
@@ -494,7 +493,7 @@ const createDateStrForInputFromSections = (sections, isRTL) => {
 };
 exports.createDateStrForInputFromSections = createDateStrForInputFromSections;
 const getSectionsBoundaries = (utils, timezone) => {
-  const today = utils.dateWithTimezone(undefined, timezone);
+  const today = utils.date(undefined, timezone);
   const endOfYear = utils.endOfYear(today);
   const endOfDay = utils.endOfDay(today);
   const {

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

@@ -165,7 +165,7 @@ const useFieldState = params => {
     const nonEmptySectionCountBefore = activeDateManager.getSections(state.sections).filter(section => section.value !== '').length;
     const hasNoOtherNonEmptySections = nonEmptySectionCountBefore === (activeSection.value === '' ? 0 : 1);
     const newSections = setSectionValue(selectedSectionIndexes.startIndex, '');
-    const newActiveDate = hasNoOtherNonEmptySections ? null : utils.date(new Date(''));
+    const newActiveDate = hasNoOtherNonEmptySections ? null : utils.getInvalidDate();
     const newValues = activeDateManager.getNewValuesFromNewActiveDate(newActiveDate);
     if ((newActiveDate != null && !utils.isValid(newActiveDate)) !== (activeDateManager.date != null && !utils.isValid(activeDateManager.date))) {
       publishValue((0, _extends2.default)({}, newValues, {
@@ -258,7 +258,7 @@ const useFieldState = params => {
   }, [format, utils.locale]); // eslint-disable-line react-hooks/exhaustive-deps
 
   React.useEffect(() => {
-    let shouldUpdate = false;
+    let shouldUpdate;
     if (!valueManager.areValuesEqual(utils, state.value, valueFromTheOutside)) {
       shouldUpdate = true;
     } else {

package/node/internals/hooks/useUtils.js

@@ -35,7 +35,7 @@ const useNow = timezone => {
   const utils = useUtils();
   const now = React.useRef();
   if (now.current === undefined) {
-    now.current = utils.dateWithTimezone(undefined, timezone);
+    now.current = utils.date(undefined, timezone);
   }
   return now.current;
 };

package/node/internals/hooks/useViews.js

@@ -92,7 +92,7 @@ function useViews({
     const isSelectionFinishedOnCurrentView = currentViewSelectionState === 'finish';
     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`.
+    // but when 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);
@@ -114,7 +114,7 @@ function useViews({
     setFocusedView: handleFocusedViewChange,
     nextView,
     previousView,
-    // Always return up to date default view instead of the initial one (i.e. defaultView.current)
+    // Always return up-to-date default view instead of the initial one (i.e. defaultView.current)
     defaultView: views.includes(openTo) ? openTo : views[0],
     goToNextView,
     setValueAndGoToNextView,

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

@@ -15,7 +15,7 @@ const findClosestEnabledDate = ({
   utils,
   timezone
 }) => {
-  const today = utils.startOfDay(utils.dateWithTimezone(undefined, timezone));
+  const today = utils.startOfDay(utils.date(undefined, timezone));
   if (disablePast && utils.isBefore(minDate, today)) {
     minDate = today;
   }
@@ -91,7 +91,7 @@ const mergeDateAndTime = (utils, dateParam, timeParam) => {
   return mergedDate;
 };
 exports.mergeDateAndTime = mergeDateAndTime;
-const getTodayDate = (utils, timezone, valueType) => valueType === 'date' ? utils.startOfDay(utils.dateWithTimezone(undefined, timezone)) : utils.dateWithTimezone(undefined, timezone);
+const getTodayDate = (utils, timezone, valueType) => valueType === 'date' ? utils.startOfDay(utils.date(undefined, timezone)) : utils.date(undefined, timezone);
 exports.getTodayDate = getTodayDate;
 const formatMeridiem = (utils, meridiem) => {
   const date = utils.setHours(utils.date(), meridiem === 'am' ? 2 : 14);

package/node/internals/utils/getDefaultReferenceDate.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getViewsGranularity = exports.getSectionTypeGranularity = exports.getDefaultReferenceDate = exports.SECTION_TYPE_GRANULARITY = void 0;
+exports.getSectionTypeGranularity = exports.getDefaultReferenceDate = exports.SECTION_TYPE_GRANULARITY = void 0;
 var _timeUtils = require("./time-utils");
 var _dateUtils = require("./date-utils");
 const SECTION_TYPE_GRANULARITY = exports.SECTION_TYPE_GRANULARITY = {
@@ -17,8 +17,6 @@ const SECTION_TYPE_GRANULARITY = exports.SECTION_TYPE_GRANULARITY = {
 };
 const getSectionTypeGranularity = sections => Math.max(...sections.map(section => SECTION_TYPE_GRANULARITY[section.type] ?? 1));
 exports.getSectionTypeGranularity = getSectionTypeGranularity;
-const getViewsGranularity = views => Math.max(...views.map(view => SECTION_TYPE_GRANULARITY[view] ?? 1));
-exports.getViewsGranularity = getViewsGranularity;
 const roundDate = (utils, granularity, date) => {
   if (granularity === SECTION_TYPE_GRANULARITY.year) {
     return utils.startOfYear(date);

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.extractValidationProps = exports.TIME_VALIDATION_PROP_NAMES = exports.DATE_VALIDATION_PROP_NAMES = exports.DATE_TIME_VALIDATION_PROP_NAMES = void 0;
 const DATE_VALIDATION_PROP_NAMES = exports.DATE_VALIDATION_PROP_NAMES = ['disablePast', 'disableFuture', 'minDate', 'maxDate', 'shouldDisableDate', 'shouldDisableMonth', 'shouldDisableYear'];
-const TIME_VALIDATION_PROP_NAMES = exports.TIME_VALIDATION_PROP_NAMES = ['disablePast', 'disableFuture', 'minTime', 'maxTime', 'shouldDisableClock', 'shouldDisableTime', 'minutesStep', 'ampm', 'disableIgnoringDatePartForTimeValidation'];
+const TIME_VALIDATION_PROP_NAMES = exports.TIME_VALIDATION_PROP_NAMES = ['disablePast', 'disableFuture', 'minTime', 'maxTime', 'shouldDisableTime', 'minutesStep', 'ampm', 'disableIgnoringDatePartForTimeValidation'];
 const DATE_TIME_VALIDATION_PROP_NAMES = exports.DATE_TIME_VALIDATION_PROP_NAMES = ['minDateTime', 'maxDateTime'];
 const VALIDATION_PROP_NAMES = [...DATE_VALIDATION_PROP_NAMES, ...TIME_VALIDATION_PROP_NAMES, ...DATE_TIME_VALIDATION_PROP_NAMES];
 /**

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

@@ -21,7 +21,7 @@ const validateDate = ({
     disableFuture,
     timezone
   } = props;
-  const now = adapter.utils.dateWithTimezone(undefined, timezone);
+  const now = adapter.utils.date(undefined, timezone);
   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) {

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

@@ -17,14 +17,13 @@ const validateTime = ({
     minTime,
     maxTime,
     minutesStep,
-    shouldDisableClock,
     shouldDisableTime,
     disableIgnoringDatePartForTimeValidation = false,
     disablePast,
     disableFuture,
     timezone
   } = props;
-  const now = adapter.utils.dateWithTimezone(undefined, timezone);
+  const now = adapter.utils.date(undefined, timezone);
   const isAfter = (0, _timeUtils.createIsAfterIgnoreDatePart)(disableIgnoringDatePartForTimeValidation, adapter.utils);
   switch (true) {
     case !adapter.utils.isValid(value):
@@ -43,12 +42,6 @@ const validateTime = ({
       return 'shouldDisableTime-minutes';
     case Boolean(shouldDisableTime && shouldDisableTime(value, 'seconds')):
       return 'shouldDisableTime-seconds';
-    case Boolean(shouldDisableClock && shouldDisableClock(adapter.utils.getHours(value), 'hours')):
-      return 'shouldDisableClock-hours';
-    case Boolean(shouldDisableClock && shouldDisableClock(adapter.utils.getMinutes(value), 'minutes')):
-      return 'shouldDisableClock-minutes';
-    case Boolean(shouldDisableClock && shouldDisableClock(adapter.utils.getSeconds(value), 'seconds')):
-      return 'shouldDisableClock-seconds';
     case Boolean(minutesStep && adapter.utils.getMinutes(value) % minutesStep !== 0):
       return 'minutesStep';
     default:

package/node/locales/deDE.js

@@ -48,8 +48,7 @@ const deDEPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Datum auswählen, gewähltes Datum ist ${utils.format(value, 'fullDate')}` : 'Datum auswählen',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Uhrzeit auswählen, gewählte Uhrzeit ist ${utils.format(value, 'fullTime')}` : 'Uhrzeit auswählen',
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: 'Wert leeren',
   // Table labels
   timeTableLabel: 'Uhrzeit auswählen',
   dateTableLabel: 'Datum auswählen',
@@ -57,7 +56,7 @@ const deDEPickers = {
   fieldYearPlaceholder: params => 'J'.repeat(params.digitAmount),
   fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
   fieldDayPlaceholder: () => 'TT',
-  // fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
   fieldHoursPlaceholder: () => 'hh',
   fieldMinutesPlaceholder: () => 'mm',
   fieldSecondsPlaceholder: () => 'ss',

package/node/locales/index.js

@@ -201,6 +201,17 @@ Object.keys(_kzKZ).forEach(function (key) {
     }
   });
 });
+var _mk = require("./mk");
+Object.keys(_mk).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _mk[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _mk[key];
+    }
+  });
+});
 var _nbNO = require("./nbNO");
 Object.keys(_nbNO).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/node/locales/mk.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mk = void 0;
+var _getPickersLocalization = require("./utils/getPickersLocalization");
+// This object is not Partial<PickersLocaleText> because it is the default values
+
+const mkPickers = {
+  // Calendar navigation
+  previousMonth: 'Предходен месец',
+  nextMonth: 'Следен месец',
+  // View navigation
+  openPreviousView: 'отвори претходен приказ',
+  openNextView: 'отвори следен приказ',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'годишен приказ, отвори календарски приказ' : 'календарски приказ, отвори годишен приказ',
+  // DateRange placeholders
+  start: 'Почеток',
+  end: 'Крај',
+  // Action bar
+  cancelButtonLabel: 'Откажи',
+  clearButtonLabel: 'Избриши',
+  okButtonLabel: 'OK',
+  todayButtonLabel: 'Денес',
+  // Toolbar titles
+  datePickerToolbarTitle: 'Избери датум',
+  dateTimePickerToolbarTitle: 'Избери датум и време',
+  timePickerToolbarTitle: 'Избери време',
+  dateRangePickerToolbarTitle: 'Избери временски опсег',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `Select ${view}. ${time === null ? 'Нема избрано време' : `Избраното време е ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} часа`,
+  minutesClockNumberText: minutes => `${minutes} минути`,
+  secondsClockNumberText: seconds => `${seconds} секунди`,
+  // Digital clock labels
+  selectViewText: view => `Избери ${view}`,
+  // Calendar labels
+  calendarWeekNumberHeaderLabel: 'Недела број',
+  calendarWeekNumberHeaderText: '#',
+  calendarWeekNumberAriaLabelText: weekNumber => `Недела ${weekNumber}`,
+  calendarWeekNumberText: weekNumber => `${weekNumber}`,
+  // Open picker labels
+  openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Избери датум, избраниот датум е ${utils.format(value, 'fullDate')}` : 'Избери датум',
+  openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Избери време, избраното време е ${utils.format(value, 'fullTime')}` : 'Избери време',
+  fieldClearLabel: 'Избриши',
+  // Table labels
+  timeTableLabel: 'одбери време',
+  dateTableLabel: 'одбери датум',
+  // Field section placeholders
+  fieldYearPlaceholder: params => 'Г'.repeat(params.digitAmount),
+  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
+  fieldDayPlaceholder: () => 'ДД',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldHoursPlaceholder: () => 'чч',
+  fieldMinutesPlaceholder: () => 'мм',
+  fieldSecondsPlaceholder: () => 'сс',
+  fieldMeridiemPlaceholder: () => 'aa'
+};
+const mk = exports.mk = (0, _getPickersLocalization.getPickersLocalization)(mkPickers);