Add selectableDates prop to datepicker component

[pip36]

Mentioned in Issue #617.

Allows passing a 'selectable-dates' prop, with an array of dates, to only allow selection of those specific dates.

[jtommy]

@pip36 Thanks!

[danielohling]

Im trying to pass an array of dates, but only get an error :(
enabledDate.getDate is not a function

[danielohling]

Is there any where i could find more exemples/information of how this would work ?

[jtommy]

The component accepts only an array of Date object

[danielohling]

So for exampel i need to format an array with datetimes to Date objects to make it work 👍

[jtommy]

Sure

[danielohling]

Is there any chans i can get i codepen of an example ? :( let say i have 3 dates that i only want to be selective:
selectableDates: [
{
date: '2019-03-07T00:00:00+01:00'
},
{
date: '2019-03-08T00:00:00+01:00'
},
{
date: '2019-03-09T00:00:00+01:00'
}]

[danielohling]

`<script>
import moment from 'moment'

var startDate = new Date('2019-03-07'); //YYYY-MM-DD
var endDate = new Date('2019-03-15'); //YYYY-MM-DD

var getDateArray = function(start, end) {
var arr = new Array();
var dt = new Date(start);
while (dt <= end) {
arr.push(new Date(dt));
dt.setDate(dt.getDate() + 1);
}
return arr;
}

var dateArr = getDateArray(startDate, endDate);

export default {
data() {
return {
date: new Date(),
monthNames: ['Januari', 'Februari', 'Mars', 'April', 'Maj', 'Juni', 'Juli', 'Augusti', 'September', 'Oktober', 'November', 'December'],
dayNames: ['Sön', 'Mån', 'Tis', 'Ons', 'Tor', 'Fre', 'Lör'],
selectableDates: dateArr
}
},
computed: {
AvailableServiceTimes() {
return this.$store.state.AvailableServiceTimes
}
}
}
</script>`