Date hint always visible; calendar optional
date-hint-ppkkvvvv-calendar-optional-focus-trap
Date hint `PP.KK.VVVV` (or `p.k.vvvv`) always visible; calendar optional; focus is trapped while the calendar is open. Dual-cite USWDS typeable date / GOV.UK memorable date.
Description
Suomi.fi date inputs keep a `PP.KK.VVVV` (or `p.k.vvvv`) hint always visible, remain typeable, and treat the calendar as optional with focus trapped while it is open. Dual-cite USWDS typeable date and GOV.UK memorable date. Hiding the format in a placeholder, making the calendar the only entry path, or opening the calendar without a focus trap fails the pattern.
When to use
Building typeable date inputs with an optional calendar overlay.
Not when
Calendar-only entry with no typing path, or format living only in a placeholder.
Agent hint
Keep PP.KK.VVVV hint visible, allow typing, and trap focus while the calendar is open.
Date format hint is always visible; the field is typeable; calendar (if present) is optional and traps focus while open.
Date format is only in a placeholder; calendar is the only entry path; calendar open without focus trap.
Citations
Suomi.fi — DateInput
https://designsystem.suomi.fi/components/dateinput/