• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Native Components
  • Wrapper Components
    • Introduction
    • Barcodes
    • Buttons
    • Charts
    • Chat
    • DataSource
    • Date Inputs
      • Overview
      • Calendar
      • DateInput
      • DatePicker
      • DateRangePicker
      • DateTimePicker
      • MultiViewCalendar
      • TimePicker
      • API
    • Diagram
    • Dialog
    • Dropdowns
    • DropDownTree
    • Editor
    • Gantt
    • Gauges
    • Grid (wrapper)
    • Inputs
    • Layout
    • List Views
    • ListBox
    • Map
    • MediaPlayer
    • PivotGrid
    • Popups
    • Scheduler
    • ScrollView
    • Spreadsheet
    • TreeList
    • TreeMap
    • TreeView
    • Upload
    • Validator
    • Window
    • Framework & Features
    • Globalization
    • Troubleshooting
    • Using Wrapper Components in Vite
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
Components / Date Inputs / API / DateInput API / 
New to Kendo UI for Vue? Start a free 30-day trial

DateInput

Directive

kendo-dateinput

Props

format String

Specifies the format, which is used to format the value of the DateInput displayed in the input (enable in Kendo UI for jQuery). The format also will be used to parse the input.

Kendo API for format option

max Date

Specifies the maximum date which the user can enter in the input field (max in Kendo UI for jQuery).

min Date

Specifies the minimum date which the user can enter in the input field (min in Kendo UI for jQuery).

value Date

Specifies the selected date (value in Kendo UI for jQuery).

messages Object

The messages of the DateInput. Used for customizing or localizing the placeholders of each date or time part (messages in Kendo UI for jQuery). The supported composite props are available in MessagesProps.

Events

change: Function

Fires when the selected date is changed (change in Kendo UI for jQuery).

Methods

For more details about the methods available in the component's API please check its Kendo UI for jQuery API documentation.

kendoWidget

returns

Returns the Kendo UI DateInput instance.

Previous
Calendar API
Next
DatePicker API

In this article

Not finding the help you need?

Contact Support