Live demo — this example is server-driven; run the showcase locally for the interactive version.

Date picker

Use Date picker straight from a Qute template — parameters and slots instead of Java builders. This reference is generated from the runtime template sources: each template documents its parameters and slots in the header comment shown beneath its include line.

Templates

date-picker

{#include components/forms/date-picker /}
Date picker — PatternFly v6 
 Optional: id — DOM id on the root; derives {id}-input on the text input and {id}-picked
              (the selection-event anchor swapped out-of-band by the calendar endpoint).
              value (optional), placeholder (optional), disabled (optional), ariaLabel (optional),
              calendar (optional) — a CalendarMonth model; when present the popover hosts the fully
              interactive calendar (month/year nav via HTMX; picking a date fills the input and
              closes the popover via the pha-date-picked event). 
 Slot: calendar — custom popover content when no calendar model is passed.