AmpleOrganics / AmpleOrganics/Blaze.vue

AoInput ui masking for date formatting

Aperta
#314 2 commenti 0 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
Vue
Stelle
6
Fork
2
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

# Feature request summary

We would like to make date inputs easier and faster to use by implementing a ui mask, kind of like what is shown here: https://coreui.io/docs/components/masked-input/

AC
- When input is empty and not in focus, the placeholder expresses the date format. YYYY-MM-DD by default but users will be able to change this.
- When input is in focus, the placeholder remains
- As characters are typed, the placeholder values are replaced (this is how our client portal behaves for example)
- The dash (-) characters in the UI mask are part of the mask and not part of the palceholder. Ie. they are not typed over, they are just visual elements that break up the text

## Rationale

- Ensures numbers are input more consistently
- speeds up the process of typing numbers (no need to tab from year to month to day)
- communicates the date format to the user before and during input

Guida per i contributori

Apri la guida per i contributori

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.