Default Value

By default, the DatePicker value is null and the Calendar popup is hidden.

The DatePicker provides options for:

ninja-iconThe DatePicker is part of Kendo UI for Vue, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.Start Free Trial

Setting the Default Value

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

Change Theme
Theme
Loading ...

Setting the Default Popup State

To display the calendar popup when the DatePicker initially renders, set the defaultShow property to true. This approach allows the component to show an open calendar popup while remaining in an uncontrolled state.

Change Theme
Theme
Loading ...