@iobroker/gui-components 8.0.1 → 10.0.1

package/build/Components/Router.js.map

@@ -1 +1 @@
-{"version":3,"file":"Router.js","sourceRoot":"./src/","sources":["Components/Router.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,mEAAmE;AACnE,MAAM,OAAO,MAAuB,SAAQ,SAAe;IAC7C,kBAAkB,CAAa;IAEzC,YAAY,KAAQ;QAChB,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5D,CAAC;IAED,iBAAiB;QACb,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACnE,CAAC;IAED,oBAAoB;QAChB,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACtE,CAAC;IAED,kDAAkD;IAClD,aAAa;QACT,yBAAyB;IAC7B,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,WAAW;QACd,IAAI,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;QAChC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YACrC,IAAI,CAAC;gBACD,OAAO,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAChD,CAAC;YAAC,MAAM,CAAC;gBACL,OAAO,CAAC,KAAK,CAAC,yBAAyB,IAAI,EAAE,CAAC,CAAC;gBAC/C,OAAO,IAAI,CAAC;YAChB,CAAC;QACL,CAAC,CAAC,CAAC;QACH,+BAA+B;QAC/B,OAAO;YACH,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE;YACnB,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE;YACtB,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE;YAClB,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE;SACtB,CAAC;IACN,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,UAAU,CACb,GAA8B,EAC9B,MAAsB,EACtB,EAAkB,EAClB,GAAmB;QAEnB,IAAI,IAAI,GAAG,EAAE,CAAC;QACd,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;QACtC,IAAI,GAAG,KAAK,SAAS,IAAI,CAAC,EAAE,EAAE,CAAC;YAC3B,EAAE,GAAG,QAAQ,CAAC,EAAE,CAAC;QACrB,CAAC;QACD,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;QAC7B,CAAC;QACD,IAAI,MAAM,IAAI,CAAC,GAAG,EAAE,CAAC;YACjB,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC;QACvB,CAAC;aAAM,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;YACtB,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC;QACvB,CAAC;QAED,IAAI,GAAG,EAAE,CAAC;YACN,IAAI,GAAG,IAAI,GAAG,EAAE,CAAC;YACjB,IAAI,MAAM,EAAE,CAAC;gBACT,IAAI,IAAI,IAAI,MAAM,EAAE,CAAC;gBAErB,IAAI,EAAE,EAAE,CAAC;oBACL,IAAI,IAAI,IAAI,EAAE,EAAE,CAAC;oBACjB,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;wBACpB,IAAI,IAAI,IAAI,GAAG,EAAE,CAAC;oBACtB,CAAC;gBACL,CAAC;YACL,CAAC;QACL,CAAC;QACD,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;YAChC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;QAChC,CAAC;IACL,CAAC;CACJ","sourcesContent":["import { Component } from 'react';\r\n\r\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\r\nexport class Router<P = {}, S = {}> extends Component<P, S> {\r\n    protected onHashChangedBound: () => void;\r\n\r\n    constructor(props: P) {\r\n        super(props);\r\n        this.onHashChangedBound = this.onHashChanged.bind(this);\r\n    }\r\n\r\n    componentDidMount(): void {\r\n        window.addEventListener('hashchange', this.onHashChangedBound);\r\n    }\r\n\r\n    componentWillUnmount(): void {\r\n        window.removeEventListener('hashchange', this.onHashChangedBound);\r\n    }\r\n\r\n    // eslint-disable-next-line class-methods-use-this\r\n    onHashChanged(): void {\r\n        // override this function\r\n    }\r\n\r\n    /**\r\n     * Gets the location object.\r\n     */\r\n    static getLocation(): { tab: string; dialog: string; id: string; arg: string } {\r\n        let hash = window.location.hash;\r\n        hash = hash.replace(/^#/, '');\r\n        const parts = hash.split('/').map(item => {\r\n            try {\r\n                return item ? decodeURIComponent(item) : '';\r\n            } catch {\r\n                console.error(`Router: Cannot decode ${item}`);\r\n                return item;\r\n            }\r\n        });\r\n        // #tabName/dialogName/deviceId\r\n        return {\r\n            tab: parts[0] || '',\r\n            dialog: parts[1] || '',\r\n            id: parts[2] || '',\r\n            arg: parts[3] || '',\r\n        };\r\n    }\r\n\r\n    /**\r\n     * Navigate to a new location. Any parameters that are not set will be taken from the current location.\r\n     */\r\n    static doNavigate(\r\n        tab: string | undefined | null,\r\n        dialog?: string | null,\r\n        id?: string | null,\r\n        arg?: string | null,\r\n    ): void {\r\n        let hash = '';\r\n        const location = Router.getLocation();\r\n        if (arg !== undefined && !id) {\r\n            id = location.id;\r\n        }\r\n        if (id && !dialog) {\r\n            dialog = location.dialog;\r\n        }\r\n        if (dialog && !tab) {\r\n            tab = location.tab;\r\n        } else if (tab === null) {\r\n            tab = location.tab;\r\n        }\r\n\r\n        if (tab) {\r\n            hash = `#${tab}`;\r\n            if (dialog) {\r\n                hash += `/${dialog}`;\r\n\r\n                if (id) {\r\n                    hash += `/${id}`;\r\n                    if (arg !== undefined) {\r\n                        hash += `/${arg}`;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        if (window.location.hash !== hash) {\r\n            window.location.hash = hash;\r\n        }\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"Router.js","sourceRoot":"./src/","sources":["Components/Router.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport class Router<P = {}, S = {}> extends Component<P, S> {\n    protected onHashChangedBound: () => void;\n\n    constructor(props: P) {\n        super(props);\n        this.onHashChangedBound = this.onHashChanged.bind(this);\n    }\n\n    componentDidMount(): void {\n        window.addEventListener('hashchange', this.onHashChangedBound);\n    }\n\n    componentWillUnmount(): void {\n        window.removeEventListener('hashchange', this.onHashChangedBound);\n    }\n\n    // eslint-disable-next-line class-methods-use-this\n    onHashChanged(): void {\n        // override this function\n    }\n\n    /**\n     * Gets the location object.\n     */\n    static getLocation(): { tab: string; dialog: string; id: string; arg: string } {\n        let hash = window.location.hash;\n        hash = hash.replace(/^#/, '');\n        const parts = hash.split('/').map(item => {\n            try {\n                return item ? decodeURIComponent(item) : '';\n            } catch {\n                console.error(`Router: Cannot decode ${item}`);\n                return item;\n            }\n        });\n        // #tabName/dialogName/deviceId\n        return {\n            tab: parts[0] || '',\n            dialog: parts[1] || '',\n            id: parts[2] || '',\n            arg: parts[3] || '',\n        };\n    }\n\n    /**\n     * Navigate to a new location. Any parameters that are not set will be taken from the current location.\n     */\n    static doNavigate(\n        tab: string | undefined | null,\n        dialog?: string | null,\n        id?: string | null,\n        arg?: string | null,\n    ): void {\n        let hash = '';\n        const location = Router.getLocation();\n        if (arg !== undefined && !id) {\n            id = location.id;\n        }\n        if (id && !dialog) {\n            dialog = location.dialog;\n        }\n        if (dialog && !tab) {\n            tab = location.tab;\n        } else if (tab === null) {\n            tab = location.tab;\n        }\n\n        if (tab) {\n            hash = `#${tab}`;\n            if (dialog) {\n                hash += `/${dialog}`;\n\n                if (id) {\n                    hash += `/${id}`;\n                    if (arg !== undefined) {\n                        hash += `/${arg}`;\n                    }\n                }\n            }\n        }\n        if (window.location.hash !== hash) {\n            window.location.hash = hash;\n        }\n    }\n}\n"]}

package/build/Components/SaveCloseButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"SaveCloseButtons.js","sourceRoot":"./src/","sources":["Components/SaveCloseButtons.tsx"],"names":[],"mappings":"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","sourcesContent":["// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined\r\nimport React, { type JSX } from 'react';\r\n\r\nimport { Fab, Toolbar } from '@mui/material';\r\n\r\nimport { Save as IconSave, Close as IconClose } from '@mui/icons-material';\r\n\r\nimport { I18n } from '../i18n';\r\nimport type { IobTheme } from '../types';\r\n\r\nconst styles: Record<string, React.CSSProperties> = {\r\n    buttonIcon: {\r\n        marginRight: 8,\r\n    },\r\n};\r\n\r\ninterface SaveCloseButtonsProps {\r\n    /* Are the buttons without text */\r\n    noTextOnButtons?: boolean;\r\n    /* Theme object (from this.state.theme) */\r\n    theme: IobTheme;\r\n    /* bottom position 0 or 38 for iFrame */\r\n    isIFrame?: boolean;\r\n    /* is used in new React */\r\n    newReact?: boolean;\r\n    /* on Save handler */\r\n    onSave: (close: boolean) => void;\r\n    /* on Close handler */\r\n    onClose: () => void;\r\n    dense?: boolean;\r\n    paddingLeft?: number;\r\n    changed: boolean;\r\n    error?: boolean;\r\n}\r\n\r\nexport class SaveCloseButtons extends React.Component<SaveCloseButtonsProps> {\r\n    private readonly isIFrame: boolean;\r\n\r\n    constructor(props: SaveCloseButtonsProps) {\r\n        super(props);\r\n        const newReact = props.newReact === undefined ? true : props.newReact;\r\n\r\n        if (props.isIFrame !== undefined) {\r\n            this.isIFrame = props.isIFrame;\r\n        } else {\r\n            try {\r\n                this.isIFrame = !newReact && window.self !== window.top;\r\n            } catch {\r\n                this.isIFrame = !newReact;\r\n            }\r\n        }\r\n    }\r\n\r\n    render(): JSX.Element {\r\n        const noTextOnButtons = this.props.noTextOnButtons;\r\n        const buttonStyle: React.CSSProperties = {\r\n            borderRadius: this.props.theme.saveToolbar.button.borderRadius || 3,\r\n            height: this.props.theme.saveToolbar.button.height || 32,\r\n        };\r\n\r\n        const style: React.CSSProperties = {\r\n            bottom: this.isIFrame ? 38 : 0,\r\n            left: this.props.paddingLeft || 0,\r\n            right: 0,\r\n            position: 'absolute',\r\n            background: this.props.theme.saveToolbar.background,\r\n        };\r\n        if (this.props.dense) {\r\n            style.minHeight = 48;\r\n        }\r\n\r\n        if (this.props.error) {\r\n            buttonStyle.border = '1px solid red';\r\n        }\r\n\r\n        return (\r\n            <Toolbar\r\n                // position=\"absolute\"\r\n                style={style}\r\n            >\r\n                <Fab\r\n                    variant=\"extended\"\r\n                    aria-label=\"Save\"\r\n                    disabled={!this.props.changed || this.props.error}\r\n                    onClick={() => this.props.onSave(false)}\r\n                    style={buttonStyle}\r\n                >\r\n                    <IconSave style={!noTextOnButtons ? styles.buttonIcon : undefined} />\r\n                    {!noTextOnButtons && I18n.t('ra_Save')}\r\n                </Fab>\r\n                <Fab\r\n                    variant=\"extended\"\r\n                    aria-label=\"Save and close\"\r\n                    disabled={!this.props.changed || this.props.error}\r\n                    onClick={() => this.props.onSave(true)}\r\n                    style={{ ...buttonStyle, ...{ marginLeft: 10 } }}\r\n                >\r\n                    <IconSave style={!noTextOnButtons ? styles.buttonIcon : undefined} />\r\n                    {!noTextOnButtons ? I18n.t('ra_Save and close') : '+'}\r\n                    {noTextOnButtons && <IconClose />}\r\n                </Fab>\r\n                <div style={{ flexGrow: 1 }} />\r\n                <Fab\r\n                    variant=\"extended\"\r\n                    aria-label=\"Close\"\r\n                    onClick={() => this.props.onClose()}\r\n                    style={buttonStyle}\r\n                >\r\n                    <IconClose style={!noTextOnButtons ? styles.buttonIcon : undefined} />\r\n                    {!noTextOnButtons && I18n.t('ra_Close')}\r\n                </Fab>\r\n            </Toolbar>\r\n        );\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"SaveCloseButtons.js","sourceRoot":"./src/","sources":["Components/SaveCloseButtons.tsx"],"names":[],"mappings":"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","sourcesContent":["// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined\nimport React, { type JSX } from 'react';\n\nimport { Fab, Toolbar } from '@mui/material';\n\nimport { Save as IconSave, Close as IconClose } from '@mui/icons-material';\n\nimport { I18n } from '../i18n';\nimport type { IobTheme } from '../types';\n\nconst styles: Record<string, React.CSSProperties> = {\n    buttonIcon: {\n        marginRight: 8,\n    },\n};\n\ninterface SaveCloseButtonsProps {\n    /* Are the buttons without text */\n    noTextOnButtons?: boolean;\n    /* Theme object (from this.state.theme) */\n    theme: IobTheme;\n    /* bottom position 0 or 38 for iFrame */\n    isIFrame?: boolean;\n    /* is used in new React */\n    newReact?: boolean;\n    /* on Save handler */\n    onSave: (close: boolean) => void;\n    /* on Close handler */\n    onClose: () => void;\n    dense?: boolean;\n    paddingLeft?: number;\n    changed: boolean;\n    error?: boolean;\n}\n\nexport class SaveCloseButtons extends React.Component<SaveCloseButtonsProps> {\n    private readonly isIFrame: boolean;\n\n    constructor(props: SaveCloseButtonsProps) {\n        super(props);\n        const newReact = props.newReact === undefined ? true : props.newReact;\n\n        if (props.isIFrame !== undefined) {\n            this.isIFrame = props.isIFrame;\n        } else {\n            try {\n                this.isIFrame = !newReact && window.self !== window.top;\n            } catch {\n                this.isIFrame = !newReact;\n            }\n        }\n    }\n\n    render(): JSX.Element {\n        const noTextOnButtons = this.props.noTextOnButtons;\n        const buttonStyle: React.CSSProperties = {\n            borderRadius: this.props.theme.saveToolbar.button.borderRadius || 3,\n            height: this.props.theme.saveToolbar.button.height || 32,\n        };\n\n        const style: React.CSSProperties = {\n            bottom: this.isIFrame ? 38 : 0,\n            left: this.props.paddingLeft || 0,\n            right: 0,\n            position: 'absolute',\n            background: this.props.theme.saveToolbar.background,\n        };\n        if (this.props.dense) {\n            style.minHeight = 48;\n        }\n\n        if (this.props.error) {\n            buttonStyle.border = '1px solid red';\n        }\n\n        return (\n            <Toolbar\n                // position=\"absolute\"\n                style={style}\n            >\n                <Fab\n                    variant=\"extended\"\n                    aria-label=\"Save\"\n                    disabled={!this.props.changed || this.props.error}\n                    onClick={() => this.props.onSave(false)}\n                    style={buttonStyle}\n                >\n                    <IconSave style={!noTextOnButtons ? styles.buttonIcon : undefined} />\n                    {!noTextOnButtons && I18n.t('ra_Save')}\n                </Fab>\n                <Fab\n                    variant=\"extended\"\n                    aria-label=\"Save and close\"\n                    disabled={!this.props.changed || this.props.error}\n                    onClick={() => this.props.onSave(true)}\n                    style={{ ...buttonStyle, ...{ marginLeft: 10 } }}\n                >\n                    <IconSave style={!noTextOnButtons ? styles.buttonIcon : undefined} />\n                    {!noTextOnButtons ? I18n.t('ra_Save and close') : '+'}\n                    {noTextOnButtons && <IconClose />}\n                </Fab>\n                <div style={{ flexGrow: 1 }} />\n                <Fab\n                    variant=\"extended\"\n                    aria-label=\"Close\"\n                    onClick={() => this.props.onClose()}\n                    style={buttonStyle}\n                >\n                    <IconClose style={!noTextOnButtons ? styles.buttonIcon : undefined} />\n                    {!noTextOnButtons && I18n.t('ra_Close')}\n                </Fab>\n            </Toolbar>\n        );\n    }\n}\n"]}

package/build/Components/Schedule.d.ts

@@ -1,5 +1,30 @@
 import { Component, type JSX } from 'react';
 import type { IobTheme } from '../types';
+export interface ScheduleConfigSaved {
+    time?: {
+        exactTime: boolean;
+    } | {
+        start: string;
+        end: string;
+        mode: string;
+        interval: number;
+    };
+    period?: {
+        once: string;
+        days: number;
+        dows: string;
+        dates: string;
+        weeks: number;
+        months: string | number;
+        years: number;
+        yearMonth: number;
+        yearDate: number;
+    };
+    valid?: {
+        from?: string;
+        to?: string;
+    };
+}
 export interface ScheduleConfig {
     time: {
         exactTime: boolean;
@@ -41,6 +66,7 @@ export declare class Schedule extends Component<ScheduleProps, ScheduleState> {
     private timerFrom;
     private timerTo;
     constructor(props: ScheduleProps);
+    componentWillUnmount(): void;
     onChange(schedule: ScheduleConfig, force?: boolean): void;
     static state2text(schedule: string | ScheduleConfig): string;
     getTimePeriodElements(): JSX.Element;
@@ -55,7 +81,7 @@ export declare class Schedule extends Component<ScheduleProps, ScheduleState> {
     getPeriodSettingsMonthly(): JSX.Element[] | null;
     getPeriodSettingsYearly(): JSX.Element[] | null;
     static now2string(isEnd?: boolean): string;
-    static string2date(str: string): Date;
+    static string2date(str: string | undefined): Date;
     getValidSettings(): JSX.Element;
     render(): JSX.Element;
 }

package/build/Components/Schedule.js

@@ -185,6 +185,9 @@ const DEFAULT = {
     },
 };
 function string2USdate(date) {
+    if (!date) {
+        return '';
+    }
     const parts = date.split('.');
     if (parts.length === 3) {
         return `${parts[2]}-${parts[1]}-${parts[0]}`;
@@ -229,6 +232,20 @@ export class Schedule extends Component {
             setTimeout(() => this.props.onChange?.(JSON.stringify(schedule)), 100);
         }
     }
+    componentWillUnmount() {
+        if (this.timerOnce) {
+            clearTimeout(this.timerOnce);
+            this.timerOnce = null;
+        }
+        if (this.timerFrom) {
+            clearTimeout(this.timerFrom);
+            this.timerFrom = null;
+        }
+        if (this.timerTo) {
+            clearTimeout(this.timerTo);
+            this.timerTo = null;
+        }
+    }
     onChange(schedule, force) {
         const isDiff = JSON.stringify(schedule) !== JSON.stringify(this.state.schedule);
         if (force || isDiff) {
@@ -236,13 +253,13 @@ export class Schedule extends Component {
                 this.setState({ schedule, desc: Schedule.state2text(schedule) });
             }
             const copy = JSON.parse(JSON.stringify(schedule));
-            if (copy.period.once) {
+            if (copy.period?.once) {
                 const once = copy.period.once;
                 delete copy.period;
                 copy.period = { once };
                 delete copy.valid;
             }
-            else if (copy.period.days) {
+            else if (copy.period?.days) {
                 const days = copy.period.days;
                 const daysOfWeek = copy.period.dows;
                 delete copy.period;
@@ -251,7 +268,7 @@ export class Schedule extends Component {
                     copy.period.dows = daysOfWeek;
                 }
             }
-            else if (copy.period.weeks) {
+            else if (copy.period?.weeks) {
                 const weeks = copy.period.weeks;
                 const daysOfWeek = copy.period.dows;
                 delete copy.period;
@@ -260,7 +277,7 @@ export class Schedule extends Component {
                     copy.period.dows = daysOfWeek;
                 }
             }
-            else if (copy.period.months) {
+            else if (copy.period?.months) {
                 const months = copy.period.months;
                 const dates = copy.period.dates;
                 delete copy.period;
@@ -269,7 +286,7 @@ export class Schedule extends Component {
                     copy.period.dates = dates;
                 }
             }
-            else if (copy.period.years) {
+            else if (copy.period?.years) {
                 const years = copy.period.years;
                 const yearMonth = copy.period.yearMonth;
                 const yearDate = copy.period.yearDate;
@@ -279,23 +296,30 @@ export class Schedule extends Component {
                     copy.period.yearMonth = yearMonth;
                 }
             }
-            if (copy.time.exactTime) {
-                delete copy.time.end;
-                delete copy.time.mode;
-                delete copy.time.interval;
+            if (copy.time?.exactTime) {
+                copy.time = {
+                    exactTime: copy.time?.exactTime,
+                };
             }
             else {
-                delete copy.time.exactTime;
+                const _time = copy.time;
+                copy.time = {
+                    start: _time.start,
+                    end: _time.end,
+                    mode: _time.mode,
+                    interval: _time.interval,
+                };
             }
             if (copy.valid) {
                 if (!copy.valid.to) {
                     delete copy.valid.to;
                 }
-                if (copy.period.days === 1 ||
-                    copy.period.weeks === 1 ||
-                    copy.period.months === 1 ||
-                    copy.period.years === 1) {
-                    const from = Schedule.string2date(copy.valid.from);
+                if (copy.period &&
+                    (copy.period.days === 1 ||
+                        copy.period.weeks === 1 ||
+                        copy.period.months === 1 ||
+                        copy.period.years === 1)) {
+                    const from = Schedule.string2date(copy.valid?.from);
                     const today = new Date();
                     today.setHours(0);
                     today.setMinutes(0);
@@ -322,7 +346,7 @@ export class Schedule extends Component {
             }
         }
         const desc = [];
-        const validFrom = Schedule.string2date(schedule.valid.from);
+        const validFrom = Schedule.string2date(schedule.valid?.from);
         if (schedule.period.once) {
             // once
             const once = Schedule.string2date(schedule.period.once);
@@ -526,17 +550,17 @@ export class Schedule extends Component {
         }
         if (!schedule.period.once) {
             // valid
-            if (validFrom.getTime() > Date.now() && schedule.valid.to) {
+            if (validFrom.getTime() > Date.now() && schedule.valid?.to) {
                 // from XXX to XXXX
-                desc.push(I18n.t('sch_desc_validFromTo', schedule.valid.from, schedule.valid.to));
+                desc.push(I18n.t('sch_desc_validFromTo', schedule.valid?.from, schedule.valid?.to));
             }
             else if (validFrom.getTime() > Date.now()) {
                 // from XXXX
-                desc.push(I18n.t('sch_desc_validFrom', schedule.valid.from));
+                desc.push(I18n.t('sch_desc_validFrom', schedule.valid?.from));
             }
-            else if (schedule.valid.to) {
+            else if (schedule.valid?.to) {
                 // till XXXX
-                desc.push(I18n.t('sch_desc_validTo', schedule.valid.to));
+                desc.push(I18n.t('sch_desc_validTo', schedule.valid?.to));
             }
         }
         return desc.join(' ');
@@ -671,7 +695,6 @@ export class Schedule extends Component {
             schedule.period.once = Schedule.now2string(true);
         }
         return [
-            // ----- once ---
             React.createElement("div", { key: "once", style: { ...styles.rowDiv, ...styles.rowOnce } },
                 React.createElement("div", { style: styles.modeDiv },
                     React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: !!isOnce, onClick: () => {
@@ -691,8 +714,9 @@ export class Schedule extends Component {
                     React.createElement(TextField, { variant: "standard", style: styles.inputDate, type: "date", ref: this.refOnce, key: "exactDateAt", defaultValue: string2USdate(schedule.period.once), 
                         // InputProps={{inputComponent: TextTime}}
                         onChange: e => {
-                            this.timerOnce && clearTimeout(this.timerOnce);
-                            this.timerOnce = null;
+                            if (this.timerOnce) {
+                                clearTimeout(this.timerOnce);
+                            }
                             if (this.refOnce.current) {
                                 this.refOnce.current.style.background = '#ff000030';
                             }
@@ -711,7 +735,6 @@ export class Schedule extends Component {
                         }, slotProps: {
                             inputLabel: { shrink: true },
                         }, label: I18n.t('sch_at'), margin: "normal" })))),
-            // ----- days ---
             React.createElement(Box, { component: "div", key: "days", sx: Utils.getStyle(this.props.theme, styles.rowDiv, styles.rowDays) },
                 React.createElement("div", { style: styles.modeDiv },
                     React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: !!schedule.period.days, onClick: () => {
@@ -730,24 +753,6 @@ export class Schedule extends Component {
                 React.createElement("div", { style: styles.settingsDiv },
                     this.getPeriodSettingsDaily(),
                     schedule.period.days ? this.getPeriodSettingsWeekdays() : null)),
-            // ----- days of weeks ---
-            /*
-            !schedule.period.days && (
-                <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 style={styles.settingsDiv}>
-                        {this.getPeriodSettingsWeekdays()}
-                    </div>
-                </div>,
-            */
-            // ----- weeks ---
             React.createElement(Box, { component: "div", key: "weeks", sx: Utils.getStyle(this.props.theme, styles.rowDiv, styles.rowDows) },
                 React.createElement("div", { style: styles.modeDiv },
                     React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: !!schedule.period.weeks, onClick: () => {
@@ -766,7 +771,6 @@ export class Schedule extends Component {
                 React.createElement(Box, { component: "div", style: styles.settingsDiv },
                     React.createElement("div", { style: styles.settingsDiv }, this.getPeriodSettingsWeekly()),
                     React.createElement(Box, { component: "div", sx: Utils.getStyle(this.props.theme, styles.settingsDiv, styles.rowDowsDows) }, this.state.schedule.period.weeks ? this.getPeriodSettingsWeekdays() : null))),
-            // ----- months ---
             React.createElement(Box, { component: "div", key: "months", sx: Utils.getStyle(this.props.theme, styles.rowDiv, styles.rowMonths) },
                 React.createElement("div", { style: styles.modeDiv },
                     React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: !!schedule.period.months, onClick: () => {
@@ -804,7 +808,6 @@ export class Schedule extends Component {
                                         this.onChange(_schedule);
                                     } }), label: I18n.t('sch_periodDates') })),
                         React.createElement(Box, { component: "div", sx: Utils.getStyle(this.props.theme, styles.settingsDiv, styles.rowMonthsDates) }, this.getPeriodSettingsDates()))) : null)),
-            // ----- years ---
             React.createElement(Box, { component: "div", key: "years", sx: Utils.getStyle(this.props.theme, styles.rowDiv, styles.rowYears) },
                 React.createElement("div", { style: styles.modeDiv },
                     React.createElement(FormControlLabel, { control: React.createElement(Radio, { style: styles.inputRadio, checked: !!schedule.period.years, onClick: () => {
@@ -1184,6 +1187,9 @@ export class Schedule extends Component {
         return `${padding(d.getDate())}.${padding(d.getMonth() + 1)}.${padding(d.getFullYear())}`;
     }
     static string2date(str) {
+        if (!str) {
+            return new Date();
+        }
         let parts = str.split('.'); // 31.12.2019
         if (parts.length === 1) {
             parts = str.split('-'); // 2018-12-31
@@ -1199,10 +1205,12 @@ export class Schedule extends Component {
                 React.createElement("span", { style: { fontWeight: 'bold', paddingRight: 10 } }, I18n.t('sch_valid')),
                 React.createElement("span", null, I18n.t('sch_validFrom'))),
             React.createElement("div", { style: styles.settingsDiv },
-                React.createElement(TextField, { variant: "standard", style: { ...styles.inputDate, marginRight: 10 }, key: "exactTimeFrom", inputRef: this.refFrom, defaultValue: string2USdate(schedule.valid.from), type: "date", 
+                React.createElement(TextField, { variant: "standard", style: { ...styles.inputDate, marginRight: 10 }, key: "exactTimeFrom", inputRef: this.refFrom, defaultValue: string2USdate(schedule.valid?.from), type: "date", 
                     // inputComponent={TextDate}
                     onChange: e => {
-                        this.timerFrom && clearTimeout(this.timerFrom);
+                        if (this.timerFrom) {
+                            clearTimeout(this.timerFrom);
+                        }
                         if (this.refFrom.current) {
                             this.refFrom.current.style.background = '#ff000030';
                         }
@@ -1221,15 +1229,17 @@ export class Schedule extends Component {
                     }, slotProps: {
                         inputLabel: { shrink: true },
                     }, margin: "normal" }),
-                React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { style: styles.inputRadio, checked: !!schedule.valid.to, onClick: () => {
+                React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { style: styles.inputRadio, checked: !!schedule.valid?.to, onClick: () => {
                             const _schedule = JSON.parse(JSON.stringify(this.state.schedule));
                             _schedule.valid.to = _schedule.valid.to ? '' : Schedule.now2string(true);
                             this.onChange(_schedule);
                         } }), label: I18n.t('sch_validTo') }),
-                !!schedule.valid.to && (React.createElement(TextField, { variant: "standard", inputRef: this.refTo, style: { ...styles.inputDate, marginRight: 10 }, key: "exactTimeFrom", type: "date", defaultValue: string2USdate(schedule.valid.to), 
+                !!schedule.valid?.to && (React.createElement(TextField, { variant: "standard", inputRef: this.refTo, style: { ...styles.inputDate, marginRight: 10 }, key: "exactTimeFrom", type: "date", defaultValue: string2USdate(schedule.valid.to), 
                     // inputComponent={TextDate}
                     onChange: e => {
-                        this.timerTo && clearTimeout(this.timerTo);
+                        if (this.timerTo) {
+                            clearTimeout(this.timerTo);
+                        }
                         if (this.refTo.current) {
                             this.refTo.current.style.background = '#ff000030';
                         }