V-kalendar NPM

Vue-Kalendar

Vue implementation of react-calendar

Try online demo here

# npm
npm install v-kalendar

# yarn
yarn add v-kalendar

Install the plugin into Vue:

import VKalendar from 'v-kalendar'

app.use(VKalendar)

Add the default CSS:

import 'v-kalendar/dist/style.css'

<template>
  <Calendar v-model="date" />
</template>

Prop	Type	Default	Description
activeStartDate	Date	`new Date()`	Beginning of a period that shall be displayed
defaultView	String	`month`	Determines which view is being displayed initially
locale	String	`undefined`	Locale to use for the calendar
localeFirstDayOfYear	Number	`0`	Number for the first day of the week
maxDate	Date	`undefined`	Maximum allowed date
maxDetail	String	`month`	Most Detailed view that user can see
minDate	Date	`undefined`	Minimum allowed date
minDetail	String	`century`	Least detailed view that user can see
selectRange	Boolean	`false`	Allow the selection of date range
showNeighboringMonth	Boolean	`true`	Visibility of days from previous and next months
showWeekNumbers	Boolean	`false`	Visibility of the week numbers