@iobroker/adapter-react-v5 5.0.8 → 6.0.0

package/Components/Schedule.js

@@ -27,10 +27,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const styles_1 = require("@mui/styles");
 const material_1 = require("@mui/material");
 const i18n_1 = __importDefault(require("../i18n"));
-const styles = theme => ({
+const Utils_1 = __importDefault(require("./Utils"));
+const styles = {
     hr: {
         border: 0,
         borderTop: '1px solid gray',
@@ -88,39 +88,39 @@ const styles = theme => ({
         padding: 0,
     },
     rowOnce: {},
-    rowDays: {
+    rowDays: (theme) => ({
         background: theme.palette.mode !== 'dark' ? '#ddeaff' : '#4b5057',
-    },
-    rowDows: {
+    }),
+    rowDows: (theme) => ({
         background: theme.palette.mode !== 'dark' ? '#DDFFDD' : '#52646c',
-    },
-    rowDates: {
+    }),
+    rowDates: (theme) => ({
         background: theme.palette.mode !== 'dark' ? '#DDDDFF' : '#747a86',
-    },
-    rowWeeks: {
+    }),
+    rowWeeks: (theme) => ({
         background: theme.palette.mode !== 'dark' ? '#DDDDFF' : '#717680',
-    },
-    rowMonths: {
+    }),
+    rowMonths: (theme) => ({
         background: theme.palette.mode !== 'dark' ? '#DDFFFF' : '#1f5557',
-    },
-    rowMonthsDates: {
+    }),
+    rowMonthsDates: (theme) => ({
         background: theme.palette.mode !== 'dark' ? '#EEFFFF' : '#3c5737',
         maxWidth: 600,
-    },
-    rowYears: {
+    }),
+    rowYears: (theme) => ({
         background: theme.palette.mode !== 'dark' ? '#fbffdd' : '#574b33',
-    },
-    rowDaysDows: {
+    }),
+    rowDaysDows: (theme) => ({
         background: theme.palette.mode !== 'dark' ? '#EEEAFF' : '#573544',
-        paddingLeft: 10,
-        paddingBottom: 10,
-    },
-    rowDowsDows: {
+        pl: '10px',
+        pb: '10px',
+    }),
+    rowDowsDows: (theme) => ({
         background: theme.palette.mode !== 'dark' ? '#EEFFEE' : '#3d4c54',
-        paddingLeft: 10,
-        paddingBottom: 10,
-    },
-});
+        pl: '10px',
+        pb: '10px',
+    }),
+};
 const WEEKDAYS = [
     'Sunday',
     'Monday',
@@ -574,32 +574,32 @@ class Schedule extends react_1.Component {
             night = true;
             fromTo = false;
         }
-        return react_1.default.createElement("div", { key: "timePeriod", className: this.props.classes.rowDiv },
-            react_1.default.createElement("div", { className: this.props.classes.modeDiv },
-                react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { className: this.props.classes.inputRadio, checked: !schedule.time.exactTime, onClick: () => {
+        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: () => {
                             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", { className: this.props.classes.settingsDiv },
-                react_1.default.createElement("div", { className: this.props.classes.settingsDiv },
+            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, { className: this.props.classes.inputRadio, checked: !!fromTo, onClick: () => {
+                            react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.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') : '' }),
                             fromTo && [
-                                react_1.default.createElement(material_1.TextField, { variant: "standard", className: this.props.classes.inputTime, style: { marginRight: 10 }, key: "exactTimeFrom", type: "time", value: this.state.schedule.time.start, 
+                                react_1.default.createElement(material_1.TextField, { variant: "standard", style: Object.assign(Object.assign({}, styles.inputTime), { marginRight: 10 }), key: "exactTimeFrom", type: "time", value: this.state.schedule.time.start, 
                                     // InputProps={{inputComponent: TextTime}}
                                     onChange: e => {
                                         const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                         _schedule.time.start = e.target.value;
                                         this.onChange(_schedule);
                                     }, InputLabelProps: { shrink: true }, label: i18n_1.default.t('sch_from'), margin: "normal" }),
-                                react_1.default.createElement(material_1.TextField, { variant: "standard", className: this.props.classes.inputTime, key: "exactTimeTo", type: "time", value: this.state.schedule.time.end, 
+                                react_1.default.createElement(material_1.TextField, { variant: "standard", style: styles.inputTime, key: "exactTimeTo", type: "time", value: this.state.schedule.time.end, 
                                     // InputProps={{inputComponent: TextTime}}
                                     onChange: e => {
                                         const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
@@ -608,21 +608,21 @@ class Schedule extends react_1.Component {
                                     }, InputLabelProps: { shrink: true }, label: i18n_1.default.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, { className: this.props.classes.inputRadio, checked: !!wholeDay, onClick: () => {
+                        react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.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, { className: this.props.classes.inputRadio, checked: !!day, onClick: () => {
+                        react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.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, { className: this.props.classes.inputRadio, checked: !!night, onClick: () => {
+                        react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { style: styles.inputRadio, checked: !!night, onClick: () => {
                                     const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                     _schedule.time.start = 'sunset';
                                     _schedule.time.end = 'sunrise';
@@ -632,9 +632,9 @@ class Schedule extends react_1.Component {
     }
     getTimeExactElements() {
         const isAstro = ASTRO.includes(this.state.schedule.time.start);
-        return react_1.default.createElement("div", { key: "timeExact", className: this.props.classes.rowDiv },
-            react_1.default.createElement("div", { className: this.props.classes.modeDiv },
-                react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { className: this.props.classes.inputRadio, checked: !!this.state.schedule.time.exactTime, onClick: () => {
+        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: () => {
                             const schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             schedule.time.exactTime = true;
                             this.onChange(schedule);
@@ -647,8 +647,8 @@ class Schedule extends react_1.Component {
                 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", { className: this.props.classes.settingsDiv },
-                    react_1.default.createElement(material_1.TextField, { variant: "standard", className: this.props.classes.inputTime, key: "exactTimeValue", value: this.state.schedule.time.start, type: "time", 
+                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", 
                         // inputComponent={TextTime}
                         onChange: e => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
@@ -657,7 +657,7 @@ class Schedule extends react_1.Component {
                         }, InputLabelProps: { shrink: true }, margin: "normal" })));
     }
     getDivider() {
-        return react_1.default.createElement("hr", { className: this.props.classes.hr });
+        return react_1.default.createElement("hr", { style: styles.hr });
     }
     getPeriodModes() {
         const schedule = this.state.schedule;
@@ -667,9 +667,9 @@ class Schedule extends react_1.Component {
         }
         return [
             // ----- once ---
-            react_1.default.createElement("div", { key: "once", className: `${this.props.classes.rowDiv} ${this.props.classes.rowOnce}` },
-                react_1.default.createElement("div", { className: this.props.classes.modeDiv },
-                    react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { className: this.props.classes.inputRadio, checked: !!isOnce, onClick: () => {
+            react_1.default.createElement("div", { key: "once", style: 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: () => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                 _schedule.period.once = _schedule.period.once || Schedule.now2string(true);
                                 _schedule.period.dows = '';
@@ -682,8 +682,8 @@ class Schedule extends react_1.Component {
                                 _schedule.period.days = 0;
                                 this.onChange(_schedule);
                             } }), label: i18n_1.default.t('sch_periodOnce') })),
-                isOnce && react_1.default.createElement("div", { className: this.props.classes.settingsDiv },
-                    react_1.default.createElement(material_1.TextField, { variant: "standard", className: this.props.classes.inputDate, type: "date", ref: this.refOnce, key: "exactDateAt", defaultValue: string2USdate(schedule.period.once), 
+                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), 
                         // InputProps={{inputComponent: TextTime}}
                         onChange: e => {
                             this.timerOnce && clearTimeout(this.timerOnce);
@@ -705,9 +705,9 @@ class Schedule extends react_1.Component {
                             }, 1500, e.target.value);
                         }, InputLabelProps: { shrink: true }, label: i18n_1.default.t('sch_at'), margin: "normal" }))),
             // ----- days ---
-            react_1.default.createElement("div", { key: "days", className: `${this.props.classes.rowDiv} ${this.props.classes.rowDays}` },
-                react_1.default.createElement("div", { className: this.props.classes.modeDiv },
-                    react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { className: this.props.classes.inputRadio, checked: !!schedule.period.days, onClick: () => {
+            react_1.default.createElement(material_1.Box, { component: "div", key: "days", sx: Utils_1.default.getStyle(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: () => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                 _schedule.period.days = 1;
                                 _schedule.period.dows = '';
@@ -720,30 +720,30 @@ class Schedule extends react_1.Component {
                                 _schedule.period.once = '';
                                 this.onChange(_schedule);
                             } }), label: i18n_1.default.t('sch_periodDaily') })),
-                react_1.default.createElement("div", { className: this.props.classes.settingsDiv },
+                react_1.default.createElement("div", { style: styles.settingsDiv },
                     this.getPeriodSettingsDaily(),
                     schedule.period.days ? this.getPeriodSettingsWeekdays() : null)),
             // ----- days of weeks ---
             /*
             !schedule.period.days && (
-                <div key="dows" className={this.props.classes.rowDiv + ' ' + this.props.classes.rowDows}>
-                    <div className={this.props.classes.modeDiv}>
-                        <FormControlLabel control={<Radio className={this.props.classes.inputRadio} checked={!!schedule.period.dows} onClick={() => {
+                <div key="dows" style={styles.rowDiv + ' ' + styles.rowDows}>
+                    <div style={styles.modeDiv}>
+                        <FormControlLabel control={<Radio style={styles.inputRadio} checked={!!schedule.period.dows} onClick={() => {
                             const schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             schedule.period.dows = schedule.period.dows ? '' : '[0,1,2,3,4,5,6]';
                             this.onChange(schedule);
                         }}/>}
                         label={I18n.t('sch_periodWeekdays')} />
                     </div>
-                    <div className={this.props.classes.settingsDiv}>
+                    <div style={styles.settingsDiv}>
                         {this.getPeriodSettingsWeekdays()}
                     </div>
                 </div>,
             */
             // ----- weeks ---
-            react_1.default.createElement("div", { key: "weeks", className: `${this.props.classes.rowDiv} ${this.props.classes.rowDows}` },
-                react_1.default.createElement("div", { className: this.props.classes.modeDiv },
-                    react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { className: this.props.classes.inputRadio, checked: !!schedule.period.weeks, onClick: () => {
+            react_1.default.createElement(material_1.Box, { component: "div", key: "weeks", sx: Utils_1.default.getStyle(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: () => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                 _schedule.period.weeks = schedule.period.weeks ? 0 : 1;
                                 _schedule.period.dows = schedule.period.dows || '[0]';
@@ -756,13 +756,13 @@ class Schedule extends react_1.Component {
                                 _schedule.period.once = '';
                                 this.onChange(_schedule);
                             } }), label: i18n_1.default.t('sch_periodWeekly') })),
-                react_1.default.createElement("div", { className: this.props.classes.settingsDiv },
-                    react_1.default.createElement("div", { className: this.props.classes.settingsDiv }, this.getPeriodSettingsWeekly()),
-                    react_1.default.createElement("div", { className: `${this.props.classes.settingsDiv} ${this.props.classes.rowDowsDows}` }, this.state.schedule.period.weeks ? this.getPeriodSettingsWeekdays() : null))),
+                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(styles.settingsDiv, styles.rowDowsDows) }, this.state.schedule.period.weeks ? this.getPeriodSettingsWeekdays() : null))),
             // ----- months ---
-            react_1.default.createElement("div", { key: "months", className: `${this.props.classes.rowDiv} ${this.props.classes.rowMonths}` },
-                react_1.default.createElement("div", { className: this.props.classes.modeDiv },
-                    react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { className: this.props.classes.inputRadio, checked: !!schedule.period.months, onClick: () => {
+            react_1.default.createElement(material_1.Box, { component: "div", key: "months", sx: Utils_1.default.getStyle(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: () => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                 _schedule.period.months = 1;
                                 _schedule.period.dows = '';
@@ -775,11 +775,11 @@ class Schedule extends react_1.Component {
                                 _schedule.period.once = '';
                                 this.onChange(_schedule);
                             } }), label: i18n_1.default.t('sch_periodMonthly') })),
-                react_1.default.createElement("div", { className: this.props.classes.settingsDiv },
+                react_1.default.createElement("div", { style: styles.settingsDiv },
                     this.getPeriodSettingsMonthly(),
-                    schedule.period.months ? react_1.default.createElement("div", null,
-                        react_1.default.createElement("div", { className: `${this.props.classes.settingsDiv} ${this.props.classes.rowMonthsDates}` },
-                            react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { className: this.props.classes.inputRadio, checked: !!schedule.period.dates, onClick: () => {
+                    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(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: () => {
                                         const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                         _schedule.period.months = _schedule.period.months || 1;
                                         const dates = [];
@@ -796,11 +796,11 @@ class Schedule extends react_1.Component {
                                         _schedule.period.once = '';
                                         this.onChange(_schedule);
                                     } }), label: i18n_1.default.t('sch_periodDates') })),
-                        react_1.default.createElement("div", { className: `${this.props.classes.settingsDiv} ${this.props.classes.rowMonthsDates}` }, this.getPeriodSettingsDates())) : null)),
+                        react_1.default.createElement(material_1.Box, { component: "div", sx: Utils_1.default.getStyle(styles.settingsDiv, styles.rowMonthsDates) }, this.getPeriodSettingsDates())) : null)),
             // ----- years ---
-            react_1.default.createElement("div", { key: "years", className: `${this.props.classes.rowDiv} ${this.props.classes.rowYears}` },
-                react_1.default.createElement("div", { className: this.props.classes.modeDiv },
-                    react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Radio, { className: this.props.classes.inputRadio, checked: !!schedule.period.years, onClick: () => {
+            react_1.default.createElement(material_1.Box, { component: "div", key: "years", sx: Utils_1.default.getStyle(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: () => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                 _schedule.period.years = 1;
                                 _schedule.period.yearDate = 1;
@@ -813,11 +813,11 @@ class Schedule extends react_1.Component {
                                 _schedule.period.once = '';
                                 this.onChange(_schedule);
                             } }), label: i18n_1.default.t('sch_periodYearly') })),
-                react_1.default.createElement("div", { className: this.props.classes.settingsDiv },
-                    react_1.default.createElement("div", { className: this.props.classes.settingsDiv }, this.getPeriodSettingsYearly()),
-                    !!schedule.period.years && react_1.default.createElement("div", { className: this.props.classes.settingsDiv },
+                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, className: this.props.classes.inputEvery, type: "number", inputProps: { min: 1, max: 31 }, onChange: e => {
+                        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 => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                 _schedule.period.yearDate = parseInt(e.target.value, 10);
                                 if (_schedule.period.yearDate < 1)
@@ -838,7 +838,7 @@ class Schedule extends react_1.Component {
     getPeriodSettingsMinutes() {
         return react_1.default.createElement("div", { style: { display: 'inline-block' } },
             react_1.default.createElement("label", null, i18n_1.default.t('sch_every')),
-            react_1.default.createElement(material_1.Input, { value: this.state.schedule.time.interval, style: { verticalAlign: 'bottom' }, className: this.props.classes.inputEvery, type: "number", inputProps: { min: 1 }, onChange: e => {
+            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 => {
                     const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                     _schedule.time.interval = parseInt(e.target.value, 10);
                     this.onChange(_schedule);
@@ -857,7 +857,7 @@ class Schedule extends react_1.Component {
         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, { className: this.props.classes.inputRadio, checked: schedule.period.dows === '[1, 2, 3, 4, 5]', onClick: () => {
+                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: () => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.period.dows = '[1, 2, 3, 4, 5]';
                             if (_schedule.period.days) {
@@ -866,7 +866,7 @@ class Schedule extends react_1.Component {
                             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, { className: this.props.classes.inputRadio, checked: schedule.period.dows === '[0, 6]', onClick: () => {
+                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: () => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.period.dows = '[0, 6]';
                             if (_schedule.period.days) {
@@ -875,7 +875,7 @@ class Schedule extends react_1.Component {
                             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, { className: this.props.classes.inputRadio, checked: !!isSpecific, onClick: () => {
+                react_1.default.createElement(material_1.FormControlLabel, { style: { verticalAlign: 'top' }, control: react_1.default.createElement(material_1.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) {
@@ -884,7 +884,7 @@ class Schedule extends react_1.Component {
                             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, className: this.props.classes.inputGroup, style: { width: 150 } }, [1, 2, 3, 4, 5, 6, 0].map(i => react_1.default.createElement(material_1.FormControlLabel, { key: `specific_${i}`, className: this.props.classes.inputGroupElement, control: react_1.default.createElement(material_1.Checkbox, { className: this.props.classes.inputSmallCheck, checked: schedule.period.dows.includes(i.toString()), onChange: e => {
+                    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 => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                 let daysOfWeek;
                                 try {
@@ -915,21 +915,21 @@ 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, { className: this.props.classes.inputRadio, checked: schedule.period.days === 1 && !schedule.period.dows, onClick: () => {
+                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: () => {
                             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, { className: this.props.classes.inputRadio, checked: schedule.period.days > 1, onClick: () => {
+                react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.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') }),
                 schedule.period.days > 1 && [
-                    react_1.default.createElement(material_1.Input, { key: "input", value: this.state.schedule.period.days, className: this.props.classes.inputEvery, type: "number", inputProps: { min: 2 }, onChange: e => {
+                    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 => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.period.days = parseInt(e.target.value, 10);
                             _schedule.period.dows = '';
@@ -947,19 +947,19 @@ class Schedule extends react_1.Component {
         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, { className: this.props.classes.inputRadio, checked: schedule.period.weeks === 1, onClick: () => {
+                    react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.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, { className: this.props.classes.inputRadio, checked: schedule.period.weeks > 1, onClick: () => {
+                    react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.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') }),
                     schedule.period.weeks > 1 && [
-                        react_1.default.createElement(material_1.Input, { key: "input", value: this.state.schedule.period.weeks, className: this.props.classes.inputEvery, type: "number", inputProps: { min: 2 }, onChange: e => {
+                        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 => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                 _schedule.period.weeks = parseInt(e.target.value, 10);
                                 this.onChange(_schedule);
@@ -978,8 +978,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, className: this.props.classes.inputGroup, style: { maxWidth: 620 } },
-            react_1.default.createElement(material_1.FormControlLabel, { className: this.props.classes.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { className: this.props.classes.inputDateDayCheck, checked: parsedDates.length === 31, onChange: () => {
+        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: () => {
                         const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                         const _dates = [];
                         for (let i = 1; i <= 31; i++) {
@@ -988,13 +988,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, { className: this.props.classes.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { className: this.props.classes.inputDateDayCheck, checked: !parsedDates.length, onChange: () => {
+            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: () => {
                         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, { className: this.props.classes.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { className: this.props.classes.inputDateDayCheck, checked: false, onChange: () => {
+                react_1.default.createElement(material_1.FormControlLabel, { style: styles.inputDateDay, control: react_1.default.createElement(material_1.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);
@@ -1008,12 +1008,7 @@ class Schedule extends react_1.Component {
                             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}`, className: this.props.classes.inputDateDay, style: !i ? {
-                    opacity: 0,
-                    cursor: 'default',
-                    userSelect: 'none',
-                    pointerEvents: 'none',
-                } : {}, control: react_1.default.createElement(material_1.Checkbox, { className: this.props.classes.inputDateDayCheck, checked: JSON.parse(schedule.period.dates).includes(i), onChange: e => {
+            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 => {
                         const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                         let _dates;
                         try {
@@ -1044,19 +1039,19 @@ class Schedule extends react_1.Component {
         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, { className: this.props.classes.inputRadio, checked: typeof schedule.period.months === 'number' && schedule.period.months === 1, onClick: () => {
+                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: () => {
                             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, { className: this.props.classes.inputRadio, checked: typeof schedule.period.months === 'number' && schedule.period.months > 1, onClick: () => {
+                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: () => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.period.months = 2;
                             this.onChange(_schedule);
                         } }), label: i18n_1.default.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, className: this.props.classes.inputEvery, type: "number", inputProps: { min: 2 }, onChange: e => {
+                    react_1.default.createElement(material_1.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)
@@ -1066,14 +1061,14 @@ class Schedule extends react_1.Component {
                     react_1.default.createElement("span", { key: "text" }, i18n_1.default.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, { className: this.props.classes.inputRadio, checked: typeof schedule.period.months === 'string', onClick: () => {
+                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: () => {
                             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, className: this.props.classes.inputGroup },
-                        react_1.default.createElement(material_1.FormControlLabel, { className: this.props.classes.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { className: this.props.classes.inputDateDayCheck, checked: parsedMonths.length === 12, onChange: () => {
+                    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: () => {
                                     const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                     const months = [];
                                     for (let i = 1; i <= 12; i++) {
@@ -1082,13 +1077,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, { className: this.props.classes.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { className: this.props.classes.inputDateDayCheck, checked: !parsedMonths.length, onChange: () => {
+                        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: () => {
                                     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, { className: this.props.classes.inputDateDay, control: react_1.default.createElement(material_1.Checkbox, { className: this.props.classes.inputDateDayCheck, checked: false, onChange: () => {
+                            react_1.default.createElement(material_1.FormControlLabel, { style: styles.inputDateDay, control: react_1.default.createElement(material_1.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);
@@ -1102,7 +1097,7 @@ class Schedule extends react_1.Component {
                                         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, { className: this.props.classes.inputGroupElement, control: react_1.default.createElement(material_1.Checkbox, { className: this.props.classes.inputSmallCheck, checked: typeof schedule.period.months === 'string' ? JSON.parse(schedule.period.months).includes(i + 1) : schedule.period.months === i, onChange: e => {
+                        MONTHS.map((month, i) => react_1.default.createElement(material_1.FormControlLabel, { style: styles.inputGroupElement, control: react_1.default.createElement(material_1.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));
                                     let months;
                                     try {
@@ -1130,19 +1125,19 @@ 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, { className: this.props.classes.inputRadio, checked: schedule.period.years === 1, onClick: () => {
+                react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.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, { className: this.props.classes.inputRadio, checked: schedule.period.years > 1, onClick: () => {
+                react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.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') }),
                 schedule.period.years > 1 && [
-                    react_1.default.createElement(material_1.Input, { key: "input", value: this.state.schedule.period.years, className: this.props.classes.inputEvery, type: "number", inputProps: { min: 2 }, onChange: e => {
+                    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 => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.period.years = parseInt(e.target.value, 10);
                             if (_schedule.period.years < 1)
@@ -1176,12 +1171,12 @@ class Schedule extends react_1.Component {
     getValidSettings() {
         const schedule = this.state.schedule;
         // ----- from ---
-        return react_1.default.createElement("div", { className: this.props.classes.rowDiv },
-            react_1.default.createElement("div", { className: this.props.classes.modeDiv, style: { verticalAlign: 'middle' } },
+        return react_1.default.createElement("div", { style: styles.rowDiv },
+            react_1.default.createElement("div", { style: 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", { className: this.props.classes.settingsDiv },
-                react_1.default.createElement(material_1.TextField, { variant: "standard", className: this.props.classes.inputDate, style: { marginRight: 10 }, key: "exactTimeFrom", inputRef: this.refFrom, defaultValue: string2USdate(schedule.valid.from), type: "date", 
+            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", 
                     // inputComponent={TextDate}
                     onChange: e => {
                         this.timerFrom && clearTimeout(this.timerFrom);
@@ -1201,12 +1196,12 @@ class Schedule extends react_1.Component {
                             }
                         }, 1500, e.target.value);
                     }, InputLabelProps: { shrink: true }, margin: "normal" }),
-                react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { className: this.props.classes.inputRadio, checked: !!schedule.valid.to, onClick: () => {
+                react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.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, className: this.props.classes.inputDate, style: { marginRight: 10 }, key: "exactTimeFrom", type: "date", defaultValue: string2USdate(schedule.valid.to), 
+                !!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), 
                     // inputComponent={TextDate}
                     onChange: e => {
                         this.timerTo && clearTimeout(this.timerTo);
@@ -1230,7 +1225,7 @@ class Schedule extends react_1.Component {
     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", { className: this.props.classes.scrollWindow },
+            react_1.default.createElement("div", { style: styles.scrollWindow },
                 react_1.default.createElement("h5", null, i18n_1.default.t('sch_time')),
                 this.getTimePeriodElements(),
                 this.getTimeExactElements(),
@@ -1241,4 +1236,4 @@ class Schedule extends react_1.Component {
                 !this.state.schedule.period.once && this.getValidSettings()));
     }
 }
-exports.default = (0, styles_1.withStyles)(styles)(Schedule);
+exports.default = Schedule;