[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]

https://github.com/vuetifyjs/vuetify/assets/82015596/499b6890-6f27-4935-91d1-9524ada570c3

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.