{"_id":"react-js-cron-mui","_rev":"6-20204af357e0a63f722fc3fc4caba7db","name":"react-js-cron-mui","dist-tags":{"latest":"1.3.0"},"versions":{"1.0.0":{"name":"react-js-cron-mui","version":"1.0.0","keywords":["react","reactjs","js","cron","crontab","editor","widget","generator","mui","material-ui"],"author":{"url":"https://github.com/levyitay/","name":"Itay Levy"},"license":"MIT","_id":"react-js-cron-mui@1.0.0","maintainers":[{"name":"levyitay","email":"levyitay@gmail.com"}],"homepage":"https://github.com/levyitay/react-js-cron-mui#readme","bugs":{"url":"https://github.com/levyitay/react-js-cron-mui/issues"},"dist":{"shasum":"5b1327c4b5d6f6c21ccaa4bde34c95aaf637bb5d","tarball":"https://registry.npmjs.org/react-js-cron-mui/-/react-js-cron-mui-1.0.0.tgz","fileCount":67,"integrity":"sha512-WqHLa1BMaldqQsQvJPWxPGmp2re+AhFfunIVac/1KRPTXziP5+M+gPwRb97B0e6AFZKw6PdwG/rimFiq0HWH9g==","signatures":[{"sig":"MEYCIQCmVdYkhZuKQ66241KhwD14iNcA0uTkcKLBL832+jcmwwIhAMvUuh3j4i4YQbxLiraRo6In9UOZuBvwNkT3tcRMUuQK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":192839,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAhi/CRA9TVsSAnZWagAAWo8QAKRX+ymcljgDq+YHPMih\nbYr+uoMT1TvOhheG8PVlq5V4yDwTT51gdmGv0luzpCh/pwC1MrEKGrTXA8XD\nM1qNMHkoTFn4uS7t84cqAT0ebd5QxvRKtBJdJJKPdJSQgJByMYbz5mfj+DxO\n3EwDYZI6ISr5N7xmLNt2mChTYUg9rXkkctO3ROVpRF/XJZCaw4d0BdrDOPF4\nf7X7fIG0JLAdCWX5Lg+WH6q1ZR1K8s9C6dtjrPqaoWuzgqxmaJNDGm5+dK76\nJEPbVaZ7hHu6psFQXBazj70Xy/e8ya4mrfGhiCBszgNEJEkdDj+RYSr7oYOe\nQv7jOjrrMnLSqRk7QZCuMn59HiD6NrxQcrth6FElWAoVshMyGy0I4YyT+MFT\n9Qj/uliSDuIx/bvt767EEU/MWFsozvw/Rj7h7BVDoR0SfO0AytTQmXqr0XJe\niFiiClOBmtPK1VVtU0z7fOFsCBX+1a8FA0g7WfRPAu0bwD6809wlN7imRMUk\nFl9UJhe7HIeP41x5EtSGcj4cXuTYrS/0O//YU0Cwm3dTqHO7C5ty5/j2Iisy\nqWfowpCNT9oa5t1Uk0uON08yjq0nM/GTnvgPfxzl8A3ubgeK+hz71zhnucoa\nodt78jrOlK8UoKjVJQpu1Zl10TwiZaN8+e+PAZyZc02PfK3waoMOoWPCiB+4\neMOI\r\n=dvYT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/cjs/index.js","types":"dist/cjs/index.d.ts","module":"dist/esm/index.js","gitHead":"f415cf7fe66383899dc761ba5f34176b98f1d8a6","scripts":{"lint":"eslint 'src/**/*.ts?(x)'","build":"del dist && yarn build:babel && yarn build:types","prettier":"prettier --write 'src/**/*.{ts?(x),css}'","storybook":"start-storybook -p 9009","build:babel":"concurrently \"yarn build:babel:esm\" \"yarn build:babel:cjs\"","build:types":"tsc","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --extensions \".ts,.tsx\" --copy-files src --out-dir dist/cjs --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --extensions \".ts,.tsx\" --copy-files src --out-dir dist/esm"},"_npmUser":{"name":"levyitay","email":"levyitay@gmail.com"},"repository":{"url":"git+https://github.com/levyitay/react-js-cron-mui.git","type":"git"},"_npmVersion":"6.14.8","description":"A React cron editor with Material UI a forked repo from Xavier Rutayisire (https://github.com/xrutayisire/react-js-cron)","directories":{},"_nodeVersion":"14.15.1","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.0","eslint":"^7.17.0","del-cli":"^3.0.1","prettier":"^2.2.1","react-dom":"^17.0.0","@babel/cli":"^7.12.10","typescript":"^4.1.3","@types/node":"^14.14.20","@types/react":"^17.0.0","concurrently":"^5.3.0","react-scripts":"^4.0.1","@storybook/react":"^6.1.11","@types/react-dom":"^17.0.0","@material-ui/core":"^4.11.2","@storybook/addons":"^6.1.11","@material-ui/icons":"^4.11.2","eslint-plugin-react":"^7.22.0","@storybook/addon-docs":"^6.1.11","eslint-config-prettier":"^7.1.0","eslint-plugin-prettier":"^3.3.1","@typescript-eslint/parser":"^4.12.0","eslint-plugin-react-hooks":"^4.2.0","@typescript-eslint/eslint-plugin":"^4.12.0","@babel/plugin-transform-typescript":"^7.12.1","@storybook/preset-create-react-app":"^3.1.5","babel-plugin-typescript-to-proptypes":"^1.4.2","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.12.1"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","@material-ui/core":">=4.0.0","fontsource-roboto":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-js-cron-mui_1.0.0_1610750143098_0.09361607718205778","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"react-js-cron-mui","version":"1.1.0","keywords":["react","reactjs","js","cron","crontab","editor","widget","generator","mui","material-ui"],"author":{"url":"https://github.com/levyitay/","name":"Itay Levy"},"license":"MIT","_id":"react-js-cron-mui@1.1.0","maintainers":[{"name":"levyitay","email":"levyitay@gmail.com"}],"homepage":"https://github.com/levyitay/react-js-cron-mui#readme","bugs":{"url":"https://github.com/levyitay/react-js-cron-mui/issues"},"dist":{"shasum":"6f1aaa0166bab30b4e641fb82d9061ecdef7ce1b","tarball":"https://registry.npmjs.org/react-js-cron-mui/-/react-js-cron-mui-1.1.0.tgz","fileCount":66,"integrity":"sha512-HX2MlsgwN3KiK7AzOA/tPUhWIizq5RgbRK00i6r59Kzq01x6P7t0pSSAhgpH0Q27zVGsKdNuY44HfVLIhMwAuA==","signatures":[{"sig":"MEQCIAvn45YaLYLq3Km3R03GVklzo86sq/lvlttAhdvbiJWiAiAxLme8BmGVBZuc8vkxxxgWMngP+nCaBK5WkrVAQnmGpA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":190220},"main":"dist/cjs/index.js","types":"dist/cjs/index.d.ts","module":"dist/esm/index.js","gitHead":"c5777a1348ae1b9a2967b8bd3f070ccb7afa93dc","scripts":{"lint":"eslint 'src/**/*.ts?(x)'","build":"del dist && yarn build:babel && yarn build:types","prettier":"prettier --write 'src/**/*.{ts?(x),css}'","storybook":"start-storybook -p 9009","build:babel":"concurrently \"yarn build:babel:esm\" \"yarn build:babel:cjs\"","build:types":"tsc","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --extensions \".ts,.tsx\" --copy-files src --out-dir dist/cjs --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --extensions \".ts,.tsx\" --copy-files src --out-dir dist/esm"},"_npmUser":{"name":"levyitay","email":"levyitay@gmail.com"},"deprecated":"this package has been deprecated","repository":{"url":"git+https://github.com/levyitay/react-js-cron-mui.git","type":"git"},"_npmVersion":"8.11.0","description":"A React cron editor with Material UI a forked repo from Xavier Rutayisire (https://github.com/xrutayisire/react-js-cron)","directories":{},"_nodeVersion":"16.16.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.0","eslint":"^7.17.0","del-cli":"^3.0.1","prettier":"^2.2.1","react-dom":"^17.0.0","@babel/cli":"^7.12.10","typescript":"^4.1.3","@types/node":"^14.14.20","@types/react":"^17.0.0","concurrently":"^5.3.0","react-scripts":"^4.0.1","@storybook/react":"^6.1.11","@types/react-dom":"^17.0.0","@material-ui/core":"^4.11.2","@storybook/addons":"^6.1.11","@material-ui/icons":"^4.11.2","eslint-plugin-react":"^7.22.0","@storybook/addon-docs":"^6.1.11","eslint-config-prettier":"^7.1.0","eslint-plugin-prettier":"^3.3.1","@typescript-eslint/parser":"^4.12.0","eslint-plugin-react-hooks":"^4.2.0","@typescript-eslint/eslint-plugin":"^4.12.0","@babel/plugin-transform-typescript":"^7.12.1","@storybook/preset-create-react-app":"^3.1.5","babel-plugin-typescript-to-proptypes":"^1.4.2","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.12.1"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","@material-ui/core":">=4.0.0","fontsource-roboto":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-js-cron-mui_1.1.0_1749664519025_0.10217595538118207","host":"s3://npm-registry-packages-npm-production"}},"1.2.0":{"name":"react-js-cron-mui","version":"1.2.0","keywords":["react","reactjs","js","cron","crontab","editor","widget","generator","mui","material-ui"],"author":{"url":"https://github.com/levyitay/","name":"Itay Levy"},"license":"MIT","_id":"react-js-cron-mui@1.2.0","maintainers":[{"name":"levyitay","email":"levyitay@gmail.com"}],"homepage":"https://github.com/levyitay/react-js-cron-mui#readme","bugs":{"url":"https://github.com/levyitay/react-js-cron-mui/issues"},"dist":{"shasum":"f4eca01fa31692663fa392d662d39a7514b97b8c","tarball":"https://registry.npmjs.org/react-js-cron-mui/-/react-js-cron-mui-1.2.0.tgz","fileCount":66,"integrity":"sha512-naxiJlWqElp/lH02tsYeEEjvIMNbDCsJdkY4dX0tNJJsYpq3/j+5vPTDnpg0NxD7iOghXzLg26Pw3NO+5gcndg==","signatures":[{"sig":"MEUCIQD4vpmGE+s6bsjbd3ue91AsQrqyW3JPja/lZOjw7I/WNwIgB8xp7XjG18SIqDxF0+qLG6cjQaz+GMHd4Tgo7YAdmW4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":211313},"main":"dist/cjs/index.js","types":"dist/cjs/index.d.ts","module":"dist/esm/index.js","gitHead":"a358dadd43ce22ae30e3f80998761002642403b0","scripts":{"lint":"eslint 'src/**/*.ts?(x)'","build":"rm -fr dist && yarn build:babel && yarn build:types","prettier":"prettier --write 'src/**/*.{ts?(x),css}'","storybook":"start-storybook -p 9009","build:babel":"concurrently \"yarn build:babel:esm\" \"yarn build:babel:cjs\"","build:types":"tsc","build-storybook":"build-storybook","build:babel:cjs":"BABEL_ENV=cjs babel --extensions \".ts,.tsx\" --copy-files src --out-dir dist/cjs --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --extensions \".ts,.tsx\" --copy-files src --out-dir dist/esm"},"_npmUser":{"name":"levyitay","email":"levyitay@gmail.com"},"repository":{"url":"git+https://github.com/levyitay/react-js-cron-mui.git","type":"git"},"_npmVersion":"11.4.1","description":"A React cron editor with Material UI a forked repo from Xavier Rutayisire (https://github.com/xrutayisire/react-js-cron)","directories":{},"_nodeVersion":"20.17.0","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"react":"^17.0.0","eslint":"^7.17.0","del-cli":"^3.0.1","prettier":"^2.2.1","react-dom":"^17.0.0","@babel/cli":"^7.12.10","typescript":"^4.1.3","@types/node":"^14.14.20","@types/react":"^17.0.0","concurrently":"^5.3.0","react-scripts":"^4.0.1","@storybook/react":"^6.1.11","@types/react-dom":"^17.0.0","@material-ui/core":"^4.11.2","@storybook/addons":"^6.1.11","@material-ui/icons":"^4.11.2","eslint-plugin-react":"^7.22.0","@storybook/addon-docs":"^6.1.11","eslint-config-prettier":"^7.1.0","eslint-plugin-prettier":"^3.3.1","@typescript-eslint/parser":"^4.12.0","eslint-plugin-react-hooks":"^4.2.0","@typescript-eslint/eslint-plugin":"^4.12.0","@babel/plugin-transform-typescript":"^7.12.1","@storybook/preset-create-react-app":"^3.1.5","babel-plugin-typescript-to-proptypes":"^1.4.2","babel-plugin-transform-es2015-modules-umd":"^6.24.1","@babel/plugin-proposal-export-default-from":"^7.12.1"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","@material-ui/core":">=4.0.0","fontsource-roboto":"^4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/react-js-cron-mui_1.2.0_1749671125818_0.31005354528577134","host":"s3://npm-registry-packages-npm-production"}},"1.3.0":{"name":"react-js-cron-mui","version":"1.3.0","description":"A React cron editor with Material UI a forked repo from Xavier Rutayisire (https://github.com/xrutayisire/react-js-cron)","author":{"name":"Itay Levy","url":"https://github.com/levyitay/"},"license":"MIT","keywords":["react","reactjs","js","cron","crontab","editor","widget","generator","mui","material-ui"],"homepage":"https://github.com/levyitay/react-js-cron-mui#readme","repository":{"type":"git","url":"git+https://github.com/levyitay/react-js-cron-mui.git"},"bugs":{"url":"https://github.com/levyitay/react-js-cron-mui/issues"},"main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/cjs/index.d.ts","scripts":{"build":"rm -fr dist && yarn build:babel && yarn build:types","build:babel":"concurrently \"yarn build:babel:esm\" \"yarn build:babel:cjs\"","build:babel:cjs":"BABEL_ENV=cjs babel --extensions \".ts,.tsx\" --copy-files src --out-dir dist/cjs --presets=@babel/env","build:babel:esm":"BABEL_ENV=esm babel --extensions \".ts,.tsx\" --copy-files src --out-dir dist/esm","build:types":"tsc","storybook":"start-storybook -p 9009","build-storybook":"build-storybook","lint":"eslint 'src/**/*.ts?(x)'","prettier":"prettier --write 'src/**/*.{ts?(x),css}'"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0","@material-ui/core":">=4.0.0","fontsource-roboto":"^4.0.0"},"devDependencies":{"@babel/cli":"^7.12.10","@babel/plugin-proposal-export-default-from":"^7.12.1","@babel/plugin-transform-typescript":"^7.12.1","@storybook/addon-docs":"^6.1.11","@storybook/addons":"^6.1.11","@storybook/preset-create-react-app":"^3.1.5","@storybook/react":"^6.1.11","@types/node":"^14.14.20","@types/react":"^17.0.0","@types/react-dom":"^17.0.0","@typescript-eslint/eslint-plugin":"^4.12.0","@typescript-eslint/parser":"^4.12.0","babel-plugin-transform-es2015-modules-umd":"^6.24.1","babel-plugin-typescript-to-proptypes":"^1.4.2","concurrently":"^5.3.0","del-cli":"^3.0.1","eslint":"^7.17.0","eslint-config-prettier":"^7.1.0","eslint-plugin-prettier":"^3.3.1","eslint-plugin-react":"^7.22.0","eslint-plugin-react-hooks":"^4.2.0","prettier":"^2.2.1","react":"^17.0.0","react-dom":"^17.0.0","react-scripts":"^4.0.1","typescript":"^4.1.3","@material-ui/icons":"^4.11.2","@material-ui/core":"^4.11.2"},"dependencies":{},"_id":"react-js-cron-mui@1.3.0","gitHead":"a2723d2fc1300d6d3e66938cf944eedaf420233c","_nodeVersion":"20.19.2","_npmVersion":"10.8.2","dist":{"integrity":"sha512-Tr7ymPtk0ZdVS8V2gY9jn5NluHHg0jaTPGkGKbeEeOrwtqK+zUliDga1ST8BUdEaDIdCLQcDPCZHNvYc6eaiyQ==","shasum":"26f4951c19acacd4f9911391be3744ccdb6b4a2a","tarball":"https://registry.npmjs.org/react-js-cron-mui/-/react-js-cron-mui-1.3.0.tgz","fileCount":66,"unpackedSize":210878,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDxSotYS8fpXJmZ3aXJutaiJ3TZA8gLzSwQ3g/8V8v1RwIgamCgZAkKrRZQLl/Pe2WtBb4aeyfzXXx13RS5S0EAsfQ="}]},"_npmUser":{"name":"levyitay","email":"levyitay@gmail.com","actor":{"name":"levyitay","email":"levyitay@gmail.com","type":"user"}},"directories":{},"maintainers":[{"name":"levyitay","email":"levyitay@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-js-cron-mui_1.3.0_1750409975027_0.4246192834482232"},"_hasShrinkwrap":false}},"time":{"created":"2021-01-15T22:35:43.098Z","modified":"2025-06-20T08:59:35.418Z","1.0.0":"2021-01-15T22:35:43.383Z","1.1.0":"2025-06-11T17:55:19.196Z","1.2.0":"2025-06-11T19:45:26.038Z","1.3.0":"2025-06-20T08:59:35.223Z"},"bugs":{"url":"https://github.com/levyitay/react-js-cron-mui/issues"},"author":{"name":"Itay Levy","url":"https://github.com/levyitay/"},"license":"MIT","homepage":"https://github.com/levyitay/react-js-cron-mui#readme","keywords":["react","reactjs","js","cron","crontab","editor","widget","generator","mui","material-ui"],"repository":{"type":"git","url":"git+https://github.com/levyitay/react-js-cron-mui.git"},"description":"A React cron editor with Material UI a forked repo from Xavier Rutayisire (https://github.com/xrutayisire/react-js-cron)","maintainers":[{"name":"levyitay","email":"levyitay@gmail.com"}],"readme":"## ReactJS Cron\r\n> This package is based on Xavier Rutayisire package (https://github.com/xrutayisire/react-js-cron). Most if not all of the credit should go to him.\r\n> A React cron editor built with [Material-UI](https://www.npmjs.com/package/@material-ui/core)\r\n\r\n[![npm package](https://img.shields.io/npm/v/react-js-cron-mui/latest.svg)](https://www.npmjs.com/package/react-js-cron-mui)\r\n[![MIT License Badge](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/levyitay/react-js-cron-mui/blob/master/LICENSE.md)\r\n\r\nLive **demo** and **usage** at [https://levyitay.github.io/react-js-cron/](https://levyitay.github.io/react-js-cron-mui/?path=/docs/reactjs-cron--demo)\r\n\r\n![react-js-cron example](https://raw.githubusercontent.com/levyitay/react-js-cron-mui/master/react-js-cron-example.png)\r\n\r\n## Features\r\n\r\n- Zero dependencies except React and Material-UI\r\n- Supports all standard cron expressions\r\n- Supports cron names for months and week days\r\n- Supports cron shortcuts\r\n- Supports \"7\" for Sunday\r\n- Supports two-way sync binding with input\r\n- Supports locale customization\r\n- Supports multiple selection by double-clicking on an option\r\n- And many more (disabled, read-only, 12-hour clock...)\r\n\r\n## Inspired by\r\n\r\n- [jqCron](https://github.com/arnapou/jqcron)\r\n- [cron-converter](https://github.com/roccivic/cron-converter)\r\n\r\n## Installation\r\n\r\nBe sure that you have these dependencies on your project:\r\n* react (>=16.8.0)\r\n* material-ui (>=4.0.0)\r\n* fontsource-roboto\r\n\r\n```bash\r\n# Yarn\r\nyarn add react-js-cron-mui\r\n\r\n# NPM\r\nnpm install --save react-js-cron-mui\r\n```\r\n\r\n## TypeScript\r\n\r\nreact-js-cron is written in TypeScript with complete definitions\r\n\r\n## Usage\r\n\r\nLearn more with [dynamic settings](https://levyitay.github.io/react-js-cron-mui/?path=/story/reactjs-cron--dynamic-settings).\r\n\r\n- [Two-way sync binding with input](https://levyitay.github.io/react-js-cron-mui/?path=/story/reactjs-cron--input)\r\n- [Default value](https://levyitay.github.io/react-js-cron-mui/?path=/story/reactjs-cron--default-value)\r\n- [Default period](https://levyitay.github.io/react-js-cron-mui/?path=/story/reactjs-cron--default-period)\r\n- [Disabled mode](https://levyitay.github.io/react-js-cron-mui/?path=/story/reactjs-cron--disabled)\r\n- [Read-Only mode](https://levyitay.github.io/react-js-cron-mui/?path=/story/reactjs-cron--read-only)\r\n- [Humanized labels](https://levyitay.github.io/react-js-cron-mui/?path=/story/reactjs-cron--humanize-labels)\r\n- [Humanized value](https://levyitay.github.io/react-js-cron-mui/?path=/story/reactjs-cron--humanize-value)\r\n- [Leading zero for numbers](https://levyitay.github.io/react-js-cron-mui/?path=/story/reactjs-cron--leading-zero)\r\n- [Error management with text and style](https://levyitay.github.io/react-js-cron-mui/?path=/story/reactjs-cron--track-error)\r\n- [\"Clear button\" removal](https://levyitay.github.io/react-js-cron-mui/?path=/story/reactjs-cron--no-clear-button)\r\n- [\"Clear button\" action](https://levyitay.github.io/react-js-cron-mui/?path=/story/reactjs-cron--clear-button-empty-value)\r\n- [Empty value management](https://levyitay.github.io/react-js-cron-mui/?path=/story/reactjs-cron--empty-never-allowed)\r\n- [Cron shortcuts](https://levyitay.github.io/react-js-cron-mui/?path=/story/reactjs-cron--shortcuts)\r\n- [12-hour clock](https://levyitay.github.io/react-js-cron-mui/?path=/story/reactjs-cron--twelve-hour-clock)\r\n- [24-hour clock](https://levyitay.github.io/react-js-cron-mui/?path=/story/reactjs-cron--twenty-four-hour-clock)\r\n- [Locale customization](https://levyitay.github.io/react-js-cron-mui/?path=/story/reactjs-cron--french-locale)\r\n- [Prefix and suffix removal](https://levyitay.github.io/react-js-cron-mui/?path=/story/reactjs-cron--no-prefix-and-suffix)\r\n- [Style customization](https://levyitay.github.io/react-js-cron-mui/?path=/story/reactjs-cron--custom-style)\r\n\r\n## API\r\n\r\n```\r\nCronProps {\r\n  /**\r\n   * Cron value, the component is by design a controlled component.\r\n   * The first value will be the default value.\r\n   * \r\n   * required\r\n   */\r\n  value: string\r\n\r\n  /**\r\n   * Set the cron value, similar to onChange.\r\n   * The naming tells you that you have to set the value by yourself.\r\n   * \r\n   * required\r\n   */\r\n  setValue: \r\n    | (value: string) => void\r\n    | Dispatch<SetStateAction<string>>\r\n\r\n  /**\r\n   * Set the container className and used as a prefix for other selectors.\r\n   * Available selectors: https://levyitay.github.io/react-js-cron-mui/?path=/story/reactjs-cron--custom-style\r\n   */\r\n  className?: string\r\n\r\n  /**\r\n   * Humanize the labels in the cron component, SUN-SAT and JAN-DEC.\r\n   * \r\n   * Default: true\r\n   */\r\n  humanizeLabels?: boolean\r\n\r\n  /**\r\n   * Humanize the value, SUN-SAT and JAN-DEC.\r\n   * \r\n   * Default: false\r\n   */\r\n  humanizeValue?: boolean\r\n  \r\n  /**\r\n   * Controls whether to use cron intervals syntax.\r\n   *\r\n   * Example: When set to true, a cron expression like '0 8 * * 1,3,5' (\"At 08:00 AM, only on Monday, Wednesday, and Friday\")\r\n   * would be changed to '0 8 * * 1-5/2' (\"At 08:00 AM, every 2 days of the week, Monday through Friday\")\r\n   *\r\n   * Default: true\r\n   */\r\n  useCronIntervals?: boolean\r\n\r\n  /**\r\n   * Add a \"0\" before numbers lower than 10.\r\n   * \r\n   * Default: false\r\n   */\r\n  leadingZero?: boolean | ['month-days', 'hours', 'minutes']\r\n\r\n  /**\r\n   * Define the default period when the default value is empty.\r\n   * \r\n   * Default: 'day'\r\n   */\r\n  defaultPeriod?: 'year' | 'month' | 'week' | 'day' | 'hour' | 'minute' | 'reboot'\r\n  \r\n  /**\r\n   * Define the options of periods that will be displayed.\r\n   *\r\n   * Example: If you only want the option to generate cron expressions to\r\n   * represent a time in the day you can define periodsToDisplay={['day']}.\r\n   * The other options won't be available in the period select component.\r\n   *\r\n   * Default: ['year', 'month', 'week', 'day', 'hour', 'minute', 'reboot']\r\n   *\r\n   * OBS: 'reboot' option will apply only when '@reboot' is listed in shortcuts list.\r\n   */\r\n  periodsToDisplay?: ('year' | 'month' | 'week' | 'day' | 'hour' | 'minute' | 'reboot')[]\r\n\r\n  /**\r\n   * Define which fields can select multiple values.\r\n   *\r\n   * Example: If you don't want to allow multiple hours or minutes to be selected,\r\n   * you can define allowMultipleSelectFor={['months', 'month-days', 'week-days']}.\r\n   * This way only months, month days and week days select components will be allowed\r\n   * to have multiple values in the cron expression.\r\n   *\r\n   * Default: ['months', 'month-days', 'week-days', 'hours', 'minutes']\r\n   */\r\n  allowMultipleSelectFor?: ('months' | 'month-days' | 'week-days' | 'hours' | 'minutes')[]\r\n\r\n  /**\r\n   * Disable the cron component.\r\n   *\r\n   * Default: false\r\n   */\r\n  disabled?: boolean\r\n  \r\n  /**\r\n   * Make the cron component read-only.\r\n   * \r\n   * Default: false\r\n   */\r\n  readOnly?: boolean\r\n\r\n  /**\r\n   * Define if empty should trigger an error.\r\n   * \r\n   * Default: 'for-default-value'\r\n   */\r\n  allowEmpty?: 'always' | 'never' | 'for-default-value'\r\n\r\n  /**\r\n   * Support cron shortcuts.\r\n   * \r\n   * Default: ['@yearly', '@annually', '@monthly', '@weekly', '@daily', '@midnight', '@hourly']\r\n   */\r\n  shortcuts?: boolean | ['@yearly', '@annually', '@monthly', '@weekly', '@daily', '@midnight', '@hourly', '@reboot']\r\n\r\n  /**\r\n   * Define the clock format.\r\n   */\r\n  clockFormat?: '12-hour-clock' | '24-hour-clock'\r\n\r\n  /**\r\n   * Display the clear button.\r\n   * \r\n   * Default: true\r\n   */\r\n  clearButton?: boolean\r\n\r\n  /**\r\n   * antd button props to customize the clear button.\r\n   */\r\n  clearButtonProps?: ButtonProps\r\n\r\n  /**\r\n   * Define the clear button action.\r\n   *\r\n   * Default: 'fill-with-every'\r\n   */\r\n  clearButtonAction?: 'empty' | 'fill-with-every'\r\n\r\n  /**\r\n   * Display error style (red border and background).\r\n   * \r\n   * Display: true\r\n   */\r\n  displayError?: boolean\r\n\r\n  /**\r\n   * Triggered when the cron component detects an error with the value.\r\n   */\r\n  onError?: \r\n    | (error: {\r\n      type: 'invalid_cron'\r\n      description: string\r\n    }) => void\r\n    | Dispatch<SetStateAction<{\r\n      type: 'invalid_cron'\r\n      description: string\r\n    }>>\r\n    | undefined\r\n\r\n  /**\r\n   * Change the component language.\r\n   * Can also be used to remove prefix and suffix.\r\n   *\r\n   * When setting 'humanizeLabels' you can change the language of the\r\n   * alternative labels with 'altWeekDays' and 'altMonths'.\r\n   *\r\n   * The order of the 'locale' properties 'weekDays', 'months', 'altMonths'\r\n   * and 'altWeekDays' is important! The index will be used as value.\r\n   *\r\n   * Default './src/locale.ts'\r\n   */\r\n  locale?: {\r\n    everyText?: string\r\n    emptyMonths?: string\r\n    emptyMonthDays?: string\r\n    emptyMonthDaysShort?: string\r\n    emptyWeekDays?: string\r\n    emptyWeekDaysShort?: string\r\n    emptyHours?: string\r\n    emptyMinutes?: string\r\n    emptyMinutesForHourPeriod?: string\r\n    yearOption?: string\r\n    monthOption?: string\r\n    weekOption?: string\r\n    dayOption?: string\r\n    hourOption?: string\r\n    minuteOption?: string\r\n    rebootOption?: string\r\n    prefixPeriod?: string\r\n    prefixMonths?: string\r\n    prefixMonthDays?: string\r\n    prefixWeekDays?: string\r\n    prefixWeekDaysForMonthAndYearPeriod?: string\r\n    prefixHours?: string\r\n    prefixMinutes?: string\r\n    prefixMinutesForHourPeriod?: string\r\n    suffixMinutesForHourPeriod?: string\r\n    errorInvalidCron?: string\r\n    weekDays?: string[]\r\n    months?: string[]\r\n    altWeekDays?: string[]\r\n    altMonths?: string[]\r\n  }\r\n}\r\n````\r\n\r\n## License\r\n\r\nMIT © [levyitay](https://github.com/levyitay)\r\n  \r\n","readmeFilename":"README.md"}