v-month-picker

Description

Simple year and month picker inspired by vuetify's monthpicker. Vue component compatible with Vue 2.x

• Demo
• Install
• Usage
• Props
• Dependencies
• License

Demo

To view a demo online: CodeSandBox To view demo examples locally clone the repo and run npm install && npm run serve

Install

Use npm: npm i v-month-picker --save

Add to project

global

// main.js
import MonthPicker from "v-month-picker";
Vue.component('MonthPicker', MonthPicker);

locale

import MonthPicker from 'v-month-picker';

export default {
  components: {
    MonthPicker
  }
  // your code...
}

Usage

Below code in the <template>:

<MonthPicker horizontal-align="left" vertical-align="bottom" locale="en" v-model="date"/>

Available props

| Prop | Type | Default | Description | |--------------------|----------|---------|-------------------------------------| | v-model (required) | String | | Date in ISO format | | horizontal-align | String | bottom | Horizontal positioning of the popup | | vertical-align | String | center | Vertical positioning of the popup | | locale | String | ru | Translation for months | | first-year | String | 1950 | Start year | | last-year | String | 2049 | End year |

Dependencies

• v-click-outside
• vue

License

MIT

This is my first npm package, please don't hit me ;)