pantoken / renderers/web-components/src / dateInput

Variable: dateInput

const dateInput: ElementDefinition

Alpha

<instui-date-input> — a text field plus a calendar dropdown. The trigger toggles a [popover] through the built-in toggle-popover Invoker Command (a click fallback covers browsers without the API); picking a day in the nested <instui-calendar> fills the field (ISO yyyy-mm-dd), closes the popover, and emits a composed, bubbling change (detail.value). Typing a valid yyyy-mm-dd (or clearing it) and committing on the input's change works too. value is the ISO date, label the accessible name (default Date), and placeholder the hint (default yyyy-mm-dd).

Example

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