KQ-606 · SCHEDULE/SEND
Schedule Send
A two-stop control decides when the money leaves, one knob travelling between Now and Scheduled on snap. Choosing Scheduled unfolds a date spinbutton and a repeat picker whose height is measured rather than reserved, gliding open on glide and closing to a true zero, while the summary sentence rewrites itself token by token — only the words that changed leave and arrive. Both pickers are radiogroups with a roving tabindex where arrows step and Home and End jump; the date takes arrows for a day and Page keys for a week.
KQ-606 · SCHEDULE/SEND
Waylight Pay · Fernworks Supply240.00
Send
Sends 240.00 now
Waylight Pay 240.00 now
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/schedule-send
Props
- value / defaultValue
- ScheduleValue
- default { mode: "now", offsetDays: 1, repeat: "once" }
- Controlled or initial schedule: mode, days after baseDate, repeat.
- onValueChange
- (value: ScheduleValue) => void
- default —
- Fires from the control that changed, never from render.
- amount
- number
- default —
- The sum being scheduled; drives the summary sentence.
- format
- (value: number) => string
- default Intl.NumberFormat, two decimals
- Formats every amount the component prints.
- baseDate
- string
- default 2026-04-13
- ISO YYYY-MM-DD the offset counts from, read in UTC so no clock is sampled during render.
- maxOffsetDays
- number
- default 60
- Furthest schedulable day.
- label
- string
- default Send
- Visible group label and the mode radiogroup's accessible name.
| Prop | Type | Default | Description |
|---|---|---|---|
| value / defaultValue | ScheduleValue | { mode: "now", offsetDays: 1, repeat: "once" } | Controlled or initial schedule: mode, days after baseDate, repeat. |
| onValueChange | (value: ScheduleValue) => void | — | Fires from the control that changed, never from render. |
| amount | number | — | The sum being scheduled; drives the summary sentence. |
| format | (value: number) => string | Intl.NumberFormat, two decimals | Formats every amount the component prints. |
| baseDate | string | 2026-04-13 | ISO YYYY-MM-DD the offset counts from, read in UTC so no clock is sampled during render. |
| maxOffsetDays | number | 60 | Furthest schedulable day. |
| label | string | Send | Visible group label and the mode radiogroup's accessible name. |