Controlled Mode

Updated on Dec 19, 2025

By default, the DateInput is in an uncontrolled state.

To manage the date value of the Dateinput:

1. Use its value property.
2. Handle the onChange event.
3. Pass the new value through the props.

The following example demonstrates how to display the selected date in an outer field and how to programmatically reset the value through an external button.

Change Theme

Theme

Loading ...

Suggested Links

• React Date Inputs