vue-call-next

Simple calendar with selectable dates

Example App

try out this Code Sandbox

Installation

npm install --save vue-call-next

Installing the plugin will globally add the vue-call-next component to your project.

//main.js
import Call from 'vue-call-next'
Vue.use(Call)

But you can also import the standalone component to add locally or for more complex installations.

// foo.vue
import { Call } from 'vue-call-next'
export default {
  components: {
    Call,
  },
}

CSS

you will need to explicitly import this css file in your project.

import 'vue-call-next/call.css'

Basic Usage

You can pass an array of cal objects through the props

<vue-call-next :start="startDate" :helper="false" @set-dates="(start, end) => {startDate = start; endDate = end}" placeholder="change" />
...
<script>
...
  data() {
    return {
      startDate: '2010-01-01',
      endDate: '2010-01-01',
    }
  }
...
</script> 

Param	Default	Description
start	NOW()	date started, format: YYYY-MM-DD
days-name	[ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ]	array with day name
month-name	[ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ]	array with month name
min-year	2000	Minimal year to change
range	true	enable or disable range change
placeholder	click	text to input placeholder