@iobroker/adapter-react-v5 7.2.1 → 7.2.3

package/Components/ComplexCron.js

@@ -38,7 +38,7 @@ const styles = {
     periodSelect: {
         // margin: '0 10px 60px 10px',
         display: 'block',
-        width: 200,
+        width: 250,
     },
     slider: {
         marginTop: 20,
@@ -400,9 +400,9 @@ class ComplexCron extends react_1.Component {
         const everyMinute = this.state.minutes === '*' || this.state.minutes === '*/1';
         const everySecond = this.state.seconds === '*' || this.state.seconds === '*/1';
         return (react_1.default.createElement("div", { style: styles.mainDiv },
-            react_1.default.createElement("div", { style: { paddingLeft: 8, width: '100%' } },
+            react_1.default.createElement("div", { style: { paddingLeft: 8, width: 'calc(100% - px)' } },
                 react_1.default.createElement(material_1.TextField, { variant: "standard", style: { width: '100%' }, value: this.state.cron, disabled: true })),
-            react_1.default.createElement("div", { style: { paddingLeft: 8, width: '100%', height: 60 } },
+            react_1.default.createElement("div", { style: { paddingLeft: 8, width: 'calc(100% - px)', height: 60 } },
                 ComplexCron.convertCronToText(this.state.cron, this.props.language || 'en'),
                 react_1.default.createElement("span", { style: styles.warning }, everySecond
                     ? i18n_1.default.t('ra_warning_every_second')

package/Components/IconPicker.js

@@ -46,7 +46,7 @@ const styles = {
         flexGrow: 1000,
     },
     divContainer: {
-        width: 32 + 24,
+        width: 32 + 32,
         height: 32,
         whiteSpace: 'nowrap',
         lineHeight: '32px',

package/Components/Schedule.js

@@ -600,7 +600,11 @@ class Schedule extends react_1.Component {
                                         this.onChange(_schedule);
                                     } }), label: !fromTo ? i18n_1.default.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", 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", sx: (theme) => ({
+                                        '& input[type="time"]::-webkit-calendar-picker-indicator': {
+                                            filter: theme.palette.mode === 'dark' ? 'invert(80%)' : undefined,
+                                        },
+                                    }), value: this.state.schedule.time.start, 
                                     // InputProps={{inputComponent: TextTime}}
                                     onChange: e => {
                                         const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
@@ -609,7 +613,11 @@ class Schedule extends react_1.Component {
                                     }, 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", value: this.state.schedule.time.end, 
+                                react_1.default.createElement(material_1.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,
+                                        },
+                                    }), value: this.state.schedule.time.end, 
                                     // InputProps={{inputComponent: TextTime}}
                                     onChange: e => {
                                         const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
@@ -659,13 +667,17 @@ 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", { 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 => {
+                react_1.default.createElement(material_1.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,
+                        },
+                    }), onChange: e => {
                         const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                         _schedule.time.start = e.target.value;
                         this.onChange(_schedule);
-                    }, InputLabelProps: { shrink: true }, margin: "normal" })))));
+                    }, slotProps: {
+                        inputLabel: { shrink: true },
+                    }, margin: "normal" })))));
     }
     static getDivider() {
         return react_1.default.createElement("hr", { style: styles.hr });
@@ -719,7 +731,9 @@ class Schedule extends react_1.Component {
                                     this.onChange(_schedule);
                                 }
                             }, 1500, e.target.value);
-                        }, InputLabelProps: { shrink: true }, label: i18n_1.default.t('sch_at'), margin: "normal" })))),
+                        }, slotProps: {
+                            inputLabel: { shrink: true },
+                        }, label: i18n_1.default.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 },
@@ -1218,7 +1232,9 @@ class Schedule extends react_1.Component {
                                 this.onChange(_schedule);
                             }
                         }, 1500, e.target.value);
-                    }, InputLabelProps: { shrink: true }, margin: "normal" }),
+                    }, 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: () => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.valid.to = _schedule.valid.to ? '' : Schedule.now2string(true);
@@ -1243,7 +1259,9 @@ class Schedule extends react_1.Component {
                                 this.onChange(_schedule);
                             }
                         }, 1500, e.target.value);
-                    }, InputLabelProps: { shrink: true }, margin: "normal" })))));
+                    }, slotProps: {
+                        inputLabel: { shrink: true },
+                    }, margin: "normal" })))));
     }
     render() {
         return (react_1.default.createElement("div", { style: { height: 'calc(100% - 48px)', width: '100%', overflow: 'hidden' } },

package/Components/SimpleCron/index.js

@@ -36,7 +36,16 @@ const PERIODIC_TYPES = {
     minutes: 'minutes',
     // hours: 'hours',
 };
-const WEEKDAYS = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
+const WEEKDAYS = [
+    'ra_Sunday',
+    'ra_Monday',
+    'ra_Tuesday',
+    'ra_Wednesday',
+    'ra_Thursday',
+    'ra_Friday',
+    'ra_Saturday',
+    'ra_Sunday',
+];
 function padding(num) {
     if (num < 10) {
         return `0${num}`;
@@ -281,6 +290,9 @@ class SimpleCron extends react_1.default.Component {
         const text = [];
         let start = null;
         let end = null;
+        if (!list.length) {
+            return '_';
+        }
         for (let i = 0; i < list.length; i++) {
             if (start === null) {
                 start = list[i];
@@ -459,13 +471,21 @@ class SimpleCron extends react_1.default.Component {
     }
     getControlsWeekdaysElements(type) {
         const settings = type === 'intervalBetween' ? this.state.intervalBetween : this.state.specific;
-        return (react_1.default.createElement("div", { key: "weekdays", style: { paddingLeft: 8, width: '100%', maxWidth: 600 } },
+        return (react_1.default.createElement("div", { key: "weekdays", style: { paddingLeft: 8, width: 'calc(100% - 8px)', maxWidth: 600 } },
             react_1.default.createElement("h5", null, i18n_1.default.t('ra_On weekdays')),
             [1, 2, 3, 4, 5, 6, 0].map(day => (react_1.default.createElement(material_1.FormControlLabel, { key: WEEKDAYS[day], control: react_1.default.createElement(material_1.Checkbox, { checked: settings.weekdays.includes(day), onChange: e => {
                         const _settings = JSON.parse(JSON.stringify(this.state[type]));
                         const pos = _settings.weekdays.indexOf(day);
-                        e.target.checked && pos === -1 && _settings.weekdays.push(day);
-                        !e.target.checked && pos !== -1 && _settings.weekdays.splice(pos, 1);
+                        if (e.target.checked) {
+                            if (pos === -1) {
+                                _settings.weekdays.push(day);
+                            }
+                        }
+                        else {
+                            if (pos !== -1) {
+                                _settings.weekdays.splice(pos, 1);
+                            }
+                        }
                         _settings.weekdays.sort();
                         if (type === 'intervalBetween') {
                             this.setState({ intervalBetween: _settings }, () => this.recalcCron());
@@ -564,7 +584,11 @@ class SimpleCron extends react_1.default.Component {
     getControlsTime(type) {
         const settings = type === 'once' ? this.state.once : this.state.specific;
         return (react_1.default.createElement(material_1.FormControl, { variant: "standard", sx: Object.assign(Object.assign({}, styles.formControl), { '&.MuiFormControl-root': styles.formControlMarginRight }) },
-            react_1.default.createElement(material_1.TextField, { variant: "standard", key: "at", label: i18n_1.default.t('sc_time'), value: settings.time, type: "time", onChange: e => {
+            react_1.default.createElement(material_1.TextField, { variant: "standard", key: "at", label: i18n_1.default.t('sc_time'), value: settings.time, type: "time", sx: (theme) => ({
+                    '& input[type="time"]::-webkit-calendar-picker-indicator': {
+                        filter: theme.palette.mode === 'dark' ? 'invert(80%)' : undefined,
+                    },
+                }), onChange: e => {
                     const _settings = JSON.parse(JSON.stringify(this.state[type]));
                     _settings.time = e.target.value;
                     if (type === 'once') {
@@ -655,9 +679,9 @@ class SimpleCron extends react_1.default.Component {
     }
     render() {
         return (react_1.default.createElement("div", { style: styles.mainDiv },
-            react_1.default.createElement("div", { style: { paddingLeft: 8, width: '100%' } },
-                react_1.default.createElement(material_1.TextField, { variant: "standard", style: { width: '100%' }, value: this.state.cron, disabled: true })),
-            react_1.default.createElement("div", { style: { paddingLeft: 8, width: '100%', height: 60 } }, (0, cronText_1.default)(this.state.cron, this.props.language || 'en')),
+            react_1.default.createElement("div", { style: { paddingLeft: 8, width: 'calc(100% - 8px)' } },
+                react_1.default.createElement(material_1.TextField, { variant: "standard", style: { width: '100%' }, value: this.state.cron, disabled: true, error: this.state.cron.includes('_') })),
+            react_1.default.createElement("div", { style: { paddingLeft: 8, width: 'calc(100% - 8px)', height: 60 } }, this.state.cron.includes('_') ? i18n_1.default.t('sc_invalid_cron') : (0, cronText_1.default)(this.state.cron, this.props.language || 'en')),
             react_1.default.createElement("div", null,
                 react_1.default.createElement(material_1.FormControl, { variant: "standard", style: Object.assign(Object.assign({}, styles.formControl), { marginLeft: 8, marginTop: 8 }) },
                     react_1.default.createElement(material_1.InputLabel, null, i18n_1.default.t('ra_Repeat')),

package/Dialogs/SimpleCron.js

@@ -44,7 +44,7 @@ class DialogSimpleCron extends react_1.default.Component {
             react_1.default.createElement(material_1.DialogContent, { style: { height: '100%', overflow: 'hidden' } },
                 react_1.default.createElement(SimpleCron_1.default, { cronExpression: this.state.cron, onChange: cron => this.setState({ cron }), language: i18n_1.default.getLanguage() })),
             react_1.default.createElement(material_1.DialogActions, null,
-                react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => this.handleOk(), color: "primary", startIcon: react_1.default.createElement(icons_material_1.Check, null) }, this.props.ok || i18n_1.default.t('ra_Ok')),
+                react_1.default.createElement(material_1.Button, { variant: "contained", disabled: !this.state.cron || this.state.cron.includes('_'), onClick: () => this.handleOk(), color: "primary", startIcon: react_1.default.createElement(icons_material_1.Check, null) }, this.props.ok || i18n_1.default.t('ra_Ok')),
                 react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => this.handleCancel(), color: "grey", startIcon: react_1.default.createElement(icons_material_1.Cancel, null) }, this.props.cancel || i18n_1.default.t('ra_Cancel')))));
     }
 }

package/GenericApp.js

@@ -236,7 +236,7 @@ class GenericApp extends Router_1.default {
             'zh-cn': zh_cn_json_1.default,
         };
         // merge together
-        if (settings && settings.translations) {
+        if (settings === null || settings === void 0 ? void 0 : settings.translations) {
             Object.keys(settings.translations).forEach(lang => {
                 if (settings.translations) {
                     translations[lang] = Object.assign(translations[lang], settings.translations[lang] || {});

package/README.md

@@ -13,7 +13,7 @@ If you want to create the configuration page with ReactJS:
     - Change `name` from `src` to `ADAPTERNAME-admin` (Of course replace `ADAPTERNAME` with yours)
     - Add to devDependencies:
         ```
-        "@iobroker/adapter-react-v5": "^7.2.1",
+        "@iobroker/adapter-react-v5": "^7.2.3",
         ```
         Versions can be higher.
         So your `src/package.json` should look like:
@@ -24,7 +24,7 @@ If you want to create the configuration page with ReactJS:
     "version": "0.1.0",
     "private": true,
     "dependencies": {
-        "@iobroker/adapter-react-v5": "^7.2.1",
+        "@iobroker/adapter-react-v5": "^7.2.3",
         "@iobroker/build-tools": "^1.0.0",
         "@iobroker/eslint-config": "^0.1.2",
         "@mui/material": "^6.0.2",
@@ -697,9 +697,17 @@ You can find the migration instructions:
 -->
 
 ## Changelog
+### 7.2.3 (2024-10-05)
+
+-   (@GermanBluefox) Corrected error in the simple CRON dialog
+
+### 7.2.2 (2024-10-04)
+
+-   (@GermanBluefox) Small layout change for Icon Picker
+
 ### 7.2.1 (2024-09-30)
 
--   (bluefox) Allowed using an array of elements in dialogs
+-   (@GermanBluefox) Allowed using an array of elements in dialogs
 -   (@GermanBluefox) Allowed to use `socket.iob` instead of `socket.io`
 
 ### 7.1.4 (2024-09-15)

package/i18n/de.json

@@ -435,5 +435,15 @@
   "ra_warning_every_second": "Achtung: Der CRON-Job wird im angegebenen Zeitraum jede Sekunde ausgeführt!",
   "ra_warning_every_minute": "Achtung: Der CRON-Job wird im angegebenen Zeitraum jede Minute ausgeführt!",
   "ra_The schedule will be executed every second. Are you sure?": "Der Zeitplan wird jede Sekunde ausgeführt. Sind Sie sicher?",
-  "ra_The schedule will be executed every minute. Are you sure?": "Der Zeitplan wird jede Minute ausgeführt. Sind Sie sicher?"
+  "ra_The schedule will be executed every minute. Are you sure?": "Der Zeitplan wird jede Minute ausgeführt. Sind Sie sicher?",
+  "sc_dow": "Tag",
+  "ra_Define CRON...": "Definieren Sie CRON ...",
+  "ra_Sunday": "Sonntag",
+  "ra_Monday": "Montag",
+  "ra_Tuesday": "Dienstag",
+  "ra_Wednesday": "Mittwoch",
+  "ra_Thursday": "Donnerstag",
+  "ra_Friday": "Freitag",
+  "ra_Saturday": "Samstag",
+  "sc_invalid_cron": "Ungültiger CRON"
 }

package/i18n/en.json

@@ -92,6 +92,7 @@
   "sc_date": "Date",
   "sc_dates": "Dates",
   "sc_dows": "Day of week",
+  "sc_dow": "Day",
   "sc_every": "Every",
   "sc_everyN_dates": "every N days",
   "sc_everyN_dows": "every N day of week",
@@ -435,5 +436,14 @@
   "ra_warning_every_second": "Warning: The CRON job will run every second during the specified period!",
   "ra_warning_every_minute": "Warning: The CRON job will run every minute during the specified period!",
   "ra_The schedule will be executed every second. Are you sure?": "The schedule will be executed every second. Are you sure?",
-  "ra_The schedule will be executed every minute. Are you sure?": "The schedule will be executed every minute. Are you sure?"
+  "ra_The schedule will be executed every minute. Are you sure?": "The schedule will be executed every minute. Are you sure?",
+  "ra_Define CRON...": "Define CRON...",
+  "ra_Sunday": "Sunday",
+  "ra_Monday": "Monday",
+  "ra_Tuesday": "Tuesday",
+  "ra_Wednesday": "Wednesday",
+  "ra_Thursday": "Thursday",
+  "ra_Friday": "Friday",
+  "ra_Saturday": "Saturday",
+  "sc_invalid_cron": "Invalid CRON"
 }

package/i18n/es.json

@@ -435,5 +435,15 @@
   "ra_warning_every_second": "Advertencia: ¡El trabajo CRON se ejecutará cada segundo durante el período especificado!",
   "ra_warning_every_minute": "Advertencia: ¡El trabajo CRON se ejecutará cada minuto durante el período especificado!",
   "ra_The schedule will be executed every second. Are you sure?": "El cronograma se ejecutará cada segundo. ¿Estás seguro?",
-  "ra_The schedule will be executed every minute. Are you sure?": "El cronograma se ejecutará cada minuto. ¿Estás seguro?"
+  "ra_The schedule will be executed every minute. Are you sure?": "El cronograma se ejecutará cada minuto. ¿Estás seguro?",
+  "sc_dow": "Día",
+  "ra_Define CRON...": "Definir CRON...",
+  "ra_Sunday": "Domingo",
+  "ra_Monday": "Lunes",
+  "ra_Tuesday": "Martes",
+  "ra_Wednesday": "Miércoles",
+  "ra_Thursday": "Jueves",
+  "ra_Friday": "Viernes",
+  "ra_Saturday": "Sábado",
+  "sc_invalid_cron": "CRON no válido"
 }

package/i18n/fr.json

@@ -435,5 +435,15 @@
   "ra_warning_every_second": "Attention : la tâche CRON s’exécutera toutes les secondes pendant la période spécifiée !",
   "ra_warning_every_minute": "Attention : la tâche CRON s’exécutera toutes les minutes pendant la période spécifiée !",
   "ra_The schedule will be executed every second. Are you sure?": "Le planning sera exécuté toutes les secondes. Êtes-vous sûr ?",
-  "ra_The schedule will be executed every minute. Are you sure?": "Le planning sera exécuté toutes les minutes. Êtes-vous sûr ?"
+  "ra_The schedule will be executed every minute. Are you sure?": "Le planning sera exécuté toutes les minutes. Êtes-vous sûr ?",
+  "sc_dow": "Jour",
+  "ra_Define CRON...": "Définir CRON...",
+  "ra_Sunday": "Dimanche",
+  "ra_Monday": "Lundi",
+  "ra_Tuesday": "Mardi",
+  "ra_Wednesday": "Mercredi",
+  "ra_Thursday": "Jeudi",
+  "ra_Friday": "Vendredi",
+  "ra_Saturday": "Samedi",
+  "sc_invalid_cron": "CRON non valide"
 }

package/i18n/it.json

@@ -435,5 +435,15 @@
   "ra_warning_every_second": "Attenzione: il processo CRON verrà eseguito ogni secondo durante il periodo specificato!",
   "ra_warning_every_minute": "Attenzione: il processo CRON verrà eseguito ogni minuto durante il periodo specificato!",
   "ra_The schedule will be executed every second. Are you sure?": "La pianificazione verrà eseguita ogni secondo. Sei sicuro?",
-  "ra_The schedule will be executed every minute. Are you sure?": "La pianificazione verrà eseguita ogni minuto. Sei sicuro?"
+  "ra_The schedule will be executed every minute. Are you sure?": "La pianificazione verrà eseguita ogni minuto. Sei sicuro?",
+  "sc_dow": "Giorno",
+  "ra_Define CRON...": "Definisci CRON...",
+  "ra_Sunday": "Domenica",
+  "ra_Monday": "Lunedi",
+  "ra_Tuesday": "Martedì",
+  "ra_Wednesday": "Mercoledì",
+  "ra_Thursday": "Giovedì",
+  "ra_Friday": "Venerdì",
+  "ra_Saturday": "Sabato",
+  "sc_invalid_cron": "CRON non valido"
 }

package/i18n/nl.json

@@ -435,5 +435,15 @@
   "ra_warning_every_second": "Waarschuwing: De CRON-taak wordt elke seconde uitgevoerd gedurende de opgegeven periode!",
   "ra_warning_every_minute": "Waarschuwing: De CRON-taak wordt elke minuut uitgevoerd gedurende de opgegeven periode!",
   "ra_The schedule will be executed every second. Are you sure?": "Het schema wordt elke seconde uitgevoerd. Weet je het zeker?",
-  "ra_The schedule will be executed every minute. Are you sure?": "Het schema wordt elke minuut uitgevoerd. Weet u het zeker?"
+  "ra_The schedule will be executed every minute. Are you sure?": "Het schema wordt elke minuut uitgevoerd. Weet u het zeker?",
+  "sc_dow": "Dag",
+  "ra_Define CRON...": "Definieer CRON...",
+  "ra_Sunday": "Zondag",
+  "ra_Monday": "Maandag",
+  "ra_Tuesday": "Dinsdag",
+  "ra_Wednesday": "Woensdag",
+  "ra_Thursday": "Donderdag",
+  "ra_Friday": "Vrijdag",
+  "ra_Saturday": "Zaterdag",
+  "sc_invalid_cron": "Ongeldige CRON"
 }

package/i18n/pl.json

@@ -435,5 +435,15 @@
   "ra_warning_every_second": "Ostrzeżenie: Zadanie CRON będzie uruchamiane co sekundę w określonym przedziale czasowym!",
   "ra_warning_every_minute": "Ostrzeżenie: Zadanie CRON będzie uruchamiane co minutę w określonym przedziale czasowym!",
   "ra_The schedule will be executed every second. Are you sure?": "Harmonogram będzie wykonywany co sekundę. Czy jesteś pewien?",
-  "ra_The schedule will be executed every minute. Are you sure?": "Harmonogram będzie wykonywany co minutę. Czy jesteś pewien?"
+  "ra_The schedule will be executed every minute. Are you sure?": "Harmonogram będzie wykonywany co minutę. Czy jesteś pewien?",
+  "sc_dow": "Dzień",
+  "ra_Define CRON...": "Zdefiniuj CRON...",
+  "ra_Sunday": "Niedziela",
+  "ra_Monday": "Poniedziałek",
+  "ra_Tuesday": "Wtorek",
+  "ra_Wednesday": "Środa",
+  "ra_Thursday": "Czwartek",
+  "ra_Friday": "Piątek",
+  "ra_Saturday": "Sobota",
+  "sc_invalid_cron": "Nieprawidłowy CRON"
 }

package/i18n/pt.json

@@ -435,5 +435,15 @@
   "ra_warning_every_second": "Aviso: O trabalho CRON será executado a cada segundo durante o período especificado!",
   "ra_warning_every_minute": "Aviso: O trabalho CRON será executado a cada minuto durante o período especificado!",
   "ra_The schedule will be executed every second. Are you sure?": "O agendamento será executado a cada segundo. Tem certeza?",
-  "ra_The schedule will be executed every minute. Are you sure?": "O agendamento será executado a cada minuto. Tem certeza?"
+  "ra_The schedule will be executed every minute. Are you sure?": "O agendamento será executado a cada minuto. Tem certeza?",
+  "sc_dow": "Dia",
+  "ra_Define CRON...": "Defina CRON...",
+  "ra_Sunday": "Domingo",
+  "ra_Monday": "Segunda-feira",
+  "ra_Tuesday": "Terça-feira",
+  "ra_Wednesday": "Quarta-feira",
+  "ra_Thursday": "Quinta-feira",
+  "ra_Friday": "Sexta-feira",
+  "ra_Saturday": "Sábado",
+  "sc_invalid_cron": "CRON inválido"
 }

package/i18n/ru.json

@@ -435,5 +435,15 @@
   "ra_warning_every_second": "Внимание: задание CRON будет выполняться каждую секунду в течение указанного периода!",
   "ra_warning_every_minute": "Внимание: задание CRON будет запускаться каждую минуту в течение указанного периода!",
   "ra_The schedule will be executed every second. Are you sure?": "Расписание будет выполняться каждую секунду. Вы уверены?",
-  "ra_The schedule will be executed every minute. Are you sure?": "Расписание будет выполняться каждую минуту. Вы уверены?"
+  "ra_The schedule will be executed every minute. Are you sure?": "Расписание будет выполняться каждую минуту. Вы уверены?",
+  "sc_dow": "День",
+  "ra_Define CRON...": "Определите CRON...",
+  "ra_Sunday": "Воскресенье",
+  "ra_Monday": "Понедельник",
+  "ra_Tuesday": "Вторник",
+  "ra_Wednesday": "Среда",
+  "ra_Thursday": "Четверг",
+  "ra_Friday": "Пятница",
+  "ra_Saturday": "Суббота",
+  "sc_invalid_cron": "Неверный CRON"
 }

package/i18n/uk.json

@@ -435,5 +435,15 @@
   "ra_warning_every_second": "Попередження: завдання CRON виконуватиметься кожну секунду протягом зазначеного періоду!",
   "ra_warning_every_minute": "Попередження: завдання CRON виконуватиметься щохвилини протягом зазначеного періоду!",
   "ra_The schedule will be executed every second. Are you sure?": "Розклад буде виконуватися щосекунди. Ви впевнені?",
-  "ra_The schedule will be executed every minute. Are you sure?": "Розклад буде виконуватися щохвилини. Ви впевнені?"
+  "ra_The schedule will be executed every minute. Are you sure?": "Розклад буде виконуватися щохвилини. Ви впевнені?",
+  "sc_dow": "День",
+  "ra_Define CRON...": "Визначити CRON...",
+  "ra_Sunday": "неділя",
+  "ra_Monday": "понеділок",
+  "ra_Tuesday": "вівторок",
+  "ra_Wednesday": "Середа",
+  "ra_Thursday": "четвер",
+  "ra_Friday": "П'ятниця",
+  "ra_Saturday": "Субота",
+  "sc_invalid_cron": "Недійсний CRON"
 }

package/i18n/zh-cn.json

@@ -435,5 +435,15 @@
   "ra_warning_every_second": "警告：CRON 作业将在指定期间内每秒运行一次！",
   "ra_warning_every_minute": "警告：CRON 作业将在指定期间内每分钟运行一次！",
   "ra_The schedule will be executed every second. Are you sure?": "该计划将每秒执行一次。你确定吗？",
-  "ra_The schedule will be executed every minute. Are you sure?": "该计划将每分钟执行一次。您确定吗？"
+  "ra_The schedule will be executed every minute. Are you sure?": "该计划将每分钟执行一次。您确定吗？",
+  "sc_dow": "天",
+  "ra_Define CRON...": "定义 CRON...",
+  "ra_Sunday": "星期日",
+  "ra_Monday": "周一",
+  "ra_Tuesday": "周二",
+  "ra_Wednesday": "周三",
+  "ra_Thursday": "周四",
+  "ra_Friday": "星期五",
+  "ra_Saturday": "周六",
+  "sc_invalid_cron": "无效的 CRON"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iobroker/adapter-react-v5",
-  "version": "7.2.1",
+  "version": "7.2.3",
   "description": "React classes to develop admin interfaces for ioBroker with react.",
   "author": {
     "name": "Denis Haev (bluefox)",

package/src/Components/ComplexCron.tsx

@@ -13,7 +13,7 @@ const styles: Record<string, React.CSSProperties> = {
     periodSelect: {
         // margin: '0 10px 60px 10px',
         display: 'block',
-        width: 200,
+        width: 250,
     },
     slider: {
         marginTop: 20,
@@ -479,7 +479,7 @@ class ComplexCron extends Component<ComplexCronProps, ComplexCronState> {
 
         return (
             <div style={styles.mainDiv}>
-                <div style={{ paddingLeft: 8, width: '100%' }}>
+                <div style={{ paddingLeft: 8, width: 'calc(100% - px)' }}>
                     <TextField
                         variant="standard"
                         style={{ width: '100%' }}
@@ -487,7 +487,7 @@ class ComplexCron extends Component<ComplexCronProps, ComplexCronState> {
                         disabled
                     />
                 </div>
-                <div style={{ paddingLeft: 8, width: '100%', height: 60 }}>
+                <div style={{ paddingLeft: 8, width: 'calc(100% - px)', height: 60 }}>
                     {ComplexCron.convertCronToText(this.state.cron, this.props.language || 'en')}
                     <span style={styles.warning}>
                         {everySecond

package/src/Components/IconPicker.tsx

@@ -21,7 +21,7 @@ const styles: Record<string, React.CSSProperties> = {
         flexGrow: 1000,
     },
     divContainer: {
-        width: 32 + 24,
+        width: 32 + 32,
         height: 32,
         whiteSpace: 'nowrap',
         lineHeight: '32px',

package/src/Components/Schedule.tsx

@@ -1,6 +1,17 @@
 import React, { Component, type JSX } from 'react';
 
-import { Input, Radio, FormControlLabel, FormGroup, Checkbox, MenuItem, Select, TextField, Box } from '@mui/material';
+import {
+    Input,
+    Radio,
+    FormControlLabel,
+    FormGroup,
+    Checkbox,
+    MenuItem,
+    Select,
+    TextField,
+    Box,
+    type Theme
+} from '@mui/material';
 
 import I18n from '../i18n';
 import type { IobTheme } from '../types';
@@ -650,6 +661,11 @@ class Schedule extends Component<ScheduleProps, ScheduleState> {
                                             style={{ ...styles.inputTime, marginRight: 10 }}
                                             key="exactTimeFrom"
                                             type="time"
+                                            sx={(theme: Theme) => ({
+                                                '& input[type="time"]::-webkit-calendar-picker-indicator': {
+                                                    filter: theme.palette.mode === 'dark' ? 'invert(80%)' : undefined,
+                                                },
+                                            })}
                                             value={this.state.schedule.time.start}
                                             // InputProps={{inputComponent: TextTime}}
                                             onChange={e => {
@@ -668,6 +684,11 @@ class Schedule extends Component<ScheduleProps, ScheduleState> {
                                             style={styles.inputTime}
                                             key="exactTimeTo"
                                             type="time"
+                                            sx={(theme: Theme) => ({
+                                                '& input[type="time"]::-webkit-calendar-picker-indicator': {
+                                                    filter: theme.palette.mode === 'dark' ? 'invert(80%)' : undefined,
+                                                },
+                                            })}
                                             value={this.state.schedule.time.end}
                                             // InputProps={{inputComponent: TextTime}}
                                             onChange={e => {
@@ -810,13 +831,19 @@ class Schedule extends Component<ScheduleProps, ScheduleState> {
                             key="exactTimeValue"
                             value={this.state.schedule.time.start}
                             type="time"
-                            // inputComponent={TextTime}
+                            sx={(theme: Theme) => ({
+                                '& input[type="time"]::-webkit-calendar-picker-indicator': {
+                                    filter: theme.palette.mode === 'dark' ? 'invert(80%)' : undefined,
+                                },
+                            })}
                             onChange={e => {
                                 const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                                 _schedule.time.start = e.target.value;
                                 this.onChange(_schedule);
                             }}
-                            InputLabelProps={{ shrink: true }}
+                            slotProps={{
+                                inputLabel: { shrink: true },
+                            }}
                             margin="normal"
                         />
                     </div>
@@ -906,7 +933,9 @@ class Schedule extends Component<ScheduleProps, ScheduleState> {
                                     e.target.value,
                                 );
                             }}
-                            InputLabelProps={{ shrink: true }}
+                            slotProps={{
+                                inputLabel: { shrink: true },
+                            }}
                             label={I18n.t('sch_at')}
                             margin="normal"
                         />
@@ -1882,7 +1911,9 @@ class Schedule extends Component<ScheduleProps, ScheduleState> {
                                 e.target.value,
                             );
                         }}
-                        InputLabelProps={{ shrink: true }}
+                        slotProps={{
+                            inputLabel: { shrink: true },
+                        }}
                         margin="normal"
                     />
                     <FormControlLabel
@@ -1931,7 +1962,9 @@ class Schedule extends Component<ScheduleProps, ScheduleState> {
                                     e.target.value,
                                 );
                             }}
-                            InputLabelProps={{ shrink: true }}
+                            slotProps={{
+                                inputLabel: { shrink: true },
+                            }}
                             margin="normal"
                         />
                     )}

package/src/Dialogs/SimpleCron.tsx

@@ -77,6 +77,7 @@ class DialogSimpleCron extends React.Component<DialogCronProps, DialogCronState>
                 <DialogActions>
                     <Button
                         variant="contained"
+                        disabled={!this.state.cron || this.state.cron.includes('_')}
                         onClick={() => this.handleOk()}
                         color="primary"
                         startIcon={<IconOk />}

package/src/GenericApp.tsx

@@ -254,7 +254,7 @@ class GenericApp<
         };
 
         // merge together
-        if (settings && settings.translations) {
+        if (settings?.translations) {
             Object.keys(settings.translations).forEach(lang => {
                 if (settings.translations) {
                     translations[lang as ioBroker.Languages] = Object.assign(