Reference

Date Field

<k-date-field>

<k-date-field v-model="date" name="date" label="Date" />

Props

after

String (default: null)

Text that is shown after the input (right before the icon)

autofocus

Boolean (default: false)

If true, the field will be instantly focused when the form is created

before

String (default: null)

Text that is shown before the input

disabled

Boolean (default: false)

If true, the field is disabled and cannot be filled in or edited

help

String (default: null)

Sets the help text below the field

icon

String (default: null)

Sets the icon, that is shown on the right next to the input.

label

String (default: null)

Sets the label text for the field.

max

Number (default: null)

The last allowed date

min

Number (default: null)

The first allowed date

name

String (default: null)

The name of the field must be defined to get fields in fieldsets up and running.

required

Boolean (default: false)

If true, the field must not be empty

time

Boolean|Object (default: false)

The time input is disabled by default. You can either pass true or an configuration object to enable it. Check out the time field docs for available options.

value / v-model

String (default: null)

The date must be provided as iso date string. i.e. 2012-12-12T22:33:00

Methods

focus()

The focus event can be used to set the focus on the field.

Events

@input

The input event is triggered when the value changes.

CSS class

.k-date-field