The six components
(This skill ships no references folder — its bundled reference and
examples were lost in an old repack and never restored; the table below
is the surviving summary, and the live in-tree exemplars are the rockets
under static/rocket/ and their benches on Admin → UI lab → Rockets.)
| Component | Signal shape | Patterns it teaches |
|---|---|---|
| Date — single | {v, s} (view month, selected ISO) |
popover calendar, baked 42 cells, aria-current (today) + data-ui-selected |
| Date — range | {v, a, b, h} (anchor, end, hover) |
two endpoints + hover preview, band tint via --bg |
| Calendar | {v, sel} |
standalone month surface, .ngrid+.spread nav, in/out tint, Today/prev/next |
| Combobox | {q, open, hi, label} (query, open, highlighted idx) |
text filter, keyboard nav, anchored flipping popover |
| group-pick (gf-385) | three page signals: typed text · picked name (the TAG) · rename draft | pick-or-make over server rows: focus shows all, typing filters, Enter picks only a highlighted ROW (a typed word is never a value — "No match" + an Add row chosen from the list), the pick is a tag in the field, a pencil renames a row in place (Enter/check saves, Escape/leaving cancels), per-row delete disabled while in use; view.GroupPick(GroupPickSpec); bench UI → Rockets |
| Selection grid — multi | {ids: []} |
array signal, toggle membership, aria-pressed + data-ui-state |
| Selection grid — single | {id} |
single-id signal, radio semantics, aria-checked |