Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report][3.7.6] v-date-picker : unable to only pick month-year. #20800

Open
JeevansSP opened this issue Dec 24, 2024 · 0 comments
Open

[Bug Report][3.7.6] v-date-picker : unable to only pick month-year. #20800

JeevansSP opened this issue Dec 24, 2024 · 0 comments

Comments

@JeevansSP
Copy link

Environment

Vuetify Version: 3.7.6
Vue Version: 3.5.13
Browsers: Chrome 131.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

I want the date picker to display only the month and year options. After reviewing the documentation, I noticed that Vuetify 2 provided this functionality through the type="month" prop. However, in Vuetify 3, I couldn't find a straightforward way to achieve this. I attempted to use the view-mode prop and set it to "months", but selecting a month would immediately revert to the default date picker view. I thought of using the update:month event to close the date picker, but unfortunately, the selected value (month and year, in my case) isn’t propagated to the bound v-model until a full date is chosen.

Expected Behavior

propagate month and year to the bound model

Actual Behavior

does not propagate

Reproduction Link

https://play.vuetifyjs.com/#...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant