@alibaba-aero/vue-calendar

Vue Calendar

Usage no npm install needed!

<script type="module">
  import alibabaAeroVueCalendar from 'https://cdn.skypack.dev/@alibaba-aero/vue-calendar';
</script>

README

Vue Calendar

npm (scoped with tag) npm

Installation

yarn add @alibaba-aero/vue-calendar

Usage

<template>
    <vuec-calendar/>
</template>

<script>
import { VuecCalendar } from '@alibaba-aero/vue-calendar';
// Import calendar styles
import '@alibaba-aero/vue-calendar/dist/vue-calendar.min.css';

export default {
    components: {
        VuecCalendar
    }
}
</script>

Components

range-input

  • theme: String - default
  • mobile: Boolean - false
  • selectable: Boolean - false
  • data: Object - {}
  • min-date: Object/String - null
  • max-date: Object/String - null
  • visible-months: Number - 1
  • selection-mode: String - single
  • value: Object - {}
  • open: Boolean - false
  • format: String - YYYY/M/D

calendar

  • theme: String - default
  • selectable: Boolean - false
  • data: Object - {}
  • min-date: Object/String - null
  • max-date: Object/String - null
  • visible-months: Number - 1
  • show-previous-weeks: Boolean - true
  • show-navigation: Boolean - true
  • date: Object - moment()
  • selections - Array - []

month

  • selectable: Boolean - false
  • min-date: Object/String - null
  • max-date: Object/String - null
  • date: Object - [required]
  • (??) adapter: Function - {}
  • selection: Array - []
  • show-title: Boolean - true
  • title: String - ''

day

  • data: Object - {}
  • index: Number - [required]
  • date: Object - null
  • disabled: Boolean - false
  • selected: Boolean - false
  • selectable: Boolean - false