vue-call-next

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>