import * as React from 'react'; import { SlotComponentProps } from '@mui/base/utils'; import TextField from '@mui/material/TextField'; import { DateTimeValidationError, FieldSection, PickerValidDate, BuiltInFieldTextFieldProps } from '../models'; import { UseFieldInternalProps } from '../internals/hooks/useField'; import { MakeOptional } from '../internals/models/helpers'; import { BaseDateValidationProps, BaseTimeValidationProps, DateTimeValidationProps, DayValidationProps, MonthValidationProps, TimeValidationProps, YearValidationProps } from '../internals/models/validation'; import { ExportedUseClearableFieldProps, UseClearableFieldSlots, UseClearableFieldSlotProps } from '../hooks/useClearableField'; export interface UseDateTimeFieldProps extends MakeOptional, 'format'>, DayValidationProps, MonthValidationProps, YearValidationProps, BaseDateValidationProps, TimeValidationProps, BaseTimeValidationProps, DateTimeValidationProps, ExportedUseClearableFieldProps { /** * 12h/24h view for hour selection clock. * @default utils.is12HourCycleInCurrentLocale() */ ampm?: boolean; } export type UseDateTimeFieldComponentProps = Omit> & UseDateTimeFieldProps; export type DateTimeFieldProps = UseDateTimeFieldComponentProps> & { /** * Overridable component slots. * @default {} */ slots?: DateTimeFieldSlots; /** * The props used for each component slot. * @default {} */ slotProps?: DateTimeFieldSlotProps; }; export type DateTimeFieldOwnerState = DateTimeFieldProps; export interface DateTimeFieldSlots extends UseClearableFieldSlots { /** * Form control with an input to render the value. * @default TextField from '@mui/material' or PickersTextField if `enableAccessibleFieldDOMStructure` is `true`. */ textField?: React.ElementType; } export interface DateTimeFieldSlotProps extends UseClearableFieldSlotProps { textField?: SlotComponentProps>; }