[Feature Request] v-date-input should allow to set a custom ISO 8601 date format (e.g. YYYY-MM-DD)

[ian-ng]

Problem to solve

I want to uniform the date format to "YYYY-MM-DD" (ISO 8601 format) to avoid user mistakes.
(current version is: mm/dd/yyyy, which is a confusing date format)

Proposed solution

adding a props like below:
<v-date-input
...
date-format="YYYY-MM-DD"
/>

[EDM115]

2024-06-13_10-31-50.mp4

As you can see, typing DD/MM/YYYY doesn't work, but typing MM/DD/YYYY will work but will then be displayed as DD/MM/YYYY.
Note that my system is in French, and browser in English. dunno if it affects the component's logic

[ian-ng]

2024-06-13_10-31-50.mp4
As you can see, typing DD/MM/YYYY doesn't work, but typing MM/DD/YYYY will work but will then be displayed as DD/MM/YYYY. Note that my system is in French, and browser in English. dunno if it affects the component's logic

I have looked into the component, it seems affected by the Vuetify locale setting.

Currently, I am showing the date input in the old way (v-menu + v-text-field + v-date-picker ), and handling the date format with v-text-field.

[Sko007]

Would be a great feature. :)