Skip to content

Kirby 3.6.1.1

Date field

<k-date-field>

This UI component hasn't been finalized yet. The functionality and syntax aren't stable and might be redone in an upcoming release. Only use it at your own risk - breaking changes are likely to occur.

Have a look at <k-field>, <k-input> and <k-datetime-input> for additional information.

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

Props

Prop Type Default Description
after
string
autofocus
boolean
before
string
calendar
boolean
true
Deactivate the dropdown calendar or not
counter
boolean|object
disabled
boolean
display
string
"DD.MM.YYYY"
endpoints
object
help
string
icon
string
"calendar"
id
number|string
function() { return this._uid; }
input
string|number
invalid
boolean
label
string
max
string
The last allowed date
min
string
The first allowed date
name
number|string
novalidate
boolean
false
required
boolean
step
object
{ size: 1, unit: "day" }
theme
string
time
boolean|object
function() { return {}; }
translate
boolean
type
string
"date"
value
string
null
The date must be provided as iso date string
Example:
2012-12-12 22:33:00

Events

Event Description Passes
blur
focus
input

Slots

Slot Description
after
before
counter
default
footer
header
help
icon
label
options

CSS classes

.k-date-field