KDateRange - Kolibri Design System

Overview
#

The KDateRange is a modal component that contains two input components and a calendar component that allow for a start and end date selection.

Props
#

Name	Description	Type	Default	Required
`firstAllowedDate` #	Constrains the selection to after this date, disabling dates prior	`date`	`null`	—
`lastAllowedDate` #	Constrains date selection to before this date, disabling dates after	`date`	`new Date()`	—
`defaultStartDate` #	Default value of start date	`date`	`null`	—
`defaultEndDate` #	Default value of end date	`date`	`function() { return startOfToday(); }`	—
`submitText` #	Submission text of modal	`string`	—	`true`
`cancelText` #	Cancellation text of modal	`string`	—	`true`
`title` #	Title of modal	`string`	—	`true`
`description` #	Description of modal	`string\|null`	`null`	—
`startDateLegendText` #	Start date input label	`string`	—	`true`
`endDateLegendText` #	End date input label	`string`	—	`true`
`previousMonthText` #	label for previous month button	`string`	—	`true`
`nextMonthText` #	label for next month button	`string`	—	`true`

Events
#

Name	Description
`cancel` #	—
`submit` #	Emitted when the submit button or the enter key is pressed

Slots
#

Name	Description
`description` #	Description of modal