quasar-monthpicker
A month picker for the Quasar Vue.js framework
5,572
7
| Install | |
|---|---|
npm install quasar-monthpicker |
|
| Latest Version: | 0.1.3 |
| License: | MIT |
| Last Updated: | Jul 28, 2023 |
| Links: | GitHub · npm |
Maintainer: louisameline
quasar-monthpicker
A month picker for Quasar, the Vue.js framework
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.
Related Packages
@radon-be/quasar-app-extension-zod-table
Editable table that takes the column definitions from a zod schema
3,204
0
Version History
| Version | Released | License |
|---|---|---|
| 0.1.3 | MIT | |
| 0.1.2 | MIT | |
| 0.1.1 | MIT | |
| 0.1.0 | MIT |