Skip to content
+

Date Time Field

The Date Time Field component lets users select a date and a time with the keyboard.

Basic usage

Press Enter to start editing

Uncontrolled vs. controlled value

The value of the component can be uncontrolled or controlled.

Press Enter to start editing

Customize the date time format

Localization

Use the LocalizationProvider to change the date-library locale used in the date time field. See the localization documentation page for more details.

Validation

See the documentation page validation documentation page for more details.

API

See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.