1.0.3 • Published 5 years ago
mui-cron-generator v1.0.3
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-generatordemo


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
| Prop | Description | Default | Mandatory |
|---|---|---|---|
| value | cron expression | No | |
| onChange | Yes | ||
| showResultText | show in readable text format | false | No |
| showResultCron | show cron expression | false | No |
| translateFn | translate function callback | method | No |
| locale | locale for cronstrue | en | No |
| options | Options for Cron component, *Must pass a valid cron value for available headers | All available headers | No |
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]
};Acknowledgments
cronstrue