Compact cron expression input with common scheduling presets.
CronInput covers simple automation scheduling without shipping a cron parser. It pairs presets with an editable expression for advanced users.
Choose a common preset or edit the cron expression directly.
Weekly
<CronInput defaultValue="0 9 * * 1" />import { CronInput } from "@froggdesign/enter-ui-react";<CronInput
value={cron}
onValueChange={setCron}
/>Use CronInput for automation settings, report delivery, sync jobs, scheduled exports, and workflow triggers.
The preset select and expression input are separately labelled. Keep server-side validation near the scheduling boundary because CronInput intentionally avoids a large parser.
value, defaultValue: cron expression.onValueChange: called with the next expression.presets: optional { id, label, expression }[].CronInput uses .eui-cron-input classes and FroggDesign tokens for layout, state, focus, and disabled styling.