DateInput Overview

The DateInput represents an input field that recognizes and formats scheduling values such as dates.

The DateInput wrapper for Vue is a client-side wrapper for the Kendo UI DateInput widget.

The input in each section of the DateInput is always valid for the relevant section. For example, you cannot enter 23 in the month section. As a result, the value in DateInput is always any valid date.

The DateInput Component is part of Kendo UI for Vue, a professional grade UI library with 90+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Basic Usage

The following example demonstrates the DateInput in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Functionality and Features

Events

The following example demonstrates basic DateInput events. You can subscribe to all DateInput events by the handler name.

Example
View Source
Edit In Stackblitz  
Change Theme: