VDatePickerMonth API

Props

name	type	default
`allowed-dates`	unknown[] \| ((date: unknown) => boolean)	undefined
Sets the allowed dates of the month.
`color`	string	undefined
Applies specified color to the control - supports utility colors with or without `text-` prefix (for example `success`, `purple` or `text-purple`) or CSS color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the colors page.
`disabled`	boolean	null
Removes the ability to click or target the component.
`event-color`	\| string \| boolean \| string[] \| Record<string, string \| boolean \| string[]> \| ((date: string) => string \| boolean \| string[])	null
MISSING DESCRIPTION (edit in github)
`events`	\| string[] \| ((date: string) => string \| boolean \| string[]) \| Record<string, string \| boolean \| string[]>	null
MISSING DESCRIPTION (edit in github)
`first-day-of-week`	string \| number	undefined
Sets the first day of the week, starting with 0 for Sunday. (Note: not guaranteed to work when using custom date adapters.)
`first-day-of-year`	string \| number	undefined
Sets the day that determines the first week of the year, starting with 0 for Sunday. For ISO 8601 this should be 4. (Note: not guaranteed to work when using custom date adapters.)
`hide-weekdays`	boolean	false
Hide the days of the week letters.
`max`	unknown	undefined
Sets the maximum date of the month.
`min`	unknown	undefined
Sets the minimum date of the month.
`model-value`	unknown	undefined
The v-model value of the component. If component supports the multiple prop, this defaults to an empty array.
`month`	string \| number	undefined
Sets the month.
`multiple`	number \| boolean \| (string & {}) \| 'range'	false
Sets the multiple of the month.
`readonly`	boolean	false
Puts the picker in a readonly state.
`reverse-transition`	string	'picker-reverse-transition'
The transition used when changing months into the past
`show-adjacent-months`	boolean	false
Show adjacent months.
`show-week`	boolean	false
Show the week number.
`transition`	string	'picker-transition'
The transition used when changing months into the future
`weekday-format`	'long' \| 'short' \| 'narrow'	undefined
Allows you to customize the format of the weekday string that appears in the body of the calendar. Uses `'narrow'` by default. (Note: not guaranteed to work when using custom date adapters.)
`weekdays`	(0 \| 1 \| 2 \| 4 \| 5 \| 6 \| 3)[]	[0, 1, 2, 3, 4, 5, 6]
An array of weekdays to display. Does not affect the order.
`weeks-in-month`	'static' \| 'dynamic'	'dynamic'
A dynamic number of weeks in a month will grow and shrink depending on how many days are in the month. A static number always shows 7 weeks.
`year`	string \| number	undefined
Sets the year.

Events

name	type
`update:modelValue`	[unknown]
Event that is emitted when the component’s model changes.
`update:month`	[number]
Fired when the month changes.
`update:year`	[number]
Fired when the year changes.

Slots

{ props: { onClick: () => void }; item: any; i: number }

`day`
Slot for a day in the month.

#VDatePickerMonth API

VDatePickerMonth API