react-cron-generator 2.0.16 → 2.0.17

package/build/index.js

@@ -222,11 +222,17 @@ var cronstrueI18n = {exports: {}};
 	        }
 	    };
 	    CronParser.prototype.validate = function (parsed) {
-	        this.assertNoInvalidCharacters("DOW", parsed[5]);
-	        this.assertNoInvalidCharacters("DOM", parsed[3]);
-	        this.validateRange(parsed);
-	    };
-	    CronParser.prototype.validateRange = function (parsed) {
+	        var standardCronPartCharacters = "0-9,\\-*\/";
+	        this.validateOnlyExpectedCharactersFound(parsed[0], standardCronPartCharacters);
+	        this.validateOnlyExpectedCharactersFound(parsed[1], standardCronPartCharacters);
+	        this.validateOnlyExpectedCharactersFound(parsed[2], standardCronPartCharacters);
+	        this.validateOnlyExpectedCharactersFound(parsed[3], "0-9,\\-*\/LW");
+	        this.validateOnlyExpectedCharactersFound(parsed[4], standardCronPartCharacters);
+	        this.validateOnlyExpectedCharactersFound(parsed[5], "0-9,\\-*\/L#");
+	        this.validateOnlyExpectedCharactersFound(parsed[6], standardCronPartCharacters);
+	        this.validateAnyRanges(parsed);
+	    };
+	    CronParser.prototype.validateAnyRanges = function (parsed) {
 	        rangeValidator_1.default.secondRange(parsed[0]);
 	        rangeValidator_1.default.minuteRange(parsed[1]);
 	        rangeValidator_1.default.hourRange(parsed[2]);
@@ -234,10 +240,10 @@ var cronstrueI18n = {exports: {}};
 	        rangeValidator_1.default.monthRange(parsed[4], this.monthStartIndexZero);
 	        rangeValidator_1.default.dayOfWeekRange(parsed[5], this.dayOfWeekStartIndexZero);
 	    };
-	    CronParser.prototype.assertNoInvalidCharacters = function (partDescription, expression) {
-	        var invalidChars = expression.match(/[A-KM-VX-Z]+/gi);
+	    CronParser.prototype.validateOnlyExpectedCharactersFound = function (cronPart, allowedCharsExpression) {
+	        var invalidChars = cronPart.match(new RegExp("[^".concat(allowedCharsExpression, "]+"), "gi"));
 	        if (invalidChars && invalidChars.length) {
-	            throw new Error("".concat(partDescription, " part contains invalid values: '").concat(invalidChars.toString(), "'"));
+	            throw new Error("Expression contains invalid values: '".concat(invalidChars.toString(), "'"));
 	        }
 	    };
 	    return CronParser;
@@ -7469,19 +7475,19 @@ var cronstrueI18n = {exports: {}};
 	        return "每隔 %s 秒";
 	    };
 	    zh_CN.prototype.secondsX0ThroughX1PastTheMinute = function () {
-	        return "在每分钟的第 %s 到 %s 秒";
+	        return "在一分钟后的第 %s 到 %s 秒";
 	    };
 	    zh_CN.prototype.atX0SecondsPastTheMinute = function () {
-	        return "在每分钟的第 %s 秒";
+	        return "在一分钟后的第 %s 秒";
 	    };
 	    zh_CN.prototype.everyX0Minutes = function () {
 	        return "每隔 %s 分钟";
 	    };
 	    zh_CN.prototype.minutesX0ThroughX1PastTheHour = function () {
-	        return "在每小时的第 %s 到 %s 分钟";
+	        return "在整点后的第 %s 到 %s 分钟";
 	    };
 	    zh_CN.prototype.atX0MinutesPastTheHour = function () {
-	        return "在每小时的第 %s 分钟";
+	        return "在整点后的第 %s 分钟";
 	    };
 	    zh_CN.prototype.everyX0Hours = function () {
 	        return "每隔 %s 小时";
@@ -7650,19 +7656,19 @@ var cronstrueI18n = {exports: {}};
 	        return "每 %s 秒";
 	    };
 	    zh_TW.prototype.secondsX0ThroughX1PastTheMinute = function () {
-	        return "在每分鐘的 %s 到 %s 秒";
+	        return "在一分鐘後的 %s 到 %s 秒";
 	    };
 	    zh_TW.prototype.atX0SecondsPastTheMinute = function () {
-	        return "在每分鐘的 %s 秒";
+	        return "在一分鐘後的 %s 秒";
 	    };
 	    zh_TW.prototype.everyX0Minutes = function () {
 	        return "每 %s 分鐘";
 	    };
 	    zh_TW.prototype.minutesX0ThroughX1PastTheHour = function () {
-	        return "在每小時的 %s 到 %s 分鐘";
+	        return "在整點後的 %s 到 %s 分鐘";
 	    };
 	    zh_TW.prototype.atX0MinutesPastTheHour = function () {
-	        return "在每小時的 %s 分";
+	        return "在整點後的 %s 分";
 	    };
 	    zh_TW.prototype.everyX0Hours = function () {
 	        return "每 %s 小時";
@@ -7950,7 +7956,7 @@ const MinutesCron = (props) => {
         }
     };
     const value = props.value[1].split('/')[1];
-    return (jsxs("div", Object.assign({ className: "well" }, { children: [props.translate('Every'), " ", jsx("input", { type: "Number", onChange: onChange, value: value, min: 1, max: 60, disabled: props.disabled }), " ", props.translate('minute(s)')] })));
+    return (jsxs("div", Object.assign({ className: "well" }, { children: [props.translate('Every'), ' ', jsx("input", { type: "Number", onChange: onChange, value: value, min: 1, max: 60, disabled: props.disabled }), ' ', props.translate('minute(s)')] })));
 };
 
 const MinutesSelect = (props) => {
@@ -7986,7 +7992,7 @@ const DailyCron = (props) => {
         }
         if (!e.target.value || (parseInt(e.target.value) > 0 && parseInt(e.target.value) < 32)) {
             // props.value = ['0', getValueByIndex(1), getValueByIndex(1),'*','*','?','*'];
-            onValueChange(3, (e.target.value ? `1/${e.target.value}` : e.target.value));
+            onValueChange(3, e.target.value ? `1/${e.target.value}` : e.target.value);
         }
     };
     const onAtHourChange = (e) => {
@@ -8032,7 +8038,9 @@ const HourlyCron = (props) => {
         }
     }, []);
     const onHourChange = (e) => {
-        if (!props.disabled && state.every && ((parseInt(e.target.value) > 0 && parseInt(e.target.value) < 24) || e.target.value === '')) {
+        if (!props.disabled &&
+            state.every &&
+            ((parseInt(e.target.value) > 0 && parseInt(e.target.value) < 24) || e.target.value === '')) {
             let val = ['0', '0', '*', '*', '*', '?', '*'];
             val[1] = props.value[1];
             val[2] = e.target.value ? `0/${e.target.value}` : e.target.value;
@@ -8041,7 +8049,9 @@ const HourlyCron = (props) => {
         }
     };
     const onMinuteChange = (e) => {
-        if (!props.disabled && state.every && ((parseInt(e.target.value) > 0 && parseInt(e.target.value) < 60) || e.target.value === '')) {
+        if (!props.disabled &&
+            state.every &&
+            ((parseInt(e.target.value) > 0 && parseInt(e.target.value) < 60) || e.target.value === '')) {
             let val = ['0', '0', '*', '*', '*', '?', '*'];
             val[1] = e.target.value;
             val[2] = props.value[2];
@@ -8080,7 +8090,7 @@ const HourlyCron = (props) => {
         props.onChange();
     };
     const translateFn = props.translate;
-    return (jsx("div", Object.assign({ className: "tab-content" }, { children: jsxs("div", Object.assign({ className: "tab-pane active" }, { children: [jsxs("div", Object.assign({ className: "well well-small cursor_pointer", onClick: onClickEveryHourMinute }, { children: [jsx("input", { name: 'EveryHourMinute', type: "radio", checked: state.every, disabled: props.disabled }), jsxs("span", { children: [translateFn('Every'), " "] }), jsx("input", { readOnly: !state.every, disabled: props.disabled, type: "Number", onChange: onHourChange, value: props.value[2].split('/')[1] ? props.value[2].split('/')[1] : '' }), jsx("span", { children: translateFn('hour') }), jsx("input", { readOnly: !state.every, disabled: props.disabled, type: "Number", onChange: onMinuteChange, value: props.value[1] }), jsx("span", { children: translateFn('minute(s)') })] })), jsxs("div", Object.assign({ className: "well well-small cursor_pointer", onClick: onClickEverySpecificHour }, { children: [jsx("input", { name: 'EverySpecificHour', type: "radio", checked: !state.every, disabled: props.disabled }), jsx("span", { children: translateFn('At') }), jsx(HourSelect, { disabled: props.disabled, onChange: onAtHourChange, value: props.value[2] }), jsx(MinutesSelect, { disabled: props.disabled, onChange: onAtMinuteChange, value: props.value[1] })] }))] })) })));
+    return (jsx("div", Object.assign({ className: "tab-content" }, { children: jsxs("div", Object.assign({ className: "tab-pane active" }, { children: [jsxs("div", Object.assign({ className: "well well-small cursor_pointer", onClick: onClickEveryHourMinute }, { children: [jsx("input", { name: "EveryHourMinute", type: "radio", checked: state.every, disabled: props.disabled }), jsxs("span", { children: [translateFn('Every'), " "] }), jsx("input", { readOnly: !state.every, disabled: props.disabled, type: "Number", onChange: onHourChange, value: props.value[2].split('/')[1] ? props.value[2].split('/')[1] : '' }), jsx("span", { children: translateFn('hour') }), jsx("input", { readOnly: !state.every, disabled: props.disabled, type: "Number", onChange: onMinuteChange, value: props.value[1] }), jsx("span", { children: translateFn('minute(s)') })] })), jsxs("div", Object.assign({ className: "well well-small cursor_pointer", onClick: onClickEverySpecificHour }, { children: [jsx("input", { name: "EverySpecificHour", type: "radio", checked: !state.every, disabled: props.disabled }), jsx("span", { children: translateFn('At') }), jsx(HourSelect, { disabled: props.disabled, onChange: onAtHourChange, value: props.value[2] }), jsx(MinutesSelect, { disabled: props.disabled, onChange: onAtMinuteChange, value: props.value[1] })] }))] })) })));
 };
 
 const WeeklyCron = (props) => {
@@ -8117,7 +8127,7 @@ const WeeklyCron = (props) => {
         props.onChange(val);
     };
     const onDayChecked = (val, e) => {
-        val[2] = (`${val[2]}`.split('/').length > 1) ? '0' : val[2].toString();
+        val[2] = `${val[2]}`.split('/').length > 1 ? '0' : val[2].toString();
         val[3] = '?';
         val[4] = '*';
         if (val[5] === '*' || val[5] === '?' || val[5] === 'MON-FRI') {
@@ -8139,7 +8149,7 @@ const WeeklyCron = (props) => {
         val[5] = valFive;
     };
     const translateFn = props.translate;
-    return (jsxs("div", Object.assign({ className: "container-fluid" }, { children: [jsxs("div", Object.assign({ className: "well well-small row" }, { children: [jsx("div", Object.assign({ className: "span6 col-sm-6" }, { children: jsxs("div", Object.assign({ className: "text_align_left" }, { children: [jsx("input", { id: "mon-checkbox", className: 'min_height_auto cursor_pointer', type: "checkbox", value: "MON", onChange: onCheck, checked: (props.value[5].search('MON') !== -1) ? true : false, disabled: props.disabled }), jsx("label", Object.assign({ className: 'cursor_pointer', htmlFor: 'mon-checkbox' }, { children: translateFn('Monday') })), jsx("br", {}), jsx("input", { id: "wed-checkbox", className: 'min_height_auto cursor_pointer', type: "checkbox", value: "WED", onChange: onCheck, checked: props.value[5].search('WED') !== -1 ? true : false, disabled: props.disabled }), jsx("label", Object.assign({ className: 'cursor_pointer', htmlFor: 'wed-checkbox' }, { children: translateFn('Wednesday') })), jsx("br", {}), jsx("input", { id: "fri-checkbox", className: 'min_height_auto cursor_pointer', type: "checkbox", value: "FRI", onChange: onCheck, checked: (props.value[5].search('FRI') !== -1) ? true : false, disabled: props.disabled }), jsx("label", Object.assign({ className: 'cursor_pointer', htmlFor: 'fri-checkbox' }, { children: translateFn('Friday') })), jsx("br", {}), jsx("input", { id: "sun-checkbox", className: 'min_height_auto cursor_pointer', type: "checkbox", value: "SUN", onChange: onCheck, checked: props.value[5].search('SUN') !== -1 ? true : false, disabled: props.disabled }), jsx("label", Object.assign({ className: 'cursor_pointer', htmlFor: 'sun-checkbox' }, { children: translateFn('Sunday') }))] })) })), jsxs("div", Object.assign({ className: "span6 col-sm-6" }, { children: [jsxs("div", Object.assign({ className: "text_align_left" }, { children: [jsx("input", { id: "tue-checkbox", className: 'min_height_auto cursor_pointer', type: "checkbox", value: "TUE", onChange: onCheck, checked: props.value[5].search('TUE') !== -1 ? true : false, disabled: props.disabled }), jsx("label", Object.assign({ className: 'cursor_pointer', htmlFor: 'tue-checkbox' }, { children: translateFn('Tuesday') })), jsx("br", {}), jsx("input", { id: "thu-checkbox", className: 'min_height_auto cursor_pointer', type: "checkbox", value: "THU", onChange: onCheck, checked: props.value[5].search('THU') !== -1 ? true : false, disabled: props.disabled }), jsx("label", Object.assign({ className: 'cursor_pointer', htmlFor: 'thu-checkbox' }, { children: translateFn('Thursday') })), jsx("br", {}), jsx("input", { id: "sat-checkbox", className: 'min_height_auto cursor_pointer', type: "checkbox", value: "SAT", onChange: onCheck, checked: props.value[5].search('SAT') !== -1 ? true : false, disabled: props.disabled }), jsx("label", Object.assign({ className: 'cursor_pointer', htmlFor: 'sat-checkbox' }, { children: translateFn('Saturday') }))] })), jsx("br", {}), jsx("br", {})] }))] })), translateFn('Start time'), jsx(HourSelect, { onChange: onAtHourChange, value: props.value[2], disabled: props.disabled }), jsx(MinutesSelect, { onChange: onAtMinuteChange, value: props.value[1], disabled: props.disabled })] })));
+    return (jsxs("div", Object.assign({ className: "container-fluid" }, { children: [jsxs("div", Object.assign({ className: "well well-small row" }, { children: [jsx("div", Object.assign({ className: "span6 col-sm-6" }, { children: jsxs("div", Object.assign({ className: "text_align_left" }, { children: [jsx("input", { id: "mon-checkbox", className: "min_height_auto cursor_pointer", type: "checkbox", value: "MON", onChange: onCheck, checked: props.value[5].search('MON') !== -1 ? true : false, disabled: props.disabled }), jsx("label", Object.assign({ className: "cursor_pointer", htmlFor: "mon-checkbox" }, { children: translateFn('Monday') })), jsx("br", {}), jsx("input", { id: "wed-checkbox", className: "min_height_auto cursor_pointer", type: "checkbox", value: "WED", onChange: onCheck, checked: props.value[5].search('WED') !== -1 ? true : false, disabled: props.disabled }), jsx("label", Object.assign({ className: "cursor_pointer", htmlFor: "wed-checkbox" }, { children: translateFn('Wednesday') })), jsx("br", {}), jsx("input", { id: "fri-checkbox", className: "min_height_auto cursor_pointer", type: "checkbox", value: "FRI", onChange: onCheck, checked: props.value[5].search('FRI') !== -1 ? true : false, disabled: props.disabled }), jsx("label", Object.assign({ className: "cursor_pointer", htmlFor: "fri-checkbox" }, { children: translateFn('Friday') })), jsx("br", {}), jsx("input", { id: "sun-checkbox", className: "min_height_auto cursor_pointer", type: "checkbox", value: "SUN", onChange: onCheck, checked: props.value[5].search('SUN') !== -1 ? true : false, disabled: props.disabled }), jsx("label", Object.assign({ className: "cursor_pointer", htmlFor: "sun-checkbox" }, { children: translateFn('Sunday') }))] })) })), jsxs("div", Object.assign({ className: "span6 col-sm-6" }, { children: [jsxs("div", Object.assign({ className: "text_align_left" }, { children: [jsx("input", { id: "tue-checkbox", className: "min_height_auto cursor_pointer", type: "checkbox", value: "TUE", onChange: onCheck, checked: props.value[5].search('TUE') !== -1 ? true : false, disabled: props.disabled }), jsx("label", Object.assign({ className: "cursor_pointer", htmlFor: "tue-checkbox" }, { children: translateFn('Tuesday') })), jsx("br", {}), jsx("input", { id: "thu-checkbox", className: "min_height_auto cursor_pointer", type: "checkbox", value: "THU", onChange: onCheck, checked: props.value[5].search('THU') !== -1 ? true : false, disabled: props.disabled }), jsx("label", Object.assign({ className: "cursor_pointer", htmlFor: "thu-checkbox" }, { children: translateFn('Thursday') })), jsx("br", {}), jsx("input", { id: "sat-checkbox", className: "min_height_auto cursor_pointer", type: "checkbox", value: "SAT", onChange: onCheck, checked: props.value[5].search('SAT') !== -1 ? true : false, disabled: props.disabled }), jsx("label", Object.assign({ className: "cursor_pointer", htmlFor: "sat-checkbox" }, { children: translateFn('Saturday') }))] })), jsx("br", {}), jsx("br", {})] }))] })), translateFn('Start time'), jsx(HourSelect, { onChange: onAtHourChange, value: props.value[2], disabled: props.disabled }), jsx(MinutesSelect, { onChange: onAtMinuteChange, value: props.value[1], disabled: props.disabled })] })));
 };
 
 const DaySelect = ({ disabled, multi = false, onChange, value, }) => {
@@ -8152,16 +8162,19 @@ const DaySelect = ({ disabled, multi = false, onChange, value, }) => {
     }, [ref, show]);
     useEffect(() => {
         // Bind the event listener
-        document.addEventListener("mousedown", handleClickOutside);
+        document.addEventListener('mousedown', handleClickOutside);
         return () => {
             // Unbind the event listener on clean up
-            document.removeEventListener("mousedown", handleClickOutside);
+            document.removeEventListener('mousedown', handleClickOutside);
         };
     }, [handleClickOutside]);
     const onSelect = (i) => {
         if (multi && Array.isArray(value)) {
             onChange((value.includes(i)
-                ? [...value.slice(0, value.indexOf(i)), ...value.splice(value.indexOf(i) + 1, value.length - 1)]
+                ? [
+                    ...value.slice(0, value.indexOf(i)),
+                    ...value.splice(value.indexOf(i) + 1, value.length - 1),
+                ]
                 : [...value, i]));
         }
         else {
@@ -8171,35 +8184,35 @@ const DaySelect = ({ disabled, multi = false, onChange, value, }) => {
     const buildOptions = () => {
         let options = [];
         for (let i = 1; i <= 31; i++) {
-            options.push(jsx("label", Object.assign({ className: `dropdown-item ${(Array.isArray(value) ? value.includes(i.toString()) : value === i.toString()) ? "dropdown-item-selected" : ""}`, onClick: () => !disabled && onSelect(i.toString()) }, { children: i })));
+            options.push(jsx("label", Object.assign({ className: `dropdown-item ${(Array.isArray(value) ? value.includes(i.toString()) : value === i.toString()) ? 'dropdown-item-selected' : ''}`, onClick: () => !disabled && onSelect(i.toString()) }, { children: i })));
         }
         return options;
     };
     return (jsxs("div", Object.assign({ className: "dropdown mx-2", ref: ref }, { children: [jsx("input", { disabled: disabled, className: "dropbtn mx-0", onClick: () => setShow((s) => !s), value: (Array.isArray(value) ? value.length : value)
                     ? Array.isArray(value)
-                        ? value.join(",")
+                        ? value.join(',')
                         : value
-                    : "" }), show && jsx("div", Object.assign({ className: "dropdown-content" }, { children: buildOptions() }))] })));
+                    : '' }), show && jsx("div", Object.assign({ className: "dropdown-content" }, { children: buildOptions() }))] })));
 };
 
 const MonthlyCron = (props) => {
-    const [state, setState] = useState({ hour: 0, minute: 0, every: "" });
+    const [state, setState] = useState({ hour: 0, minute: 0, every: '' });
     useEffect(() => {
         let every;
-        if (props.value[3] === "L") {
-            every = "2";
+        if (props.value[3] === 'L') {
+            every = '2';
         }
-        else if (props.value[3] === "LW") {
-            every = "3";
+        else if (props.value[3] === 'LW') {
+            every = '3';
         }
-        else if (props.value[3].startsWith("L")) {
-            every = "4";
+        else if (props.value[3].startsWith('L')) {
+            every = '4';
         }
-        else if (props.value[3].includes("!")) {
-            every = "5";
+        else if (props.value[3].includes('!')) {
+            every = '5';
         }
         else {
-            every = "1";
+            every = '1';
         }
         setState(Object.assign(Object.assign({}, state), { every: every }));
     }, []);
@@ -8207,15 +8220,15 @@ const MonthlyCron = (props) => {
         if (props.disabled) {
             return;
         }
-        if ((parseInt(e.target.value) > 0 && parseInt(e.target.value) <= 31) || e.target.value === "") {
+        if ((parseInt(e.target.value) > 0 && parseInt(e.target.value) <= 31) || e.target.value === '') {
             let val = [
-                "0",
-                props.value[1] === "*" ? "0" : props.value[1],
-                props.value[2] === "*" ? "0" : props.value[2],
+                '0',
+                props.value[1] === '*' ? '0' : props.value[1],
+                props.value[2] === '*' ? '0' : props.value[2],
                 props.value[3],
-                "1/1",
-                "?",
-                "*",
+                '1/1',
+                '?',
+                '*',
             ];
             val[3] = `${e.target.value}`;
             props.onChange(val);
@@ -8226,33 +8239,34 @@ const MonthlyCron = (props) => {
             return;
         }
         const val = [
-            "0",
-            props.value[1] === "*" ? "0" : props.value[1],
-            props.value[2] === "*" ? "0" : props.value[2],
+            '0',
+            props.value[1] === '*' ? '0' : props.value[1],
+            props.value[2] === '*' ? '0' : props.value[2],
             props.value[3],
-            "1/1",
-            "?",
-            "*",
+            '1/1',
+            '?',
+            '*',
         ];
-        val[3] = `${value.filter(p => p).join("!")}`;
+        val[3] = `${value.filter((p) => p).join('!')}`;
         props.onChange(val);
     };
     const onLastDayChange = (e) => {
         if (props.disabled) {
             return;
         }
-        if ((parseInt(e.target.value) >> 0 && parseInt(e.target.value) <= 31) || e.target.value === "") {
+        if ((parseInt(e.target.value) >> 0 && parseInt(e.target.value) <= 31) ||
+            e.target.value === '') {
             let val = [
-                "0",
-                props.value[1] === "*" ? "0" : props.value[1],
-                props.value[2] === "*" ? "0" : props.value[2],
+                '0',
+                props.value[1] === '*' ? '0' : props.value[1],
+                props.value[2] === '*' ? '0' : props.value[2],
                 props.value[3],
-                "1/1",
-                "?",
-                "*",
+                '1/1',
+                '?',
+                '*',
             ];
-            if (e.target.value === "") {
-                val[3] = "";
+            if (e.target.value === '') {
+                val[3] = '';
             }
             else {
                 val[3] = `L-${e.target.value}`;
@@ -8276,94 +8290,96 @@ const MonthlyCron = (props) => {
         val[1] = `${e.target.value}`;
         props.onChange(val);
     };
-    const onClickMonthlyOnceRadio = (value = "1") => {
-        if (props.disabled || state.every === "1") {
+    const onClickMonthlyOnceRadio = (value = '1') => {
+        if (props.disabled || state.every === '1') {
             return;
         }
         setState(Object.assign(Object.assign({}, state), { every: value }));
         props.onChange([
-            "0",
-            props.value[1] === "*" ? "0" : props.value[1],
-            props.value[2] === "*" ? "0" : props.value[2],
-            "1",
-            "1/1",
-            "?",
-            "*",
+            '0',
+            props.value[1] === '*' ? '0' : props.value[1],
+            props.value[2] === '*' ? '0' : props.value[2],
+            '1',
+            '1/1',
+            '?',
+            '*',
         ]);
     };
-    const onClickLastDayOfEveryMonth = (value = "2") => {
-        if (props.disabled || state.every === "2") {
+    const onClickLastDayOfEveryMonth = (value = '2') => {
+        if (props.disabled || state.every === '2') {
             return;
         }
         setState(Object.assign(Object.assign({}, state), { every: value }));
         props.onChange([
-            "0",
-            props.value[1] === "*" ? "0" : props.value[1],
-            props.value[2] === "*" ? "0" : props.value[2],
-            "L",
-            "*",
-            "?",
-            "*",
+            '0',
+            props.value[1] === '*' ? '0' : props.value[1],
+            props.value[2] === '*' ? '0' : props.value[2],
+            'L',
+            '*',
+            '?',
+            '*',
         ]);
     };
-    const onClickLastWeekdayOfEveryMonth = (value = "3") => {
-        if (props.disabled || state.every === "3") {
+    const onClickLastWeekdayOfEveryMonth = (value = '3') => {
+        if (props.disabled || state.every === '3') {
             return;
         }
         setState(Object.assign(Object.assign({}, state), { every: value }));
         props.onChange([
-            "0",
-            props.value[1] === "*" ? "0" : props.value[1],
-            props.value[2] === "*" ? "0" : props.value[2],
-            "LW",
-            "*",
-            "?",
-            "*",
+            '0',
+            props.value[1] === '*' ? '0' : props.value[1],
+            props.value[2] === '*' ? '0' : props.value[2],
+            'LW',
+            '*',
+            '?',
+            '*',
         ]);
     };
-    const onClickDaysBeforeEndOfMonth = (value = "4") => {
-        if (props.disabled || state.every === "4") {
+    const onClickDaysBeforeEndOfMonth = (value = '4') => {
+        if (props.disabled || state.every === '4') {
             return;
         }
         setState(Object.assign(Object.assign({}, state), { every: value }));
         props.onChange([
-            "0",
-            props.value[1] === "*" ? "0" : props.value[1],
-            props.value[2] === "*" ? "0" : props.value[2],
+            '0',
+            props.value[1] === '*' ? '0' : props.value[1],
+            props.value[2] === '*' ? '0' : props.value[2],
             `L-${1}`,
-            "*",
-            "?",
-            "*",
+            '*',
+            '?',
+            '*',
         ]);
     };
-    const onClickMonthlyMultipleRadio = (value = "5") => {
-        if (props.disabled || state.every === "5") {
+    const onClickMonthlyMultipleRadio = (value = '5') => {
+        if (props.disabled || state.every === '5') {
             return;
         }
         setState(Object.assign(Object.assign({}, state), { every: value }));
         props.onChange([
-            "0",
-            props.value[1] === "*" ? "0" : props.value[1],
-            props.value[2] === "*" ? "0" : props.value[2],
-            "1",
-            "1/1",
-            "?",
-            "*",
+            '0',
+            props.value[1] === '*' ? '0' : props.value[1],
+            props.value[2] === '*' ? '0' : props.value[2],
+            '1',
+            '1/1',
+            '?',
+            '*',
         ]);
     };
     const translateFn = props.translate;
-    return (jsxs("div", Object.assign({ className: "tab-pane" }, { children: [jsxs("div", Object.assign({ className: "well well-small cursor_pointer", onClick: () => onClickMonthlyOnceRadio() }, { children: [jsx("input", { type: "radio", value: "1", name: "MonthlyOnceRadio", checked: state.every === "1" ? true : false, disabled: props.disabled }), translateFn("Day"), jsx("input", { readOnly: state.every !== "1", type: "number", value: props.value[3], onChange: onDayChange, disabled: props.disabled }), translateFn("of every month(s)")] })), jsxs("div", Object.assign({ className: "well well-small cursor_pointer", onClick: () => onClickLastDayOfEveryMonth() }, { children: [jsx("input", { type: "radio", value: "2", name: "LastDayOfEveryMonth", checked: state.every === "2" ? true : false, disabled: props.disabled }), translateFn("Last day of every month")] })), jsxs("div", Object.assign({ className: "well well-small cursor_pointer", onClick: () => onClickLastWeekdayOfEveryMonth() }, { children: [jsx("input", { type: "radio", value: "3", name: "LastWeekdayOfEveryMonth", checked: state.every === "3" ? true : false, disabled: props.disabled }), translateFn("On the last weekday of every month")] })), jsxs("div", Object.assign({ className: "well well-small cursor_pointer", onClick: () => onClickDaysBeforeEndOfMonth() }, { children: [jsx("input", { type: "radio", value: "4", name: "DaysBeforeEndOfMonth", checked: state.every === "4" ? true : false, disabled: props.disabled }), jsx("input", { readOnly: state.every !== "4", type: "number", value: props.value[3].split("-").length && props.value[3].split("-")[1] ? props.value[3].split("-")[1] : "", onChange: onLastDayChange, disabled: props.disabled }), translateFn("day(s) before the end of the month")] })), jsxs("div", Object.assign({ className: "well well-small cursor_pointer", onClick: () => onClickMonthlyMultipleRadio() }, { children: [jsx("input", { type: "radio", value: "5", name: "MonthlyMultipleRadio", checked: state.every === "5" ? true : false, disabled: props.disabled }), jsx(DaySelect, { onChange: (e) => onMultiDayChange(e), disabled: props.disabled, value: state.every === "5" ? props.value[3].split("!") : [], multi: true }), translateFn("Days of every month")] })), translateFn("Start time"), jsx(HourSelect, { onChange: onAtHourChange, value: props.value[2], disabled: props.disabled }), jsx(MinutesSelect, { onChange: onAtMinuteChange, value: props.value[1], disabled: props.disabled })] })));
+    return (jsxs("div", Object.assign({ className: "tab-pane" }, { children: [jsxs("div", Object.assign({ className: "well well-small cursor_pointer", onClick: () => onClickMonthlyOnceRadio() }, { children: [jsx("input", { type: "radio", value: "1", name: "MonthlyOnceRadio", checked: state.every === '1' ? true : false, disabled: props.disabled }), translateFn('Day'), jsx("input", { readOnly: state.every !== '1', type: "number", value: props.value[3], onChange: onDayChange, disabled: props.disabled }), translateFn('of every month(s)')] })), jsxs("div", Object.assign({ className: "well well-small cursor_pointer", onClick: () => onClickLastDayOfEveryMonth() }, { children: [jsx("input", { type: "radio", value: "2", name: "LastDayOfEveryMonth", checked: state.every === '2' ? true : false, disabled: props.disabled }), translateFn('Last day of every month')] })), jsxs("div", Object.assign({ className: "well well-small cursor_pointer", onClick: () => onClickLastWeekdayOfEveryMonth() }, { children: [jsx("input", { type: "radio", value: "3", name: "LastWeekdayOfEveryMonth", checked: state.every === '3' ? true : false, disabled: props.disabled }), translateFn('On the last weekday of every month')] })), jsxs("div", Object.assign({ className: "well well-small cursor_pointer", onClick: () => onClickDaysBeforeEndOfMonth() }, { children: [jsx("input", { type: "radio", value: "4", name: "DaysBeforeEndOfMonth", checked: state.every === '4' ? true : false, disabled: props.disabled }), jsx("input", { readOnly: state.every !== '4', type: "number", value: props.value[3].split('-').length && props.value[3].split('-')[1]
+                            ? props.value[3].split('-')[1]
+                            : '', onChange: onLastDayChange, disabled: props.disabled }), translateFn('day(s) before the end of the month')] })), jsxs("div", Object.assign({ className: "well well-small cursor_pointer", onClick: () => onClickMonthlyMultipleRadio() }, { children: [jsx("input", { type: "radio", value: "5", name: "MonthlyMultipleRadio", checked: state.every === '5' ? true : false, disabled: props.disabled }), jsx(DaySelect, { onChange: (e) => onMultiDayChange(e), disabled: props.disabled, value: state.every === '5' ? props.value[3].split('!') : [], multi: true }), translateFn('Days of every month')] })), translateFn('Start time'), jsx(HourSelect, { onChange: onAtHourChange, value: props.value[2], disabled: props.disabled }), jsx(MinutesSelect, { onChange: onAtMinuteChange, value: props.value[1], disabled: props.disabled })] })));
 };
 
 const CustomCron = (props) => {
     const onChange = (e) => {
         if (props.disabled)
             return;
-        props.onChange(e.target.value.replace(/,/g, '!').split(" "));
+        props.onChange(e.target.value.replace(/,/g, '!').split(' '));
     };
     const translateFn = props.translate;
     let val = props.value.toString().replace(/,/g, ' ').replace(/!/g, ',');
-    return (jsxs("div", Object.assign({ className: "well" }, { children: [translateFn('Expression'), " ", jsx("input", { type: "text", onChange: onChange, value: val, disabled: props.disabled })] })));
+    return (jsxs("div", Object.assign({ className: "well" }, { children: [translateFn('Expression'), ' ', jsx("input", { type: "text", onChange: onChange, value: val, disabled: props.disabled })] })));
 };
 
 const HEADER = {
@@ -8372,7 +8388,7 @@ const HEADER = {
     DAILY: 'DAILY',
     WEEKLY: 'WEEKLY',
     MONTHLY: 'MONTHLY',
-    CUSTOM: 'CUSTOM'
+    CUSTOM: 'CUSTOM',
 };
 const HEADER_VALUES = {
     MINUTES: 'Minutes',
@@ -8380,44 +8396,51 @@ const HEADER_VALUES = {
     DAILY: 'Daily',
     WEEKLY: 'Weekly',
     MONTHLY: 'Monthly',
-    CUSTOM: 'Custom'
+    CUSTOM: 'Custom',
 };
-const defaultTabs = [HEADER_VALUES.MINUTES, HEADER_VALUES.HOURLY, HEADER_VALUES.DAILY, HEADER_VALUES.WEEKLY, HEADER_VALUES.MONTHLY, HEADER_VALUES.CUSTOM];
+const defaultTabs = [
+    HEADER_VALUES.MINUTES,
+    HEADER_VALUES.HOURLY,
+    HEADER_VALUES.DAILY,
+    HEADER_VALUES.WEEKLY,
+    HEADER_VALUES.MONTHLY,
+    HEADER_VALUES.CUSTOM,
+];
 const metadata = [
     {
         component: MinutesCron,
         name: HEADER_VALUES.MINUTES,
-        initialCron: ['0', '0/1', '*', '*', '*', '?', '*']
+        initialCron: ['0', '0/1', '*', '*', '*', '?', '*'],
     },
     {
         component: HourlyCron,
         name: HEADER_VALUES.HOURLY,
-        initialCron: ['0', '0', '00', '1/1', '*', '?', '*']
+        initialCron: ['0', '0', '00', '1/1', '*', '?', '*'],
     },
     {
         component: DailyCron,
         name: HEADER_VALUES.DAILY,
-        initialCron: ['0', '0', '00', '1/1', '*', '?', '*']
+        initialCron: ['0', '0', '00', '1/1', '*', '?', '*'],
     },
     {
         component: WeeklyCron,
         name: HEADER_VALUES.WEEKLY,
-        initialCron: ['0', '0', '00', '?', '*', '*', '*']
+        initialCron: ['0', '0', '00', '?', '*', '*', '*'],
     },
     {
         component: MonthlyCron,
         name: HEADER_VALUES.MONTHLY,
-        initialCron: ['0', '0', '00', '1', '1/1', '?', '*']
+        initialCron: ['0', '0', '00', '1', '1/1', '?', '*'],
     },
     {
         component: CustomCron,
         name: HEADER_VALUES.CUSTOM,
-        initialCron: ['*', '*', '*', '*', '*', '*', '*']
-    }
+        initialCron: ['*', '*', '*', '*', '*', '*', '*'],
+    },
 ];
 const validateHeaders = (headers) => {
     const validatedHeaders = [];
-    headers.forEach(header => {
+    headers.forEach((header) => {
         if (!HEADER_VALUES[header]) {
             throw new Error('Invalid header ' + header);
             // Avoid duplicates
@@ -8519,18 +8542,22 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".cron_builder_bordering {\n    border: 1px solid #ddd;\n    border-top: none;\n    text-align: center;\n    padding: 10px;\n    background: #fff;\n}\n.cron_builder_bordering input, .cron_builder_bordering select {\n    width: 100px;\n    margin-right: 10px;\n    margin-left: 10px;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    outline: none;\n    padding: 0px 5px;\n    min-height: 28px;\n}\n.df {\n    display: flex;\n}\n.cron-builder-bg {\n    background-color: #086090;\n    color: white;\n    text-align: center;\n    margin-bottom: 4px;\n    padding: 8px 0px;\n}\n.cron_builder_bordering select {\n    background-color: white;\n    width: 75px;\n    cursor: pointer;\n    padding: 4px 2px;\n    border-radius: 4px;\n}\n.cron_builder_bordering select:disabled{\n    background-color: #f5f5f5;\n    cursor: default;\n}\n.cron_builder_bordering select option:hover {\n    background-color: #086090;\n}\n.well-small input {\n    width: auto !important;\n}\n.cron_builder_bordering  input[type='radio'] {\n    margin-top: 0px;\n    vertical-align: middle;\n}\n.cron_builder {\n    border: 1px solid #d0cbcb;\n    padding: 5px;\n    background-color: #dddef13d;\n    width: 100%;\n    max-width: 600px;\n}\n.text_align_left {\n    text-align: left;\n}\n.cron_builder .nav li {\n    cursor: pointer;\n    flex: 1 1 10px;\n    text-align: center;\n    width: 10px;\n    display: flex;\n    padding: 0px 1px;\n}\n.cron_builder .nav li a {\n    color:#337ab7;\n    width: 100%;\n    padding: 10px;\n    display: inline-block;\n    border-radius: 4px 4px 0px 0px;\n}\n.cron_builder .nav-tabs .nav-link:focus, .cron_builder .nav-tabs .nav-link:hover {\n    border-color: transparent transparent transparent;\n    background-color: #eeeeee;\n}\n.cron_builder .nav-tabs .nav-item.show .nav-link, .cron_builder .nav-tabs .nav-link.active {\n    border-color: #dee2e6 #dee2e6 #fff;\n    background-color: #ffffff;\n}\n.cron_builder .nav-tabs .nav-item.show .nav-link, .cron_builder .nav-tabs .nav-link.disabled {\n    color: #6c757d;\n    background-color: #ffffff;\n    border-color: transparent transparent #ffffff;\n    cursor: not-allowed;\n}\n.cron_builder { \n    font-size: 14px;\n}\n.cron_builder .well {\n    min-height: 20px;\n    padding: 19px;\n    margin-bottom: 20px;\n    background-color: #f5f5f5;\n    border: 1px solid #e3e3e3;\n    border-radius: 4px;\n    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);\n    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);\n}\n@media screen and (max-width:767px) {\n    .cron_builder .nav li {\n        cursor: pointer;\n        flex: 0 0 65px;\n        text-align: center;\n    }\n}\n\n/* ---- boostrap ----- */\n.cron_builder .nav.nav-tabs {\n    list-style: none;\n    display: flex;\n    margin: 0 0;\n    padding-left: 0;\n}\n.cron_builder .row {\n    display: flex;\n}\n.cron_builder .col-sm-6 {\n    flex: 0 0 50%;\n}\n.cron_builder .min_height_auto {\n    min-height: auto !important;\n}\n.cron_builder {\n    font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";\n}\n.cron_builder .cursor_pointer {\n    cursor: pointer;\n}\n\n.cron_builder .dropbtn {\n  cursor: pointer;\n}\n\n.cron_builder .dropdown {\n  position: relative;\n  display: inline-block;\n}\n\n.cron_builder .dropdown-content {\n  position: absolute;\n  background-color: #f1f1f1;\n  min-width: 140px;\n  overflow: auto;\n  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\n  z-index: 1;\n  left: 0;\n  right: 0;\n  text-align: left;\n  max-height: 150px;\n  overflow: auto;\n}\n\n@media screen and (min-height: 800px) {\n    .cron_builder .dropdown-content {\n        max-height: 200px;\n      }\n}\n\n.cron_builder .dropdown-content .dropdown-item {\n    color: black;\n    padding: 12px 16px;\n    text-decoration: none;\n    display: block;\n}\n\n.cron_builder .dropdown-content .dropdown-item:hover, .cron_builder .dropdown-content .dropdown-item-selected {\n    background-color: #086090;\n    color: white;\n}\n\n.cron_builder .mx-0 {\n    margin-left: 0 !important;\n    margin-right: 0 !important;\n}\n.cron_builder .mx-2 {\n    margin-left: 10px !important;\n    margin-right: 10px !important;\n}";
+var css_248z = ".cron_builder_bordering {\n  border: 1px solid #ddd;\n  border-top: none;\n  text-align: center;\n  padding: 10px;\n  background: #fff;\n}\n.cron_builder_bordering input,\n.cron_builder_bordering select {\n  width: 100px;\n  margin-right: 10px;\n  margin-left: 10px;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  outline: none;\n  padding: 0px 5px;\n  min-height: 28px;\n}\n.df {\n  display: flex;\n}\n.cron-builder-bg {\n  background-color: #086090;\n  color: white;\n  text-align: center;\n  margin-bottom: 4px;\n  padding: 8px 0px;\n}\n.cron_builder_bordering select {\n  background-color: white;\n  width: 75px;\n  cursor: pointer;\n  padding: 4px 2px;\n  border-radius: 4px;\n}\n.cron_builder_bordering select:disabled {\n  background-color: #f5f5f5;\n  cursor: default;\n}\n.cron_builder_bordering select option:hover {\n  background-color: #086090;\n}\n.well-small input {\n  width: auto !important;\n}\n.cron_builder_bordering input[type='radio'] {\n  margin-top: 0px;\n  vertical-align: middle;\n}\n.cron_builder {\n  border: 1px solid #d0cbcb;\n  padding: 5px;\n  background-color: #dddef13d;\n  width: 100%;\n  max-width: 600px;\n}\n.text_align_left {\n  text-align: left;\n}\n.cron_builder .nav li {\n  cursor: pointer;\n  flex: 1 1 10px;\n  text-align: center;\n  width: 10px;\n  display: flex;\n  padding: 0px 1px;\n}\n.cron_builder .nav li a {\n  color: #337ab7;\n  width: 100%;\n  padding: 10px;\n  display: inline-block;\n  border-radius: 4px 4px 0px 0px;\n}\n.cron_builder .nav-tabs .nav-link:focus,\n.cron_builder .nav-tabs .nav-link:hover {\n  border-color: transparent transparent transparent;\n  background-color: #eeeeee;\n}\n.cron_builder .nav-tabs .nav-item.show .nav-link,\n.cron_builder .nav-tabs .nav-link.active {\n  border-color: #dee2e6 #dee2e6 #fff;\n  background-color: #ffffff;\n}\n.cron_builder .nav-tabs .nav-item.show .nav-link,\n.cron_builder .nav-tabs .nav-link.disabled {\n  color: #6c757d;\n  background-color: #ffffff;\n  border-color: transparent transparent #ffffff;\n  cursor: not-allowed;\n}\n.cron_builder {\n  font-size: 14px;\n}\n.cron_builder .well {\n  min-height: 20px;\n  padding: 19px;\n  margin-bottom: 20px;\n  background-color: #f5f5f5;\n  border: 1px solid #e3e3e3;\n  border-radius: 4px;\n  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);\n  box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);\n}\n@media screen and (max-width: 767px) {\n  .cron_builder .nav li {\n    cursor: pointer;\n    flex: 0 0 65px;\n    text-align: center;\n  }\n}\n\n/* ---- boostrap ----- */\n.cron_builder .nav.nav-tabs {\n  list-style: none;\n  display: flex;\n  margin: 0 0;\n  padding-left: 0;\n}\n.cron_builder .row {\n  display: flex;\n}\n.cron_builder .col-sm-6 {\n  flex: 0 0 50%;\n}\n.cron_builder .min_height_auto {\n  min-height: auto !important;\n}\n.cron_builder {\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,\n    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',\n    'Noto Color Emoji';\n}\n.cron_builder .cursor_pointer {\n  cursor: pointer;\n}\n\n.cron_builder .dropbtn {\n  cursor: pointer;\n}\n\n.cron_builder .dropdown {\n  position: relative;\n  display: inline-block;\n}\n\n.cron_builder .dropdown-content {\n  position: absolute;\n  background-color: #f1f1f1;\n  min-width: 140px;\n  overflow: auto;\n  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);\n  z-index: 1;\n  left: 0;\n  right: 0;\n  text-align: left;\n  max-height: 150px;\n  overflow: auto;\n}\n\n@media screen and (min-height: 800px) {\n  .cron_builder .dropdown-content {\n    max-height: 200px;\n  }\n}\n\n.cron_builder .dropdown-content .dropdown-item {\n  color: black;\n  padding: 12px 16px;\n  text-decoration: none;\n  display: block;\n}\n\n.cron_builder .dropdown-content .dropdown-item:hover,\n.cron_builder .dropdown-content .dropdown-item-selected {\n  background-color: #086090;\n  color: white;\n}\n\n.cron_builder .mx-0 {\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n}\n.cron_builder .mx-2 {\n  margin-left: 10px !important;\n  margin-right: 10px !important;\n}\n";
 styleInject(css_248z);
 
 const defaultCron = '0 0 00 1/1 * ? *';
 const Cron = (props) => {
-    const [state, setState] = useState({ value: [], headers: loadHeaders(props.options), locale: props.locale ? props.locale : 'en' });
+    const [state, setState] = useState({
+        value: [],
+        headers: loadHeaders(props.options),
+        locale: props.locale ? props.locale : 'en',
+    });
     useEffect(() => {
         let newVal = '';
         newVal = state.value.toString().replace(/,/g, ' ');
         newVal = newVal.replace(/!/g, ',');
         if (props.value !== newVal) {
-            setValue(props.value ? props.value : "");
+            setValue(props.value ? props.value : '');
         }
         if (props.translateFn && !props.locale) {
             console.warn('Warning !!! locale not set while using translateFn');
@@ -8549,20 +8576,20 @@ const Cron = (props) => {
         if (!value || value.split(' ').length !== 7) {
             value = '0 0 00 1/1 * ? *';
             prevState.selectedTab = allHeaders[0];
-            prevState.value = value.split(" ");
-            parentChange(value.split(" "));
+            prevState.value = value.split(' ');
+            parentChange(value.split(' '));
         }
         else {
             prevState.value = value.replace(/,/g, '!').split(' ');
         }
         let val = prevState.value;
-        if ((val[1].search('/') !== -1) && (val[2] === '*') && (val[3] === '1/1')) {
+        if (val[1].search('/') !== -1 && val[2] === '*' && val[3] === '1/1') {
             prevState.selectedTab = allHeaders[0];
         }
-        else if ((val[3] === '1/1')) {
+        else if (val[3] === '1/1') {
             prevState.selectedTab = allHeaders[1];
         }
-        else if ((val[3].search('/') !== -1) || (val[5] === 'MON-FRI')) {
+        else if (val[3].search('/') !== -1 || val[5] === 'MON-FRI') {
             prevState.selectedTab = allHeaders[2];
         }
         else if (val[3] === '?') {
@@ -8586,7 +8613,7 @@ const Cron = (props) => {
     };
     const getHeaders = () => {
         return state.headers.map((d, index) => {
-            return jsx("li", Object.assign({ className: "nav-item" }, { children: jsx("a", Object.assign({ className: `nav-link ${state.selectedTab === d ? 'active' : ''} ${props.disabled ? "disabled" : ""}`, onClick: () => tabChanged(d) }, { children: translate(d) })) }), index);
+            return (jsx("li", Object.assign({ className: "nav-item" }, { children: jsx("a", Object.assign({ className: `nav-link ${state.selectedTab === d ? 'active' : ''} ${props.disabled ? 'disabled' : ''}`, onClick: () => tabChanged(d) }, { children: translate(d) })) }), index));
         });
     };
     const onValueChange = (val) => {
@@ -8605,30 +8632,33 @@ const Cron = (props) => {
         props.onChange(newVal, getVal());
     };
     const getVal = () => {
-        let val = i18n.toString(state.value.toString().replace(/,/g, ' ').replace(/!/g, ','), { throwExceptionOnParseError: false, locale: state.locale });
+        let val = i18n.toString(state.value.toString().replace(/,/g, ' ').replace(/!/g, ','), {
+            throwExceptionOnParseError: false,
+            locale: state.locale,
+        });
         if (val.search('undefined') === -1 && state.value && state.value.length) {
             return val;
         }
         return '-';
     };
     const defaultValue = (tab) => {
-        let defaultValCron = metadata.find(m => m.name == tab);
+        let defaultValCron = metadata.find((m) => m.name == tab);
         if (!defaultValCron || !defaultValCron.initialCron) {
-            return defaultCron.split(" ");
+            return defaultCron.split(' ');
         }
-        return defaultValCron.initialCron;
+        return [...defaultValCron.initialCron];
     };
     const getComponent = (tab) => {
         const index = state.headers.indexOf(tab);
-        let selectedMetaData = metadata.find(data => data.name === tab);
+        let selectedMetaData = metadata.find((data) => data.name === tab);
         if (!selectedMetaData) {
-            selectedMetaData = metadata[index];
+            selectedMetaData = Object.assign({}, metadata[index]);
         }
         if (!selectedMetaData) {
             throw new Error('Value does not match any available headers.');
         }
         const CronComponent = selectedMetaData.component;
-        return jsx(CronComponent, { translate: translate, value: state.value, onChange: onValueChange, disabled: props.disabled });
+        return (jsx(CronComponent, { translate: translate, value: state.value, onChange: onValueChange, disabled: props.disabled }));
     };
     const translate = (key) => {
         let translatedText = key;
@@ -8643,7 +8673,7 @@ const Cron = (props) => {
         }
         return translatedText;
     };
-    return (jsxs("div", Object.assign({ className: 'cron_builder' }, { children: [jsx("ul", Object.assign({ className: "nav nav-tabs" }, { children: getHeaders() })), jsx("div", Object.assign({ className: "cron_builder_bordering" }, { children: state.selectedTab ? getComponent(state.selectedTab) : "Select a header" })), props.showResultText && jsx("div", Object.assign({ className: "cron-builder-bg" }, { children: getVal() })), props.showResultCron && jsx("div", Object.assign({ className: "cron-builder-bg" }, { children: state.value.toString().replace(/,/g, ' ').replace(/!/g, ',') }))] })));
+    return (jsxs("div", Object.assign({ className: "cron_builder" }, { children: [jsx("ul", Object.assign({ className: "nav nav-tabs" }, { children: getHeaders() })), jsx("div", Object.assign({ className: "cron_builder_bordering" }, { children: state.selectedTab ? getComponent(state.selectedTab) : 'Select a header' })), props.showResultText && jsx("div", Object.assign({ className: "cron-builder-bg" }, { children: getVal() })), props.showResultCron && (jsx("div", Object.assign({ className: "cron-builder-bg" }, { children: state.value.toString().replace(/,/g, ' ').replace(/!/g, ',') })))] })));
 };
 
 export { HEADER, i18n as cronstrue, Cron as default };