Controlled Mode

By default, the DateTimePicker is in an uncontrolled state.

The DateTimePicker provides options for:

• Controlling its value
• Controlling its popup state

Controlling the Value

To manage the date value of the DateTimePicker:

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

The following example demonstrates how to control the DateTimePicker value.

Change Theme

Theme

Loading ...

Controlling the Popup State

To manage the popup state of the DateTimePicker, set the displayed state of the component through its show property.

The following example demonstrates how to toggle the calendar of the DateTimePicker by controlling the state of its popup through an external input.

Change Theme

Theme

Loading ...

Suggested Links

• API Reference of the DateTimePicker