react-cron-generator 2.0.9 → 2.0.11

package/build/index.js

@@ -33,9 +33,24 @@ var cronstrueI18n = {exports: {}};
 	    };
 	    CronParser.prototype.extractParts = function (expression) {
 	        if (!this.expression) {
-	            throw new Error("Expression is empty");
+	            throw new Error("cron expression is empty");
 	        }
 	        var parsed = expression.trim().split(/[ ]+/);
+	        for (var i = 0; i < parsed.length; i++) {
+	            if (parsed[i].includes(",")) {
+	                var arrayElement = parsed[i]
+	                    .split(",")
+	                    .map(function (item) { return item.trim(); })
+	                    .filter(function (item) { return item !== ""; })
+	                    .map(function (item) { return (!isNaN(Number(item)) ? Number(item) : item); })
+	                    .filter(function (item) { return item !== null && item !== ""; });
+	                if (arrayElement.length === 0) {
+	                    arrayElement.push("*");
+	                }
+	                arrayElement.sort(function (a, b) { return (a !== null && b !== null ? a - b : 0); });
+	                parsed[i] = arrayElement.map(function (item) { return (item !== null ? item.toString() : ""); }).join(",");
+	            }
+	        }
 	        if (parsed.length < 5) {
 	            throw new Error("Expression has only ".concat(parsed.length, " part").concat(parsed.length == 1 ? "" : "s", ". At least 5 parts are required."));
 	        }
@@ -413,9 +428,26 @@ var cronstrueI18n = {exports: {}};
 	                else if (s.indexOf("L") > -1) {
 	                    exp = exp.replace("L", "");
 	                }
+	                var parsedExp = parseInt(exp);
+	                if (_this.options.tzOffset) {
+	                    var hourExpression = _this.expressionParts[2];
+	                    var hour = parseInt(hourExpression) + (_this.options.tzOffset ? _this.options.tzOffset : 0);
+	                    if (hour >= 24) {
+	                        parsedExp++;
+	                    }
+	                    else if (hour < 0) {
+	                        parsedExp--;
+	                    }
+	                    if (parsedExp > 6) {
+	                        parsedExp = 0;
+	                    }
+	                    else if (parsedExp < 0) {
+	                        parsedExp = 6;
+	                    }
+	                }
 	                var description = _this.i18n.daysOfTheWeekInCase
-	                    ? _this.i18n.daysOfTheWeekInCase(form)[parseInt(exp)]
-	                    : daysOfWeekNames[parseInt(exp)];
+	                    ? _this.i18n.daysOfTheWeekInCase(form)[parsedExp]
+	                    : daysOfWeekNames[parsedExp];
 	                if (s.indexOf("#") > -1) {
 	                    var dayOfWeekOfMonthDescription = null;
 	                    var dayOfWeekOfMonthNumber = s.substring(s.indexOf("#") + 1);
@@ -635,7 +667,25 @@ var cronstrueI18n = {exports: {}};
 	        return description;
 	    };
 	    ExpressionDescriptor.prototype.formatTime = function (hourExpression, minuteExpression, secondExpression) {
-	        var hour = parseInt(hourExpression) + (this.options.tzOffset ? this.options.tzOffset : 0);
+	        var hourOffset = 0;
+	        var minuteOffset = 0;
+	        if (this.options.tzOffset) {
+	            hourOffset = this.options.tzOffset > 0 ? Math.floor(this.options.tzOffset) : Math.ceil(this.options.tzOffset);
+	            minuteOffset = (parseFloat((this.options.tzOffset % 1).toFixed(2)));
+	            if (minuteOffset != 0) {
+	                minuteOffset *= 60;
+	            }
+	        }
+	        var hour = parseInt(hourExpression) + (hourOffset);
+	        var minute = parseInt(minuteExpression) + (minuteOffset);
+	        if (minute >= 60) {
+	            minute -= 60;
+	            hour += 1;
+	        }
+	        else if (minute < 0) {
+	            minute += 60;
+	            hour -= 1;
+	        }
 	        if (hour >= 24) {
 	            hour = hour - 24;
 	        }
@@ -654,7 +704,6 @@ var cronstrueI18n = {exports: {}};
 	                hour = 12;
 	            }
 	        }
-	        var minute = minuteExpression;
 	        var second = "";
 	        if (secondExpression) {
 	            second = ":".concat(("00" + secondExpression).substring(secondExpression.length));
@@ -686,7 +735,7 @@ var cronstrueI18n = {exports: {}};
 
 
 	Object.defineProperty(exports, "__esModule", ({ value: true }));
-	exports.my = exports.vi = exports.ar = exports.th = exports.af = exports.hu = exports.be = exports.ca = exports.fa = exports.sw = exports.sl = exports.fi = exports.sk = exports.cs = exports.he = exports.ja = exports.zh_TW = exports.zh_CN = exports.uk = exports.tr = exports.ru = exports.ro = exports.pt_PT = exports.pt_BR = exports.pl = exports.sv = exports.nb = exports.nl = exports.ko = exports.id = exports.it = exports.fr = exports.es = exports.de = exports.da = exports.en = void 0;
+	exports.bg = exports.my = exports.vi = exports.ar = exports.th = exports.af = exports.hu = exports.be = exports.ca = exports.fa = exports.sw = exports.sl = exports.fi = exports.sk = exports.cs = exports.he = exports.ja = exports.zh_TW = exports.zh_CN = exports.uk = exports.tr = exports.ru = exports.ro = exports.pt_PT = exports.pt_BR = exports.pl = exports.sv = exports.nb = exports.nl = exports.ko = exports.id = exports.it = exports.fr = exports.es = exports.de = exports.da = exports.en = void 0;
 	var en_1 = __webpack_require__(751);
 	Object.defineProperty(exports, "en", ({ enumerable: true, get: function () { return en_1.en; } }));
 	var da_1 = __webpack_require__(904);
@@ -759,6 +808,8 @@ var cronstrueI18n = {exports: {}};
 	Object.defineProperty(exports, "vi", ({ enumerable: true, get: function () { return vi_1.vi; } }));
 	var my_1 = __webpack_require__(863);
 	Object.defineProperty(exports, "my", ({ enumerable: true, get: function () { return my_1.my; } }));
+	var bg_1 = __webpack_require__(431);
+	Object.defineProperty(exports, "bg", ({ enumerable: true, get: function () { return bg_1.bg; } }));
 
 
 	/***/ }),
@@ -997,7 +1048,7 @@ var cronstrueI18n = {exports: {}};
 	        return null;
 	    };
 	    ar.prototype.use24HourTimeFormatByDefault = function () {
-	        return false;
+	        return true;
 	    };
 	    ar.prototype.anErrorOccuredWhenGeneratingTheExpressionD = function () {
 	        return "حدث خطأ في إنشاء وصف المصطلح٠ تأكد من تركيب مصطلح الكرون";
@@ -1185,7 +1236,7 @@ var cronstrueI18n = {exports: {}};
 	        return null;
 	    };
 	    be.prototype.use24HourTimeFormatByDefault = function () {
-	        return true;
+	        return false;
 	    };
 	    be.prototype.everyMinute = function () {
 	        return "кожную хвіліну";
@@ -1346,6 +1397,197 @@ var cronstrueI18n = {exports: {}};
 	exports.be = be;
 
 
+	/***/ }),
+
+	/***/ 431:
+	/***/ ((__unused_webpack_module, exports) => {
+
+
+	Object.defineProperty(exports, "__esModule", ({ value: true }));
+	exports.bg = void 0;
+	var getPhraseByPlural = function (str, words) {
+	    var strAsNumber = str != null ? Number(str) : 0;
+	    return strAsNumber < 2 ? words[0] : words[1];
+	};
+	var getPhraseByDayOfWeek = function (str, words) {
+	    var strAsNumber = str != null ? Number(str) : 0;
+	    return words[[1, 0, 0, 1, 0, 0, 1][strAsNumber]];
+	};
+	var getNumberEnding = function (str, gender) {
+	    var strAsNumber = str != null ? Number(str) : 1;
+	    strAsNumber = Math.max(Math.min(strAsNumber < 10 || (strAsNumber > 20 && strAsNumber % 10 !== 0) ? strAsNumber % 10 : 3, 3), 1) - 1;
+	    var genderIndex = ['м', 'ж', 'ср'].indexOf(gender);
+	    return ['в', 'р', 'т'][strAsNumber] + ['и', 'а', 'о'][genderIndex];
+	};
+	var bg = (function () {
+	    function bg() {
+	    }
+	    bg.prototype.atX0SecondsPastTheMinuteGt20 = function () {
+	        return null;
+	    };
+	    bg.prototype.atX0MinutesPastTheHourGt20 = function () {
+	        return null;
+	    };
+	    bg.prototype.commaMonthX0ThroughMonthX1 = function () {
+	        return null;
+	    };
+	    bg.prototype.commaYearX0ThroughYearX1 = function () {
+	        return null;
+	    };
+	    bg.prototype.use24HourTimeFormatByDefault = function () {
+	        return true;
+	    };
+	    bg.prototype.everyMinute = function () {
+	        return 'всяка минута';
+	    };
+	    bg.prototype.everyHour = function () {
+	        return 'всеки час';
+	    };
+	    bg.prototype.anErrorOccuredWhenGeneratingTheExpressionD = function () {
+	        return 'Възникна грешка при генериране на описанието на израза. Проверете синтаксиса на cron израза.';
+	    };
+	    bg.prototype.atSpace = function () {
+	        return 'В ';
+	    };
+	    bg.prototype.everyMinuteBetweenX0AndX1 = function () {
+	        return 'Всяка минута от %s до %s';
+	    };
+	    bg.prototype.at = function () {
+	        return 'В';
+	    };
+	    bg.prototype.spaceAnd = function () {
+	        return ' и';
+	    };
+	    bg.prototype.everySecond = function () {
+	        return 'всяка секунда';
+	    };
+	    bg.prototype.everyX0Seconds = function (s) {
+	        return 'всеки %s секунди';
+	    };
+	    bg.prototype.secondsX0ThroughX1PastTheMinute = function () {
+	        return 'секунди от %s до %s';
+	    };
+	    bg.prototype.atX0SecondsPastTheMinute = function (s) {
+	        return "%s-".concat(getNumberEnding(s, 'ж'), " \u0441\u0435\u043A\u0443\u043D\u0434\u0430");
+	    };
+	    bg.prototype.everyX0Minutes = function (s) {
+	        return 'всеки %s минути';
+	    };
+	    bg.prototype.minutesX0ThroughX1PastTheHour = function () {
+	        return 'минути от %s до %s';
+	    };
+	    bg.prototype.atX0MinutesPastTheHour = function (s) {
+	        return "%s-".concat(getNumberEnding(s, 'ж'), " \u043C\u0438\u043D\u0443\u0442a");
+	    };
+	    bg.prototype.everyX0Hours = function (s) {
+	        return 'всеки %s часа';
+	    };
+	    bg.prototype.betweenX0AndX1 = function () {
+	        return 'от %s до %s';
+	    };
+	    bg.prototype.atX0 = function () {
+	        return 'в %s';
+	    };
+	    bg.prototype.commaEveryDay = function () {
+	        return ', всеки ден';
+	    };
+	    bg.prototype.commaEveryX0DaysOfTheWeek = function (s) {
+	        return getPhraseByPlural(s, [', всеки %s ден от седмицата', ', всеки %s дена от седмицата']);
+	    };
+	    bg.prototype.commaX0ThroughX1 = function (s) {
+	        return ', от %s до %s';
+	    };
+	    bg.prototype.commaAndX0ThroughX1 = function (s) {
+	        return ' и от %s до %s';
+	    };
+	    bg.prototype.first = function (s) {
+	        return getPhraseByDayOfWeek(s, ['первият', 'первата']);
+	    };
+	    bg.prototype.second = function (s) {
+	        return getPhraseByDayOfWeek(s, ['вторият', 'втората']);
+	    };
+	    bg.prototype.third = function (s) {
+	        return getPhraseByDayOfWeek(s, ['третият', 'третата']);
+	    };
+	    bg.prototype.fourth = function (s) {
+	        return getPhraseByDayOfWeek(s, ['четвертият', 'четвертата']);
+	    };
+	    bg.prototype.fifth = function (s) {
+	        return getPhraseByDayOfWeek(s, ['петият', 'петата']);
+	    };
+	    bg.prototype.commaOnThe = function (s) {
+	        return ', ';
+	    };
+	    bg.prototype.spaceX0OfTheMonth = function () {
+	        return ' %s на месеца';
+	    };
+	    bg.prototype.lastDay = function () {
+	        return 'последният ден';
+	    };
+	    bg.prototype.commaOnTheLastX0OfTheMonth = function (s) {
+	        return getPhraseByDayOfWeek(s, [', в последният %s от месеца', ', в последната %s отмесеца']);
+	    };
+	    bg.prototype.commaOnlyOnX0 = function (s) {
+	        return ', %s';
+	    };
+	    bg.prototype.commaAndOnX0 = function () {
+	        return ' и %s';
+	    };
+	    bg.prototype.commaEveryX0Months = function (s) {
+	        return ' всеки %s месеца';
+	    };
+	    bg.prototype.commaOnlyInMonthX0 = function () {
+	        return ', %s';
+	    };
+	    bg.prototype.commaOnlyInX0 = function () {
+	        return ', в %s';
+	    };
+	    bg.prototype.commaOnTheLastDayOfTheMonth = function () {
+	        return ', в последният ден на месеца';
+	    };
+	    bg.prototype.commaOnTheLastWeekdayOfTheMonth = function () {
+	        return ', в последния делничен ден от месеца';
+	    };
+	    bg.prototype.commaDaysBeforeTheLastDayOfTheMonth = function (s) {
+	        return getPhraseByPlural(s, [', %s ден преди края на месеца', ', %s дена преди края на месеца']);
+	    };
+	    bg.prototype.firstWeekday = function () {
+	        return 'първият делничен ден';
+	    };
+	    bg.prototype.weekdayNearestDayX0 = function () {
+	        return 'най-близкият делничен ден до %s число';
+	    };
+	    bg.prototype.commaOnTheX0OfTheMonth = function () {
+	        return ', на %s число от месеца';
+	    };
+	    bg.prototype.commaEveryX0Days = function (s) {
+	        return getPhraseByPlural(s, [', всеки %s ден', ', всеки %s дена']);
+	    };
+	    bg.prototype.commaBetweenDayX0AndX1OfTheMonth = function (s) {
+	        var _a;
+	        var values = (_a = s === null || s === void 0 ? void 0 : s.split('-')) !== null && _a !== void 0 ? _a : [];
+	        return ", \u043E\u0442 %s-".concat(getNumberEnding(values[0], 'ср'), " \u0434\u043E %s-").concat(getNumberEnding(values[1], 'ср'), " \u0447\u0438\u0441\u043B\u043E \u043D\u0430 \u043C\u0435\u0441\u0435\u0446\u0430");
+	    };
+	    bg.prototype.commaOnDayX0OfTheMonth = function (s) {
+	        return ", \u043D\u0430 %s-".concat(getNumberEnding(s, 'ср'), " \u0447\u0438\u0441\u043B\u043E \u043E\u0442 \u043C\u0435\u0441\u0435\u0446\u0430");
+	    };
+	    bg.prototype.commaEveryX0Years = function (s) {
+	        return getPhraseByPlural(s, [', всяка %s година', ', всеки %s години']);
+	    };
+	    bg.prototype.commaStartingX0 = function () {
+	        return ', започвайки %s';
+	    };
+	    bg.prototype.daysOfTheWeek = function () {
+	        return ['неделя', 'понеделник', 'вторник', 'сряда', 'четвъртък', 'петък', 'събота'];
+	    };
+	    bg.prototype.monthsOfTheYear = function () {
+	        return ['януари', 'февруари', 'март', 'април', 'май', 'юни', 'юли', 'август', 'септевмври', 'октомври', 'ноември', 'декември'];
+	    };
+	    return bg;
+	}());
+	exports.bg = bg;
+
+
 	/***/ }),
 
 	/***/ 708:
@@ -1370,7 +1612,7 @@ var cronstrueI18n = {exports: {}};
 	        return null;
 	    };
 	    ca.prototype.use24HourTimeFormatByDefault = function () {
-	        return false;
+	        return true;
 	    };
 	    ca.prototype.anErrorOccuredWhenGeneratingTheExpressionD = function () {
 	        return "S'ha produït un error mentres es generava la descripció de l'expressió. Revisi la sintaxi de la expressió de cron.";
@@ -2298,7 +2540,7 @@ var cronstrueI18n = {exports: {}};
 	        return null;
 	    };
 	    es.prototype.use24HourTimeFormatByDefault = function () {
-	        return false;
+	        return true;
 	    };
 	    es.prototype.anErrorOccuredWhenGeneratingTheExpressionD = function () {
 	        return "Ocurrió un error mientras se generaba la descripción de la expresión. Revise la sintaxis de la expresión de cron.";
@@ -2649,7 +2891,7 @@ var cronstrueI18n = {exports: {}};
 	    function fi() {
 	    }
 	    fi.prototype.use24HourTimeFormatByDefault = function () {
-	        return false;
+	        return true;
 	    };
 	    fi.prototype.anErrorOccuredWhenGeneratingTheExpressionD = function () {
 	        return "Virhe kuvauksen generoinnissa. Tarkista cron-syntaksi.";
@@ -3215,7 +3457,7 @@ var cronstrueI18n = {exports: {}};
 	        return null;
 	    };
 	    hu.prototype.use24HourTimeFormatByDefault = function () {
-	        return false;
+	        return true;
 	    };
 	    hu.prototype.anErrorOccuredWhenGeneratingTheExpressionD = function () {
 	        return "Hiba történt a kifejezésleírás generálásakor. Ellenőrizze a cron kifejezés szintaxisát.";
@@ -3403,7 +3645,7 @@ var cronstrueI18n = {exports: {}};
 	        return null;
 	    };
 	    id.prototype.use24HourTimeFormatByDefault = function () {
-	        return false;
+	        return true;
 	    };
 	    id.prototype.anErrorOccuredWhenGeneratingTheExpressionD = function () {
 	        return "Terjadi kesalahan saat membuat deskripsi ekspresi. Periksa sintaks ekspresi cron.";
@@ -3764,7 +4006,7 @@ var cronstrueI18n = {exports: {}};
 	    function ja() {
 	    }
 	    ja.prototype.use24HourTimeFormatByDefault = function () {
-	        return false;
+	        return true;
 	    };
 	    ja.prototype.everyMinute = function () {
 	        return "毎分";
@@ -4011,7 +4253,7 @@ var cronstrueI18n = {exports: {}};
 	        return "%s분마다";
 	    };
 	    ko.prototype.minutesX0ThroughX1PastTheHour = function () {
-	        return "정시 후 %s분에서 %s까지";
+	        return "정시 후 %s분에서 %s분까지";
 	    };
 	    ko.prototype.atX0MinutesPastTheHour = function () {
 	        return "정시 후 %s분에서";
@@ -4074,7 +4316,7 @@ var cronstrueI18n = {exports: {}};
 	        return ", %s개월마다";
 	    };
 	    ko.prototype.commaOnlyInX0 = function () {
-	        return ", %s에서만";
+	        return ", %s에만";
 	    };
 	    ko.prototype.commaOnTheLastDayOfTheMonth = function () {
 	        return ", 해당 월의 마지막 날에";
@@ -4089,7 +4331,7 @@ var cronstrueI18n = {exports: {}};
 	        return "첫 번째 평일";
 	    };
 	    ko.prototype.weekdayNearestDayX0 = function () {
-	        return "평일 가장 가까운 날 %s";
+	        return "%s일과 가장 가까운 평일";
 	    };
 	    ko.prototype.commaOnTheX0OfTheMonth = function () {
 	        return ", 해당 월의 %s에";
@@ -4098,7 +4340,7 @@ var cronstrueI18n = {exports: {}};
 	        return ", %s일마다";
 	    };
 	    ko.prototype.commaBetweenDayX0AndX1OfTheMonth = function () {
-	        return ", 해당 월의 %s일 및 %s일 사이";
+	        return ", 해당 월의 %s일에서 %s일까지";
 	    };
 	    ko.prototype.commaOnDayX0OfTheMonth = function () {
 	        return ", 해당 월의 %s일에";
@@ -4338,7 +4580,7 @@ var cronstrueI18n = {exports: {}};
 	        return null;
 	    };
 	    nb.prototype.use24HourTimeFormatByDefault = function () {
-	        return false;
+	        return true;
 	    };
 	    nb.prototype.anErrorOccuredWhenGeneratingTheExpressionD = function () {
 	        return "En feil inntraff ved generering av uttrykksbeskrivelse. Sjekk cron syntaks.";
@@ -4523,7 +4765,7 @@ var cronstrueI18n = {exports: {}};
 	        return null;
 	    };
 	    nl.prototype.use24HourTimeFormatByDefault = function () {
-	        return false;
+	        return true;
 	    };
 	    nl.prototype.everyMinute = function () {
 	        return "elke minuut";
@@ -4893,7 +5135,7 @@ var cronstrueI18n = {exports: {}};
 	        return null;
 	    };
 	    pt_BR.prototype.use24HourTimeFormatByDefault = function () {
-	        return false;
+	        return true;
 	    };
 	    pt_BR.prototype.anErrorOccuredWhenGeneratingTheExpressionD = function () {
 	        return "Ocorreu um erro ao gerar a descrição da expressão Cron.";
@@ -6231,7 +6473,7 @@ var cronstrueI18n = {exports: {}};
 	        return null;
 	    };
 	    sw.prototype.use24HourTimeFormatByDefault = function () {
-	        return false;
+	        return true;
 	    };
 	    sw.prototype.anErrorOccuredWhenGeneratingTheExpressionD = function () {
 	        return "Kuna tatizo wakati wa kutunga msemo. Angalia cron expression syntax.";
@@ -6974,7 +7216,7 @@ var cronstrueI18n = {exports: {}};
 	        return null;
 	    };
 	    vi.prototype.use24HourTimeFormatByDefault = function () {
-	        return false;
+	        return true;
 	    };
 	    vi.prototype.anErrorOccuredWhenGeneratingTheExpressionD = function () {
 	        return "Đã xảy ra lỗi khi tạo mô tả biểu thức. Vui lòng kiểm tra cú pháp biểu thức cron.";
@@ -7352,7 +7594,7 @@ var cronstrueI18n = {exports: {}};
 	        return ", 從 %s 年至 %s 年";
 	    };
 	    zh_TW.prototype.use24HourTimeFormatByDefault = function () {
-	        return false;
+	        return true;
 	    };
 	    zh_TW.prototype.everyMinute = function () {
 	        return "每分鐘";
@@ -7672,6 +7914,9 @@ var i18n = cronstrueWithLocales;
 
 const MinutesCron = (props) => {
     const onChange = (e) => {
+        if (props.disabled) {
+            return;
+        }
         if ((parseInt(e.target.value) > 0 && parseInt(e.target.value) < 60) || e.target.value === '') {
             let val = ['0', '*', '*', '*', '*', '?', '*'];
             val[1] = e.target.value ? `0/${e.target.value}` : val[1];
@@ -7679,7 +7924,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 }), " ", 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) => {
@@ -7690,7 +7935,7 @@ const MinutesSelect = (props) => {
         }
         return options;
     };
-    return (jsx("select", Object.assign({ disabled: props.disabled === true ? true : false, className: "minutes", onChange: props.onChange, value: props.value }, { children: buildOptions() })));
+    return (jsx("select", Object.assign({ disabled: props.disabled, className: "minutes", onChange: props.onChange, value: props.value }, { children: buildOptions() })));
 };
 
 const HourSelect = (props) => {
@@ -7701,7 +7946,7 @@ const HourSelect = (props) => {
         }
         return options;
     };
-    return (jsx("select", Object.assign({ disabled: props.disabled === true ? true : false, className: "hours", onChange: props.onChange, value: props.value }, { children: buildOptions() })));
+    return (jsx("select", Object.assign({ disabled: props.disabled, className: "hours", onChange: props.onChange, value: props.value }, { children: buildOptions() })));
 };
 
 const DailyCron = (props) => {
@@ -7710,15 +7955,24 @@ const DailyCron = (props) => {
         setState(Object.assign(Object.assign({}, state), { every: props.value[3] !== '?' }));
     }, []);
     const onDayChange = (e) => {
+        if (props.disabled) {
+            return;
+        }
         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));
         }
     };
     const onAtHourChange = (e) => {
+        if (props.disabled) {
+            return;
+        }
         onValueChange(2, e.target.value);
     };
     const onAtMinuteChange = (e) => {
+        if (props.disabled) {
+            return;
+        }
         onValueChange(1, e.target.value);
     };
     const onValueChange = (cronPosition, value) => {
@@ -7727,7 +7981,11 @@ const DailyCron = (props) => {
         props.onChange(val);
     };
     const translateFn = props.translate;
-    return (jsxs("div", Object.assign({ className: "tab-pane" }, { children: [jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsx("input", { type: "radio", onChange: (e) => { setState(Object.assign(Object.assign({}, state), { every: true })); props.onChange(); }, value: "1", name: "DailyRadio", checked: state.every }), jsx("span", { children: translateFn('Every') }), jsx("input", { disabled: !state.every, type: "Number", maxLength: 2, onChange: onDayChange, value: props.value[3].split('/')[1] ? props.value[3].split('/')[1] : '' }), jsx("span", { children: translateFn('day(s)') })] })), jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsx("input", { onChange: (e) => { setState(Object.assign(Object.assign({}, state), { every: false })); props.onChange(['0', props.value[1], props.value[2], '?', '*', 'MON-FRI', '*']); }, type: "radio", value: "2", name: "DailyRadio", checked: !state.every }), jsx("span", { children: translateFn('Every week day') })] })), jsx("span", { children: translateFn('Start time') }), jsx(HourSelect, { onChange: onAtHourChange, value: props.value[2] }), jsx(MinutesSelect, { onChange: onAtMinuteChange, value: props.value[1] })] })));
+    return (jsxs("div", Object.assign({ className: "tab-pane" }, { children: [jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsx("input", { type: "radio", onChange: (e) => { if (props.disabled) {
+                            return;
+                        } setState(Object.assign(Object.assign({}, state), { every: true })); props.onChange(); }, value: "1", name: "DailyRadio", checked: state.every, disabled: props.disabled }), jsx("span", { children: translateFn('Every') }), jsx("input", { disabled: !state.every || props.disabled, type: "Number", maxLength: 2, onChange: onDayChange, value: props.value[3].split('/')[1] ? props.value[3].split('/')[1] : '' }), jsx("span", { children: translateFn('day(s)') })] })), jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsx("input", { onChange: (e) => { if (props.disabled) {
+                            return;
+                        } setState(Object.assign(Object.assign({}, state), { every: false })); props.onChange(['0', props.value[1], props.value[2], '?', '*', 'MON-FRI', '*']); }, type: "radio", value: "2", name: "DailyRadio", checked: !state.every, disabled: props.disabled }), jsx("span", { children: translateFn('Every week day') })] })), jsx("span", { children: 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 HourlyCron = (props) => {
@@ -7738,7 +7996,7 @@ const HourlyCron = (props) => {
         }
     }, []);
     const onHourChange = (e) => {
-        if (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;
@@ -7747,7 +8005,7 @@ const HourlyCron = (props) => {
         }
     };
     const onMinuteChange = (e) => {
-        if (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];
@@ -7756,33 +8014,52 @@ const HourlyCron = (props) => {
         }
     };
     const onAtHourChange = (e) => {
+        if (props.disabled) {
+            return;
+        }
         let val = ['0', props.value[1], '*', '1/1', '*', '?', '*'];
         val[2] = `${e.target.value}`;
         props.onChange(val);
     };
     const onAtMinuteChange = (e) => {
+        if (props.disabled) {
+            return;
+        }
         let val = ['0', '*', props.value[2], '1/1', '*', '?', '*'];
         val[1] = `${e.target.value}`;
         props.onChange(val);
     };
     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" }, { children: [jsx("input", { type: "radio", onChange: (e) => { setState(Object.assign(Object.assign({}, state), { every: true })); props.onChange(['0', '0', '0/1', '1/1', '*', '?', '*']); }, checked: state.every }), jsxs("span", { children: [translateFn('Every'), " "] }), jsx("input", { disabled: !state.every, type: "Number", onChange: onHourChange, value: props.value[2].split('/')[1] ? props.value[2].split('/')[1] : '' }), jsx("span", { children: translateFn('hour') }), jsx("input", { disabled: !state.every, type: "Number", onChange: onMinuteChange, value: props.value[1] }), jsx("span", { children: translateFn('minute(s)') })] })), jsx("div", Object.assign({ className: "well well-small margin-right-0 margin-left-0" }, { children: jsxs("div", Object.assign({ className: "text_align_right", style: { width: '100%' } }, { children: [jsx("input", { type: "radio", onChange: (e) => { setState({ every: false }); props.onChange(); }, checked: !state.every }), jsx("span", Object.assign({ className: "" }, { children: translateFn('At') })), jsx(HourSelect, { disabled: state.every, onChange: onAtHourChange, value: props.value[2] }), jsx(MinutesSelect, { disabled: state.every, 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" }, { children: [jsx("input", { type: "radio", onChange: (e) => { if (props.disabled) {
+                                return;
+                            } setState(Object.assign(Object.assign({}, state), { every: true })); props.onChange(['0', '0', '0/1', '1/1', '*', '?', '*']); }, checked: state.every, disabled: props.disabled }), jsxs("span", { children: [translateFn('Every'), " "] }), jsx("input", { disabled: !state.every || props.disabled, type: "Number", onChange: onHourChange, value: props.value[2].split('/')[1] ? props.value[2].split('/')[1] : '' }), jsx("span", { children: translateFn('hour') }), jsx("input", { disabled: !state.every || props.disabled, type: "Number", onChange: onMinuteChange, value: props.value[1] }), jsx("span", { children: translateFn('minute(s)') })] })), jsx("div", Object.assign({ className: "well well-small margin-right-0 margin-left-0" }, { children: jsxs("div", Object.assign({ className: "text_align_right", style: { width: '100%' } }, { children: [jsx("input", { type: "radio", onChange: (e) => { if (props.disabled) {
+                                    return;
+                                } setState({ every: false }); props.onChange(); }, checked: !state.every, disabled: props.disabled }), jsx("span", Object.assign({ className: "" }, { children: translateFn('At') })), jsx(HourSelect, { disabled: state.every || props.disabled, onChange: onAtHourChange, value: props.value[2] }), jsx(MinutesSelect, { disabled: state.every || props.disabled, onChange: onAtMinuteChange, value: props.value[1] })] })) }))] })) })));
 };
 
 const WeeklyCron = (props) => {
     const onAtHourChange = (e) => {
+        if (props.disabled) {
+            return;
+        }
         let val = props.value;
         val[0] = '0';
         val[2] = `${e.target.value}`;
         props.onChange(val);
     };
     const onAtMinuteChange = (e) => {
+        if (props.disabled) {
+            return;
+        }
         let val = props.value;
         val[0] = '0';
         val[1] = `${e.target.value}`;
         props.onChange(val);
     };
     const onCheck = (e) => {
+        if (props.disabled) {
+            return;
+        }
         let val = props.value;
         val[0] = '0';
         if (e.target.checked) {
@@ -7816,7 +8093,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", { className: 'min_height_auto', type: "checkbox", value: "MON", onChange: onCheck, checked: (props.value[5].search('MON') !== -1) ? true : false }), translateFn('Monday'), jsx("br", {}), jsx("input", { className: 'min_height_auto', type: "checkbox", value: "WED", onChange: onCheck, checked: props.value[5].search('WED') !== -1 ? true : false }), translateFn('Wednesday'), jsx("br", {}), jsx("input", { className: 'min_height_auto', type: "checkbox", value: "FRI", onChange: onCheck, checked: (props.value[5].search('FRI') !== -1) ? true : false }), translateFn('Friday'), jsx("br", {}), jsx("input", { className: 'min_height_auto', type: "checkbox", value: "SUN", onChange: onCheck, checked: props.value[5].search('SUN') !== -1 ? true : false }), translateFn('Sunday')] })) })), jsxs("div", Object.assign({ className: "span6 col-sm-6" }, { children: [jsxs("div", Object.assign({ className: "text_align_left" }, { children: [jsx("input", { className: 'min_height_auto', type: "checkbox", value: "TUE", onChange: onCheck, checked: props.value[5].search('TUE') !== -1 ? true : false }), translateFn('Tuesday'), jsx("br", {}), jsx("input", { className: 'min_height_auto', type: "checkbox", value: "THU", onChange: onCheck, checked: props.value[5].search('THU') !== -1 ? true : false }), translateFn('Thursday'), jsx("br", {}), jsx("input", { className: 'min_height_auto', type: "checkbox", value: "SAT", onChange: onCheck, checked: props.value[5].search('SAT') !== -1 ? true : false }), translateFn('Saturday')] })), jsx("br", {}), jsx("br", {})] }))] })), translateFn('Start time'), jsx(HourSelect, { onChange: onAtHourChange, value: props.value[2] }), jsx(MinutesSelect, { onChange: onAtMinuteChange, value: props.value[1] })] })));
+    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", { className: 'min_height_auto', type: "checkbox", value: "MON", onChange: onCheck, checked: (props.value[5].search('MON') !== -1) ? true : false, disabled: props.disabled }), translateFn('Monday'), jsx("br", {}), jsx("input", { className: 'min_height_auto', type: "checkbox", value: "WED", onChange: onCheck, checked: props.value[5].search('WED') !== -1 ? true : false, disabled: props.disabled }), translateFn('Wednesday'), jsx("br", {}), jsx("input", { className: 'min_height_auto', type: "checkbox", value: "FRI", onChange: onCheck, checked: (props.value[5].search('FRI') !== -1) ? true : false, disabled: props.disabled }), translateFn('Friday'), jsx("br", {}), jsx("input", { className: 'min_height_auto', type: "checkbox", value: "SUN", onChange: onCheck, checked: props.value[5].search('SUN') !== -1 ? true : false, disabled: props.disabled }), translateFn('Sunday')] })) })), jsxs("div", Object.assign({ className: "span6 col-sm-6" }, { children: [jsxs("div", Object.assign({ className: "text_align_left" }, { children: [jsx("input", { className: 'min_height_auto', type: "checkbox", value: "TUE", onChange: onCheck, checked: props.value[5].search('TUE') !== -1 ? true : false, disabled: props.disabled }), translateFn('Tuesday'), jsx("br", {}), jsx("input", { className: 'min_height_auto', type: "checkbox", value: "THU", onChange: onCheck, checked: props.value[5].search('THU') !== -1 ? true : false, disabled: props.disabled }), translateFn('Thursday'), jsx("br", {}), jsx("input", { className: 'min_height_auto', type: "checkbox", value: "SAT", onChange: onCheck, checked: props.value[5].search('SAT') !== -1 ? true : false, disabled: props.disabled }), 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 MonthlyCron = (props) => {
@@ -7838,6 +8115,9 @@ const MonthlyCron = (props) => {
         setState(Object.assign(Object.assign({}, state), { every: every }));
     }, []);
     const onDayChange = (e) => {
+        if (props.disabled) {
+            return;
+        }
         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], props.value[3], '1/1', '?', '*'];
             val[3] = `${e.target.value}`;
@@ -7845,6 +8125,9 @@ const MonthlyCron = (props) => {
         }
     };
     const onLastDayChange = (e) => {
+        if (props.disabled) {
+            return;
+        }
         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], props.value[3], '1/1', '?', '*'];
             if (e.target.value === '') {
@@ -7857,26 +8140,42 @@ const MonthlyCron = (props) => {
         }
     };
     const onAtHourChange = (e) => {
+        if (props.disabled) {
+            return;
+        }
         let val = props.value;
         val[2] = `${e.target.value}`;
         props.onChange(val);
     };
     const onAtMinuteChange = (e) => {
+        if (props.disabled) {
+            return;
+        }
         let val = props.value;
         val[1] = `${e.target.value}`;
         props.onChange(val);
     };
     const translateFn = props.translate;
-    return (jsxs("div", Object.assign({ className: "tab-pane" }, { children: [jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsx("input", { type: "radio", onChange: (e) => { setState(Object.assign(Object.assign({}, state), { every: e.target.value })); props.onChange(['0', props.value[1] === '*' ? '0' : props.value[1], props.value[2] === '*' ? '0' : props.value[2], '1', '1/1', '?', '*']); }, value: "1", name: "MonthlyRadio", checked: state.every === "1" ? true : false }), translateFn('Day'), jsx("input", { readOnly: state.every !== "1", type: "number", value: props.value[3], onChange: onDayChange }), translateFn('of every month(s)')] })), jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsx("input", { onChange: (e) => { setState(Object.assign(Object.assign({}, state), { every: e.target.value })); props.onChange(['0', props.value[1] === '*' ? '0' : props.value[1], props.value[2] === '*' ? '0' : props.value[2], 'L', '*', '?', '*']); }, type: "radio", value: "2", name: "DailyRadio", checked: state.every === "2" ? true : false }), translateFn('Last day of every month')] })), jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsx("input", { onChange: (e) => { setState(Object.assign(Object.assign({}, state), { every: e.target.value })); props.onChange(['0', props.value[1] === '*' ? '0' : props.value[1], props.value[2] === '*' ? '0' : props.value[2], 'LW', '*', '?', '*']); }, type: "radio", value: "3", name: "DailyRadio", checked: state.every === "3" ? true : false }), translateFn('On the last weekday of every month')] })), jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsx("input", { type: "radio", onChange: (e) => { setState(Object.assign(Object.assign({}, state), { every: e.target.value })); props.onChange(['0', props.value[1] === '*' ? '0' : props.value[1], props.value[2] === '*' ? '0' : props.value[2], `L-${1}`, '*', '?', '*']); }, value: "4", name: "MonthlyRadio", checked: state.every === "4" ? true : false }), 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 }), translateFn('day(s) before the end of the month')] })), translateFn('Start time'), jsx(HourSelect, { onChange: onAtHourChange, value: props.value[2] }), jsx(MinutesSelect, { onChange: onAtMinuteChange, value: props.value[1] })] })));
+    return (jsxs("div", Object.assign({ className: "tab-pane" }, { children: [jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsx("input", { type: "radio", onChange: (e) => { if (props.disabled) {
+                            return;
+                        } setState(Object.assign(Object.assign({}, state), { every: e.target.value })); props.onChange(['0', props.value[1] === '*' ? '0' : props.value[1], props.value[2] === '*' ? '0' : props.value[2], '1', '1/1', '?', '*']); }, value: "1", name: "MonthlyRadio", 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" }, { children: [jsx("input", { onChange: (e) => { if (props.disabled) {
+                            return;
+                        } setState(Object.assign(Object.assign({}, state), { every: e.target.value })); props.onChange(['0', props.value[1] === '*' ? '0' : props.value[1], props.value[2] === '*' ? '0' : props.value[2], 'L', '*', '?', '*']); }, type: "radio", value: "2", name: "DailyRadio", checked: state.every === "2" ? true : false, disabled: props.disabled }), translateFn('Last day of every month')] })), jsxs("div", Object.assign({ className: "well well-small" }, { children: [jsx("input", { onChange: (e) => { if (props.disabled) {
+                            return;
+                        } setState(Object.assign(Object.assign({}, state), { every: e.target.value })); props.onChange(['0', props.value[1] === '*' ? '0' : props.value[1], props.value[2] === '*' ? '0' : props.value[2], 'LW', '*', '?', '*']); }, type: "radio", value: "3", name: "DailyRadio", 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" }, { children: [jsx("input", { type: "radio", onChange: (e) => { if (props.disabled) {
+                            return;
+                        } setState(Object.assign(Object.assign({}, state), { every: e.target.value })); props.onChange(['0', props.value[1] === '*' ? '0' : props.value[1], props.value[2] === '*' ? '0' : props.value[2], `L-${1}`, '*', '?', '*']); }, value: "4", name: "MonthlyRadio", 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')] })), 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(" "));
     };
     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 })] })));
+    return (jsxs("div", Object.assign({ className: "well" }, { children: [translateFn('Expression'), " ", jsx("input", { type: "text", onChange: onChange, value: val, disabled: props.disabled })] })));
 };
 
 const HEADER = {
@@ -7984,21 +8283,12 @@ 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 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 { \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.nav.nav-tabs {\n    list-style: none;\n    display: flex;\n    margin: 0 0;\n    padding-left: 0;\n}\n.row {\n    display: flex;\n}\n.col-sm-6 {\n    flex: 0 0 50%;\n}\n.min_height_auto {\n    min-height: auto !important;\n}\nbody {\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}";
+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.nav.nav-tabs {\n    list-style: none;\n    display: flex;\n    margin: 0 0;\n    padding-left: 0;\n}\n.row {\n    display: flex;\n}\n.col-sm-6 {\n    flex: 0 0 50%;\n}\n.min_height_auto {\n    min-height: auto !important;\n}\nbody {\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}";
 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' });
-    useEffect(() => {
-        setValue(props.value ? props.value : "");
-        if (props.translateFn && !props.locale) {
-            console.log('Warning !!! locale not set while using translateFn');
-        }
-        // if(this.props.onRef) {
-        //     this.props.onRef(this);
-        // }
-    }, []);
     useEffect(() => {
         let newVal = '';
         newVal = state.value.toString().replace(/,/g, ' ');
@@ -8006,12 +8296,15 @@ const Cron = (props) => {
         if (props.value !== newVal) {
             setValue(props.value ? props.value : "");
         }
+        if (props.translateFn && !props.locale) {
+            console.warn('Warning !!! locale not set while using translateFn');
+        }
     }, [props.value]);
     useEffect(() => {
-        parentChange(state.value);
+        state.value && state.value.length && parentChange(state.value);
     }, [state.value]);
     const setValue = (value) => {
-        let prevState = state;
+        let prevState = Object.assign({}, state);
         prevState.value = value.replace(/,/g, '!').split(' ');
         const allHeaders = loadHeaders();
         if (value && value.split(' ').length === 6) {
@@ -8051,13 +8344,13 @@ const Cron = (props) => {
         setState(prevState);
     };
     const tabChanged = (tab) => {
-        if (state.selectedTab !== tab) {
+        if (state.selectedTab !== tab && !props.disabled) {
             setState(Object.assign(Object.assign({}, state), { selectedTab: tab, value: defaultValue(tab) }));
         }
     };
     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' : ''}`, 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) => {
@@ -8077,7 +8370,7 @@ const Cron = (props) => {
     };
     const getVal = () => {
         let val = i18n.toString(state.value.toString().replace(/,/g, ' ').replace(/!/g, ','), { throwExceptionOnParseError: false, locale: state.locale });
-        if (val.search('undefined') === -1) {
+        if (val.search('undefined') === -1 && state.value && state.value.length) {
             return val;
         }
         return '-';
@@ -8099,7 +8392,7 @@ const Cron = (props) => {
             throw new Error('Value does not match any available headers.');
         }
         const CronComponent = selectedMetaData.component;
-        return jsx(CronComponent, { translate: translate, value: state.value, onChange: onValueChange });
+        return jsx(CronComponent, { translate: translate, value: state.value, onChange: onValueChange, disabled: props.disabled });
     };
     const translate = (key) => {
         let translatedText = key;