DEVELOPER REFERENCE · v4.0.0

DateTimeField API

Props, callbacks and methods. Select an underlined type to explore its fields, allowed values and callback arguments.

DateTimeField8 props1 callbacks0 methods

DateTimeField props
Name	Type	Description
`kind`Optional	`LocalDateControlKind \| undefined`Inspect type	Date/time value kind handled by the temporal control.
`value`Required	`string`	Value to display or edit. The declared type identifies the supported representation; change callbacks describe how edited values are emitted.
`required`Optional	`boolean \| undefined`	Requires a non-empty value or selection before the edit can be accepted.
`disabled`Optional	`boolean \| undefined`	Disables user interaction with the control.
`readOnly`Optional	`boolean \| undefined`	Displays the current value while preventing user edits.
`picker`Optional	`Omit<TemporalPickerOptions, "selection" \| "kind"> \| undefined`Inspect type	Configuration passed to the popup temporal picker.
`formatValue`Optional	`((value: string) => string) \| undefined`Inspect type	Existing product text adapters can keep their custom display/parser.
`parseValue`Optional	`((text: string) => string \| undefined) \| undefined`Inspect type	Converts typed text into a valid field value; return undefined when parsing fails.

DateTimeField events and callbacks
Name	Type	Description
`onValueChange`Optional	`((value: string) => void) \| undefined`Inspect type	Receives the updated input value. Store it in application state and pass it back through value.

No component-specific imperative methods. Use props and callbacks to control this component.

Inherited HTML props and events344