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.9] VTimePicker v-model:hour and v-model:minute are not reactive? #20948

Closed
b-maslennikov opened this issue Jan 31, 2025 · 1 comment

Comments

@b-maslennikov
Copy link

Environment

Vuetify Version: 3.7.9
Vue Version: 3.5.13
Browsers: Google Chrome, Mozilla Firefox, Microsoft Edge
OS: Windows, Android

Steps to reproduce

  1. add v-model:hour="model.hour" and v-model:minute="model.minute"
  2. add const model = ref({ hour = 3, minute = 30 })

Expected Behavior

should show 3:30
Image

Actual Behavior

no time displayed
Image

Reproduction Link

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

Other comments

temporary can be fixed by adding :model-value="${model.hour}:${model.minute}"

also try to change the time in right(fixed) picker. left picker does not react.
change time in left picker - right picker reacts

@b-maslennikov b-maslennikov changed the title [Bug Report][3.7.9] VTimePicker does not display model value on mount [Bug Report][3.7.9] VTimePicker v-model:hour and v-model:minute are not reactive? Jan 31, 2025
@blalan05
Copy link
Member

The intended use of the v-model looks like v-model="model" and const model = ref('3:30'). You could use a computed to save it as an object the way you're trying here...

@blalan05 blalan05 closed this as not planned Won't fix, can't repro, duplicate, stale Jan 31, 2025
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

2 participants