Month Picker
The Month Picker component helps the user select months by using simple date inputs with an intuitive interface.
Usage
import { RMonthPicker } from '@rebilly/revel';
<r-month-picker v-model="month"/>
Examples
Name | Type | Default | Description |
---|---|---|---|
label | string | '' | Label for the month picker |
caption | string | '' | Help text for the month picker |
modelValue | Month | Selected month and year | |
clearable | boolean | false | Defines if month picker is clearable |
placeholder | string | 'Select month' | Placeholder of the input if no month is selected |
position | Position | 'bottomEnd' | Position of popover control |
minValue | Month | undefined | Minimum month and year |
maxValue | Month | undefined | Maximum month and year |
Name | Description |
---|---|
clear | The month picker is clear |
month-change | The month selected |
update:modelValue | The model value updated |
year-change | The year is changed |