react-js-cron

ReactJS Cron

A React cron editor with antd inspired by jqcron

Live demo and usage at https://xrutayisire.github.io/react-js-cron/

Install

Be sure that you have these dependencies on your project:

• antd
• react
• react-dom

# Yarn
yarn add react-js-cron

# NPM
npm install --save react-js-cron

Usage

Learn more at https://xrutayisire.github.io/react-js-cron/

API

CronProps {
  value: string
  setValue: 
    | (value: string) => void
    | Dispatch<SetStateAction<string>> 
  className?: string
  humanizeLabels?: boolean // Default: true
  humanizeValue?: boolean // Default: false
  defaultPeriod?: 'year' | 'month' | 'week' | 'day' | 'hour' | 'minute' // Default: 'month'
  allowEmpty?: 'always' | 'never' | 'for-default-value' // Default: 'for-default-value'
  clearButton?: boolean // Default: true
  clearButtonProps?: ButtonProps // Extends antd button props without onClick
  displayError?: boolean // Default: true
  setError?: 
    | (error: {
      type: 'invalid_cron'
      description: string
    }) => void
    | Dispatch<SetStateAction<{
      type: 'invalid_cron'
      description: string
    }>>
    | undefined
  locale?: {
    everyText?: string
    emptyHours?: string
    emptyWeekDays?: string
    emptyMonthDays?: string
    emptyMonths?: string
    emptyMinutes?: string
    emptyMinutesWhenHoursPeriod?: string
    minuteOption?: string
    hourOption?: string
    dayOption?: string
    weekOption?: string
    monthOption?: string
    yearOption?: string
    prefixPeriod?: string
    prefixHours?: string
    prefixWeekDays?: string
    prefixMonthDays?: string
    prefixMonths?: string
    prefixMinutes?: string
    prefixMinutesWhenHoursPeriod?: string
    suffixMinutesWhenHoursPeriod?: string
    errorInvalidCron?: string
    weekDays?: string[]
    months?: string[]
  }  // Default: See file 'src/locale.ts'
}

License

MIT © xrutayisire