Vuetify: [Bug Report] Bug Date Picker Without Buttons Validation Rules

Created on 11 Dec 2019  路  2Comments  路  Source: vuetifyjs/vuetify

Environment

Vuetify Version: 2.1.14
Vue Version: 2.6.10
Browsers: Chrome 78.0.3904.97, Firefox 60
OS: Linux x86_64

Steps to reproduce

When you select the date, the error appears for a moment first time. After disappears.

It's with rules prop on v-text-field

Expected Behavior

I expect that dont appear error

Actual Behavior

Appearing error for a moment bug.

Reproduction Link

https://codepen.io/lucasrusso/pen/oNgxJNz

VDatepicker bug

Most helpful comment

I have the same issue. We also see a permanent error message when using the date picker forward/back buttons to page through the dates. I think the ideal solution for us is if the v-text-field validation does not kick-in while the DatePicker is open.

I have modified the codepen from @lucasrusso95 to remove rules while the menu is open, but I don't think this is the idea solution. https://codepen.io/rlguildford/pen/bGNBjoV

I think a better solution is for the v-text-field control to behave as if it continues to have the focus for the duration that the DatePicker is open (if this is possible). This would also improve the behavior of the v-text-field label.

All 2 comments

I have the same issue. We also see a permanent error message when using the date picker forward/back buttons to page through the dates. I think the ideal solution for us is if the v-text-field validation does not kick-in while the DatePicker is open.

I have modified the codepen from @lucasrusso95 to remove rules while the menu is open, but I don't think this is the idea solution. https://codepen.io/rlguildford/pen/bGNBjoV

I think a better solution is for the v-text-field control to behave as if it continues to have the focus for the duration that the DatePicker is open (if this is possible). This would also improve the behavior of the v-text-field label.

Encountering the same issue, the workaround of removing rules temporarily is not really a viable solution since my form enables the submission button based on the form's v-model.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

gluons picture gluons  路  3Comments

smousa picture smousa  路  3Comments

Antway picture Antway  路  3Comments

radicaled picture radicaled  路  3Comments

itanka9 picture itanka9  路  3Comments