React Cron Widget

Quartz / Unix Cron expressions

Get Started

Native

As simple as React. Nothing else. The Bootstrap CSS is a optional dependency.

Customization

You can customize the component as you want.

Open-source and on npm

Use it directly in your project using npm.

Quartz / Unix cron expressions generator

Editing a plain text crontab is error-prone for task management, such as adding tasks, deleting tasks, or pausing tasks.
A little error can undoubtedly cut down every one of the positions and could set you back a great deal of time.

React cron widget allows you to create a cron expression string without any experience or understanding of cron standards.

This library contains solutions for quartz and unix formats.

npm i @sbzen/re-cronyarn add @sbzen/re-cron

Quartz cron builder

Quartz cron expression is a representation of 7 values divided by single space.
Each value may have its own expression, such as 1-2, or 1,2 with various combinations of special characters.
Create a quartz cron expression with an easy-to-use online interface.

Seconds	Minutes	Hours	Day Of Month	Month	Day Of Week	Year
0	40	7	?	*	MON-FRI	*

import React, { Fragment, useState } from 'react';
import { ReQuartzCron } from '@sbzen/re-cron';

const App = () => {
  const [value, setValue] = useState('2,0,4,3,1 0/1 3/2 ? * 4/5 *');

  return (
    <Fragment>
      <input
        className="form-control mb-4"
        readOnly
        value={value}/>

      <ReQuartzCron
        value={value}
        onChange={setValue}/>
    </Fragment>
  );
};
export default App;