New to Kendo UI for Vue? Start a free 30-day trial

Default Value

By default, the DateTimePicker value is null and the date-time selector popup is hidden.

The DateTimePicker provides options for:

Setting the Default Value

To set the initial value that is rendered by the DateTimePicker, set the defaultValue property. This approach allows the component to display a value upon its initial render while remaining in an uncontrolled state.

Example
View Source
Change Theme:

Setting the Default Popup State

To display a popup for the date-time selector when the DateTimePicker initially renders, set the defaultShow property to true. This approach allows the component to show an open popup for the date-time selector while remaining in an uncontrolled state.

Example
View Source
Change Theme: