0.6.1 • Published 3 years ago

vue3-single-date-picker v0.6.1

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

Demo

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

How to use

Import package

import { CalendarView } from 'vue-single-date-picker'

export default {
  components: {
    CalendarView,
  },
}

Create component in your template

<CalendarView />

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

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

Events

eventsargumentsremarks
@selectDate{ year: <Number>, month: <Number>, date: <Number> }E.g. 1 Jan 2020 {year: 2020, month: 0, date: 1}