Demo

https://jiayingy.github.io/vue-single-date-picker/

Installation

npm i vue-single-date-picker

How to use

Component

Import package

import SingleDatePicker from 'vue-single-date-picker';

export default {
  components: {
    SingleDatePicker
  }
}

Create component in your template

<SingleDatePicker />

Styles

1. This library uses Google Material Icon pack. Refer to here on how to include it in your project.

2. In your css/scss file,

@import '~vue-single-date-picker/dist/vue-single-date-picker.css';

Props

|Props|arguments|remarks| |:--|:--|:--| |date|{ year: <Number>, month: <Number>, date: <Number> }|E.g. 1 Jan 2020 {year: 2020, month: 0, date: 1}| |first-day-of-week|firstDayOfWeek: <Number>|(0: Sunday ... 6: Saturday) E.g. start week on Monday :first-day-of-week="1"|

Events

|events|arguments|remarks| |:--|:--|:--| |@selectDate|{ year: <Number>, month: <Number>, date: <Number> }|E.g. 1 Jan 2020 {year: 2020, month: 0, date: 1}|