| Name | Type | Default | Description |
|---|---|---|---|
| date v-model | String, Date | NULL | The v-model binded prop on the calendar. 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 |
| selection | String | This is a date that should be highlighted as selected | |
| weekStart | String, Number | 0 | The day index that the week should start on. 0 = Sunday |
| abbrevDay | Boolean | true | Whether or not to use the abbreviated version of the days name |
| abbrevMonth | Boolean | false | Whether or not to use the abbreviated version of the months name |
| format | String | Y-m-d | Format for the date value being binded to the v-model. All formats should include a single 'Y', 'm', 'd' |
| weekHeight | String | auto | This is the height of each week. If nothing is applied then the height is just an auto height. For a clean look it is recommended to use this prop |
| interactive | Boolean | false | Whether or not to make the calendar interactive so you can click on the cells. Emits the select event (used with datepicker). |
| interactiveDays | Boolean | false | Whether or not to make the days click-able. Different from the 'interactive' prop because this only makes the day number clickable not the whole cell. |
| 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 |
| showControls | Boolean | true | Whether to show the left and right navigation in the header |
| droppableDays | Boolean | false | Whether something can be dragged and dropped onto a date on the calendar |
| droppableActiveClass | String | 'drop-zone-active' | class to use when an item is dragged over the droppable area |
| droppableInactiveClass | String | '' | class used when the droppable area has no item being dragged over it |