@mui/x-date-pickers 9.0.0-alpha.1 → 9.0.0-alpha.2

package/esm/internals/hooks/useField/buildSectionsFromFormat.js

@@ -1,255 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { applyLocalizedDigits, cleanLeadingZeros, doesSectionFormatHaveLeadingZeros, getDateSectionConfigFromFormatToken, removeLocalizedDigits } from "./useField.utils.js";
-const expandFormat = ({
-  adapter,
-  format
-}) => {
-  // Expand the provided format
-  let formatExpansionOverflow = 10;
-  let prevFormat = format;
-  let nextFormat = adapter.expandFormat(format);
-  while (nextFormat !== prevFormat) {
-    prevFormat = nextFormat;
-    nextFormat = adapter.expandFormat(prevFormat);
-    formatExpansionOverflow -= 1;
-    if (formatExpansionOverflow < 0) {
-      throw new Error('MUI X: The format expansion seems to be in an infinite loop. Please open an issue with the format passed to the component.');
-    }
-  }
-  return nextFormat;
-};
-const getEscapedPartsFromFormat = ({
-  adapter,
-  expandedFormat
-}) => {
-  const escapedParts = [];
-  const {
-    start: startChar,
-    end: endChar
-  } = adapter.escapedCharacters;
-  const regExp = new RegExp(`(\\${startChar}[^\\${endChar}]*\\${endChar})+`, 'g');
-  let match = null;
-  // eslint-disable-next-line no-cond-assign
-  while (match = regExp.exec(expandedFormat)) {
-    escapedParts.push({
-      start: match.index,
-      end: regExp.lastIndex - 1
-    });
-  }
-  return escapedParts;
-};
-const getSectionPlaceholder = (adapter, localeText, sectionConfig, sectionFormat) => {
-  switch (sectionConfig.type) {
-    case 'year':
-      {
-        return localeText.fieldYearPlaceholder({
-          digitAmount: adapter.formatByString(adapter.date(undefined, 'default'), sectionFormat).length,
-          format: sectionFormat
-        });
-      }
-    case 'month':
-      {
-        return localeText.fieldMonthPlaceholder({
-          contentType: sectionConfig.contentType,
-          format: sectionFormat
-        });
-      }
-    case 'day':
-      {
-        return localeText.fieldDayPlaceholder({
-          format: sectionFormat
-        });
-      }
-    case 'weekDay':
-      {
-        return localeText.fieldWeekDayPlaceholder({
-          contentType: sectionConfig.contentType,
-          format: sectionFormat
-        });
-      }
-    case 'hours':
-      {
-        return localeText.fieldHoursPlaceholder({
-          format: sectionFormat
-        });
-      }
-    case 'minutes':
-      {
-        return localeText.fieldMinutesPlaceholder({
-          format: sectionFormat
-        });
-      }
-    case 'seconds':
-      {
-        return localeText.fieldSecondsPlaceholder({
-          format: sectionFormat
-        });
-      }
-    case 'meridiem':
-      {
-        return localeText.fieldMeridiemPlaceholder({
-          format: sectionFormat
-        });
-      }
-    default:
-      {
-        return sectionFormat;
-      }
-  }
-};
-const createSection = ({
-  adapter,
-  date,
-  shouldRespectLeadingZeros,
-  localeText,
-  localizedDigits,
-  now,
-  token,
-  startSeparator
-}) => {
-  if (token === '') {
-    throw new Error('MUI X: Should not call `commitToken` with an empty token');
-  }
-  const sectionConfig = getDateSectionConfigFromFormatToken(adapter, token);
-  const hasLeadingZerosInFormat = doesSectionFormatHaveLeadingZeros(adapter, sectionConfig.contentType, sectionConfig.type, token);
-  const hasLeadingZerosInInput = shouldRespectLeadingZeros ? hasLeadingZerosInFormat : sectionConfig.contentType === 'digit';
-  const isValidDate = adapter.isValid(date);
-  let sectionValue = isValidDate ? adapter.formatByString(date, token) : '';
-  let maxLength = null;
-  if (hasLeadingZerosInInput) {
-    if (hasLeadingZerosInFormat) {
-      maxLength = sectionValue === '' ? adapter.formatByString(now, token).length : sectionValue.length;
-    } else {
-      if (sectionConfig.maxLength == null) {
-        throw new Error(`MUI X: The token ${token} should have a 'maxLength' property on it's adapter`);
-      }
-      maxLength = sectionConfig.maxLength;
-      if (isValidDate) {
-        sectionValue = applyLocalizedDigits(cleanLeadingZeros(removeLocalizedDigits(sectionValue, localizedDigits), maxLength), localizedDigits);
-      }
-    }
-  }
-  return _extends({}, sectionConfig, {
-    format: token,
-    maxLength,
-    value: sectionValue,
-    placeholder: getSectionPlaceholder(adapter, localeText, sectionConfig, token),
-    hasLeadingZerosInFormat,
-    hasLeadingZerosInInput,
-    startSeparator,
-    endSeparator: '',
-    modified: false
-  });
-};
-const buildSections = parameters => {
-  const {
-    adapter,
-    expandedFormat,
-    escapedParts
-  } = parameters;
-  const now = adapter.date(undefined);
-  const sections = [];
-  let startSeparator = '';
-
-  // This RegExp tests if the beginning of a string corresponds to a supported token
-  const validTokens = Object.keys(adapter.formatTokenMap).sort((a, b) => b.length - a.length); // Sort to put longest word first
-
-  const regExpFirstWordInFormat = /^([a-zA-Z]+)/;
-  const regExpWordOnlyComposedOfTokens = new RegExp(`^(${validTokens.join('|')})*$`);
-  const regExpFirstTokenInWord = new RegExp(`^(${validTokens.join('|')})`);
-  const getEscapedPartOfCurrentChar = i => escapedParts.find(escapeIndex => escapeIndex.start <= i && escapeIndex.end >= i);
-  let i = 0;
-  while (i < expandedFormat.length) {
-    const escapedPartOfCurrentChar = getEscapedPartOfCurrentChar(i);
-    const isEscapedChar = escapedPartOfCurrentChar != null;
-    const firstWordInFormat = regExpFirstWordInFormat.exec(expandedFormat.slice(i))?.[1];
-
-    // The first word in the format is only composed of tokens.
-    // We extract those tokens to create a new sections.
-    if (!isEscapedChar && firstWordInFormat != null && regExpWordOnlyComposedOfTokens.test(firstWordInFormat)) {
-      let word = firstWordInFormat;
-      while (word.length > 0) {
-        const firstWord = regExpFirstTokenInWord.exec(word)[1];
-        word = word.slice(firstWord.length);
-        sections.push(createSection(_extends({}, parameters, {
-          now,
-          token: firstWord,
-          startSeparator
-        })));
-        startSeparator = '';
-      }
-      i += firstWordInFormat.length;
-    }
-    // The remaining format does not start with a token,
-    // We take the first character and add it to the current section's end separator.
-    else {
-      const char = expandedFormat[i];
-
-      // If we are on the opening or closing character of an escaped part of the format,
-      // Then we ignore this character.
-      const isEscapeBoundary = isEscapedChar && escapedPartOfCurrentChar?.start === i || escapedPartOfCurrentChar?.end === i;
-      if (!isEscapeBoundary) {
-        if (sections.length === 0) {
-          startSeparator += char;
-        } else {
-          sections[sections.length - 1].endSeparator += char;
-          sections[sections.length - 1].isEndFormatSeparator = true;
-        }
-      }
-      i += 1;
-    }
-  }
-  if (sections.length === 0 && startSeparator.length > 0) {
-    sections.push({
-      type: 'empty',
-      contentType: 'letter',
-      maxLength: null,
-      format: '',
-      value: '',
-      placeholder: '',
-      hasLeadingZerosInFormat: false,
-      hasLeadingZerosInInput: false,
-      startSeparator,
-      endSeparator: '',
-      modified: false
-    });
-  }
-  return sections;
-};
-const postProcessSections = ({
-  isRtl,
-  formatDensity,
-  sections
-}) => {
-  return sections.map(section => {
-    const cleanSeparator = separator => {
-      let cleanedSeparator = separator;
-      if (isRtl && cleanedSeparator !== null && cleanedSeparator.includes(' ')) {
-        cleanedSeparator = `\u2069${cleanedSeparator}\u2066`;
-      }
-      if (formatDensity === 'spacious' && ['/', '.', '-'].includes(cleanedSeparator)) {
-        cleanedSeparator = ` ${cleanedSeparator} `;
-      }
-      return cleanedSeparator;
-    };
-    section.startSeparator = cleanSeparator(section.startSeparator);
-    section.endSeparator = cleanSeparator(section.endSeparator);
-    return section;
-  });
-};
-export const buildSectionsFromFormat = parameters => {
-  let expandedFormat = expandFormat(parameters);
-  if (parameters.isRtl && parameters.enableAccessibleFieldDOMStructure) {
-    expandedFormat = expandedFormat.split(' ').reverse().join(' ');
-  }
-  const escapedParts = getEscapedPartsFromFormat(_extends({}, parameters, {
-    expandedFormat
-  }));
-  const sections = buildSections(_extends({}, parameters, {
-    expandedFormat,
-    escapedParts
-  }));
-  return postProcessSections(_extends({}, parameters, {
-    sections
-  }));
-};

package/esm/internals/hooks/useField/index.d.ts

@@ -1,4 +0,0 @@
-export { useField } from "./useField.js";
-export type { UseFieldInternalProps, UseFieldParameters, UseFieldReturnValue, UseFieldProps, FieldValueManager, FieldChangeHandler, FieldChangeHandlerContext } from "./useField.types.js";
-export { createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections } from "./useField.utils.js";
-export { useFieldInternalPropsWithDefaults } from "./useFieldInternalPropsWithDefaults.js";

package/esm/internals/hooks/useField/index.js

@@ -1,3 +0,0 @@
-export { useField } from "./useField.js";
-export { createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections } from "./useField.utils.js";
-export { useFieldInternalPropsWithDefaults } from "./useFieldInternalPropsWithDefaults.js";

package/esm/internals/hooks/useField/syncSelectionToDOM.d.ts

@@ -1,9 +0,0 @@
-import { PickerValidValue } from "../../models/index.js";
-import { UseFieldDOMGetters } from "./useField.types.js";
-import { UseFieldStateReturnValue } from "./useFieldState.js";
-export declare function syncSelectionToDOM<TValue extends PickerValidValue>(parameters: SyncSelectionToDOMParameters<TValue>): void;
-export interface SyncSelectionToDOMParameters<TValue extends PickerValidValue> {
-  domGetters: UseFieldDOMGetters;
-  stateResponse: UseFieldStateReturnValue<TValue>;
-  focused: boolean;
-}

package/esm/internals/hooks/useField/syncSelectionToDOM.js

@@ -1,53 +0,0 @@
-import ownerDocument from '@mui/utils/ownerDocument';
-import { getActiveElement } from "../../utils/utils.js";
-export function syncSelectionToDOM(parameters) {
-  const {
-    focused,
-    domGetters,
-    stateResponse: {
-      // States and derived states
-      parsedSelectedSections,
-      state
-    }
-  } = parameters;
-  if (!domGetters.isReady()) {
-    return;
-  }
-  const selection = ownerDocument(domGetters.getRoot()).getSelection();
-  if (!selection) {
-    return;
-  }
-  if (parsedSelectedSections == null) {
-    // If the selection contains an element inside the field, we reset it.
-    if (selection.rangeCount > 0 &&
-    // Firefox can return a Restricted object here
-    selection.getRangeAt(0).startContainer instanceof Node && domGetters.getRoot().contains(selection.getRangeAt(0).startContainer)) {
-      selection.removeAllRanges();
-    }
-    if (focused) {
-      domGetters.getRoot().blur();
-    }
-    return;
-  }
-
-  // On multi input range pickers we want to update selection range only for the active input
-  if (!domGetters.getRoot().contains(getActiveElement(domGetters.getRoot()))) {
-    return;
-  }
-  const range = new window.Range();
-  let target;
-  if (parsedSelectedSections === 'all') {
-    target = domGetters.getRoot();
-  } else {
-    const section = state.sections[parsedSelectedSections];
-    if (section.type === 'empty') {
-      target = domGetters.getSectionContainer(parsedSelectedSections);
-    } else {
-      target = domGetters.getSectionContent(parsedSelectedSections);
-    }
-  }
-  range.selectNodeContents(target);
-  target.focus();
-  selection.removeAllRanges();
-  selection.addRange(range);
-}

package/esm/internals/hooks/useField/useField.d.ts

@@ -1,3 +0,0 @@
-import { UseFieldParameters, UseFieldReturnValue, UseFieldProps } from "./useField.types.js";
-import { PickerValidValue } from "../../models/index.js";
-export declare const useField: <TValue extends PickerValidValue, TEnableAccessibleFieldDOMStructure extends boolean, TError, TValidationProps extends {}, TProps extends UseFieldProps<TEnableAccessibleFieldDOMStructure>>(parameters: UseFieldParameters<TValue, TEnableAccessibleFieldDOMStructure, TError, TValidationProps, TProps>) => UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;

package/esm/internals/hooks/useField/useField.js

@@ -1,9 +0,0 @@
-import { useFieldV7TextField } from "./useFieldV7TextField.js";
-import { useFieldV6TextField } from "./useFieldV6TextField.js";
-import { useNullableFieldPrivateContext } from "../useNullableFieldPrivateContext.js";
-export const useField = parameters => {
-  const fieldPrivateContext = useNullableFieldPrivateContext();
-  const enableAccessibleFieldDOMStructure = parameters.props.enableAccessibleFieldDOMStructure ?? fieldPrivateContext?.enableAccessibleFieldDOMStructure ?? true;
-  const useFieldTextField = enableAccessibleFieldDOMStructure ? useFieldV7TextField : useFieldV6TextField;
-  return useFieldTextField(parameters);
-};

package/esm/internals/hooks/useField/useField.types.d.ts

@@ -1,329 +0,0 @@
-import * as React from 'react';
-import { FieldSectionType, FieldSection, FieldSelectedSections, MuiPickersAdapter, TimezoneProps, FieldSectionContentType, PickerValidDate, FieldRef, OnErrorProps, InferFieldSection, PickerManager, PickerValueType } from "../../../models/index.js";
-import { InternalPropNames } from "../../../hooks/useSplitFieldProps.js";
-import type { PickersSectionElement, PickersSectionListRef } from "../../../PickersSectionList/index.js";
-import { FormProps, InferNonNullablePickerValue, PickerRangeValue, PickerValidValue } from "../../models/index.js";
-export interface UseFieldParameters<TValue extends PickerValidValue, TEnableAccessibleFieldDOMStructure extends boolean, TError, TValidationProps extends {}, TProps extends UseFieldProps<TEnableAccessibleFieldDOMStructure>> {
-  manager: PickerManager<TValue, TEnableAccessibleFieldDOMStructure, TError, TValidationProps, any>;
-  props: TProps;
-  skipContextFieldRefAssignment?: boolean;
-}
-export interface UseFieldInternalProps<TValue extends PickerValidValue, TEnableAccessibleFieldDOMStructure extends boolean, TError> extends TimezoneProps, FormProps, OnErrorProps<TValue, TError> {
-  /**
-   * The selected value.
-   * Used when the component is controlled.
-   */
-  value?: TValue;
-  /**
-   * The default value. Use when the component is not controlled.
-   */
-  defaultValue?: TValue;
-  /**
-   * The date used to generate a part of the new value that is not present in the format when both `value` and `defaultValue` are empty.
-   * For example, on time fields it will be used to determine the date to set.
-   * @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`. Value is rounded to the most granular section used.
-   */
-  referenceDate?: TValue extends PickerRangeValue ? TValue | PickerValidDate : PickerValidDate;
-  /**
-   * Callback fired when the value changes.
-   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
-   * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
-   * @param {TValue} value The new value.
-   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
-   */
-  onChange?: FieldChangeHandler<TValue, TError>;
-  /**
-   * Format of the date when rendered in the input(s).
-   */
-  format: string;
-  /**
-   * Density of the format when rendered in the input.
-   * Setting `formatDensity` to `"spacious"` will add a space before and after each `/`, `-` and `.` character.
-   * @default "dense"
-   */
-  formatDensity?: 'dense' | 'spacious';
-  /**
-   * If `true`, the format will respect the leading zeroes (for example on dayjs, the format `M/D/YYYY` will render `8/16/2018`)
-   * If `false`, the format will always add leading zeroes (for example on dayjs, the format `M/D/YYYY` will render `08/16/2018`)
-   *
-   * Warning n°1: Luxon is not able to respect the leading zeroes when using macro tokens (for example "DD"), so `shouldRespectLeadingZeros={true}` might lead to inconsistencies when using `AdapterLuxon`.
-   *
-   * Warning n°2: When `shouldRespectLeadingZeros={true}`, the field will add an invisible character on the sections containing a single digit to make sure `onChange` is fired.
-   * If you need to get the clean value from the input, you can remove this character using `input.value.replace(/\u200e/g, '')`.
-   *
-   * Warning n°3: When used in strict mode, dayjs and moment require to respect the leading zeros.
-   * This mean that when using `shouldRespectLeadingZeros={false}`, if you retrieve the value directly from the input (not listening to `onChange`) and your format contains tokens without leading zeros, the value will not be parsed by your library.
-   *
-   * @default false
-   */
-  shouldRespectLeadingZeros?: boolean;
-  /**
-   * The currently selected sections.
-   * This prop accepts four formats:
-   * 1. If a number is provided, the section at this index will be selected.
-   * 2. If a string of type `FieldSectionType` is provided, the first section with that name will be selected.
-   * 3. If `"all"` is provided, all the sections will be selected.
-   * 4. If `null` is provided, no section will be selected.
-   * If not provided, the selected sections will be handled internally.
-   */
-  selectedSections?: FieldSelectedSections;
-  /**
-   * Callback fired when the selected sections change.
-   * @param {FieldSelectedSections} newValue The new selected sections.
-   */
-  onSelectedSectionsChange?: (newValue: FieldSelectedSections) => void;
-  /**
-   * The ref object used to imperatively interact with the field.
-   */
-  unstableFieldRef?: React.Ref<FieldRef<TValue>>;
-  /**
-   * @default true
-   */
-  enableAccessibleFieldDOMStructure?: TEnableAccessibleFieldDOMStructure;
-  /**
-   * If `true`, the `input` element is focused during the first mount.
-   * @default false
-   */
-  autoFocus?: boolean;
-  /**
-   * If `true`, the component is displayed in focused state.
-   */
-  focused?: boolean;
-}
-export type UseFieldForwardedProps<TEnableAccessibleFieldDOMStructure extends boolean> = TEnableAccessibleFieldDOMStructure extends false ? {
-  clearable?: boolean;
-  error?: boolean;
-  placeholder?: string;
-  inputRef?: React.Ref<HTMLInputElement>;
-  onClick?: React.MouseEventHandler;
-  onFocus?: React.FocusEventHandler;
-  onKeyDown?: React.KeyboardEventHandler;
-  onBlur?: React.FocusEventHandler;
-  onPaste?: React.ClipboardEventHandler<HTMLDivElement>;
-  onClear?: React.MouseEventHandler;
-} : {
-  clearable?: boolean;
-  error?: boolean;
-  focused?: boolean;
-  sectionListRef?: React.Ref<PickersSectionListRef>;
-  onClick?: React.MouseEventHandler;
-  onKeyDown?: React.KeyboardEventHandler;
-  onFocus?: React.FocusEventHandler;
-  onBlur?: React.FocusEventHandler;
-  onInput?: React.FormEventHandler<HTMLDivElement>;
-  onPaste?: React.ClipboardEventHandler<HTMLDivElement>;
-  onClear?: React.MouseEventHandler;
-};
-type UseFieldAdditionalProps<TEnableAccessibleFieldDOMStructure extends boolean> = TEnableAccessibleFieldDOMStructure extends false ? {
-  /**
-   * The aria label to set on the button that opens the Picker.
-   */
-  openPickerAriaLabel: string;
-  enableAccessibleFieldDOMStructure: false;
-  focused: boolean | undefined;
-  inputMode: 'text' | 'numeric';
-  placeholder: string;
-  value: string;
-  onChange: React.ChangeEventHandler<HTMLInputElement>;
-  autoComplete: 'off';
-} : {
-  /**
-   * The aria label to set on the button that opens the Picker.
-   */
-  openPickerAriaLabel: string;
-  enableAccessibleFieldDOMStructure: true;
-  elements: PickersSectionElement[];
-  tabIndex: number | undefined;
-  contentEditable: boolean;
-  value: string;
-  onChange: React.ChangeEventHandler<HTMLInputElement>;
-  areAllSectionsEmpty: boolean;
-  focused: boolean;
-};
-export type UseFieldReturnValue<TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseFieldProps<TEnableAccessibleFieldDOMStructure>> = Required<Pick<UseFieldInternalProps<any, any, any>, 'disabled' | 'readOnly' | 'autoFocus'>> & Required<UseFieldForwardedProps<TEnableAccessibleFieldDOMStructure>> & UseFieldAdditionalProps<TEnableAccessibleFieldDOMStructure> & Omit<TProps, InternalPropNames<PickerValueType>>;
-export type FieldSectionValueBoundaries<SectionType extends FieldSectionType> = {
-  minimum: number;
-  maximum: number;
-} & (SectionType extends 'day' ? {
-  longestMonth: PickerValidDate;
-} : {});
-export type FieldSectionsValueBoundaries = { [SectionType in FieldSectionType]: (params: {
-  currentDate: PickerValidDate | null;
-  format: string;
-  contentType: FieldSectionContentType;
-}) => FieldSectionValueBoundaries<SectionType> };
-export type FieldSectionsBoundaries = { [SectionType in FieldSectionType]: {
-  minimum: number;
-  maximum: number;
-} };
-export type FieldChangeHandler<TValue extends PickerValidValue, TError> = (value: TValue, context: FieldChangeHandlerContext<TError>) => void;
-export interface FieldChangeHandlerContext<TError> {
-  validationError: TError;
-}
-export type FieldParsedSelectedSections = number | 'all' | null;
-export interface FieldValueManager<TValue extends PickerValidValue> {
-  /**
-   * Creates the section list from the current value.
-   * The `prevSections` are used on the range fields to avoid losing the sections of a partially filled date when editing the other date.
-   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
-   * @param {TValue} value The current value to generate sections from.
-   * @param {(date: PickerValidDate | null) => FieldSection[]} getSectionsFromDate Returns the sections of the given date.
-   * @returns {InferFieldSection<TValue>[]}  The new section list.
-   */
-  getSectionsFromValue: (value: TValue, getSectionsFromDate: (date: PickerValidDate | null) => FieldSection[]) => InferFieldSection<TValue>[];
-  /**
-   * Creates the string value to render in the input based on the current section list.
-   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
-   * @param {InferFieldSection<TValue>[]} sections The current section list.
-   * @param {string} localizedDigits The conversion table from localized to 0-9 digits.
-   * @param {boolean} isRtl `true` if the current orientation is "right to left"
-   * @returns {string} The string value to render in the input.
-   */
-  getV6InputValueFromSections: (sections: InferFieldSection<TValue>[], localizedDigits: string[], isRtl: boolean) => string;
-  /**
-   * Creates the string value to render in the input based on the current section list.
-   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
-   * @param {InferFieldSection<TValue>[]} sections The current section list.
-   * @returns {string} The string value to render in the input.
-   */
-  getV7HiddenInputValueFromSections: (sections: InferFieldSection<TValue>[]) => string;
-  /**
-   * Parses a string version (most of the time coming from the input).
-   * This method should only be used when the change does not come from a single section.
-   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
-   * @param {string} valueStr The string value to parse.
-   * @param {TValue} referenceValue The reference value currently stored in state.
-   * @param {(dateStr: string, referenceDate: PickerValidDate) => PickerValidDate | null} parseDate A method to convert a string date into a parsed one.
-   * @returns {TValue} The new parsed value.
-   */
-  parseValueStr: (valueStr: string, referenceValue: InferNonNullablePickerValue<TValue>, parseDate: (dateStr: string, referenceDate: PickerValidDate) => PickerValidDate | null) => TValue;
-  /**
-   * Update the reference value with the new value.
-   * This method must make sure that no date inside the returned `referenceValue` is invalid.
-   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
-   * @param {MuiPickersAdapter} adapter The adapter to manipulate the date.
-   * @param {TValue} value The new value from which we want to take all valid dates in the `referenceValue` state.
-   * @param {TValue} prevReferenceValue The previous reference value. It is used as a fallback for invalid dates in the new value.
-   * @returns {TValue} The new reference value with no invalid date.
-   */
-  updateReferenceValue: (adapter: MuiPickersAdapter, value: TValue, prevReferenceValue: InferNonNullablePickerValue<TValue>) => InferNonNullablePickerValue<TValue>;
-  /**
-   * Extract from the given value the date that contains the given section.
-   * @param {TValue} value The value to extract the date from.
-   * @param {InferFieldSection<TValue>} section The section to get the date from.
-   * @returns {PickerValidDate | null} The date that contains the section.
-   */
-  getDateFromSection: (value: TValue, section: InferFieldSection<TValue>) => PickerValidDate | null;
-  /**
-   * Get the sections of the date that contains the given section.
-   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
-   * @param  {InferFieldSection<TValue>[]} sections The sections of the full value.
-   * @param {InferFieldSection<TValue>} section A section of the date from which we want to get all the sections.
-   * @returns {InferFieldSection<TValue>[]} The sections of the date that contains the section.
-   */
-  getDateSectionsFromValue: (sections: InferFieldSection<TValue>[], section: InferFieldSection<TValue>) => InferFieldSection<TValue>[];
-  /**
-   * Creates a new value based on the provided date and the current value.
-   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
-   * @param {TValue} value The value to update the date in.
-   * @param {InferFieldSection<TValue>} section A section of the date we want to update in the value.
-   * @param {PickerValidDate | null} date The date that contains the section.
-   * @returns {TValue} The updated value.
-   */
-  updateDateInValue: (value: TValue, section: InferFieldSection<TValue>, date: PickerValidDate | null) => TValue;
-  /**
-   * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
-   * @param {InferFieldSection<TValue>[]} sections The sections of the full value.
-   * @param {InferFieldSection<TValue>} section A section of the date from which we want to clear all the sections.
-   * @returns {InferFieldSection<TValue>[]} The sections of the full value with all the sections of the target date cleared.
-   */
-  clearDateSections: (sections: InferFieldSection<TValue>[], section: InferFieldSection<TValue>) => InferFieldSection<TValue>[];
-}
-export interface UseFieldState<TValue extends PickerValidValue> {
-  /**
-   * Last value returned by `useControlledValue`.
-   */
-  lastExternalValue: TValue;
-  /**
-   * Last set of parameters used to generate the sections.
-   */
-  lastSectionsDependencies: {
-    format: string;
-    isRtl: boolean;
-    locale: any;
-  };
-  /**
-   * Non-nullable value used to keep trace of the timezone and the date parts not present in the format.
-   * It is updated whenever we have a valid date (for the Range Pickers we update only the portion of the range that is valid).
-   */
-  referenceValue: InferNonNullablePickerValue<TValue>;
-  /**
-   * Sections currently displayed in the field.
-   */
-  sections: InferFieldSection<TValue>[];
-  /**
-   * Android `onChange` behavior when the input selection is not empty is quite different from a desktop behavior.
-   * There are two `onChange` calls:
-   * 1. A call with the selected content removed.
-   * 2. A call with the key pressed added to the value.
-   **
-   * For instance, if the input value equals `month / day / year` and `day` is selected.
-   * The pressing `1` will have the following behavior:
-   * 1. A call with `month /  / year`.
-   * 2. A call with `month / 1 / year`.
-   *
-   * But if you don't update the input with the value passed on the first `onChange`.
-   * Then the second `onChange` will add the key press at the beginning of the selected value.
-   * 1. A call with `month / / year` that we don't set into state.
-   * 2. A call with `month / 1day / year`.
-   *
-   * The property below allows us to set the first `onChange` value into state waiting for the second one.
-   */
-  tempValueStrAndroid: string | null;
-  /**
-   * The current query when editing the field using letters or digits.
-   */
-  characterQuery: CharacterEditingQuery | null;
-}
-export type SectionNeighbors = {
-  [sectionIndex: number]: {
-    /**
-     * Index of the next section displayed on the left. `null` if it's the leftmost section.
-     */
-    leftIndex: number | null;
-    /**
-     * Index of the next section displayed on the right. `null` if it's the rightmost section.
-     */
-    rightIndex: number | null;
-  };
-};
-export type SectionOrdering = {
-  /**
-   * For each section index provide the index of the section displayed on the left and on the right.
-   */
-  neighbors: SectionNeighbors;
-  /**
-   * Index of the section displayed on the far left
-   */
-  startIndex: number;
-  /**
-   * Index of the section displayed on the far right
-   */
-  endIndex: number;
-};
-export interface CharacterEditingQuery {
-  value: string;
-  sectionIndex: number;
-  sectionType: FieldSectionType;
-}
-export type UseFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> = UseFieldForwardedProps<TEnableAccessibleFieldDOMStructure> & {
-  enableAccessibleFieldDOMStructure?: boolean;
-};
-export interface UseFieldDOMGetters {
-  isReady: () => boolean;
-  getRoot: () => HTMLElement;
-  getSectionContainer: (sectionIndex: number) => HTMLElement;
-  getSectionContent: (sectionIndex: number) => HTMLElement;
-  getSectionIndexFromDOMElement: (element: Element | null | undefined) => number | null;
-}
-export {};