Reset date picker field

Allow users to programmatically set or clear a date picker field value, useful for reset functionality or setting default dates.

When to use

Use this pattern when:

  • Users need to clear a date field to start over
  • You need to set a default or suggested date value
  • Providing quick actions to modify date values
  • Building forms with reset functionality

Considerations

  • Provide clear button labels indicating the action
  • Consider whether clearing should also reset validation state
  • The date picker should update immediately when set or cleared
  • Consider providing a confirmation for clearing important dates
View old example docs