@mui/x-date-pickers 7.0.0-alpha.1 → 7.0.0-alpha.3

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;
@@ -223,49 +223,62 @@ const addPositionPropertiesToSections = (sections, isRTL) => {
   return newSections;
 };
 exports.addPositionPropertiesToSections = addPositionPropertiesToSections;
-const getSectionPlaceholder = (utils, timezone, localeText, sectionConfig, currentTokenValue) => {
+const getSectionPlaceholder = (utils, timezone, localeText, sectionConfig, sectionFormat) => {
   switch (sectionConfig.type) {
     case 'year':
       {
         return localeText.fieldYearPlaceholder({
-          digitAmount: utils.formatByString(utils.dateWithTimezone(undefined, timezone), currentTokenValue).length
+          digitAmount: utils.formatByString(utils.date(undefined, timezone), sectionFormat).length,
+          format: sectionFormat
         });
       }
     case 'month':
       {
         return localeText.fieldMonthPlaceholder({
-          contentType: sectionConfig.contentType
+          contentType: sectionConfig.contentType,
+          format: sectionFormat
         });
       }
     case 'day':
       {
-        return localeText.fieldDayPlaceholder();
+        return localeText.fieldDayPlaceholder({
+          format: sectionFormat
+        });
       }
     case 'weekDay':
       {
         return localeText.fieldWeekDayPlaceholder({
-          contentType: sectionConfig.contentType
+          contentType: sectionConfig.contentType,
+          format: sectionFormat
         });
       }
     case 'hours':
       {
-        return localeText.fieldHoursPlaceholder();
+        return localeText.fieldHoursPlaceholder({
+          format: sectionFormat
+        });
       }
     case 'minutes':
       {
-        return localeText.fieldMinutesPlaceholder();
+        return localeText.fieldMinutesPlaceholder({
+          format: sectionFormat
+        });
       }
     case 'seconds':
       {
-        return localeText.fieldSecondsPlaceholder();
+        return localeText.fieldSecondsPlaceholder({
+          format: sectionFormat
+        });
       }
     case 'meridiem':
       {
-        return localeText.fieldMeridiemPlaceholder();
+        return localeText.fieldMeridiemPlaceholder({
+          format: sectionFormat
+        });
       }
     default:
       {
-        return currentTokenValue;
+        return sectionFormat;
       }
   }
 };
@@ -278,12 +291,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':
@@ -493,7 +506,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, {

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

@@ -229,9 +229,7 @@ const usePickerValue = ({
       const context = {
         validationError
       };
-
-      // TODO v7: Remove 2nd condition
-      if (action.name === 'setValueFromShortcut' && action.shortcut != null) {
+      if (action.name === 'setValueFromShortcut') {
         context.shortcut = action.shortcut;
       }
       handleValueChange(action.value, context);
@@ -296,12 +294,10 @@ const usePickerValue = ({
     value: newValue,
     selectionState
   }));
-
-  // TODO v7: Make changeImportance and label mandatory.
   const handleSelectShortcut = (0, _useEventCallback.default)((newValue, changeImportance, shortcut) => updateDate({
     name: 'setValueFromShortcut',
     value: newValue,
-    changeImportance: changeImportance ?? 'accept',
+    changeImportance,
     shortcut
   }));
   const handleChangeFromField = (0, _useEventCallback.default)((newValue, context) => updateDate({

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/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);

package/node/timeViewRenderers/timeViewRenderers.js

@@ -29,7 +29,6 @@ const renderTimeViewClock = ({
   minTime,
   maxTime,
   shouldDisableTime,
-  shouldDisableClock,
   minutesStep,
   ampm,
   ampmInClock,
@@ -59,7 +58,6 @@ const renderTimeViewClock = ({
   minTime: minTime,
   maxTime: maxTime,
   shouldDisableTime: shouldDisableTime,
-  shouldDisableClock: shouldDisableClock,
   minutesStep: minutesStep,
   ampm: ampm,
   ampmInClock: ampmInClock,
@@ -91,7 +89,6 @@ const renderDigitalClockTimeView = ({
   minTime,
   maxTime,
   shouldDisableTime,
-  shouldDisableClock,
   minutesStep,
   ampm,
   slots,
@@ -121,7 +118,6 @@ const renderDigitalClockTimeView = ({
   minTime: minTime,
   maxTime: maxTime,
   shouldDisableTime: shouldDisableTime,
-  shouldDisableClock: shouldDisableClock,
   minutesStep: minutesStep,
   ampm: ampm,
   slots: slots,
@@ -153,7 +149,6 @@ const renderMultiSectionDigitalClockTimeView = ({
   minTime,
   maxTime,
   shouldDisableTime,
-  shouldDisableClock,
   minutesStep,
   ampm,
   slots,
@@ -183,7 +178,6 @@ const renderMultiSectionDigitalClockTimeView = ({
   minTime: minTime,
   maxTime: maxTime,
   shouldDisableTime: shouldDisableTime,
-  shouldDisableClock: shouldDisableClock,
   minutesStep: minutesStep,
   ampm: ampm,
   slots: slots,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "7.0.0-alpha.1",
+  "version": "7.0.0-alpha.3",
   "description": "The community edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -11,7 +11,7 @@
   "homepage": "https://mui.com/x/react-date-pickers/",
   "funding": {
     "type": "opencollective",
-    "url": "https://opencollective.com/mui"
+    "url": "https://opencollective.com/mui-org"
   },
   "sideEffects": false,
   "publishConfig": {
@@ -21,6 +21,7 @@
     "react",
     "react-component",
     "mui",
+    "mui-x",
     "material-ui",
     "material design",
     "datepicker",
@@ -33,10 +34,11 @@
     "directory": "packages/x-date-pickers"
   },
   "dependencies": {
-    "@babel/runtime": "^7.23.2",
-    "@mui/base": "^5.0.0-beta.22",
-    "@mui/utils": "^5.14.16",
-    "@types/react-transition-group": "^4.4.8",
+    "@babel/runtime": "^7.23.4",
+    "@mui/base": "^5.0.0-beta.24",
+    "@mui/system": "^5.14.18",
+    "@mui/utils": "^5.14.18",
+    "@types/react-transition-group": "^4.4.9",
     "clsx": "^2.0.0",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5"
@@ -45,7 +47,6 @@
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
     "@mui/material": "^5.8.6",
-    "@mui/system": "^5.8.0",
     "date-fns": "^2.25.0",
     "date-fns-jalali": "^2.13.0-0",
     "dayjs": "^1.10.7",

package/timeViewRenderers/timeViewRenderers.d.ts

@@ -11,6 +11,6 @@ export type TimeViewRendererProps<TView extends TimeViewWithMeridiem, TComponent
     onViewChange?: (view: TView) => void;
     views: readonly TView[];
 };
-export declare const renderTimeViewClock: <TDate extends unknown>({ view, onViewChange, focusedView, onFocusedViewChange, views, value, defaultValue, referenceDate, onChange, className, classes, disableFuture, disablePast, minTime, maxTime, shouldDisableTime, shouldDisableClock, minutesStep, ampm, ampmInClock, slots, slotProps, readOnly, disabled, sx, autoFocus, showViewSwitcher, disableIgnoringDatePartForTimeValidation, timezone, }: TimeViewRendererProps<TimeView, TimeClockProps<TDate, TimeView>>) => React.JSX.Element;
-export declare const renderDigitalClockTimeView: <TDate extends unknown>({ view, onViewChange, focusedView, onFocusedViewChange, views, value, defaultValue, referenceDate, onChange, className, classes, disableFuture, disablePast, minTime, maxTime, shouldDisableTime, shouldDisableClock, minutesStep, ampm, slots, slotProps, readOnly, disabled, sx, autoFocus, disableIgnoringDatePartForTimeValidation, timeSteps, skipDisabled, timezone, }: TimeViewRendererProps<"hours", Omit<DigitalClockProps<TDate>, "timeStep"> & Pick<TimePickerProps<TDate>, "timeSteps">>) => React.JSX.Element;
-export declare const renderMultiSectionDigitalClockTimeView: <TDate extends unknown>({ view, onViewChange, focusedView, onFocusedViewChange, views, value, defaultValue, referenceDate, onChange, className, classes, disableFuture, disablePast, minTime, maxTime, shouldDisableTime, shouldDisableClock, minutesStep, ampm, slots, slotProps, readOnly, disabled, sx, autoFocus, disableIgnoringDatePartForTimeValidation, timeSteps, skipDisabled, timezone, }: TimeViewRendererProps<TimeViewWithMeridiem, MultiSectionDigitalClockProps<TDate>>) => React.JSX.Element;
+export declare const renderTimeViewClock: <TDate extends unknown>({ view, onViewChange, focusedView, onFocusedViewChange, views, value, defaultValue, referenceDate, onChange, className, classes, disableFuture, disablePast, minTime, maxTime, shouldDisableTime, minutesStep, ampm, ampmInClock, slots, slotProps, readOnly, disabled, sx, autoFocus, showViewSwitcher, disableIgnoringDatePartForTimeValidation, timezone, }: TimeViewRendererProps<TimeView, TimeClockProps<TDate, TimeView>>) => React.JSX.Element;
+export declare const renderDigitalClockTimeView: <TDate extends unknown>({ view, onViewChange, focusedView, onFocusedViewChange, views, value, defaultValue, referenceDate, onChange, className, classes, disableFuture, disablePast, minTime, maxTime, shouldDisableTime, minutesStep, ampm, slots, slotProps, readOnly, disabled, sx, autoFocus, disableIgnoringDatePartForTimeValidation, timeSteps, skipDisabled, timezone, }: TimeViewRendererProps<"hours", Omit<DigitalClockProps<TDate>, "timeStep"> & Pick<TimePickerProps<TDate>, "timeSteps">>) => React.JSX.Element;
+export declare const renderMultiSectionDigitalClockTimeView: <TDate extends unknown>({ view, onViewChange, focusedView, onFocusedViewChange, views, value, defaultValue, referenceDate, onChange, className, classes, disableFuture, disablePast, minTime, maxTime, shouldDisableTime, minutesStep, ampm, slots, slotProps, readOnly, disabled, sx, autoFocus, disableIgnoringDatePartForTimeValidation, timeSteps, skipDisabled, timezone, }: TimeViewRendererProps<TimeViewWithMeridiem, MultiSectionDigitalClockProps<TDate>>) => React.JSX.Element;

package/timeViewRenderers/timeViewRenderers.js

@@ -21,7 +21,6 @@ export const renderTimeViewClock = ({
   minTime,
   maxTime,
   shouldDisableTime,
-  shouldDisableClock,
   minutesStep,
   ampm,
   ampmInClock,
@@ -51,7 +50,6 @@ export const renderTimeViewClock = ({
   minTime: minTime,
   maxTime: maxTime,
   shouldDisableTime: shouldDisableTime,
-  shouldDisableClock: shouldDisableClock,
   minutesStep: minutesStep,
   ampm: ampm,
   ampmInClock: ampmInClock,
@@ -82,7 +80,6 @@ export const renderDigitalClockTimeView = ({
   minTime,
   maxTime,
   shouldDisableTime,
-  shouldDisableClock,
   minutesStep,
   ampm,
   slots,
@@ -112,7 +109,6 @@ export const renderDigitalClockTimeView = ({
   minTime: minTime,
   maxTime: maxTime,
   shouldDisableTime: shouldDisableTime,
-  shouldDisableClock: shouldDisableClock,
   minutesStep: minutesStep,
   ampm: ampm,
   slots: slots,
@@ -143,7 +139,6 @@ export const renderMultiSectionDigitalClockTimeView = ({
   minTime,
   maxTime,
   shouldDisableTime,
-  shouldDisableClock,
   minutesStep,
   ampm,
   slots,
@@ -173,7 +168,6 @@ export const renderMultiSectionDigitalClockTimeView = ({
   minTime: minTime,
   maxTime: maxTime,
   shouldDisableTime: shouldDisableTime,
-  shouldDisableClock: shouldDisableClock,
   minutesStep: minutesStep,
   ampm: ampm,
   slots: slots,

package/internals/components/FakeTextField/FakeTextField.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-export interface FakeTextFieldElement {
-    container: React.HTMLAttributes<HTMLSpanElement>;
-    content: React.HTMLAttributes<HTMLSpanElement>;
-    before: React.HTMLAttributes<HTMLSpanElement>;
-    after: React.HTMLAttributes<HTMLSpanElement>;
-}
-interface FakeTextFieldProps {
-    elements: FakeTextFieldElement[];
-    valueStr: string;
-    onValueStrChange: React.ChangeEventHandler<HTMLInputElement>;
-    error: boolean;
-    id?: string;
-    InputProps: any;
-    inputProps: any;
-    disabled?: boolean;
-    autoFocus?: boolean;
-    ownerState?: any;
-    valueType: 'value' | 'placeholder';
-}
-export declare const FakeTextField: React.ForwardRefExoticComponent<FakeTextFieldProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/internals/components/FakeTextField/FakeTextField.js

@@ -1,44 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["elements", "valueStr", "onValueStrChange", "id", "error", "InputProps", "inputProps", "autoFocus", "disabled", "valueType", "ownerState"];
-import * as React from 'react';
-import Box from '@mui/material/Box';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export const FakeTextField = /*#__PURE__*/React.forwardRef(function FakeTextField(props, ref) {
-  const {
-      elements,
-      valueStr,
-      onValueStrChange,
-      id,
-      valueType
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(Box, _extends({
-      ref: ref
-    }, other, {
-      style: {
-        display: 'inline-block',
-        border: '1px solid black',
-        borderRadius: 4,
-        padding: '2px 4px',
-        color: valueType === 'placeholder' ? 'grey' : 'black'
-      },
-      children: elements.map(({
-        container,
-        content,
-        before,
-        after
-      }, elementIndex) => /*#__PURE__*/_createElement("span", _extends({}, container, {
-        key: elementIndex
-      }), /*#__PURE__*/_jsx("span", _extends({}, before)), /*#__PURE__*/_jsx("span", _extends({}, content)), /*#__PURE__*/_jsx("span", _extends({}, after))))
-    })), /*#__PURE__*/_jsx("input", {
-      type: "hidden",
-      value: valueStr,
-      onChange: onValueStrChange,
-      id: id
-    })]
-  });
-});

package/internals/components/FakeTextField/index.d.ts

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

package/internals/components/FakeTextField/index.js

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

package/legacy/internals/components/FakeTextField/FakeTextField.js

@@ -1,49 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["elements", "valueStr", "onValueStrChange", "id", "error", "InputProps", "inputProps", "autoFocus", "disabled", "valueType", "ownerState"];
-import * as React from 'react';
-import Box from '@mui/material/Box';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var FakeTextField = /*#__PURE__*/React.forwardRef(function FakeTextField(props, ref) {
-  var elements = props.elements,
-    valueStr = props.valueStr,
-    onValueStrChange = props.onValueStrChange,
-    id = props.id,
-    error = props.error,
-    InputProps = props.InputProps,
-    inputProps = props.inputProps,
-    autoFocus = props.autoFocus,
-    disabled = props.disabled,
-    valueType = props.valueType,
-    ownerState = props.ownerState,
-    other = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(Box, _extends({
-      ref: ref
-    }, other, {
-      style: {
-        display: 'inline-block',
-        border: '1px solid black',
-        borderRadius: 4,
-        padding: '2px 4px',
-        color: valueType === 'placeholder' ? 'grey' : 'black'
-      },
-      children: elements.map(function (_ref, elementIndex) {
-        var container = _ref.container,
-          content = _ref.content,
-          before = _ref.before,
-          after = _ref.after;
-        return /*#__PURE__*/_createElement("span", _extends({}, container, {
-          key: elementIndex
-        }), /*#__PURE__*/_jsx("span", _extends({}, before)), /*#__PURE__*/_jsx("span", _extends({}, content)), /*#__PURE__*/_jsx("span", _extends({}, after)));
-      })
-    })), /*#__PURE__*/_jsx("input", {
-      type: "hidden",
-      value: valueStr,
-      onChange: onValueStrChange,
-      id: id
-    })]
-  });
-});

package/legacy/internals/components/FakeTextField/index.js

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