@mui/x-date-pickers 8.0.0-alpha.9 → 8.0.0-beta.1

package/esm/internals/utils/date-time-utils.js

@@ -0,0 +1,68 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["views", "format"];
+import { resolveTimeFormat, isTimeView, isInternalTimeView } from "./time-utils.js";
+import { isDatePickerView, resolveDateFormat } from "./date-utils.js";
+export const resolveDateTimeFormat = (utils, _ref, ignoreDateResolving) => {
+  let {
+      views,
+      format
+    } = _ref,
+    other = _objectWithoutPropertiesLoose(_ref, _excluded);
+  if (format) {
+    return format;
+  }
+  const dateViews = [];
+  const timeViews = [];
+  views.forEach(view => {
+    if (isTimeView(view)) {
+      timeViews.push(view);
+    } else if (isDatePickerView(view)) {
+      dateViews.push(view);
+    }
+  });
+  if (timeViews.length === 0) {
+    return resolveDateFormat(utils, _extends({
+      views: dateViews
+    }, other), false);
+  }
+  if (dateViews.length === 0) {
+    return resolveTimeFormat(utils, _extends({
+      views: timeViews
+    }, other));
+  }
+  const timeFormat = resolveTimeFormat(utils, _extends({
+    views: timeViews
+  }, other));
+  const dateFormat = ignoreDateResolving ? utils.formats.keyboardDate : resolveDateFormat(utils, _extends({
+    views: dateViews
+  }, other), false);
+  return `${dateFormat} ${timeFormat}`;
+};
+const resolveViews = (ampm, views, shouldUseSingleColumn) => {
+  if (shouldUseSingleColumn) {
+    return views.filter(view => !isInternalTimeView(view) || view === 'hours');
+  }
+  return ampm ? [...views, 'meridiem'] : views;
+};
+const resolveShouldRenderTimeInASingleColumn = (timeSteps, threshold) => 24 * 60 / ((timeSteps.hours ?? 1) * (timeSteps.minutes ?? 5)) <= threshold;
+export function resolveTimeViewsResponse({
+  thresholdToRenderTimeInASingleColumn: inThreshold,
+  ampm,
+  timeSteps: inTimeSteps,
+  views
+}) {
+  const thresholdToRenderTimeInASingleColumn = inThreshold ?? 24;
+  const timeSteps = _extends({
+    hours: 1,
+    minutes: 5,
+    seconds: 5
+  }, inTimeSteps);
+  const shouldRenderTimeInASingleColumn = resolveShouldRenderTimeInASingleColumn(timeSteps, thresholdToRenderTimeInASingleColumn);
+  return {
+    thresholdToRenderTimeInASingleColumn,
+    timeSteps,
+    shouldRenderTimeInASingleColumn,
+    views: resolveViews(ampm, views, shouldRenderTimeInASingleColumn)
+  };
+}

package/esm/internals/utils/date-utils.d.ts

@@ -0,0 +1,39 @@
+import { DateView, MuiPickersAdapter, PickersTimezone, PickerValidDate, PickerValueType } from "../../models/index.js";
+import { DateOrTimeViewWithMeridiem } from "../models/index.js";
+export declare const mergeDateAndTime: (utils: MuiPickersAdapter, dateParam: PickerValidDate, timeParam: PickerValidDate) => PickerValidDate;
+interface FindClosestDateParams {
+  date: PickerValidDate;
+  disableFuture?: boolean;
+  disablePast?: boolean;
+  maxDate: PickerValidDate;
+  minDate: PickerValidDate;
+  isDateDisabled: (date: PickerValidDate) => boolean;
+  utils: MuiPickersAdapter;
+  timezone: PickersTimezone;
+}
+export declare const findClosestEnabledDate: ({
+  date,
+  disableFuture,
+  disablePast,
+  maxDate,
+  minDate,
+  isDateDisabled,
+  utils,
+  timezone
+}: FindClosestDateParams) => PickerValidDate | null;
+export declare const replaceInvalidDateByNull: (utils: MuiPickersAdapter, value: PickerValidDate | null) => PickerValidDate | null;
+export declare const applyDefaultDate: (utils: MuiPickersAdapter, value: PickerValidDate | null | undefined, defaultValue: PickerValidDate) => PickerValidDate;
+export declare const areDatesEqual: (utils: MuiPickersAdapter, a: PickerValidDate | null, b: PickerValidDate | null) => boolean;
+export declare const getMonthsInYear: (utils: MuiPickersAdapter, year: PickerValidDate) => PickerValidDate[];
+export declare const getTodayDate: (utils: MuiPickersAdapter, timezone: PickersTimezone, valueType?: PickerValueType) => PickerValidDate;
+export declare const formatMeridiem: (utils: MuiPickersAdapter, meridiem: "am" | "pm") => string;
+export declare const isDatePickerView: (view: DateOrTimeViewWithMeridiem) => view is DateView;
+export declare const resolveDateFormat: (utils: MuiPickersAdapter, {
+  format,
+  views
+}: {
+  format?: string;
+  views: readonly DateView[];
+}, isInToolbar: boolean) => string;
+export declare const getWeekdays: (utils: MuiPickersAdapter, date: PickerValidDate) => PickerValidDate[];
+export {};

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

@@ -0,0 +1,124 @@
+import { areViewsEqual } from "./views.js";
+export const mergeDateAndTime = (utils, dateParam, timeParam) => {
+  let mergedDate = dateParam;
+  mergedDate = utils.setHours(mergedDate, utils.getHours(timeParam));
+  mergedDate = utils.setMinutes(mergedDate, utils.getMinutes(timeParam));
+  mergedDate = utils.setSeconds(mergedDate, utils.getSeconds(timeParam));
+  mergedDate = utils.setMilliseconds(mergedDate, utils.getMilliseconds(timeParam));
+  return mergedDate;
+};
+export const findClosestEnabledDate = ({
+  date,
+  disableFuture,
+  disablePast,
+  maxDate,
+  minDate,
+  isDateDisabled,
+  utils,
+  timezone
+}) => {
+  const today = mergeDateAndTime(utils, utils.date(undefined, timezone), date);
+  if (disablePast && utils.isBefore(minDate, today)) {
+    minDate = today;
+  }
+  if (disableFuture && utils.isAfter(maxDate, today)) {
+    maxDate = today;
+  }
+  let forward = date;
+  let backward = date;
+  if (utils.isBefore(date, minDate)) {
+    forward = minDate;
+    backward = null;
+  }
+  if (utils.isAfter(date, maxDate)) {
+    if (backward) {
+      backward = maxDate;
+    }
+    forward = null;
+  }
+  while (forward || backward) {
+    if (forward && utils.isAfter(forward, maxDate)) {
+      forward = null;
+    }
+    if (backward && utils.isBefore(backward, minDate)) {
+      backward = null;
+    }
+    if (forward) {
+      if (!isDateDisabled(forward)) {
+        return forward;
+      }
+      forward = utils.addDays(forward, 1);
+    }
+    if (backward) {
+      if (!isDateDisabled(backward)) {
+        return backward;
+      }
+      backward = utils.addDays(backward, -1);
+    }
+  }
+  return null;
+};
+export const replaceInvalidDateByNull = (utils, value) => !utils.isValid(value) ? null : value;
+export const applyDefaultDate = (utils, value, defaultValue) => {
+  if (value == null || !utils.isValid(value)) {
+    return defaultValue;
+  }
+  return value;
+};
+export const areDatesEqual = (utils, a, b) => {
+  if (!utils.isValid(a) && a != null && !utils.isValid(b) && b != null) {
+    return true;
+  }
+  return utils.isEqual(a, b);
+};
+export const getMonthsInYear = (utils, year) => {
+  const firstMonth = utils.startOfYear(year);
+  const months = [firstMonth];
+  while (months.length < 12) {
+    const prevMonth = months[months.length - 1];
+    months.push(utils.addMonths(prevMonth, 1));
+  }
+  return months;
+};
+export const getTodayDate = (utils, timezone, valueType) => valueType === 'date' ? utils.startOfDay(utils.date(undefined, timezone)) : utils.date(undefined, timezone);
+export const formatMeridiem = (utils, meridiem) => {
+  const date = utils.setHours(utils.date(), meridiem === 'am' ? 2 : 14);
+  return utils.format(date, 'meridiem');
+};
+const dateViews = ['year', 'month', 'day'];
+export const isDatePickerView = view => dateViews.includes(view);
+export const resolveDateFormat = (utils, {
+  format,
+  views
+}, isInToolbar) => {
+  if (format != null) {
+    return format;
+  }
+  const formats = utils.formats;
+  if (areViewsEqual(views, ['year'])) {
+    return formats.year;
+  }
+  if (areViewsEqual(views, ['month'])) {
+    return formats.month;
+  }
+  if (areViewsEqual(views, ['day'])) {
+    return formats.dayOfMonth;
+  }
+  if (areViewsEqual(views, ['month', 'year'])) {
+    return `${formats.month} ${formats.year}`;
+  }
+  if (areViewsEqual(views, ['day', 'month'])) {
+    return `${formats.month} ${formats.dayOfMonth}`;
+  }
+  if (isInToolbar) {
+    // Little localization hack (Google is doing the same for android native pickers):
+    // For english localization it is convenient to include weekday into the date "Mon, Jun 1".
+    // For other locales using strings like "June 1", without weekday.
+    return /en/.test(utils.getCurrentLocaleCode()) ? formats.normalDateWithWeekday : formats.normalDate;
+  }
+  return formats.keyboardDate;
+};
+export const getWeekdays = (utils, date) => {
+  const start = utils.startOfWeek(date);
+  return [0, 1, 2, 3, 4, 5, 6].map(diff => utils.addDays(start, diff));
+};

package/esm/internals/utils/getDefaultReferenceDate.d.ts

@@ -0,0 +1,31 @@
+import { FieldSection, MuiPickersAdapter, PickersTimezone, PickerValidDate } from "../../models/index.js";
+export interface GetDefaultReferenceDateProps {
+  maxDate?: PickerValidDate;
+  minDate?: PickerValidDate;
+  minTime?: PickerValidDate;
+  maxTime?: PickerValidDate;
+  disableIgnoringDatePartForTimeValidation?: boolean;
+}
+export declare const SECTION_TYPE_GRANULARITY: {
+  year: number;
+  month: number;
+  day: number;
+  hours: number;
+  minutes: number;
+  seconds: number;
+  milliseconds: number;
+};
+export declare const getSectionTypeGranularity: (sections: FieldSection[]) => number;
+export declare const getDefaultReferenceDate: ({
+  props,
+  utils,
+  granularity,
+  timezone,
+  getTodayDate: inGetTodayDate
+}: {
+  props: GetDefaultReferenceDateProps;
+  utils: MuiPickersAdapter;
+  granularity: number;
+  timezone: PickersTimezone;
+  getTodayDate?: () => PickerValidDate;
+}) => PickerValidDate;

package/esm/internals/utils/getDefaultReferenceDate.js

@@ -0,0 +1,59 @@
+import { createIsAfterIgnoreDatePart } from "./time-utils.js";
+import { mergeDateAndTime, getTodayDate } from "./date-utils.js";
+export const SECTION_TYPE_GRANULARITY = {
+  year: 1,
+  month: 2,
+  day: 3,
+  hours: 4,
+  minutes: 5,
+  seconds: 6,
+  milliseconds: 7
+};
+export const getSectionTypeGranularity = sections => Math.max(...sections.map(section => SECTION_TYPE_GRANULARITY[section.type] ?? 1));
+const roundDate = (utils, granularity, date) => {
+  if (granularity === SECTION_TYPE_GRANULARITY.year) {
+    return utils.startOfYear(date);
+  }
+  if (granularity === SECTION_TYPE_GRANULARITY.month) {
+    return utils.startOfMonth(date);
+  }
+  if (granularity === SECTION_TYPE_GRANULARITY.day) {
+    return utils.startOfDay(date);
+  }
+
+  // We don't have startOfHour / startOfMinute / startOfSecond
+  let roundedDate = date;
+  if (granularity < SECTION_TYPE_GRANULARITY.minutes) {
+    roundedDate = utils.setMinutes(roundedDate, 0);
+  }
+  if (granularity < SECTION_TYPE_GRANULARITY.seconds) {
+    roundedDate = utils.setSeconds(roundedDate, 0);
+  }
+  if (granularity < SECTION_TYPE_GRANULARITY.milliseconds) {
+    roundedDate = utils.setMilliseconds(roundedDate, 0);
+  }
+  return roundedDate;
+};
+export const getDefaultReferenceDate = ({
+  props,
+  utils,
+  granularity,
+  timezone,
+  getTodayDate: inGetTodayDate
+}) => {
+  let referenceDate = inGetTodayDate ? inGetTodayDate() : roundDate(utils, granularity, getTodayDate(utils, timezone));
+  if (props.minDate != null && utils.isAfterDay(props.minDate, referenceDate)) {
+    referenceDate = roundDate(utils, granularity, props.minDate);
+  }
+  if (props.maxDate != null && utils.isBeforeDay(props.maxDate, referenceDate)) {
+    referenceDate = roundDate(utils, granularity, props.maxDate);
+  }
+  const isAfter = createIsAfterIgnoreDatePart(props.disableIgnoringDatePartForTimeValidation ?? false, utils);
+  if (props.minTime != null && isAfter(props.minTime, referenceDate)) {
+    referenceDate = roundDate(utils, granularity, props.disableIgnoringDatePartForTimeValidation ? props.minTime : mergeDateAndTime(utils, referenceDate, props.minTime));
+  }
+  if (props.maxTime != null && isAfter(referenceDate, props.maxTime)) {
+    referenceDate = roundDate(utils, granularity, props.disableIgnoringDatePartForTimeValidation ? props.maxTime : mergeDateAndTime(utils, referenceDate, props.maxTime));
+  }
+  return referenceDate;
+};

package/esm/internals/utils/time-utils.d.ts

@@ -0,0 +1,19 @@
+import { MuiPickersAdapter, PickerValidDate } from "../../models/index.js";
+import { DateOrTimeViewWithMeridiem, TimeViewWithMeridiem } from "../models/index.js";
+export declare const isTimeView: (view: DateOrTimeViewWithMeridiem) => boolean;
+export declare const isInternalTimeView: (view: DateOrTimeViewWithMeridiem) => view is TimeViewWithMeridiem;
+export type Meridiem = 'am' | 'pm';
+export declare const getMeridiem: (date: PickerValidDate | null, utils: MuiPickersAdapter) => Meridiem | null;
+export declare const convertValueToMeridiem: (value: number, meridiem: Meridiem | null, ampm: boolean) => number;
+export declare const convertToMeridiem: (time: PickerValidDate, meridiem: Meridiem, ampm: boolean, utils: MuiPickersAdapter) => PickerValidDate;
+export declare const getSecondsInDay: (date: PickerValidDate, utils: MuiPickersAdapter) => number;
+export declare const createIsAfterIgnoreDatePart: (disableIgnoringDatePartForTimeValidation: boolean, utils: MuiPickersAdapter) => (dateLeft: PickerValidDate, dateRight: PickerValidDate) => boolean;
+export declare const resolveTimeFormat: (utils: MuiPickersAdapter, {
+  format,
+  views,
+  ampm
+}: {
+  format?: string;
+  views: readonly TimeViewWithMeridiem[];
+  ampm: boolean;
+}) => string;

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

@@ -0,0 +1,58 @@
+import { areViewsEqual } from "./views.js";
+const timeViews = ['hours', 'minutes', 'seconds'];
+export const isTimeView = view => timeViews.includes(view);
+export const isInternalTimeView = view => timeViews.includes(view) || view === 'meridiem';
+export const getMeridiem = (date, utils) => {
+  if (!date) {
+    return null;
+  }
+  return utils.getHours(date) >= 12 ? 'pm' : 'am';
+};
+export const convertValueToMeridiem = (value, meridiem, ampm) => {
+  if (ampm) {
+    const currentMeridiem = value >= 12 ? 'pm' : 'am';
+    if (currentMeridiem !== meridiem) {
+      return meridiem === 'am' ? value - 12 : value + 12;
+    }
+  }
+  return value;
+};
+export const convertToMeridiem = (time, meridiem, ampm, utils) => {
+  const newHoursAmount = convertValueToMeridiem(utils.getHours(time), meridiem, ampm);
+  return utils.setHours(time, newHoursAmount);
+};
+export const getSecondsInDay = (date, utils) => {
+  return utils.getHours(date) * 3600 + utils.getMinutes(date) * 60 + utils.getSeconds(date);
+};
+export const createIsAfterIgnoreDatePart = (disableIgnoringDatePartForTimeValidation, utils) => (dateLeft, dateRight) => {
+  if (disableIgnoringDatePartForTimeValidation) {
+    return utils.isAfter(dateLeft, dateRight);
+  }
+  return getSecondsInDay(dateLeft, utils) > getSecondsInDay(dateRight, utils);
+};
+export const resolveTimeFormat = (utils, {
+  format,
+  views,
+  ampm
+}) => {
+  if (format != null) {
+    return format;
+  }
+  const formats = utils.formats;
+  if (areViewsEqual(views, ['hours'])) {
+    return ampm ? `${formats.hours12h} ${formats.meridiem}` : formats.hours24h;
+  }
+  if (areViewsEqual(views, ['minutes'])) {
+    return formats.minutes;
+  }
+  if (areViewsEqual(views, ['seconds'])) {
+    return formats.seconds;
+  }
+  if (areViewsEqual(views, ['minutes', 'seconds'])) {
+    return `${formats.minutes}:${formats.seconds}`;
+  }
+  if (areViewsEqual(views, ['hours', 'minutes', 'seconds'])) {
+    return ampm ? `${formats.hours12h}:${formats.minutes}:${formats.seconds} ${formats.meridiem}` : `${formats.hours24h}:${formats.minutes}:${formats.seconds}`;
+  }
+  return ampm ? `${formats.hours12h}:${formats.minutes} ${formats.meridiem}` : `${formats.hours24h}:${formats.minutes}`;
+};

package/esm/internals/utils/utils.d.ts

@@ -0,0 +1,16 @@
+import { Theme } from '@mui/material/styles';
+import { SxProps, SystemStyleObject } from '@mui/system';
+import * as React from 'react';
+export declare function arrayIncludes<T>(array: T[] | readonly T[], itemOrItems: T | T[]): boolean;
+export declare const onSpaceOrEnter: (innerFn: (ev: React.MouseEvent<any> | React.KeyboardEvent<any>) => void, externalEvent?: (event: React.KeyboardEvent<any>) => void) => (event: React.KeyboardEvent) => void;
+export declare const executeInTheNextEventLoopTick: (fn: () => void) => void;
+export declare const getActiveElement: (root?: Document | ShadowRoot) => Element | null;
+/**
+ * Gets the index of the focused list item in a given ul list element.
+ *
+ * @param {HTMLUListElement} listElement - The list element to search within.
+ * @returns {number} The index of the focused list item, or -1 if none is focused.
+ */
+export declare const getFocusedListItemIndex: (listElement: HTMLUListElement) => number;
+export declare const DEFAULT_DESKTOP_MODE_MEDIA_QUERY = "@media (pointer: fine)";
+export declare function mergeSx(...sxProps: (SxProps<Theme> | undefined)[]): ReadonlyArray<boolean | SystemStyleObject<Theme> | ((theme: Theme) => SystemStyleObject<Theme>)>;

package/esm/internals/utils/utils.js

@@ -0,0 +1,56 @@
+/* Use it instead of .includes method for IE support */
+export function arrayIncludes(array, itemOrItems) {
+  if (Array.isArray(itemOrItems)) {
+    return itemOrItems.every(item => array.indexOf(item) !== -1);
+  }
+  return array.indexOf(itemOrItems) !== -1;
+}
+export const onSpaceOrEnter = (innerFn, externalEvent) => event => {
+  if (event.key === 'Enter' || event.key === ' ') {
+    innerFn(event);
+
+    // prevent any side effects
+    event.preventDefault();
+    event.stopPropagation();
+  }
+  if (externalEvent) {
+    externalEvent(event);
+  }
+};
+export const executeInTheNextEventLoopTick = fn => {
+  setTimeout(fn, 0);
+};
+
+// https://www.abeautifulsite.net/posts/finding-the-active-element-in-a-shadow-root/
+export const getActiveElement = (root = document) => {
+  const activeEl = root.activeElement;
+  if (!activeEl) {
+    return null;
+  }
+  if (activeEl.shadowRoot) {
+    return getActiveElement(activeEl.shadowRoot);
+  }
+  return activeEl;
+};
+
+/**
+ * Gets the index of the focused list item in a given ul list element.
+ *
+ * @param {HTMLUListElement} listElement - The list element to search within.
+ * @returns {number} The index of the focused list item, or -1 if none is focused.
+ */
+export const getFocusedListItemIndex = listElement => {
+  const children = Array.from(listElement.children);
+  return children.indexOf(getActiveElement(document));
+};
+export const DEFAULT_DESKTOP_MODE_MEDIA_QUERY = '@media (pointer: fine)';
+export function mergeSx(...sxProps) {
+  return sxProps.reduce((acc, sxProp) => {
+    if (Array.isArray(sxProp)) {
+      acc.push(...sxProp);
+    } else if (sxProp != null) {
+      acc.push(sxProp);
+    }
+    return acc;
+  }, []);
+}

package/esm/internals/utils/valueManagers.d.ts

@@ -0,0 +1,7 @@
+import type { PickerValueManager } from '../models';
+import { DateValidationError, TimeValidationError, DateTimeValidationError } from "../../models/index.js";
+import type { FieldValueManager } from '../hooks/useField';
+import { PickerValue } from "../models/index.js";
+export type SingleItemPickerValueManager<TError extends DateValidationError | TimeValidationError | DateTimeValidationError = any> = PickerValueManager<PickerValue, TError>;
+export declare const singleItemValueManager: SingleItemPickerValueManager;
+export declare const singleItemFieldValueManager: FieldValueManager<PickerValue>;

package/esm/internals/utils/valueManagers.js

@@ -0,0 +1,44 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["value", "referenceDate"];
+import { areDatesEqual, getTodayDate, replaceInvalidDateByNull } from "./date-utils.js";
+import { getDefaultReferenceDate } from "./getDefaultReferenceDate.js";
+import { createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections } from "../hooks/useField/useField.utils.js";
+export const singleItemValueManager = {
+  emptyValue: null,
+  getTodayValue: getTodayDate,
+  getInitialReferenceValue: _ref => {
+    let {
+        value,
+        referenceDate
+      } = _ref,
+      params = _objectWithoutPropertiesLoose(_ref, _excluded);
+    if (params.utils.isValid(value)) {
+      return value;
+    }
+    if (referenceDate != null) {
+      return referenceDate;
+    }
+    return getDefaultReferenceDate(params);
+  },
+  cleanValue: replaceInvalidDateByNull,
+  areValuesEqual: areDatesEqual,
+  isSameError: (a, b) => a === b,
+  hasError: error => error != null,
+  defaultErrorState: null,
+  getTimezone: (utils, value) => utils.isValid(value) ? utils.getTimezone(value) : null,
+  setTimezone: (utils, timezone, value) => value == null ? null : utils.setTimezone(value, timezone)
+};
+export const singleItemFieldValueManager = {
+  updateReferenceValue: (utils, value, prevReferenceValue) => utils.isValid(value) ? value : prevReferenceValue,
+  getSectionsFromValue: (date, getSectionsFromDate) => getSectionsFromDate(date),
+  getV7HiddenInputValueFromSections: createDateStrForV7HiddenInputFromSections,
+  getV6InputValueFromSections: createDateStrForV6InputFromSections,
+  parseValueStr: (valueStr, referenceValue, parseDate) => parseDate(valueStr.trim(), referenceValue),
+  getDateFromSection: value => value,
+  getDateSectionsFromValue: sections => sections,
+  updateDateInValue: (value, activeSection, activeDate) => activeDate,
+  clearDateSections: sections => sections.map(section => _extends({}, section, {
+    value: ''
+  }))
+};

package/esm/internals/utils/views.d.ts

@@ -0,0 +1,16 @@
+import { DateOrTimeViewWithMeridiem } from "../models/index.js";
+export declare const areViewsEqual: <TView extends DateOrTimeViewWithMeridiem>(views: ReadonlyArray<DateOrTimeViewWithMeridiem>, expectedViews: TView[]) => views is ReadonlyArray<TView>;
+export declare const applyDefaultViewProps: <TView extends DateOrTimeViewWithMeridiem>({
+  openTo,
+  defaultOpenTo,
+  views,
+  defaultViews
+}: {
+  openTo: TView | undefined;
+  defaultOpenTo: TView;
+  views: readonly TView[] | undefined;
+  defaultViews: readonly TView[];
+}) => {
+  views: readonly TView[];
+  openTo: TView;
+};

package/esm/internals/utils/views.js

@@ -0,0 +1,28 @@
+export const areViewsEqual = (views, expectedViews) => {
+  if (views.length !== expectedViews.length) {
+    return false;
+  }
+  return expectedViews.every(expectedView => views.includes(expectedView));
+};
+export const applyDefaultViewProps = ({
+  openTo,
+  defaultOpenTo,
+  views,
+  defaultViews
+}) => {
+  const viewsWithDefault = views ?? defaultViews;
+  let openToWithDefault;
+  if (openTo != null) {
+    openToWithDefault = openTo;
+  } else if (viewsWithDefault.includes(defaultOpenTo)) {
+    openToWithDefault = defaultOpenTo;
+  } else if (viewsWithDefault.length > 0) {
+    openToWithDefault = viewsWithDefault[0];
+  } else {
+    throw new Error('MUI X: The `views` prop must contain at least one view.');
+  }
+  return {
+    views: viewsWithDefault,
+    openTo: openToWithDefault
+  };
+};

package/esm/locales/beBY.d.ts

@@ -0,0 +1,82 @@
+import { TimeViewWithMeridiem } from "../internals/models/index.js";
+export declare const beBY: {
+  components: {
+    MuiLocalizationProvider: {
+      defaultProps: {
+        localeText: {
+          previousMonth?: string | undefined;
+          nextMonth?: string | undefined;
+          calendarWeekNumberHeaderLabel?: string | undefined;
+          calendarWeekNumberHeaderText?: string | undefined;
+          calendarWeekNumberAriaLabelText?: ((weekNumber: number) => string) | undefined;
+          calendarWeekNumberText?: ((weekNumber: number) => string) | undefined;
+          openPreviousView?: string | undefined;
+          openNextView?: string | undefined;
+          calendarViewSwitchingButtonAriaLabel?: ((currentView: import("@mui/x-date-pickers/models").DateView) => string) | undefined;
+          start?: string | undefined;
+          end?: string | undefined;
+          startDate?: string | undefined;
+          startTime?: string | undefined;
+          endDate?: string | undefined;
+          endTime?: string | undefined;
+          cancelButtonLabel?: string | undefined;
+          clearButtonLabel?: string | undefined;
+          okButtonLabel?: string | undefined;
+          todayButtonLabel?: string | undefined;
+          clockLabelText?: ((view: import("@mui/x-date-pickers/models").TimeView, formattedTime: string | null) => string) | undefined;
+          hoursClockNumberText?: ((hours: string) => string) | undefined;
+          minutesClockNumberText?: ((minutes: string) => string) | undefined;
+          secondsClockNumberText?: ((seconds: string) => string) | undefined;
+          selectViewText?: ((view: TimeViewWithMeridiem) => string) | undefined;
+          openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
+          openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
+          openRangePickerDialogue?: ((formattedRange: string | null) => string) | undefined;
+          fieldClearLabel?: string | undefined;
+          timeTableLabel?: string | undefined;
+          dateTableLabel?: string | undefined;
+          fieldYearPlaceholder?: ((params: {
+            digitAmount: number;
+            format: string;
+          }) => string) | undefined;
+          fieldMonthPlaceholder?: ((params: {
+            contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
+            format: string;
+          }) => string) | undefined;
+          fieldDayPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldWeekDayPlaceholder?: ((params: {
+            contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
+            format: string;
+          }) => string) | undefined;
+          fieldHoursPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldMinutesPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldSecondsPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          fieldMeridiemPlaceholder?: ((params: {
+            format: string;
+          }) => string) | undefined;
+          year?: string | undefined;
+          month?: string | undefined;
+          day?: string | undefined;
+          weekDay?: string | undefined;
+          hours?: string | undefined;
+          minutes?: string | undefined;
+          seconds?: string | undefined;
+          meridiem?: string | undefined;
+          empty?: string | undefined;
+          datePickerToolbarTitle?: string | undefined;
+          timePickerToolbarTitle?: string | undefined;
+          dateTimePickerToolbarTitle?: string | undefined;
+          dateRangePickerToolbarTitle?: string | undefined;
+          timeRangePickerToolbarTitle?: string | undefined;
+        };
+      };
+    };
+  };
+};