feat: legg til formatterer og maske for datofelter

fremtind / jokul

Jøkul er et designsystem utviklet av Fremtind.

https://jokul.fremtind.no

MIT License

63 stars 35 forks source link

feat: legg til formatterer og maske for datofelter #3849

Closed piofinn closed 4 months ago

piofinn commented 4 months ago

Legger til en formateringsfunksjon for innskrevne datoer, som også kan brukes med registerWithMask. Fungerer strålende sammen med DatePicker for enklere innskriving av dato.

ISSUES CLOSED: #3648

https://github.com/fremtind/jokul/assets/25739615/96ce0678-b710-411f-91c3-2e78946c7a08

🎯 Sjekkliste

[x] Nye features er dokumentert (sjekk Contributing om du er usikker på hva som trengs av dokumentasjon)
[x] Testet responsivitet og UU (tastaturnavigasjon, skjermleser)
[x] pnpm build og pnpm ci:test gir ingen feil

fremtind-bot commented 4 months ago

Forhåndsvisning: https://jokul.fremtind.no/preview/feat/date-input-formatter/ Commit: 25f7500bfde9253f3eab3f728f01fcd3134fbcb7

Forhåndsvisningen blir tilgjengelig innen et par minutter. Den fjernes automatisk når pull requesten lukkes.

ivarni commented 4 months ago

Det hadde kanskje vært nice for brukeren om man fortsatt kunne skrive inn separatoren, nå vil det å bruke maska gjøre at vi går fra "må skrive separator" til "kan ikke skrive separator".

Lime inn (smøre inn om vi skal holde oss til direkte oversettelser fra engelsk) datoer ser dog ut til å fungere motstatt, jeg kan lime inn "01.01.1970" og få riktig state i popupen men om jeg limer inn "01011970" blir det feil state i popupen men det vises riktig i input-feltet. Tror riktignok det allerede var et problem fra før.

Edit: Konklusjon: Bøtter og tonn med edgecases dersom man vil støtte dette.