Design system

Components

DDatePickerField.

Date input that opens a calendar popover. Trigger is an outline neutral UButton with a calendar icon. Display format, calendar header, and first day of week all derive from Nuxt UI's useLocale(), which is bound to vue-i18n via <UApp :locale> at each app root. Switching the app's language flips all four (placeholder, value, header, week start) together. fr → Monday + fr-FR; en → Sunday + en-US.

States

empty

État vide. Placeholder visible. Trigger neutre outline avec icône calendrier

filled

État rempli. Valeur formatée selon la locale (fr-FR / en-US). Changer la langue de l'app re-formate tout en cascade