npm.io
1.0.7 • Published 5 years ago

month-navigation-vue

Licence
MIT
Version
1.0.7
Deps
0
Size
3.2 MB
Vulns
0
Weekly
0

month-navigation-vue

Vue component for month navigation with navigation arrows.

Installation

npm install month-navigation-vue --save

Usage

<template>
  <month-navigation v-model="value" />
</template>

<script>
import MonthNavigation from 'month-navigation-vue'

export default {
  components: {
    MonthNavigation
  },
  data () {
    return {
      value: null // Default selected date
    }
  }
}
</script>

Add styles for component to your project

import 'month-navigation-vue/dist/month-navigation-vue.css'
Options
Props Type Default Description
value Date null Default selected date
months Array {} Array of month names
backwardBoundValue Date null Left bounded date when backward arrow will invisible.
forwardBoundValue Date null Left bounded date when forward arrow will invisible.

Keywords