Skip to content

pantoken / renderers/web-components/src / dateInput

Variabel: dateInput

const dateInput: ElementDefinition

Alpha

<instui-date-input> — et tekstfelt plus en kalenderrullmenu. Triggeren skifter en [popover] igennem den indbyggede toggle-popover Invoker-kommando (et klik-fallback dækker browsere uden API'en); at vælge en dag i det indlejrede <instui-calendar> udfylder feltet (ISO yyyy-mm-dd), lukker popoveren og sender en sammensat, bobbende change (detail.value). At skrive en gyldig yyyy-mm-dd (eller slette den) og bekræfte på inputtets change fungerer også. value er ISO-datoen, label det tilgængelige navn (standard Date), og placeholder hintet (standard yyyy-mm-dd).

Eksempel

html
<instui-date-input value="2026-07-08" label="Due date"></instui-date-input>