CronInput

Edits a 5-field cron expression and previews its human meaning live as the user types.

Installation

pnpm dlx shadcn@latest add @shadmin/cron-input

Usage

import { CronInput } from '@/components/admin';
 
<CronInput source="schedule" />
<CronInput source="schedule" disabled />

Props

PropRequiredTypeDefaultDescription
sourceRequiredstring-Form field name
labelOptionalstring | falseInferredCustom label
helperTextOptionalReactNode-Helper text
disabledOptionalbooleanfalseDisable input
defaultValueOptionalstring-Initial cron expression
validateOptionalValidator | Validator[]-Validation
classNameOptionalstring-CSS class on wrapper

Dependency

cronstrue (~10KB). Standard 5-field cron only.