[Bug Report][3.6.8] v-date-input is not clearable

vuetifyjs / vuetify

🐉 Vue Component Framework

https://vuetifyjs.com

MIT License

39.34k stars 6.93k forks source link

[Bug Report][3.6.8] v-date-input is not clearable #19965

Open robmarti12 opened 1 month ago

robmarti12 commented 1 month ago

Environment

Vuetify Version: 3.6.8 Vue Version: 3.4.27 Browsers: Chrome 125.0.0.0 OS: Windows 10

Steps to reproduce

bind ref to v-model of clearable v-date-input
click clear or remove all text from v-date-input field

Expected Behavior

value to be empty (undefined, null, empty string)

Actual Behavior

value remains

Reproduction Link

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

modos commented 3 weeks ago

it seems clearable only reset the value of the input and it is not two-way binding. alternatively, you can use @click:clear event to manually reset the reactive value like this:

https://play.vuetifyjs.com/#eNpVkEGuwjAMRK8yygaQfn83rFBBIHELyiIEI0UkaZSkZVH17jhpkWATxfb4eezLKGJQ9cn7/6EnsRNNIuuNTHRoHdAMlfS+fEugOpekdhSW1KwwFBKUkTHuW2Fv1bYVB4zjnSnThKZeJN89uVZp5/uEobLdnQy35mQrmEQyyJshHJXR6rkriaWOPVxvDMvqjy3m//oqE4vtpv5ah8OogvYJkVI/b6Wt79j8iEAPTHiEzmLFl1hlOcDcmLDMZcna0QtnDtebTabPPCaJ6S/bKs/1Dblmcao=