A vue component for picking range of dates.
npm install vue-daterange-picker --save
import VueDaterangePicker from 'vue-daterange-picker';
components: {
VueDaterangePicker
}
Component expects properties:
format 'MM/DD/YY'. And then it will initiate callendar between these dates.
display single callendar or double callendar.
changes the format of the inputs (default: 'MM/DD/YYYY')
changes the format of the calendar months (default: 'MMMM Y')
changes the text in the start Date placeholder.
changes the text in the end Date placeholder.
When click away or hit escape key the component fires event 'get-dates' that contains an object with startDate and endDate keys holding values of start date and end date in utc format.
<vue-daterange-picker
double
start-date="06/10/2017"
end-date="06/10/2018"
start-place-holders="12/01/2017"
end-place-holders="04/01/2018"
@get-dates="getDates"/>