Kickstart

Datepicker

Simple Datepicker

v-model: 2017-08-01
Custom Date format with year and month picker
v-model: 02/21/2017
min/max Date requirements
v-model: Mon Apr 14 2025 08:59:12 GMT+0000 (Coordinated Universal Time)
Name Type Default Description
value v-model
String, Date
NULL
The v-model binded prop on the datepicker. Should be provided via v-model. If only the prop is sent then you would need to listen for the input event to update the prop
dateFormat
String
Y-m-d
Format for the date value being binded to the v-model. All formats should include a single 'Y', 'm', 'd'
displayFormat
String
m/d/Y
Format for the date being displayed in the input. All formats should include a single 'Y', 'm', 'd'
name
String
ks_datepicker
The name of the input field
yearPicker
Boolean
false
Whether to allow the user to use the year picker. This makes the year in the header interactive
monthPicker
Boolean
false
Whether to allow the user to use the month picker. This makes the month in the header interactive
minDate
String
NULL
The minimum date that can be selected. Should be in the same format as `dateFormat`
maxDate
String
NULL
The maximum date that can be selected. Should be in the same format as `dateFormat`
disabled
Boolean
false
Whether or not to disable the input field of the date.