Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA schedule field with presets (every hour, weekdays at 09:00, monthly) and a Custom option that takes a five-field cron expression, validates it, describes it in words and shows the next three run times. Use this when people schedule jobs, reports or backups.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it for schedulers and automations, where most people want a common cadence, a few need exact cron, and everyone should see in plain words and dates what they have just set.
Do not use it when people pick dates and times on a calendar. Use a recurrence picker built on a date picker.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | - | The cron expression (controlled). |
defaultValue | string | 0 9 * * 1-5 | Initial expression. |
onValueChange | (cron: string, valid: boolean) => void | - | Runs on every change. |
presets | { label, cron }[] | 6 presets | The presets offered. |
now | Date | current time | The reference time for the next runs (useful in tests). |
label | string | Schedule | Visible label. |
minute must be 0 to 59); the first problem is shown in a role="alert".describeCron and nextRuns are exported and independent of the DOM; times are shown in the browser's time zone.*, lists, ranges, steps (*/15, 1-5/2); names such as MON are not.The pattern ships with a Testing Library test (crontab-preset-picker.test.tsx) that covers parsing, describing, the next runs for a fixed time, presets and validation messages.