184 Components
Cron Schedule Builder
InputsVisual 5-segment Quartz/cron schedule builder with natural English translation, quick presets (hourly, daily, weekdays), input validation hints, and upcoming execution timeline preview.
Cron Schedule Builder
Configure recurrent jobs and view human-readable dispatch times.
Presets:
Minute0-59, *, */15
Hour0-23, *, */2
Day (Month)1-31, *
Month1-12, *
Day (Week)0-6, 1-5, *
Runs at 09:00 Monday through Friday
UTC Timezone Next scheduled triggers
Today at 09:00:00 UTC
Tomorrow at 09:00:00 UTC
In 2 days at 09:00:00 UTC
Installation
Install directly into your project using the shadcn CLI or copy the source code manually.
Requires:framer-motionlucide-reactclsxtailwind-merge
$npx shadcn@latest add "https://boseui.site/r/cron-schedule-builder.json"
Props
TypeScript props supported by <CronScheduleBuilder />.
| Prop | Type | Default | Description |
|---|---|---|---|
| initialCron | string | "0 9 * * 1-5" | Default 5-part cron expression string. |
| onChange | (cron: string, humanDescription: string) => void | — | Callback invoked whenever cron string changes. |
Key Features
- 5 segmented fields for Minute, Hour, Day of Month, Month, and Day of Week.
- Real-time human-readable natural language translation.
- Quick presets for common schedules like weekdays, hourly, and midnight.
- Preview of the next 3 scheduled execution timestamps.
- One-click copy of the active cron string.
Keyboard & Accessibility
- Semantic text input elements with descriptive hint labels.
- Keyboard accessible preset pills.