1.0.3 • Published 4 years ago

mui-cron-generator v1.0.3

Weekly downloads
14
License
ISC
Repository
github
Last release
4 years ago

mui-cron-generator

Material-UI based react component to generate cron expression. This is forked from the react-cron-generator project.

Getting Started

Package helps to build linux scheduler cron expression. Make sure you have include bootstrap in your project

data = '* * * * * * *'
npm install mui-cron-generator

demo

Live demo

alt text

alt text

import React, { Component } from 'react'
import Cron from 'react-cron-generator'
import 'react-cron-generator/dist/cron-builder.css'


class App extends Component {

  constructor(props) {
      super(props);
      this.state = {
       
      };
  }

  render() {
    return (<div>
      <Cron
        onChange={(e)=> {this.setState({value:e});}}
        value={this.state.value}
        showResultText={true}
        showResultCron={true}
        />
                            
    </div>)
  }
}

export default App;

props

PropDescriptionDefaultMandatory
valuecron expressionNo
onChangeYes
showResultTextshow in readable text formatfalseNo
showResultCronshow cron expressionfalseNo
translateFntranslate function callbackmethodNo
localelocale for cronstrueenNo
optionsOptions for Cron component, *Must pass a valid cron value for available headersAll available headersNo

translateFn

Expects a method. Use this prop for localization support. react-cron-generator will call this method for every key. List of keys are available here

locale option should be set for correct ResultText translation. Please visit cronstrue for supported locales.

Options

options.headers

import { HEADER } from 'react-cron-generator';

const options = {
  headers: [HEADER.MONTHLY, HEADER.WEEKLY, HEADER.MINUTES, HEADER.HOURLY, HEADER.DAILY]
};

Sojin Antony

Acknowledgments

cronstrue

Viswanath Lekshmanan