KQ-504 · CADENCE/PICK
Cadence Pick
A rhythm picker that shows the rhythm. Four stops share one knob that glides between them on snap, and beside them a seven by five calendar glyph re-patterns itself: every mark keeps its identity across cadences, so it travels to its new cell on glide in a cascade rather than blinking out and back. Custom unfolds an interval stepper over a measured height; arrows move and wrap, Home and End jump, Space selects.
KQ-504 · CADENCE/PICK
Gaugeworks report cadence
weekly · next run Wednesday 07:00
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/cadence-pick
Props
- value / defaultValue
- "daily" | "weekly" | "monthly" | "custom"
- default "weekly"
- Controlled or initial cadence.
- onValueChange
- (value: Cadence, everyDays?: number) => void
- default —
- Fires on change; custom carries the interval it now means.
- everyDays / defaultEveryDays
- number
- default 3
- Custom interval in days, clamped to 1–30.
- label
- string
- default "Cadence"
- Visible group label, which also names the radiogroup.
| Prop | Type | Default | Description |
|---|---|---|---|
| value / defaultValue | "daily" | "weekly" | "monthly" | "custom" | "weekly" | Controlled or initial cadence. |
| onValueChange | (value: Cadence, everyDays?: number) => void | — | Fires on change; custom carries the interval it now means. |
| everyDays / defaultEveryDays | number | 3 | Custom interval in days, clamped to 1–30. |
| label | string | "Cadence" | Visible group label, which also names the radiogroup. |