@iobroker/adapter-react-v5 7.2.4 → 7.3.0

package/{Components → build/Components}/Schedule.js

@@ -1,35 +1,7 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
-const i18n_1 = __importDefault(require("../i18n"));
-const Utils_1 = __importDefault(require("./Utils"));
+import React, { Component } from 'react';
+import { Input, Radio, FormControlLabel, FormGroup, Checkbox, MenuItem, Select, TextField, Box, } from '@mui/material';
+import { I18n } from '../i18n';
+import { Utils } from './Utils';
 const styles = {
     hr: {
         border: 0,
@@ -219,18 +191,21 @@ function string2USdate(date) {
     }
     return '';
 }
-class Schedule extends react_1.Component {
+export class Schedule extends Component {
+    refFrom;
+    refTo;
+    refOnce;
+    timerOnce = null;
+    timerFrom = null;
+    timerTo = null;
     constructor(props) {
         super(props);
-        this.timerOnce = null;
-        this.timerFrom = null;
-        this.timerTo = null;
         let schedule;
         if (this.props.schedule && typeof this.props.schedule === 'string' && this.props.schedule[0] === '{') {
             try {
                 schedule = JSON.parse(this.props.schedule);
             }
-            catch (_a) {
+            catch {
                 // ignore
             }
         }
@@ -241,11 +216,11 @@ class Schedule extends react_1.Component {
             setTimeout(() => this.onChange(this.state.schedule, true), 200);
             schedule = DEFAULT;
         }
-        schedule = Object.assign(Object.assign({}, DEFAULT), schedule);
+        schedule = { ...DEFAULT, ...schedule };
         schedule.valid.from = schedule.valid.from || Schedule.now2string();
-        this.refFrom = react_1.default.createRef();
-        this.refTo = react_1.default.createRef();
-        this.refOnce = react_1.default.createRef();
+        this.refFrom = React.createRef();
+        this.refTo = React.createRef();
+        this.refOnce = React.createRef();
         this.state = {
             schedule,
             desc: Schedule.state2text(schedule),
@@ -340,7 +315,7 @@ class Schedule extends react_1.Component {
             try {
                 schedule = JSON.parse(schedule);
             }
-            catch (_a) {
+            catch {
                 return '';
             }
         }
@@ -357,10 +332,10 @@ class Schedule extends react_1.Component {
             //
             if (once < now) {
                 // will be not executed anymore, because start is in the past
-                return i18n_1.default.t('sch_desc_onceInPast');
+                return I18n.t('sch_desc_onceInPast');
             }
             // only once
-            desc.push(i18n_1.default.t('sch_desc_once_on', schedule.period.once));
+            desc.push(I18n.t('sch_desc_once_on', schedule.period.once));
         }
         else if (schedule.period.days) {
             if (schedule.period.days === 1) {
@@ -368,7 +343,7 @@ class Schedule extends react_1.Component {
                     const daysOfWeek = JSON.parse(schedule.period.dows);
                     if (daysOfWeek.length === 2 && daysOfWeek[0] === 0 && daysOfWeek[1] === 6) {
                         // on weekends
-                        desc.push(i18n_1.default.t('sch_desc_onWeekends'));
+                        desc.push(I18n.t('sch_desc_onWeekends'));
                     }
                     else if (daysOfWeek.length === 5 &&
                         daysOfWeek[0] === 1 &&
@@ -377,45 +352,45 @@ class Schedule extends react_1.Component {
                         daysOfWeek[3] === 4 &&
                         daysOfWeek[4] === 5) {
                         // on workdays
-                        desc.push(i18n_1.default.t('sch_desc_onWorkdays'));
+                        desc.push(I18n.t('sch_desc_onWorkdays'));
                     }
                     else {
-                        const tDows = daysOfWeek.map((day) => i18n_1.default.t(WEEKDAYS[day]));
+                        const tDows = daysOfWeek.map((day) => I18n.t(WEEKDAYS[day]));
                         if (tDows.length === 1) {
                             // on Monday
-                            desc.push(i18n_1.default.t('sch_desc_onWeekday', tDows[0]));
+                            desc.push(I18n.t('sch_desc_onWeekday', tDows[0]));
                         }
                         else if (tDows.length === 7) {
                             // on every day
-                            desc.push(i18n_1.default.t('sch_desc_everyDay'));
+                            desc.push(I18n.t('sch_desc_everyDay'));
                         }
                         else {
                             const last = tDows.pop();
                             // on Monday and Sunday
-                            desc.push(i18n_1.default.t('sch_desc_onWeekdays', tDows.join(', '), last));
+                            desc.push(I18n.t('sch_desc_onWeekdays', tDows.join(', '), last));
                         }
                     }
                 }
                 else {
-                    desc.push(i18n_1.default.t('sch_desc_everyDay'));
+                    desc.push(I18n.t('sch_desc_everyDay'));
                 }
             }
             else {
-                desc.push(i18n_1.default.t('sch_desc_everyNDay', schedule.period.days.toString()));
+                desc.push(I18n.t('sch_desc_everyNDay', schedule.period.days.toString()));
             }
         }
         else if (schedule.period.weeks) {
             if (schedule.period.weeks === 1) {
-                desc.push(i18n_1.default.t('sch_desc_everyWeek'));
+                desc.push(I18n.t('sch_desc_everyWeek'));
             }
             else {
-                desc.push(i18n_1.default.t('sch_desc_everyNWeeks', schedule.period.weeks.toString()));
+                desc.push(I18n.t('sch_desc_everyNWeeks', schedule.period.weeks.toString()));
             }
             if (schedule.period.dows) {
                 const daysOfWeek = JSON.parse(schedule.period.dows);
                 if (daysOfWeek.length === 2 && daysOfWeek[0] === 0 && daysOfWeek[1] === 6) {
                     // on weekends
-                    desc.push(i18n_1.default.t('sch_desc_onWeekends'));
+                    desc.push(I18n.t('sch_desc_onWeekends'));
                 }
                 else if (daysOfWeek.length === 5 &&
                     daysOfWeek[0] === 1 &&
@@ -424,27 +399,27 @@ class Schedule extends react_1.Component {
                     daysOfWeek[3] === 4 &&
                     daysOfWeek[4] === 5) {
                     // on workdays
-                    desc.push(i18n_1.default.t('sch_desc_onWorkdays'));
+                    desc.push(I18n.t('sch_desc_onWorkdays'));
                 }
                 else {
-                    const tDows = daysOfWeek.map((day) => i18n_1.default.t(WEEKDAYS[day]));
+                    const tDows = daysOfWeek.map((day) => I18n.t(WEEKDAYS[day]));
                     if (tDows.length === 1) {
                         // on Monday
-                        desc.push(i18n_1.default.t('sch_desc_onWeekday', tDows[0]));
+                        desc.push(I18n.t('sch_desc_onWeekday', tDows[0]));
                     }
                     else if (tDows.length === 7) {
                         // on every day
-                        desc.push(i18n_1.default.t('sch_desc_everyDay'));
+                        desc.push(I18n.t('sch_desc_everyDay'));
                     }
                     else {
                         const last = tDows.pop();
                         // on Monday and Sunday
-                        desc.push(i18n_1.default.t('sch_desc_onWeekdays', tDows.join(', '), last));
+                        desc.push(I18n.t('sch_desc_onWeekdays', tDows.join(', '), last));
                     }
                 }
             }
             else {
-                return i18n_1.default.t('sch_desc_never');
+                return I18n.t('sch_desc_never');
             }
         }
         else if (schedule.period.months) {
@@ -452,114 +427,114 @@ class Schedule extends react_1.Component {
                 const dates = JSON.parse(schedule.period.dates);
                 if (dates.length === 1) {
                     // in 1 of month
-                    desc.push(i18n_1.default.t('sch_desc_onDate', dates[0]));
+                    desc.push(I18n.t('sch_desc_onDate', dates[0]));
                 }
                 else if (dates.length === 31) {
-                    desc.push(i18n_1.default.t('sch_desc_onEveryDate'));
+                    desc.push(I18n.t('sch_desc_onEveryDate'));
                 }
                 else if (!dates.length) {
-                    return i18n_1.default.t('sch_desc_never');
+                    return I18n.t('sch_desc_never');
                 }
                 else {
                     const last = dates.pop();
                     // in 1 and 4 of month
-                    desc.push(i18n_1.default.t('sch_desc_onDates', dates.join(', '), last));
+                    desc.push(I18n.t('sch_desc_onDates', dates.join(', '), last));
                 }
             }
             else {
-                desc.push(i18n_1.default.t('sch_desc_onEveryDate'));
+                desc.push(I18n.t('sch_desc_onEveryDate'));
             }
             if (schedule.period.months === 1) {
-                desc.push(i18n_1.default.t('sch_desc_everyMonth'));
+                desc.push(I18n.t('sch_desc_everyMonth'));
             }
             else if (typeof schedule.period.months === 'number') {
-                desc.push(i18n_1.default.t('sch_desc_everyNMonths', schedule.period.months.toString()));
+                desc.push(I18n.t('sch_desc_everyNMonths', schedule.period.months.toString()));
             }
             else {
                 const months = JSON.parse(schedule.period.months);
-                const tMonths = months.map((month) => i18n_1.default.t(MONTHS[month - 1]));
+                const tMonths = months.map((month) => I18n.t(MONTHS[month - 1]));
                 if (!tMonths.length) {
                     // in January
-                    return i18n_1.default.t('sch_desc_never');
+                    return I18n.t('sch_desc_never');
                 }
                 if (tMonths.length === 1) {
                     // in January
-                    desc.push(i18n_1.default.t('sch_desc_onMonth', tMonths[0]));
+                    desc.push(I18n.t('sch_desc_onMonth', tMonths[0]));
                 }
                 else if (tMonths.length === 12) {
                     // every month
-                    desc.push(i18n_1.default.t('sch_desc_everyMonth'));
+                    desc.push(I18n.t('sch_desc_everyMonth'));
                 }
                 else {
                     const last = tMonths.pop();
                     // in January and May
-                    desc.push(i18n_1.default.t('sch_desc_onMonths', tMonths.join(', '), last));
+                    desc.push(I18n.t('sch_desc_onMonths', tMonths.join(', '), last));
                 }
             }
         }
         else if (schedule.period.years) {
             if (schedule.period.years === 1) {
-                desc.push(i18n_1.default.t('sch_desc_everyYear'));
+                desc.push(I18n.t('sch_desc_everyYear'));
             }
             else {
-                desc.push(i18n_1.default.t('sch_desc_everyNYears', schedule.period.years.toString()));
+                desc.push(I18n.t('sch_desc_everyNYears', schedule.period.years.toString()));
             }
-            desc.push(i18n_1.default.t('sch_desc_onDate', schedule.period.yearDate.toString(), schedule.period.yearMonth
-                ? i18n_1.default.t(MONTHS[schedule.period.yearMonth - 1])
-                : i18n_1.default.t('sch_desc_everyMonth')));
+            desc.push(I18n.t('sch_desc_onDate', schedule.period.yearDate.toString(), schedule.period.yearMonth
+                ? I18n.t(MONTHS[schedule.period.yearMonth - 1])
+                : I18n.t('sch_desc_everyMonth')));
         }
         // time
         if (schedule.time.exactTime) {
             if (ASTRO.includes(schedule.time.start)) {
                 // at sunset
-                desc.push(i18n_1.default.t('sch_desc_atTime', i18n_1.default.t(`sch_astro_${schedule.time.start}`)));
+                desc.push(I18n.t('sch_desc_atTime', I18n.t(`sch_astro_${schedule.time.start}`)));
             }
             else {
                 // at HH:MM
-                desc.push(i18n_1.default.t('sch_desc_atTime', schedule.time.start));
+                desc.push(I18n.t('sch_desc_atTime', schedule.time.start));
             }
         }
         else {
             if (schedule.time.mode === PERIODS.minutes) {
                 if (schedule.time.interval === 1) {
                     // every minute
-                    desc.push(i18n_1.default.t('sch_desc_everyMinute'));
+                    desc.push(I18n.t('sch_desc_everyMinute'));
                 }
                 else {
                     // every N minute
-                    desc.push(i18n_1.default.t('sch_desc_everyNMinutes', schedule.time.interval.toString()));
+                    desc.push(I18n.t('sch_desc_everyNMinutes', schedule.time.interval.toString()));
                 }
             }
             else if (schedule.time.interval === 1) {
                 // every minute
-                desc.push(i18n_1.default.t('sch_desc_everyHour'));
+                desc.push(I18n.t('sch_desc_everyHour'));
             }
             else {
                 // every N minute
-                desc.push(i18n_1.default.t('sch_desc_everyNHours', schedule.time.interval.toString()));
+                desc.push(I18n.t('sch_desc_everyNHours', schedule.time.interval.toString()));
             }
             const start = ASTRO.indexOf(schedule.time.start) !== -1
-                ? i18n_1.default.t(`sch_astro_${schedule.time.start}`)
+                ? I18n.t(`sch_astro_${schedule.time.start}`)
                 : schedule.time.start;
-            const end = ASTRO.indexOf(schedule.time.end) !== -1 ? i18n_1.default.t(`sch_astro_${schedule.time.end}`) : schedule.time.end;
+            const end = ASTRO.indexOf(schedule.time.end) !== -1 ? I18n.t(`sch_astro_${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_1.default.t('sch_desc_intervalFromTo', start, end));
+                desc.push(I18n.t('sch_desc_intervalFromTo', start, end));
             }
         }
         if (!schedule.period.once) {
             // valid
             if (validFrom.getTime() > Date.now() && schedule.valid.to) {
                 // from XXX to XXXX
-                desc.push(i18n_1.default.t('sch_desc_validFromTo', schedule.valid.from, schedule.valid.to));
+                desc.push(I18n.t('sch_desc_validFromTo', schedule.valid.from, schedule.valid.to));
             }
             else if (validFrom.getTime() > Date.now()) {
                 // from XXXX
-                desc.push(i18n_1.default.t('sch_desc_validFrom', schedule.valid.from));
+                desc.push(I18n.t('sch_desc_validFrom', schedule.valid.from));
             }
             else if (schedule.valid.to) {
                 // till XXXX
-                desc.push(i18n_1.default.t('sch_desc_validTo', schedule.valid.to));
+                desc.push(I18n.t('sch_desc_validTo', schedule.valid.to));
             }
         }
         return desc.join(' ');
@@ -582,25 +557,25 @@ class Schedule extends react_1.Component {
             night = true;
             fromTo = false;
         }
-        return (react_1.default.createElement("div", { key: "timePeriod", style: styles.rowDiv },
-            react_1.default.createElement("div", { style: styles.modeDiv },
-                react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: !schedule.time.exactTime, onClick: () => {
+        return (React.createElement("div", { key: "timePeriod", style: styles.rowDiv },
+            React.createElement("div", { style: styles.modeDiv },
+                React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: !schedule.time.exactTime, onClick: () => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.time.exactTime = false;
                             this.onChange(_schedule);
-                        } }), label: i18n_1.default.t('sch_intervalTime') })),
-            react_1.default.createElement("div", { style: styles.settingsDiv },
-                react_1.default.createElement("div", { style: styles.settingsDiv },
-                    !schedule.time.exactTime && (react_1.default.createElement("div", null,
-                        react_1.default.createElement("div", null,
-                            react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: !!fromTo, onClick: () => {
+                        } }), label: I18n.t('sch_intervalTime') })),
+            React.createElement("div", { style: styles.settingsDiv },
+                React.createElement("div", { style: styles.settingsDiv },
+                    !schedule.time.exactTime && (React.createElement("div", null,
+                        React.createElement("div", null,
+                            React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: !!fromTo, onClick: () => {
                                         const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                         _schedule.time.start = '00:00';
                                         _schedule.time.end = '23:59';
                                         this.onChange(_schedule);
-                                    } }), label: !fromTo ? i18n_1.default.t('sch_fromTo') : '' }),
+                                    } }), label: !fromTo ? I18n.t('sch_fromTo') : '' }),
                             fromTo && [
-                                react_1.default.createElement(material_1.TextField, { variant: "standard", style: Object.assign(Object.assign({}, styles.inputTime), { marginRight: 10 }), key: "exactTimeFrom", type: "time", sx: (theme) => ({
+                                React.createElement(TextField, { variant: "standard", style: { ...styles.inputTime, marginRight: 10 }, key: "exactTimeFrom", type: "time", sx: (theme) => ({
                                         '& input[type="time"]::-webkit-calendar-picker-indicator': {
                                             filter: theme.palette.mode === 'dark' ? 'invert(80%)' : undefined,
                                         },
@@ -612,8 +587,8 @@ class Schedule extends react_1.Component {
                                         this.onChange(_schedule);
                                     }, slotProps: {
                                         inputLabel: { shrink: true },
-                                    }, label: i18n_1.default.t('sch_from'), margin: "normal" }),
-                                react_1.default.createElement(material_1.TextField, { variant: "standard", style: styles.inputTime, key: "exactTimeTo", type: "time", sx: (theme) => ({
+                                    }, label: I18n.t('sch_from'), margin: "normal" }),
+                                React.createElement(TextField, { variant: "standard", style: styles.inputTime, key: "exactTimeTo", type: "time", sx: (theme) => ({
                                         '& input[type="time"]::-webkit-calendar-picker-indicator': {
                                             filter: theme.palette.mode === 'dark' ? 'invert(80%)' : undefined,
                                         },
@@ -625,49 +600,49 @@ class Schedule extends react_1.Component {
                                         this.onChange(_schedule);
                                     }, slotProps: {
                                         inputLabel: { shrink: true },
-                                    }, label: i18n_1.default.t('sch_to'), margin: "normal" }),
+                                    }, label: I18n.t('sch_to'), margin: "normal" }),
                             ]))),
-                    !schedule.time.exactTime && (react_1.default.createElement("div", null,
-                        react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: !!wholeDay, onClick: () => {
+                    !schedule.time.exactTime && (React.createElement("div", null,
+                        React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: !!wholeDay, onClick: () => {
                                     const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                     _schedule.time.start = '00:00';
                                     _schedule.time.end = '24:00';
                                     this.onChange(_schedule);
-                                } }), label: i18n_1.default.t('sch_wholeDay') }))),
-                    !schedule.time.exactTime && (react_1.default.createElement("div", null,
-                        react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: !!day, onClick: () => {
+                                } }), label: I18n.t('sch_wholeDay') }))),
+                    !schedule.time.exactTime && (React.createElement("div", null,
+                        React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: !!day, onClick: () => {
                                     const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                     _schedule.time.start = 'sunrise';
                                     _schedule.time.end = 'sunset';
                                     this.onChange(_schedule);
-                                } }), label: i18n_1.default.t('sch_astroDay') }))),
-                    !schedule.time.exactTime && (react_1.default.createElement("div", null,
-                        react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: !!night, onClick: () => {
+                                } }), label: I18n.t('sch_astroDay') }))),
+                    !schedule.time.exactTime && (React.createElement("div", null,
+                        React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: !!night, onClick: () => {
                                     const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                     _schedule.time.start = 'sunset';
                                     _schedule.time.end = 'sunrise';
                                     this.onChange(_schedule);
-                                } }), label: i18n_1.default.t('sch_astroNight') })))),
+                                } }), label: I18n.t('sch_astroNight') })))),
                 !schedule.time.exactTime && this.getPeriodSettingsMinutes(fromTo))));
     }
     getTimeExactElements() {
         const isAstro = ASTRO.includes(this.state.schedule.time.start);
-        return (react_1.default.createElement("div", { key: "timeExact", style: styles.rowDiv },
-            react_1.default.createElement("div", { style: styles.modeDiv },
-                react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: !!this.state.schedule.time.exactTime, onClick: () => {
+        return (React.createElement("div", { key: "timeExact", style: styles.rowDiv },
+            React.createElement("div", { style: styles.modeDiv },
+                React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: !!this.state.schedule.time.exactTime, onClick: () => {
                             const schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             schedule.time.exactTime = true;
                             this.onChange(schedule);
-                        } }), label: i18n_1.default.t('sch_exactTime') })),
-            this.state.schedule.time.exactTime && (react_1.default.createElement(material_1.Select, { variant: "standard", value: isAstro ? this.state.schedule.time.start : '00:00', onChange: e => {
+                        } }), label: I18n.t('sch_exactTime') })),
+            this.state.schedule.time.exactTime && (React.createElement(Select, { variant: "standard", value: isAstro ? this.state.schedule.time.start : '00:00', onChange: e => {
                     const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                     _schedule.time.start = e.target.value;
                     this.onChange(_schedule);
                 } },
-                react_1.default.createElement(material_1.MenuItem, { key: "specific", value: "00:00" }, i18n_1.default.t('sch_specificTime')),
-                ASTRO.map(event => (react_1.default.createElement(material_1.MenuItem, { key: event, value: event }, i18n_1.default.t(`sch_astro_${event}`)))))),
-            this.state.schedule.time.exactTime && !isAstro && (react_1.default.createElement("div", { style: styles.settingsDiv },
-                react_1.default.createElement(material_1.TextField, { variant: "standard", style: styles.inputTime, key: "exactTimeValue", value: this.state.schedule.time.start, type: "time", sx: (theme) => ({
+                React.createElement(MenuItem, { key: "specific", value: "00:00" }, I18n.t('sch_specificTime')),
+                ASTRO.map(event => (React.createElement(MenuItem, { key: event, value: event }, I18n.t(`sch_astro_${event}`)))))),
+            this.state.schedule.time.exactTime && !isAstro && (React.createElement("div", { style: styles.settingsDiv },
+                React.createElement(TextField, { variant: "standard", style: styles.inputTime, key: "exactTimeValue", value: this.state.schedule.time.start, type: "time", sx: (theme) => ({
                         '& input[type="time"]::-webkit-calendar-picker-indicator': {
                             filter: theme.palette.mode === 'dark' ? 'invert(80%)' : undefined,
                         },
@@ -680,7 +655,7 @@ class Schedule extends react_1.Component {
                     }, margin: "normal" })))));
     }
     static getDivider() {
-        return react_1.default.createElement("hr", { style: styles.hr });
+        return React.createElement("hr", { style: styles.hr });
     }
     getPeriodModes() {
         const schedule = this.state.schedule;
@@ -695,9 +670,9 @@ class Schedule extends react_1.Component {
         }
         return [
             // ----- once ---
-            react_1.default.createElement("div", { key: "once", style: Object.assign(Object.assign({}, styles.rowDiv), styles.rowOnce) },
-                react_1.default.createElement("div", { style: styles.modeDiv },
-                    react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: !!isOnce, onClick: () => {
+            React.createElement("div", { key: "once", style: { ...styles.rowDiv, ...styles.rowOnce } },
+                React.createElement("div", { style: styles.modeDiv },
+                    React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: !!isOnce, onClick: () => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                 _schedule.period.once = _schedule.period.once || Schedule.now2string(true);
                                 _schedule.period.dows = '';
@@ -709,9 +684,9 @@ class Schedule extends react_1.Component {
                                 _schedule.period.weeks = 0;
                                 _schedule.period.days = 0;
                                 this.onChange(_schedule);
-                            } }), label: i18n_1.default.t('sch_periodOnce') })),
-                isOnce && (react_1.default.createElement("div", { style: styles.settingsDiv },
-                    react_1.default.createElement(material_1.TextField, { variant: "standard", style: styles.inputDate, type: "date", ref: this.refOnce, key: "exactDateAt", defaultValue: string2USdate(schedule.period.once), 
+                            } }), label: I18n.t('sch_periodOnce') })),
+                isOnce && (React.createElement("div", { style: styles.settingsDiv },
+                    React.createElement(TextField, { variant: "standard", style: styles.inputDate, type: "date", ref: this.refOnce, key: "exactDateAt", defaultValue: string2USdate(schedule.period.once), 
                         // InputProps={{inputComponent: TextTime}}
                         onChange: e => {
                             this.timerOnce && clearTimeout(this.timerOnce);
@@ -733,11 +708,11 @@ class Schedule extends react_1.Component {
                             }, 1500, e.target.value);
                         }, slotProps: {
                             inputLabel: { shrink: true },
-                        }, label: i18n_1.default.t('sch_at'), margin: "normal" })))),
+                        }, label: I18n.t('sch_at'), margin: "normal" })))),
             // ----- days ---
-            react_1.default.createElement(material_1.Box, { component: "div", key: "days", sx: Utils_1.default.getStyle(this.props.theme, styles.rowDiv, styles.rowDays) },
-                react_1.default.createElement("div", { style: styles.modeDiv },
-                    react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: !!schedule.period.days, onClick: () => {
+            React.createElement(Box, { component: "div", key: "days", sx: Utils.getStyle(this.props.theme, styles.rowDiv, styles.rowDays) },
+                React.createElement("div", { style: styles.modeDiv },
+                    React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: !!schedule.period.days, onClick: () => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                 _schedule.period.days = 1;
                                 _schedule.period.dows = '';
@@ -749,8 +724,8 @@ class Schedule extends react_1.Component {
                                 _schedule.period.weeks = 0;
                                 _schedule.period.once = '';
                                 this.onChange(_schedule);
-                            } }), label: i18n_1.default.t('sch_periodDaily') })),
-                react_1.default.createElement("div", { style: styles.settingsDiv },
+                            } }), label: I18n.t('sch_periodDaily') })),
+                React.createElement("div", { style: styles.settingsDiv },
                     this.getPeriodSettingsDaily(),
                     schedule.period.days ? this.getPeriodSettingsWeekdays() : null)),
             // ----- days of weeks ---
@@ -771,9 +746,9 @@ class Schedule extends react_1.Component {
                 </div>,
             */
             // ----- weeks ---
-            react_1.default.createElement(material_1.Box, { component: "div", key: "weeks", sx: Utils_1.default.getStyle(this.props.theme, styles.rowDiv, styles.rowDows) },
-                react_1.default.createElement("div", { style: styles.modeDiv },
-                    react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: !!schedule.period.weeks, onClick: () => {
+            React.createElement(Box, { component: "div", key: "weeks", sx: Utils.getStyle(this.props.theme, styles.rowDiv, styles.rowDows) },
+                React.createElement("div", { style: styles.modeDiv },
+                    React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: !!schedule.period.weeks, onClick: () => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                 _schedule.period.weeks = schedule.period.weeks ? 0 : 1;
                                 _schedule.period.dows = schedule.period.dows || '[0]';
@@ -785,14 +760,14 @@ class Schedule extends react_1.Component {
                                 _schedule.period.days = 0;
                                 _schedule.period.once = '';
                                 this.onChange(_schedule);
-                            } }), label: i18n_1.default.t('sch_periodWeekly') })),
-                react_1.default.createElement(material_1.Box, { component: "div", style: styles.settingsDiv },
-                    react_1.default.createElement("div", { style: styles.settingsDiv }, this.getPeriodSettingsWeekly()),
-                    react_1.default.createElement(material_1.Box, { component: "div", sx: Utils_1.default.getStyle(this.props.theme, styles.settingsDiv, styles.rowDowsDows) }, this.state.schedule.period.weeks ? this.getPeriodSettingsWeekdays() : null))),
+                            } }), label: I18n.t('sch_periodWeekly') })),
+                React.createElement(Box, { component: "div", style: styles.settingsDiv },
+                    React.createElement("div", { style: styles.settingsDiv }, this.getPeriodSettingsWeekly()),
+                    React.createElement(Box, { component: "div", sx: Utils.getStyle(this.props.theme, styles.settingsDiv, styles.rowDowsDows) }, this.state.schedule.period.weeks ? this.getPeriodSettingsWeekdays() : null))),
             // ----- months ---
-            react_1.default.createElement(material_1.Box, { component: "div", key: "months", sx: Utils_1.default.getStyle(this.props.theme, styles.rowDiv, styles.rowMonths) },
-                react_1.default.createElement("div", { style: styles.modeDiv },
-                    react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: !!schedule.period.months, onClick: () => {
+            React.createElement(Box, { component: "div", key: "months", sx: Utils.getStyle(this.props.theme, styles.rowDiv, styles.rowMonths) },
+                React.createElement("div", { style: styles.modeDiv },
+                    React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: !!schedule.period.months, onClick: () => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                 _schedule.period.months = 1;
                                 _schedule.period.dows = '';
@@ -804,12 +779,12 @@ class Schedule extends react_1.Component {
                                 _schedule.period.days = 0;
                                 _schedule.period.once = '';
                                 this.onChange(_schedule);
-                            } }), label: i18n_1.default.t('sch_periodMonthly') })),
-                react_1.default.createElement("div", { style: styles.settingsDiv },
+                            } }), label: I18n.t('sch_periodMonthly') })),
+                React.createElement("div", { style: styles.settingsDiv },
                     this.getPeriodSettingsMonthly(),
-                    schedule.period.months ? (react_1.default.createElement(material_1.Box, null,
-                        react_1.default.createElement(material_1.Box, { component: "div", sx: Utils_1.default.getStyle(this.props.theme, styles.settingsDiv, styles.rowMonthsDates) },
-                            react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputRadio, checked: !!schedule.period.dates, onClick: () => {
+                    schedule.period.months ? (React.createElement(Box, null,
+                        React.createElement(Box, { component: "div", sx: Utils.getStyle(this.props.theme, styles.settingsDiv, styles.rowMonthsDates) },
+                            React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { style: styles.inputRadio, checked: !!schedule.period.dates, onClick: () => {
                                         const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                         _schedule.period.months = _schedule.period.months || 1;
                                         const dates = [];
@@ -826,12 +801,12 @@ class Schedule extends react_1.Component {
                                         _schedule.period.days = 0;
                                         _schedule.period.once = '';
                                         this.onChange(_schedule);
-                                    } }), label: i18n_1.default.t('sch_periodDates') })),
-                        react_1.default.createElement(material_1.Box, { component: "div", sx: Utils_1.default.getStyle(this.props.theme, styles.settingsDiv, styles.rowMonthsDates) }, this.getPeriodSettingsDates()))) : null)),
+                                    } }), label: I18n.t('sch_periodDates') })),
+                        React.createElement(Box, { component: "div", sx: Utils.getStyle(this.props.theme, styles.settingsDiv, styles.rowMonthsDates) }, this.getPeriodSettingsDates()))) : null)),
             // ----- years ---
-            react_1.default.createElement(material_1.Box, { component: "div", key: "years", sx: Utils_1.default.getStyle(this.props.theme, styles.rowDiv, styles.rowYears) },
-                react_1.default.createElement("div", { style: styles.modeDiv },
-                    react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: !!schedule.period.years, onClick: () => {
+            React.createElement(Box, { component: "div", key: "years", sx: Utils.getStyle(this.props.theme, styles.rowDiv, styles.rowYears) },
+                React.createElement("div", { style: styles.modeDiv },
+                    React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: !!schedule.period.years, onClick: () => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                 _schedule.period.years = 1;
                                 _schedule.period.yearDate = 1;
@@ -843,12 +818,12 @@ class Schedule extends react_1.Component {
                                 _schedule.period.days = 0;
                                 _schedule.period.once = '';
                                 this.onChange(_schedule);
-                            } }), label: i18n_1.default.t('sch_periodYearly') })),
-                react_1.default.createElement("div", { style: styles.settingsDiv },
-                    react_1.default.createElement("div", { style: styles.settingsDiv }, this.getPeriodSettingsYearly()),
-                    !!schedule.period.years && (react_1.default.createElement("div", { style: styles.settingsDiv },
-                        react_1.default.createElement("span", null, i18n_1.default.t('sch_on')),
-                        react_1.default.createElement(material_1.Input, { key: "input", value: this.state.schedule.period.yearDate, style: styles.inputEvery, type: "number", inputProps: { min: 1, max: 31 }, onChange: e => {
+                            } }), label: I18n.t('sch_periodYearly') })),
+                React.createElement("div", { style: styles.settingsDiv },
+                    React.createElement("div", { style: styles.settingsDiv }, this.getPeriodSettingsYearly()),
+                    !!schedule.period.years && (React.createElement("div", { style: styles.settingsDiv },
+                        React.createElement("span", null, I18n.t('sch_on')),
+                        React.createElement(Input, { key: "input", value: this.state.schedule.period.yearDate, style: styles.inputEvery, type: "number", inputProps: { min: 1, max: 31 }, onChange: e => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                 _schedule.period.yearDate = parseInt(e.target.value, 10);
                                 if (_schedule.period.yearDate < 1) {
@@ -859,70 +834,73 @@ class Schedule extends react_1.Component {
                                 }
                                 this.onChange(_schedule);
                             } }),
-                        react_1.default.createElement(material_1.Select, { variant: "standard", value: schedule.period.yearMonth, onChange: e => {
+                        React.createElement(Select, { variant: "standard", value: schedule.period.yearMonth, onChange: e => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                 _schedule.period.yearMonth = e.target.value;
                                 this.onChange(_schedule);
                             } },
-                            react_1.default.createElement(material_1.MenuItem, { key: "every", value: 0 }, i18n_1.default.t('sch_yearEveryMonth')),
-                            MONTHS.map((month, i) => (react_1.default.createElement(material_1.MenuItem, { key: month, value: i + 1 }, i18n_1.default.t(month))))))))),
+                            React.createElement(MenuItem, { key: "every", value: 0 }, I18n.t('sch_yearEveryMonth')),
+                            MONTHS.map((month, i) => (React.createElement(MenuItem, { key: month, value: i + 1 }, I18n.t(month))))))))),
         ];
     }
     getPeriodSettingsMinutes(fromTo) {
-        return (react_1.default.createElement("div", { style: { display: 'inline-block', marginTop: fromTo ? 15 : 'inherit' } },
-            react_1.default.createElement("label", { style: { marginLeft: 4, marginRight: 4 } }, i18n_1.default.t('sch_every')),
-            react_1.default.createElement(material_1.Input, { value: this.state.schedule.time.interval, style: Object.assign(Object.assign({}, styles.inputEvery), { verticalAlign: 'bottom' }), type: "number", inputProps: { min: 1 }, onChange: e => {
+        return (React.createElement("div", { style: { display: 'inline-block', marginTop: fromTo ? 15 : 'inherit' } },
+            React.createElement("label", { style: { marginLeft: 4, marginRight: 4 } }, I18n.t('sch_every')),
+            React.createElement(Input, { value: this.state.schedule.time.interval, style: {
+                    ...styles.inputEvery,
+                    verticalAlign: 'bottom',
+                }, type: "number", inputProps: { min: 1 }, onChange: e => {
                     const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                     _schedule.time.interval = parseInt(e.target.value, 10);
                     this.onChange(_schedule);
                 } }),
-            react_1.default.createElement(material_1.Select, { variant: "standard", value: this.state.schedule.time.mode, onChange: e => {
+            React.createElement(Select, { variant: "standard", value: this.state.schedule.time.mode, onChange: e => {
                     const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                     _schedule.time.mode = e.target.value;
                     this.onChange(_schedule);
                 } },
-                react_1.default.createElement(material_1.MenuItem, { value: PERIODS.minutes }, i18n_1.default.t('sch_periodMinutes')),
-                react_1.default.createElement(material_1.MenuItem, { value: PERIODS.hours }, i18n_1.default.t('sch_periodHours')))));
+                React.createElement(MenuItem, { value: PERIODS.minutes }, I18n.t('sch_periodMinutes')),
+                React.createElement(MenuItem, { value: PERIODS.hours }, I18n.t('sch_periodHours')))));
     }
     getPeriodSettingsWeekdays() {
         // || this.state.schedule.period.dows === '[1, 2, 3, 4, 5]' || this.state.schedule.period.dows === '[0, 6]'
         const schedule = this.state.schedule;
         const isSpecific = schedule.period.dows && schedule.period.dows !== '[1, 2, 3, 4, 5]' && schedule.period.dows !== '[0, 6]';
         return [
-            react_1.default.createElement("div", { key: "workdays" },
-                react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: schedule.period.dows === '[1, 2, 3, 4, 5]', onClick: () => {
+            React.createElement("div", { key: "workdays" },
+                React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: schedule.period.dows === '[1, 2, 3, 4, 5]', onClick: () => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.period.dows = '[1, 2, 3, 4, 5]';
                             if (_schedule.period.days) {
                                 _schedule.period.days = 1;
                             }
                             this.onChange(_schedule);
-                        } }), label: i18n_1.default.t('sch_periodWorkdays') })),
-            react_1.default.createElement("div", { key: "weekend" },
-                react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: schedule.period.dows === '[0, 6]', onClick: () => {
+                        } }), label: I18n.t('sch_periodWorkdays') })),
+            React.createElement("div", { key: "weekend" },
+                React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: schedule.period.dows === '[0, 6]', onClick: () => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.period.dows = '[0, 6]';
                             if (_schedule.period.days) {
                                 _schedule.period.days = 1;
                             }
                             this.onChange(_schedule);
-                        } }), label: i18n_1.default.t('sch_periodWeekend') })),
-            react_1.default.createElement("div", { key: "specific", style: { verticalAlign: 'top' } },
-                react_1.default.createElement(material_1.FormControlLabel, { style: { verticalAlign: 'top' }, control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: !!isSpecific, onClick: () => {
+                        } }), label: I18n.t('sch_periodWeekend') })),
+            React.createElement("div", { key: "specific", style: { verticalAlign: 'top' } },
+                React.createElement(FormControlLabel, { style: { verticalAlign: 'top' }, control: React.createElement(Radio, { style: styles.inputRadio, checked: !!isSpecific, onClick: () => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.period.dows = '[0, 1, 2, 3, 4, 5, 6]';
                             if (_schedule.period.days) {
                                 _schedule.period.days = 1;
                             }
                             this.onChange(_schedule);
-                        } }), label: i18n_1.default.t('sch_periodWeekdays') }),
-                isSpecific && (schedule.period.days === 1 || schedule.period.weeks) && (react_1.default.createElement(material_1.FormGroup, { row: true, style: Object.assign(Object.assign({}, styles.inputGroup), { width: 150 }) }, [1, 2, 3, 4, 5, 6, 0].map(i => (react_1.default.createElement(material_1.FormControlLabel, { key: `specific_${i}`, style: styles.inputGroupElement, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputSmallCheck, checked: schedule.period.dows.includes(i.toString()), onChange: e => {
+                        } }), label: I18n.t('sch_periodWeekdays') }),
+                isSpecific && (schedule.period.days === 1 || schedule.period.weeks) && (React.createElement(FormGroup, { row: true, style: { ...styles.inputGroup, width: 150 } }, [1, 2, 3, 4, 5, 6, 0].map(i => (React.createElement(FormControlLabel, { key: `specific_${i}`, style: styles.inputGroupElement, control: React.createElement(Checkbox, { style: styles.inputSmallCheck, checked: schedule.period.dows.includes(i.toString()), onChange: e => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             let daysOfWeek;
                             try {
                                 daysOfWeek = JSON.parse(_schedule.period.dows);
                             }
-                            catch (_a) {
+                            catch {
                                 daysOfWeek = [];
                             }
                             if (e.target.checked && !daysOfWeek.includes(i)) {
@@ -937,7 +915,7 @@ class Schedule extends react_1.Component {
                                 _schedule.period.days = 1;
                             }
                             this.onChange(_schedule);
-                        } }), label: i18n_1.default.t(WEEKDAYS[i]) })))))),
+                        } }), label: I18n.t(WEEKDAYS[i]) })))))),
         ];
     }
     getPeriodSettingsDaily() {
@@ -946,28 +924,28 @@ class Schedule extends react_1.Component {
         }
         const schedule = this.state.schedule;
         return [
-            react_1.default.createElement("div", { key: "every_day" },
-                react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: schedule.period.days === 1 && !schedule.period.dows, onClick: () => {
+            React.createElement("div", { key: "every_day" },
+                React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: schedule.period.days === 1 && !schedule.period.dows, onClick: () => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.period.days = 1;
                             _schedule.period.dows = '';
                             this.onChange(_schedule);
-                        } }), label: i18n_1.default.t('sch_periodEveryDay') })),
-            react_1.default.createElement("div", { key: "everyN_day" },
-                react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: schedule.period.days > 1, onClick: () => {
+                        } }), label: I18n.t('sch_periodEveryDay') })),
+            React.createElement("div", { key: "everyN_day" },
+                React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: schedule.period.days > 1, onClick: () => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.period.days = 2;
                             _schedule.period.dows = '';
                             this.onChange(_schedule);
-                        } }), label: i18n_1.default.t('sch_periodEvery') }),
+                        } }), label: I18n.t('sch_periodEvery') }),
                 schedule.period.days > 1 && [
-                    react_1.default.createElement(material_1.Input, { key: "input", value: this.state.schedule.period.days, style: styles.inputEvery, type: "number", inputProps: { min: 2 }, onChange: e => {
+                    React.createElement(Input, { key: "input", value: this.state.schedule.period.days, style: styles.inputEvery, type: "number", inputProps: { min: 2 }, onChange: e => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.period.days = parseInt(e.target.value, 10);
                             _schedule.period.dows = '';
                             this.onChange(_schedule);
                         } }),
-                    react_1.default.createElement("span", { key: "span", style: { paddingRight: 10 } }, i18n_1.default.t('sch_periodDay')),
+                    React.createElement("span", { key: "span", style: { paddingRight: 10 } }, I18n.t('sch_periodDay')),
                 ]),
         ];
     }
@@ -977,26 +955,26 @@ class Schedule extends react_1.Component {
         }
         const schedule = this.state.schedule;
         return [
-            react_1.default.createElement("div", { key: "radios", style: { display: 'inline-block', verticalAlign: 'top' } },
-                react_1.default.createElement("div", null,
-                    react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: schedule.period.weeks === 1, onClick: () => {
+            React.createElement("div", { key: "radios", style: { display: 'inline-block', verticalAlign: 'top' } },
+                React.createElement("div", null,
+                    React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: schedule.period.weeks === 1, onClick: () => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                 _schedule.period.weeks = 1;
                                 this.onChange(_schedule);
-                            } }), label: i18n_1.default.t('sch_periodEveryWeek') })),
-                react_1.default.createElement("div", null,
-                    react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: schedule.period.weeks > 1, onClick: () => {
+                            } }), label: I18n.t('sch_periodEveryWeek') })),
+                React.createElement("div", null,
+                    React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: schedule.period.weeks > 1, onClick: () => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                 _schedule.period.weeks = 2;
                                 this.onChange(_schedule);
-                            } }), label: i18n_1.default.t('sch_periodEvery') }),
+                            } }), label: I18n.t('sch_periodEvery') }),
                     schedule.period.weeks > 1 && [
-                        react_1.default.createElement(material_1.Input, { key: "input", value: this.state.schedule.period.weeks, style: styles.inputEvery, type: "number", inputProps: { min: 2 }, onChange: e => {
+                        React.createElement(Input, { key: "input", value: this.state.schedule.period.weeks, style: styles.inputEvery, type: "number", inputProps: { min: 2 }, onChange: e => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                 _schedule.period.weeks = parseInt(e.target.value, 10);
                                 this.onChange(_schedule);
                             } }),
-                        react_1.default.createElement("span", { key: "text" }, i18n_1.default.t('sch_periodWeek')),
+                        React.createElement("span", { key: "text" }, I18n.t('sch_periodWeek')),
                     ])),
         ];
     }
@@ -1010,8 +988,8 @@ class Schedule extends react_1.Component {
             dates.push(i);
         }
         const parsedDates = JSON.parse(schedule.period.dates);
-        return (react_1.default.createElement(material_1.FormGroup, { row: true, style: Object.assign(Object.assign({}, styles.inputGroup), { maxWidth: 620 }) },
-            react_1.default.createElement(material_1.FormControlLabel, { style: styles.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputDateDayCheck, checked: parsedDates.length === 31, onChange: () => {
+        return (React.createElement(FormGroup, { row: true, style: { ...styles.inputGroup, maxWidth: 620 } },
+            React.createElement(FormControlLabel, { style: styles.inputDateDay, control: React.createElement(Checkbox, { style: styles.inputDateDayCheck, checked: parsedDates.length === 31, onChange: () => {
                         const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                         const _dates = [];
                         for (let i = 1; i <= 31; i++) {
@@ -1019,13 +997,13 @@ class Schedule extends react_1.Component {
                         }
                         _schedule.period.dates = JSON.stringify(_dates);
                         this.onChange(_schedule);
-                    } }), label: i18n_1.default.t('sch_all') }),
-            react_1.default.createElement(material_1.FormControlLabel, { style: styles.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputDateDayCheck, checked: !parsedDates.length, onChange: () => {
+                    } }), label: I18n.t('sch_all') }),
+            React.createElement(FormControlLabel, { style: styles.inputDateDay, control: React.createElement(Checkbox, { style: styles.inputDateDayCheck, checked: !parsedDates.length, onChange: () => {
                         const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                         _schedule.period.dates = '[]';
                         this.onChange(_schedule);
-                    } }), label: i18n_1.default.t('sch_no_one') }),
-            parsedDates.length !== 31 && !!parsedDates.length && (react_1.default.createElement(material_1.FormControlLabel, { style: styles.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputDateDayCheck, checked: false, onChange: () => {
+                    } }), label: I18n.t('sch_no_one') }),
+            parsedDates.length !== 31 && !!parsedDates.length && (React.createElement(FormControlLabel, { style: styles.inputDateDay, control: React.createElement(Checkbox, { style: styles.inputDateDayCheck, checked: false, onChange: () => {
                         const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                         const result = [];
                         const _parsedDates = JSON.parse(_schedule.period.dates);
@@ -1037,16 +1015,23 @@ class Schedule extends react_1.Component {
                         result.sort((a, b) => a - b);
                         _schedule.period.dates = JSON.stringify(result);
                         this.onChange(_schedule);
-                    } }), label: i18n_1.default.t('sch_invert') })),
-            react_1.default.createElement("div", null),
-            dates.map(i => (react_1.default.createElement(material_1.FormControlLabel, { key: `date_${i}`, style: !i
-                    ? Object.assign(Object.assign({}, styles.inputDateDay), { opacity: 0, cursor: 'default', userSelect: 'none', pointerEvents: 'none' }) : styles.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputDateDayCheck, checked: JSON.parse(schedule.period.dates).includes(i), onChange: e => {
+                    } }), label: I18n.t('sch_invert') })),
+            React.createElement("div", null),
+            dates.map(i => (React.createElement(FormControlLabel, { key: `date_${i}`, style: !i
+                    ? {
+                        ...styles.inputDateDay,
+                        opacity: 0,
+                        cursor: 'default',
+                        userSelect: 'none',
+                        pointerEvents: 'none',
+                    }
+                    : styles.inputDateDay, control: React.createElement(Checkbox, { style: styles.inputDateDayCheck, checked: JSON.parse(schedule.period.dates).includes(i), onChange: e => {
                         const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                         let _dates;
                         try {
                             _dates = JSON.parse(_schedule.period.dates);
                         }
-                        catch (_a) {
+                        catch {
                             _dates = [];
                         }
                         if (e.target.checked && !_dates.includes(i)) {
@@ -1060,8 +1045,8 @@ class Schedule extends react_1.Component {
                         this.onChange(_schedule);
                     } }), label: i < 10
                     ? [
-                        react_1.default.createElement("span", { key: "0", style: { opacity: 0 } }, "0"),
-                        react_1.default.createElement("span", { key: "num" }, i),
+                        React.createElement("span", { key: "0", style: { opacity: 0 } }, "0"),
+                        React.createElement("span", { key: "num" }, i),
                     ]
                     : i })))));
     }
@@ -1072,21 +1057,21 @@ class Schedule extends react_1.Component {
         const schedule = this.state.schedule;
         const parsedMonths = typeof schedule.period.months === 'string' ? JSON.parse(schedule.period.months) : [];
         return [
-            react_1.default.createElement("div", { key: "every" },
-                react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: typeof schedule.period.months === 'number' && schedule.period.months === 1, onClick: () => {
+            React.createElement("div", { key: "every" },
+                React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: typeof schedule.period.months === 'number' && schedule.period.months === 1, onClick: () => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.period.months = 1;
                             this.onChange(schedule);
-                        } }), label: i18n_1.default.t('sch_periodEveryMonth') })),
-            react_1.default.createElement("div", { key: "everyN" },
-                react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: typeof schedule.period.months === 'number' && schedule.period.months > 1, onClick: () => {
+                        } }), label: I18n.t('sch_periodEveryMonth') })),
+            React.createElement("div", { key: "everyN" },
+                React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: typeof schedule.period.months === 'number' && schedule.period.months > 1, onClick: () => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.period.months = 2;
                             this.onChange(_schedule);
-                        } }), label: i18n_1.default.t('sch_periodEvery') }),
+                        } }), label: I18n.t('sch_periodEvery') }),
                 typeof schedule.period.months === 'number' &&
                     schedule.period.months > 1 && [
-                    react_1.default.createElement(material_1.Input, { key: "input", value: schedule.period.months, style: styles.inputEvery, type: "number", inputProps: { min: 2 }, onChange: e => {
+                    React.createElement(Input, { key: "input", value: schedule.period.months, style: styles.inputEvery, type: "number", inputProps: { min: 2 }, onChange: e => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.period.months = parseInt(e.target.value, 10);
                             if (_schedule.period.months < 1) {
@@ -1094,16 +1079,16 @@ class Schedule extends react_1.Component {
                             }
                             this.onChange(_schedule);
                         } }),
-                    react_1.default.createElement("span", { key: "text" }, i18n_1.default.t('sch_periodMonth')),
+                    React.createElement("span", { key: "text" }, I18n.t('sch_periodMonth')),
                 ]),
-            react_1.default.createElement("div", { key: "specific", style: { verticalAlign: 'top' } },
-                react_1.default.createElement(material_1.FormControlLabel, { style: { verticalAlign: 'top' }, control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: typeof schedule.period.months === 'string', onClick: () => {
+            React.createElement("div", { key: "specific", style: { verticalAlign: 'top' } },
+                React.createElement(FormControlLabel, { style: { verticalAlign: 'top' }, control: React.createElement(Radio, { style: styles.inputRadio, checked: typeof schedule.period.months === 'string', onClick: () => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.period.months = '[1,2,3,4,5,6,7,8,9,10,11,12]';
                             this.onChange(_schedule);
-                        } }), label: i18n_1.default.t('sch_periodSpecificMonths') }),
-                typeof schedule.period.months === 'string' && (react_1.default.createElement(material_1.FormGroup, { row: true, style: styles.inputGroup },
-                    react_1.default.createElement(material_1.FormControlLabel, { style: styles.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputDateDayCheck, checked: parsedMonths.length === 12, onChange: () => {
+                        } }), label: I18n.t('sch_periodSpecificMonths') }),
+                typeof schedule.period.months === 'string' && (React.createElement(FormGroup, { row: true, style: styles.inputGroup },
+                    React.createElement(FormControlLabel, { style: styles.inputDateDay, control: React.createElement(Checkbox, { style: styles.inputDateDayCheck, checked: parsedMonths.length === 12, onChange: () => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                 const months = [];
                                 for (let i = 1; i <= 12; i++) {
@@ -1111,13 +1096,13 @@ class Schedule extends react_1.Component {
                                 }
                                 _schedule.period.months = JSON.stringify(months);
                                 this.onChange(_schedule);
-                            } }), label: i18n_1.default.t('sch_all') }),
-                    react_1.default.createElement(material_1.FormControlLabel, { style: styles.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputDateDayCheck, checked: !parsedMonths.length, onChange: () => {
+                            } }), label: I18n.t('sch_all') }),
+                    React.createElement(FormControlLabel, { style: styles.inputDateDay, control: React.createElement(Checkbox, { style: styles.inputDateDayCheck, checked: !parsedMonths.length, onChange: () => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                 _schedule.period.months = '[]';
                                 this.onChange(_schedule);
-                            } }), label: i18n_1.default.t('sch_no_one') }),
-                    parsedMonths.length !== 12 && !!parsedMonths.length && (react_1.default.createElement(material_1.FormControlLabel, { style: styles.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputDateDayCheck, checked: false, onChange: () => {
+                            } }), label: I18n.t('sch_no_one') }),
+                    parsedMonths.length !== 12 && !!parsedMonths.length && (React.createElement(FormControlLabel, { style: styles.inputDateDay, control: React.createElement(Checkbox, { style: styles.inputDateDayCheck, checked: false, onChange: () => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                 const result = [];
                                 const _parsedMonths = JSON.parse(_schedule.period.months);
@@ -1129,9 +1114,9 @@ class Schedule extends react_1.Component {
                                 result.sort((a, b) => a - b);
                                 _schedule.period.months = JSON.stringify(result);
                                 this.onChange(_schedule);
-                            } }), label: i18n_1.default.t('sch_invert') })),
-                    react_1.default.createElement("div", null),
-                    MONTHS.map((month, i) => (react_1.default.createElement(material_1.FormControlLabel, { key: `month_${i}`, style: styles.inputGroupElement, control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputSmallCheck, checked: typeof schedule.period.months === 'string'
+                            } }), label: I18n.t('sch_invert') })),
+                    React.createElement("div", null),
+                    MONTHS.map((month, i) => (React.createElement(FormControlLabel, { key: `month_${i}`, style: styles.inputGroupElement, control: React.createElement(Checkbox, { style: styles.inputSmallCheck, checked: typeof schedule.period.months === 'string'
                                 ? JSON.parse(schedule.period.months).includes(i + 1)
                                 : schedule.period.months === i, onChange: e => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
@@ -1139,7 +1124,7 @@ class Schedule extends react_1.Component {
                                 try {
                                     months = JSON.parse(_schedule.period.months);
                                 }
-                                catch (_a) {
+                                catch {
                                     months = [];
                                 }
                                 if (e.target.checked && !months.includes(i + 1)) {
@@ -1151,7 +1136,7 @@ class Schedule extends react_1.Component {
                                 months.sort((a, b) => a - b);
                                 _schedule.period.months = JSON.stringify(months);
                                 this.onChange(_schedule);
-                            } }), label: i18n_1.default.t(month) })))))),
+                            } }), label: I18n.t(month) })))))),
         ];
     }
     getPeriodSettingsYearly() {
@@ -1160,20 +1145,20 @@ class Schedule extends react_1.Component {
         }
         const schedule = this.state.schedule;
         return [
-            react_1.default.createElement("div", { key: "year" },
-                react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: schedule.period.years === 1, onClick: () => {
+            React.createElement("div", { key: "year" },
+                React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: schedule.period.years === 1, onClick: () => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.period.years = 1;
                             this.onChange(_schedule);
-                        } }), label: i18n_1.default.t('sch_periodEveryYear') })),
-            react_1.default.createElement("div", { key: "every" },
-                react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: schedule.period.years > 1, onClick: () => {
+                        } }), label: I18n.t('sch_periodEveryYear') })),
+            React.createElement("div", { key: "every" },
+                React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: schedule.period.years > 1, onClick: () => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.period.years = 2;
                             this.onChange(_schedule);
-                        } }), label: i18n_1.default.t('sch_periodEvery') }),
+                        } }), label: I18n.t('sch_periodEvery') }),
                 schedule.period.years > 1 && [
-                    react_1.default.createElement(material_1.Input, { key: "input", value: this.state.schedule.period.years, style: styles.inputEvery, type: "number", inputProps: { min: 2 }, onChange: e => {
+                    React.createElement(Input, { key: "input", value: this.state.schedule.period.years, style: styles.inputEvery, type: "number", inputProps: { min: 2 }, onChange: e => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.period.years = parseInt(e.target.value, 10);
                             if (_schedule.period.years < 1) {
@@ -1181,7 +1166,7 @@ class Schedule extends react_1.Component {
                             }
                             this.onChange(_schedule);
                         } }),
-                    react_1.default.createElement("span", { key: "text" }, i18n_1.default.t('sch_periodYear')),
+                    React.createElement("span", { key: "text" }, I18n.t('sch_periodYear')),
                 ]),
         ];
     }
@@ -1208,12 +1193,12 @@ class Schedule extends react_1.Component {
     getValidSettings() {
         const schedule = this.state.schedule;
         // ----- from ---
-        return (react_1.default.createElement("div", { style: styles.rowDiv },
-            react_1.default.createElement("div", { style: Object.assign(Object.assign({}, styles.modeDiv), { verticalAlign: 'middle' }) },
-                react_1.default.createElement("span", { style: { fontWeight: 'bold', paddingRight: 10 } }, i18n_1.default.t('sch_valid')),
-                react_1.default.createElement("span", null, i18n_1.default.t('sch_validFrom'))),
-            react_1.default.createElement("div", { style: styles.settingsDiv },
-                react_1.default.createElement(material_1.TextField, { variant: "standard", style: Object.assign(Object.assign({}, styles.inputDate), { marginRight: 10 }), key: "exactTimeFrom", inputRef: this.refFrom, defaultValue: string2USdate(schedule.valid.from), type: "date", 
+        return (React.createElement("div", { style: styles.rowDiv },
+            React.createElement("div", { style: { ...styles.modeDiv, verticalAlign: 'middle' } },
+                React.createElement("span", { style: { fontWeight: 'bold', paddingRight: 10 } }, I18n.t('sch_valid')),
+                React.createElement("span", null, I18n.t('sch_validFrom'))),
+            React.createElement("div", { style: styles.settingsDiv },
+                React.createElement(TextField, { variant: "standard", style: { ...styles.inputDate, marginRight: 10 }, key: "exactTimeFrom", inputRef: this.refFrom, defaultValue: string2USdate(schedule.valid.from), type: "date", 
                     // inputComponent={TextDate}
                     onChange: e => {
                         this.timerFrom && clearTimeout(this.timerFrom);
@@ -1235,12 +1220,12 @@ class Schedule extends react_1.Component {
                     }, slotProps: {
                         inputLabel: { shrink: true },
                     }, margin: "normal" }),
-                react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { style: styles.inputRadio, checked: !!schedule.valid.to, onClick: () => {
+                React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { style: styles.inputRadio, checked: !!schedule.valid.to, onClick: () => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.valid.to = _schedule.valid.to ? '' : Schedule.now2string(true);
                             this.onChange(_schedule);
-                        } }), label: i18n_1.default.t('sch_validTo') }),
-                !!schedule.valid.to && (react_1.default.createElement(material_1.TextField, { variant: "standard", inputRef: this.refTo, style: Object.assign(Object.assign({}, styles.inputDate), { marginRight: 10 }), key: "exactTimeFrom", type: "date", defaultValue: string2USdate(schedule.valid.to), 
+                        } }), label: I18n.t('sch_validTo') }),
+                !!schedule.valid.to && (React.createElement(TextField, { variant: "standard", inputRef: this.refTo, style: { ...styles.inputDate, marginRight: 10 }, key: "exactTimeFrom", type: "date", defaultValue: string2USdate(schedule.valid.to), 
                     // inputComponent={TextDate}
                     onChange: e => {
                         this.timerTo && clearTimeout(this.timerTo);
@@ -1264,17 +1249,17 @@ class Schedule extends react_1.Component {
                     }, margin: "normal" })))));
     }
     render() {
-        return (react_1.default.createElement("div", { style: { height: 'calc(100% - 48px)', width: '100%', overflow: 'hidden' } },
-            react_1.default.createElement("div", null, this.state.desc),
-            react_1.default.createElement("div", { style: styles.scrollWindow },
-                react_1.default.createElement("h5", null, i18n_1.default.t('sch_time')),
+        return (React.createElement("div", { style: { height: 'calc(100% - 48px)', width: '100%', overflow: 'hidden' } },
+            React.createElement("div", null, this.state.desc),
+            React.createElement("div", { style: styles.scrollWindow },
+                React.createElement("h5", null, I18n.t('sch_time')),
                 this.getTimePeriodElements(),
                 this.getTimeExactElements(),
                 Schedule.getDivider(),
-                react_1.default.createElement("h5", null, i18n_1.default.t('sch_period')),
+                React.createElement("h5", null, I18n.t('sch_period')),
                 this.getPeriodModes(),
                 !this.state.schedule.period.once && Schedule.getDivider(),
                 !this.state.schedule.period.once && this.getValidSettings())));
     }
 }
-exports.default = Schedule;
+//# sourceMappingURL=Schedule.js.map