quasar-monthpicker

A month picker for Quasar, the Vue.js framework

Compatible with both Vue 2 and Vue 3

It looks and behaves very much like Quasar's date picker:

Install

npm install quasar-monthpicker --save

Quasar's Button component is required for this month picker to work. In quasar.conf.js:

framework: {
  components: ['QBtn']
}

Usage

import monthpicker from 'quasar-monthpicker'
export default {
	name: 'myApp',
	components: { monthpicker }
}

<monthpicker
	color="purple"
	locale="en-US"
	:min="yourDateObject"
	:max="yourDateObject"
	v-model="yourDateObject"
></monthpicker>

Available props

Prop	Type	Default	Description
color	String	none, defaults to Quasar's color for buttons	Color of the selected month
locale	String	none, defaults to local language	The locale passed to Javascript's toLocaleTimeString() function for the names of months
max	Date object	none	Maximum month to select
min	Date object	none	Minimum month to select

Contribute

Merge requests are welcome to help improve this component.