@iobroker/adapter-react-v5 4.2.1 → 4.3.0

package/Components/Schedule.js

@@ -15,15 +15,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-var _Input = _interopRequireDefault(require("@mui/material/Input"));
-var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
-var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
-var _FormGroup = _interopRequireDefault(require("@mui/material/FormGroup"));
-var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
 var _reactTextMask = _interopRequireDefault(require("react-text-mask"));
-var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-var _Select = _interopRequireDefault(require("@mui/material/Select"));
-var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _material = require("@mui/material");
 var _i18n = _interopRequireDefault(require("../i18n"));
 var _excluded = ["inputRef"],
   _excluded2 = ["inputRef"];
@@ -131,7 +124,7 @@ var PERIODS = {
 var ASTRO = ['sunrise', 'sunriseEnd', 'goldenHourEnd', 'solarNoon', 'goldenHour', 'sunsetStart', 'sunset', 'dusk', 'nauticalDusk', 'night', 'nightEnd', 'nauticalDawn', 'dawn', 'nadir'];
 function padding(num) {
   if (num < 10) {
-    return '0' + num;
+    return "0".concat(num);
   } else {
     return '' + num;
   }
@@ -189,7 +182,7 @@ var DEFAULT = {
 function string2USdate(date) {
   var parts = date.split('.');
   if (parts.length === 3) {
-    return parts[2] + '-' + parts[1] + '-' + parts[0];
+    return "".concat(parts[2], "-").concat(parts[1], "-").concat(parts[0]);
   }
 }
 var Schedule = /*#__PURE__*/function (_React$Component) {
@@ -340,8 +333,8 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
         className: this.props.classes.rowDiv
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes.modeDiv
-      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Radio, {
           className: this.props.classes.inputRadio,
           checked: !schedule.time.exactTime,
           onClick: function onClick() {
@@ -355,8 +348,8 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
         className: this.props.classes.settingsDiv
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes.settingsDiv
-      }, !schedule.time.exactTime && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      }, !schedule.time.exactTime && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Radio, {
           className: this.props.classes.inputRadio,
           checked: !!fromTo,
           onClick: function onClick() {
@@ -367,7 +360,7 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
           }
         }),
         label: !fromTo ? _i18n["default"].t('sch_fromTo') : ''
-      }), fromTo && [/*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+      }), fromTo && [/*#__PURE__*/_react["default"].createElement(_material.TextField, {
         variant: "standard",
         className: this.props.classes.inputTime,
         style: {
@@ -388,7 +381,7 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
         },
         label: _i18n["default"].t('sch_from'),
         margin: "normal"
-      }), /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+      }), /*#__PURE__*/_react["default"].createElement(_material.TextField, {
         variant: "standard",
         className: this.props.classes.inputTime,
         key: "exactTimeTo",
@@ -406,8 +399,8 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
         },
         label: _i18n["default"].t('sch_to'),
         margin: "normal"
-      })])), !schedule.time.exactTime && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      })])), !schedule.time.exactTime && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Radio, {
           className: this.props.classes.inputRadio,
           checked: !!wholeDay,
           onClick: function onClick() {
@@ -418,8 +411,8 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
           }
         }),
         label: _i18n["default"].t('sch_wholeDay')
-      })), !schedule.time.exactTime && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      })), !schedule.time.exactTime && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Radio, {
           className: this.props.classes.inputRadio,
           checked: !!day,
           onClick: function onClick() {
@@ -430,8 +423,8 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
           }
         }),
         label: _i18n["default"].t('sch_astroDay')
-      })), !schedule.time.exactTime && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      })), !schedule.time.exactTime && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Radio, {
           className: this.props.classes.inputRadio,
           checked: !!night,
           onClick: function onClick() {
@@ -448,14 +441,14 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
     key: "getTimeExactElements",
     value: function getTimeExactElements() {
       var _this3 = this;
-      var isAstro = ASTRO.indexOf(this.state.schedule.time.start) !== -1;
+      var isAstro = ASTRO.includes(this.state.schedule.time.start);
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: "timeExact",
         className: this.props.classes.rowDiv
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes.modeDiv
-      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Radio, {
           className: this.props.classes.inputRadio,
           checked: !!this.state.schedule.time.exactTime,
           onClick: function onClick() {
@@ -465,7 +458,7 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
           }
         }),
         label: _i18n["default"].t('sch_exactTime')
-      })), this.state.schedule.time.exactTime && /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+      })), this.state.schedule.time.exactTime && /*#__PURE__*/_react["default"].createElement(_material.Select, {
         variant: "standard",
         value: isAstro ? this.state.schedule.time.start : '00:00',
         onChange: function onChange(e) {
@@ -473,17 +466,17 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
           _schedule.time.start = e.target.value;
           _this3.onChange(_schedule);
         }
-      }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.MenuItem, {
         key: "specific",
         value: '00:00'
       }, _i18n["default"].t('sch_specificTime')), ASTRO.map(function (event) {
-        return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_material.MenuItem, {
           key: event,
           value: event
-        }, _i18n["default"].t('sch_astro_' + event));
+        }, _i18n["default"].t("sch_astro_".concat(event)));
       })), this.state.schedule.time.exactTime && !isAstro && /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes.settingsDiv
-      }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.TextField, {
         variant: "standard",
         className: this.props.classes.inputTime,
         key: "exactTimeValue",
@@ -523,11 +516,11 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
       // ----- once ---
       _react["default"].createElement("div", {
         key: "once",
-        className: this.props.classes.rowDiv + ' ' + this.props.classes.rowOnce
+        className: "".concat(this.props.classes.rowDiv, " ").concat(this.props.classes.rowOnce)
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes.modeDiv
-      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Radio, {
           className: this.props.classes.inputRadio,
           checked: !!isOnce,
           onClick: function onClick() {
@@ -547,7 +540,7 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
         label: _i18n["default"].t('sch_periodOnce')
       })), isOnce && /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes.settingsDiv
-      }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.TextField, {
         variant: "standard",
         className: this.props.classes.inputDate,
         type: "date",
@@ -565,7 +558,7 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
             var _schedule = JSON.parse(JSON.stringify(_this4.state.schedule));
             var date = Schedule.string2date(value);
             if (date.toString() !== 'Invalid Date') {
-              _schedule.period.once = padding(date.getDate()) + '.' + padding(date.getMonth() + 1) + '.' + date.getFullYear();
+              _schedule.period.once = "".concat(padding(date.getDate()), ".").concat(padding(date.getMonth() + 1), ".").concat(date.getFullYear());
               _this4.onChange(_schedule);
             }
           }, 1500, e.target.value);
@@ -580,11 +573,11 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
       // ----- days ---
       _react["default"].createElement("div", {
         key: "days",
-        className: this.props.classes.rowDiv + ' ' + this.props.classes.rowDays
+        className: "".concat(this.props.classes.rowDiv, " ").concat(this.props.classes.rowDays)
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes.modeDiv
-      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Radio, {
           className: this.props.classes.inputRadio,
           checked: !!schedule.period.days,
           onClick: function onClick() {
@@ -625,11 +618,11 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
       // ----- weeks ---
       _react["default"].createElement("div", {
         key: "weeks",
-        className: this.props.classes.rowDiv + ' ' + this.props.classes.rowDows
+        className: "".concat(this.props.classes.rowDiv, " ").concat(this.props.classes.rowDows)
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes.modeDiv
-      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Radio, {
           className: this.props.classes.inputRadio,
           checked: !!schedule.period.weeks,
           onClick: function onClick() {
@@ -652,17 +645,17 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes.settingsDiv
       }, this.getPeriodSettingsWeekly()), /*#__PURE__*/_react["default"].createElement("div", {
-        className: this.props.classes.settingsDiv + ' ' + this.props.classes.rowDowsDows
+        className: "".concat(this.props.classes.settingsDiv, " ").concat(this.props.classes.rowDowsDows)
       }, this.state.schedule.period.weeks ? this.getPeriodSettingsWeekdays() : null))),
       /*#__PURE__*/
       // ----- months ---
       _react["default"].createElement("div", {
         key: "months",
-        className: this.props.classes.rowDiv + ' ' + this.props.classes.rowMonths
+        className: "".concat(this.props.classes.rowDiv, " ").concat(this.props.classes.rowMonths)
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes.modeDiv
-      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Radio, {
           className: this.props.classes.inputRadio,
           checked: !!schedule.period.months,
           onClick: function onClick() {
@@ -683,9 +676,9 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
       })), /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes.settingsDiv
       }, this.getPeriodSettingsMonthly(), schedule.period.months ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
-        className: this.props.classes.settingsDiv + ' ' + this.props.classes.rowMonthsDates
-      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+        className: "".concat(this.props.classes.settingsDiv, " ").concat(this.props.classes.rowMonthsDates)
+      }, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Checkbox, {
           className: this.props.classes.inputRadio,
           checked: !!schedule.period.dates,
           onClick: function onClick() {
@@ -708,17 +701,17 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
         }),
         label: _i18n["default"].t('sch_periodDates')
       })), /*#__PURE__*/_react["default"].createElement("div", {
-        className: this.props.classes.settingsDiv + ' ' + this.props.classes.rowMonthsDates
+        className: "".concat(this.props.classes.settingsDiv, " ").concat(this.props.classes.rowMonthsDates)
       }, this.getPeriodSettingsDates())) : null)),
       /*#__PURE__*/
       // ----- years ---
       _react["default"].createElement("div", {
         key: "years",
-        className: this.props.classes.rowDiv + ' ' + this.props.classes.rowYears
+        className: "".concat(this.props.classes.rowDiv, " ").concat(this.props.classes.rowYears)
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes.modeDiv
-      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Radio, {
           className: this.props.classes.inputRadio,
           checked: !!schedule.period.years,
           onClick: function onClick() {
@@ -742,13 +735,13 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
         className: this.props.classes.settingsDiv
       }, this.getPeriodSettingsYearly()), !!schedule.period.years && /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes.settingsDiv
-      }, /*#__PURE__*/_react["default"].createElement("span", null, _i18n["default"].t('sch_on')), /*#__PURE__*/_react["default"].createElement(_Input["default"], {
+      }, /*#__PURE__*/_react["default"].createElement("span", null, _i18n["default"].t('sch_on')), /*#__PURE__*/_react["default"].createElement(_material.Input, {
         key: "input",
         value: this.state.schedule.period.yearDate,
         className: this.props.classes.inputEvery,
         type: "number",
-        min: "1",
-        max: "31",
+        min: 1,
+        max: 31,
         onChange: function onChange(e) {
           var _schedule = JSON.parse(JSON.stringify(_this4.state.schedule));
           _schedule.period.yearDate = parseInt(e.target.value, 10);
@@ -756,7 +749,7 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
           if (_schedule.period.yearDate > 31) _schedule.period.yearDate = 1;
           _this4.onChange(_schedule);
         }
-      }), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+      }), /*#__PURE__*/_react["default"].createElement(_material.Select, {
         variant: "standard",
         value: schedule.period.yearMonth,
         onChange: function onChange(e) {
@@ -764,11 +757,11 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
           _schedule.period.yearMonth = e.target.value;
           _this4.onChange(_schedule);
         }
-      }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.MenuItem, {
         key: "every",
         value: 0
       }, _i18n["default"].t('sch_yearEveryMonth')), MONTHS.map(function (month, i) {
-        return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_material.MenuItem, {
           key: month,
           value: i + 1
         }, _i18n["default"].t(month));
@@ -782,20 +775,20 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
         style: {
           display: 'inline-block'
         }
-      }, /*#__PURE__*/_react["default"].createElement("label", null, _i18n["default"].t('sch_every')), /*#__PURE__*/_react["default"].createElement(_Input["default"], {
+      }, /*#__PURE__*/_react["default"].createElement("label", null, _i18n["default"].t('sch_every')), /*#__PURE__*/_react["default"].createElement(_material.Input, {
         value: this.state.schedule.time.interval,
         style: {
           verticalAlign: 'bottom'
         },
         className: this.props.classes.inputEvery,
         type: "number",
-        min: "1",
+        min: 1,
         onChange: function onChange(e) {
           var _schedule = JSON.parse(JSON.stringify(_this5.state.schedule));
           _schedule.time.interval = parseInt(e.target.value, 10);
           _this5.onChange(_schedule);
         }
-      }), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+      }), /*#__PURE__*/_react["default"].createElement(_material.Select, {
         variant: "standard",
         value: this.state.schedule.time.mode,
         onChange: function onChange(e) {
@@ -803,9 +796,9 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
           _schedule.time.mode = e.target.value;
           _this5.onChange(_schedule);
         }
-      }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.MenuItem, {
         value: PERIODS.minutes
-      }, _i18n["default"].t('sch_periodMinutes')), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+      }, _i18n["default"].t('sch_periodMinutes')), /*#__PURE__*/_react["default"].createElement(_material.MenuItem, {
         value: PERIODS.hours
       }, _i18n["default"].t('sch_periodHours'))));
     }
@@ -818,8 +811,8 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
       var isSpecific = schedule.period.dows && schedule.period.dows !== '[1, 2, 3, 4, 5]' && schedule.period.dows !== '[0, 6]';
       return [/*#__PURE__*/_react["default"].createElement("div", {
         key: "workdays"
-      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Radio, {
           className: this.props.classes.inputRadio,
           checked: schedule.period.dows === '[1, 2, 3, 4, 5]',
           onClick: function onClick() {
@@ -834,8 +827,8 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
         label: _i18n["default"].t('sch_periodWorkdays')
       })), /*#__PURE__*/_react["default"].createElement("div", {
         key: "weekend"
-      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Radio, {
           className: this.props.classes.inputRadio,
           checked: schedule.period.dows === '[0, 6]',
           onClick: function onClick() {
@@ -853,11 +846,11 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
         style: {
           verticalAlign: 'top'
         }
-      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
         style: {
           verticalAlign: 'top'
         },
-        control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Radio, {
           className: this.props.classes.inputRadio,
           checked: !!isSpecific,
           onClick: function onClick() {
@@ -870,17 +863,17 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
           }
         }),
         label: _i18n["default"].t('sch_periodWeekdays')
-      }), isSpecific && (schedule.period.days === 1 || schedule.period.weeks) && /*#__PURE__*/_react["default"].createElement(_FormGroup["default"], {
+      }), isSpecific && (schedule.period.days === 1 || schedule.period.weeks) && /*#__PURE__*/_react["default"].createElement(_material.FormGroup, {
         row: true,
         className: this.props.classes.inputGroup,
         style: {
           width: 150
         }
       }, [1, 2, 3, 4, 5, 6, 0].map(function (i) {
-        return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-          key: 'specific_' + i,
+        return /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+          key: "specific_".concat(i),
           className: _this6.props.classes.inputGroupElement,
-          control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+          control: /*#__PURE__*/_react["default"].createElement(_material.Checkbox, {
             className: _this6.props.classes.inputSmallCheck,
             checked: schedule.period.dows.includes('' + i),
             onChange: function onChange(e) {
@@ -920,8 +913,8 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
       var schedule = this.state.schedule;
       return [/*#__PURE__*/_react["default"].createElement("div", {
         key: "every_day"
-      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Radio, {
           className: this.props.classes.inputRadio,
           checked: schedule.period.days === 1 && !schedule.period.dows,
           onClick: function onClick() {
@@ -934,8 +927,8 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
         label: _i18n["default"].t('sch_periodEveryDay')
       })), /*#__PURE__*/_react["default"].createElement("div", {
         key: "everyN_day"
-      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Radio, {
           className: this.props.classes.inputRadio,
           checked: schedule.period.days > 1,
           onClick: function onClick() {
@@ -946,12 +939,12 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
           }
         }),
         label: _i18n["default"].t('sch_periodEvery')
-      }), schedule.period.days > 1 && [/*#__PURE__*/_react["default"].createElement(_Input["default"], {
+      }), schedule.period.days > 1 && [/*#__PURE__*/_react["default"].createElement(_material.Input, {
         key: "input",
         value: this.state.schedule.period.days,
         className: this.props.classes.inputEvery,
         type: "number",
-        min: "2",
+        min: 2,
         onChange: function onChange(e) {
           var _schedule = JSON.parse(JSON.stringify(_this7.state.schedule));
           _schedule.period.days = parseInt(e.target.value, 10);
@@ -979,8 +972,8 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
           display: 'inline-block',
           verticalAlign: 'top'
         }
-      }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Radio, {
           className: this.props.classes.inputRadio,
           checked: schedule.period.weeks === 1,
           onClick: function onClick() {
@@ -990,8 +983,8 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
           }
         }),
         label: _i18n["default"].t('sch_periodEveryWeek')
-      })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Radio, {
           className: this.props.classes.inputRadio,
           checked: schedule.period.weeks > 1,
           onClick: function onClick() {
@@ -1001,17 +994,20 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
           }
         }),
         label: _i18n["default"].t('sch_periodEvery')
-      }), schedule.period.weeks > 1 && [/*#__PURE__*/_react["default"].createElement(_Input["default"], {
+      }), schedule.period.weeks > 1 && [/*#__PURE__*/_react["default"].createElement(_material.Input, {
+        key: "input",
         value: this.state.schedule.period.weeks,
         className: this.props.classes.inputEvery,
         type: "number",
-        min: "2",
+        min: 2,
         onChange: function onChange(e) {
           var _schedule = JSON.parse(JSON.stringify(_this8.state.schedule));
           _schedule.period.weeks = parseInt(e.target.value, 10);
           _this8.onChange(_schedule);
         }
-      }), /*#__PURE__*/_react["default"].createElement("span", null, _i18n["default"].t('sch_periodWeek'))]))];
+      }), /*#__PURE__*/_react["default"].createElement("span", {
+        key: "text"
+      }, _i18n["default"].t('sch_periodWeek'))]))];
     }
   }, {
     key: "getPeriodSettingsDates",
@@ -1026,15 +1022,15 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
         dates.push(i);
       }
       var parsedDates = JSON.parse(schedule.period.dates);
-      return /*#__PURE__*/_react["default"].createElement(_FormGroup["default"], {
+      return /*#__PURE__*/_react["default"].createElement(_material.FormGroup, {
         row: true,
         className: this.props.classes.inputGroup,
         style: {
           maxWidth: 620
         }
-      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
         className: this.props.classes.inputDateDay,
-        control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Checkbox, {
           className: this.props.classes.inputDateDayCheck,
           checked: parsedDates.length === 31,
           onChange: function onChange(e) {
@@ -1048,9 +1044,9 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
           }
         }),
         label: _i18n["default"].t('sch_all')
-      }), /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+      }), /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
         className: this.props.classes.inputDateDay,
-        control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Checkbox, {
           className: this.props.classes.inputDateDayCheck,
           checked: !parsedDates.length,
           onChange: function onChange(e) {
@@ -1060,9 +1056,9 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
           }
         }),
         label: _i18n["default"].t('sch_no_one')
-      }), parsedDates.length !== 31 && !!parsedDates.length && /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+      }), parsedDates.length !== 31 && !!parsedDates.length && /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
         className: this.props.classes.inputDateDay,
-        control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Checkbox, {
           className: this.props.classes.inputDateDayCheck,
           checked: false,
           onChange: function onChange(e) {
@@ -1083,8 +1079,8 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
         }),
         label: _i18n["default"].t('sch_invert')
       }), /*#__PURE__*/_react["default"].createElement("div", null), dates.map(function (i) {
-        return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-          key: 'date_' + i,
+        return /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+          key: "date_".concat(i),
           className: _this9.props.classes.inputDateDay,
           style: !i ? {
             opacity: 0,
@@ -1092,7 +1088,7 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
             userSelect: 'none',
             pointerEvents: 'none'
           } : {},
-          control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+          control: /*#__PURE__*/_react["default"].createElement(_material.Checkbox, {
             className: _this9.props.classes.inputDateDayCheck,
             checked: JSON.parse(schedule.period.dates).includes(i),
             onChange: function onChange(e) {
@@ -1137,8 +1133,8 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
       var parsedMonths = typeof schedule.period.months === 'string' ? JSON.parse(schedule.period.months) : [];
       return [/*#__PURE__*/_react["default"].createElement("div", {
         key: "every"
-      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Radio, {
           className: this.props.classes.inputRadio,
           checked: typeof schedule.period.months === 'number' && schedule.period.months === 1,
           onClick: function onClick() {
@@ -1150,8 +1146,8 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
         label: _i18n["default"].t('sch_periodEveryMonth')
       })), /*#__PURE__*/_react["default"].createElement("div", {
         key: "everyN"
-      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Radio, {
           className: this.props.classes.inputRadio,
           checked: typeof schedule.period.months === 'number' && schedule.period.months > 1,
           onClick: function onClick() {
@@ -1161,27 +1157,30 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
           }
         }),
         label: _i18n["default"].t('sch_periodEvery')
-      }), typeof schedule.period.months === 'number' && schedule.period.months > 1 && [/*#__PURE__*/_react["default"].createElement(_Input["default"], {
+      }), typeof schedule.period.months === 'number' && schedule.period.months > 1 && [/*#__PURE__*/_react["default"].createElement(_material.Input, {
+        key: "input",
         value: schedule.period.months,
         className: this.props.classes.inputEvery,
         type: "number",
-        min: "2",
+        min: 2,
         onChange: function onChange(e) {
           var _schedule = JSON.parse(JSON.stringify(_this10.state.schedule));
           _schedule.period.months = parseInt(e.target.value, 10);
           if (_schedule.period.months < 1) _schedule.period.months = 1;
           _this10.onChange(_schedule);
         }
-      }), /*#__PURE__*/_react["default"].createElement("span", null, _i18n["default"].t('sch_periodMonth'))]), /*#__PURE__*/_react["default"].createElement("div", {
+      }), /*#__PURE__*/_react["default"].createElement("span", {
+        key: "text"
+      }, _i18n["default"].t('sch_periodMonth'))]), /*#__PURE__*/_react["default"].createElement("div", {
         key: "specific",
         style: {
           verticalAlign: 'top'
         }
-      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
         style: {
           verticalAlign: 'top'
         },
-        control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Radio, {
           className: this.props.classes.inputRadio,
           checked: typeof schedule.period.months === 'string',
           onClick: function onClick() {
@@ -1191,12 +1190,12 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
           }
         }),
         label: _i18n["default"].t('sch_periodSpecificMonths')
-      }), typeof schedule.period.months === 'string' && /*#__PURE__*/_react["default"].createElement(_FormGroup["default"], {
+      }), typeof schedule.period.months === 'string' && /*#__PURE__*/_react["default"].createElement(_material.FormGroup, {
         row: true,
         className: this.props.classes.inputGroup
-      }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
         className: this.props.classes.inputDateDay,
-        control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Checkbox, {
           className: this.props.classes.inputDateDayCheck,
           checked: parsedMonths.length === 12,
           onChange: function onChange(e) {
@@ -1210,9 +1209,9 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
           }
         }),
         label: _i18n["default"].t('sch_all')
-      }), /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+      }), /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
         className: this.props.classes.inputDateDay,
-        control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Checkbox, {
           className: this.props.classes.inputDateDayCheck,
           checked: !parsedMonths.length,
           onChange: function onChange(e) {
@@ -1222,9 +1221,9 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
           }
         }),
         label: _i18n["default"].t('sch_no_one')
-      }), parsedMonths.length !== 12 && !!parsedMonths.length && /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+      }), parsedMonths.length !== 12 && !!parsedMonths.length && /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
         className: this.props.classes.inputDateDay,
-        control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Checkbox, {
           className: this.props.classes.inputDateDayCheck,
           checked: false,
           onChange: function onChange(e) {
@@ -1245,9 +1244,9 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
         }),
         label: _i18n["default"].t('sch_invert')
       }), /*#__PURE__*/_react["default"].createElement("div", null), MONTHS.map(function (month, i) {
-        return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+        return /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
           className: _this10.props.classes.inputGroupElement,
-          control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+          control: /*#__PURE__*/_react["default"].createElement(_material.Checkbox, {
             className: _this10.props.classes.inputSmallCheck,
             checked: JSON.parse(schedule.period.months).includes(i + 1),
             onChange: function onChange(e) {
@@ -1282,8 +1281,10 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
         return;
       }
       var schedule = this.state.schedule;
-      return [/*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      return [/*#__PURE__*/_react["default"].createElement("div", {
+        key: "year"
+      }, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Radio, {
           className: this.props.classes.inputRadio,
           checked: schedule.period.years === 1,
           onClick: function onClick() {
@@ -1293,8 +1294,10 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
           }
         }),
         label: _i18n["default"].t('sch_periodEveryYear')
-      })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      })), /*#__PURE__*/_react["default"].createElement("div", {
+        key: "every"
+      }, /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Radio, {
           className: this.props.classes.inputRadio,
           checked: schedule.period.years > 1,
           onClick: function onClick() {
@@ -1304,18 +1307,21 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
           }
         }),
         label: _i18n["default"].t('sch_periodEvery')
-      }), schedule.period.years > 1 && [/*#__PURE__*/_react["default"].createElement(_Input["default"], {
+      }), schedule.period.years > 1 && [/*#__PURE__*/_react["default"].createElement(_material.Input, {
+        key: "input",
         value: this.state.schedule.period.years,
         className: this.props.classes.inputEvery,
         type: "number",
-        min: "2",
+        min: 2,
         onChange: function onChange(e) {
           var _schedule = JSON.parse(JSON.stringify(_this11.state.schedule));
           _schedule.period.years = parseInt(e.target.value, 10);
           if (_schedule.period.years < 1) _schedule.period.years = 1;
           _this11.onChange(_schedule);
         }
-      }), /*#__PURE__*/_react["default"].createElement("span", null, _i18n["default"].t('sch_periodYear'))])];
+      }), /*#__PURE__*/_react["default"].createElement("span", {
+        key: "text"
+      }, _i18n["default"].t('sch_periodYear'))])];
     }
   }, {
     key: "getValidSettings",
@@ -1337,7 +1343,7 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
         }
       }, _i18n["default"].t('sch_valid')), /*#__PURE__*/_react["default"].createElement("span", null, _i18n["default"].t('sch_validFrom'))), /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes.settingsDiv
-      }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_material.TextField, {
         variant: "standard",
         className: this.props.classes.inputDate,
         style: {
@@ -1367,8 +1373,8 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
           shrink: true
         },
         margin: "normal"
-      }), /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
-        control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+      }), /*#__PURE__*/_react["default"].createElement(_material.FormControlLabel, {
+        control: /*#__PURE__*/_react["default"].createElement(_material.Checkbox, {
           className: this.props.classes.inputRadio,
           checked: !!schedule.valid.to,
           onClick: function onClick() {
@@ -1378,7 +1384,7 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
           }
         }),
         label: _i18n["default"].t('sch_validTo')
-      }), !!schedule.valid.to && /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+      }), !!schedule.valid.to && /*#__PURE__*/_react["default"].createElement(_material.TextField, {
         variant: "standard",
         inputRef: this.refTo,
         className: this.props.classes.inputDate,
@@ -1446,7 +1452,7 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
 
         //
         if (once < now) {
-          // will ne be not executed any more, because start is in the past
+          // will be not executed anymore, because start is in the past
           return _i18n["default"].t('sch_desc_onceInPast');
         } else {
           // only once
@@ -1572,7 +1578,7 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
       if (schedule.time.exactTime) {
         if (ASTRO.indexOf(schedule.time.start) !== -1) {
           // at sunset
-          desc.push(_i18n["default"].t('sch_desc_atTime', _i18n["default"].t('sch_astro_' + schedule.time.start)));
+          desc.push(_i18n["default"].t('sch_desc_atTime', _i18n["default"].t("sch_astro_".concat(schedule.time.start))));
         } else {
           // at HH:MM
           desc.push(_i18n["default"].t('sch_desc_atTime', schedule.time.start));
@@ -1595,8 +1601,8 @@ var Schedule = /*#__PURE__*/function (_React$Component) {
             desc.push(_i18n["default"].t('sch_desc_everyNHours', schedule.time.interval));
           }
         }
-        var start = ASTRO.indexOf(schedule.time.start) !== -1 ? _i18n["default"].t('sch_astro_' + schedule.time.start) : schedule.time.start;
-        var end = ASTRO.indexOf(schedule.time.end) !== -1 ? _i18n["default"].t('sch_astro_' + schedule.time.end) : schedule.time.end;
+        var start = ASTRO.indexOf(schedule.time.start) !== -1 ? _i18n["default"].t("sch_astro_".concat(schedule.time.start)) : schedule.time.start;
+        var end = ASTRO.indexOf(schedule.time.end) !== -1 ? _i18n["default"].t("sch_astro_".concat(schedule.time.end)) : schedule.time.end;
         if (start !== '00:00' || end !== '24:00' && end !== '23:59') {
           // from HH:mm to HH:mm
           desc.push(_i18n["default"].t('sch_desc_intervalFromTo', start, end));