DEMO
Usage
<template>
<div>
<vueMiniCalendar v-model="date" :config="config"/>
</div>
</template>
<script>
import vueMiniCalendar from 'vue-mini-calendar'
export default {
components: {
vueMiniCalendar
},
data () {
return {
date: new Date(),
config: {
mode: '{{config.mode}}',
rangeSeparator: ' — ',
multipleSeparator: ', ',
format: '{{config.format}}',
firstDayOfWeek: 1,
weekDays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
show: '{{config.show}}'
}
}
}
}
</script>