d2coreui 21.0.34 → 23.0.0

package/components/color/colorSwatch.js

@@ -1,63 +1,63 @@
-import React from 'react';
-import reactCSS, { handleHover } from 'reactcss';
-import { Swatch } from 'react-color/lib/components/common/Swatch';
-function invertColor(hex, bw) {
-    if (hex.indexOf('#') === 0) {
-        hex = hex.slice(1);
-    }
-    if (hex.length === 3) {
-        hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
-    }
-    if (hex.length !== 6) {
-        throw new Error('Invalid HEX color.');
-    }
-    var r = parseInt(hex.slice(0, 2), 16), g = parseInt(hex.slice(2, 4), 16), b = parseInt(hex.slice(4, 6), 16);
-    if (bw) {
-        return (r * 0.299 + g * 0.587 + b * 0.114) > 186
-            ? '#000000'
-            : '#FFFFFF';
-    }
-    r = (255 - r).toString(16);
-    g = (255 - g).toString(16);
-    b = (255 - b).toString(16);
-    return "#" + padZero(r) + padZero(g) + padZero(b);
-}
-export const ColorSwatch = ({ hover, color, onClick, onSwatchHover, style, title, active, small }) => {
-    const hoverSwatch = {
-        transform: "scale(1.5)",
-        position: 'relative',
-        zIndex: '3',
-    };
-    const focusSwatch = {
-        position: 'relative',
-        zIndex: '2',
-        transform: "scale(1.2)",
-        boxShadow: '0 0 5px 2px rgba(0,0,0,0.25)',
-        cursor: "pointer"
-    };
-    const styles = reactCSS({
-        'default': {
-            swatch: {
-                display: "inline-block",
-                transform: "scale(1)",
-                width: !!small ? '15px' : '22px',
-                height: !!small ? '15px' : '22px',
-                margin: '2px',
-                marginTop: 0,
-                marginBottom: 0,
-                fontSize: '0',
-            },
-        },
-        'hover': {
-            swatch: small ? {} : hoverSwatch,
-        },
-    }, { hover });
-    return (React.createElement("div", { style: styles.swatch },
-        active &&
-            React.createElement("div", { style: { fill: invertColor(color, true), position: "absolute", left: 1, top: 1, zIndex: 10, } },
-                React.createElement("svg", { viewBox: "0 0 24 24", style: { width: 20, height: 20 } },
-                    React.createElement("path", { d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" }))),
-        React.createElement(Swatch, { color: color, onClick: onClick, onHover: onSwatchHover, focus: active, focusStyle: focusSwatch, style: style, title: title })));
-};
-export default handleHover(ColorSwatch);
+import React from 'react';
+import reactCSS, { handleHover } from 'reactcss';
+import { Swatch } from 'react-color/lib/components/common/Swatch';
+function invertColor(hex, bw) {
+    if (hex.indexOf('#') === 0) {
+        hex = hex.slice(1);
+    }
+    if (hex.length === 3) {
+        hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
+    }
+    if (hex.length !== 6) {
+        throw new Error('Invalid HEX color.');
+    }
+    var r = parseInt(hex.slice(0, 2), 16), g = parseInt(hex.slice(2, 4), 16), b = parseInt(hex.slice(4, 6), 16);
+    if (bw) {
+        return (r * 0.299 + g * 0.587 + b * 0.114) > 186
+            ? '#000000'
+            : '#FFFFFF';
+    }
+    r = (255 - r).toString(16);
+    g = (255 - g).toString(16);
+    b = (255 - b).toString(16);
+    return "#" + padZero(r) + padZero(g) + padZero(b);
+}
+export const ColorSwatch = ({ hover, color, onClick, onSwatchHover, style, title, active, small }) => {
+    const hoverSwatch = {
+        transform: "scale(1.5)",
+        position: 'relative',
+        zIndex: '3',
+    };
+    const focusSwatch = {
+        position: 'relative',
+        zIndex: '2',
+        transform: "scale(1.2)",
+        boxShadow: '0 0 5px 2px rgba(0,0,0,0.25)',
+        cursor: "pointer"
+    };
+    const styles = reactCSS({
+        'default': {
+            swatch: {
+                display: "inline-block",
+                transform: "scale(1)",
+                width: !!small ? '15px' : '22px',
+                height: !!small ? '15px' : '22px',
+                margin: '2px',
+                marginTop: 0,
+                marginBottom: 0,
+                fontSize: '0',
+            },
+        },
+        'hover': {
+            swatch: small ? {} : hoverSwatch,
+        },
+    }, { hover });
+    return (React.createElement("div", { style: styles.swatch },
+        active &&
+            React.createElement("div", { style: { fill: invertColor(color, true), position: "absolute", left: 1, top: 1, zIndex: 10, } },
+                React.createElement("svg", { viewBox: "0 0 24 24", style: { width: 20, height: 20 } },
+                    React.createElement("path", { d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" }))),
+        React.createElement(Swatch, { color: color, onClick: onClick, onHover: onSwatchHover, focus: active, focusStyle: focusSwatch, style: style, title: title })));
+};
+export default handleHover(ColorSwatch);
 //# sourceMappingURL=colorSwatch.js.map

package/components/color/colorSwatch.js.map

@@ -1 +1 @@
-{"version":3,"file":"colorSwatch.js","sourceRoot":"","sources":["../../../../components/color/colorSwatch.jsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport reactCSS, {handleHover} from 'reactcss'\nimport {Swatch} from 'react-color/lib/components/common/Swatch'\n\nfunction invertColor(hex, bw) {\n    if (hex.indexOf('#') === 0) {\n        hex = hex.slice(1);\n    }\n    // convert 3-digit hex to 6-digits.\n    if (hex.length === 3) {\n        hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];\n    }\n    if (hex.length !== 6) {\n        throw new Error('Invalid HEX color.');\n    }\n    var r = parseInt(hex.slice(0, 2), 16),\n        g = parseInt(hex.slice(2, 4), 16),\n        b = parseInt(hex.slice(4, 6), 16);\n    if (bw) {\n        // http://stackoverflow.com/a/3943023/112731\n        return (r * 0.299 + g * 0.587 + b * 0.114) > 186\n            ? '#000000'\n            : '#FFFFFF';\n    }\n    // invert color components\n    r = (255 - r).toString(16);\n    g = (255 - g).toString(16);\n    b = (255 - b).toString(16);\n    // pad each with zeros and return\n    return \"#\" + padZero(r) + padZero(g) + padZero(b);\n}\n\nexport const ColorSwatch = ({hover, color, onClick, onSwatchHover, style, title, active, small}) => {\n    const hoverSwatch = {\n        transform: \"scale(1.5)\",\n        position: 'relative',\n        zIndex: '3',\n    }\n    const focusSwatch = {\n        position: 'relative',\n        zIndex: '2',\n        transform: \"scale(1.2)\",\n        boxShadow: '0 0 5px 2px rgba(0,0,0,0.25)',\n        cursor:\"pointer\"\n    }\n\n    const styles = reactCSS({\n        'default': {\n            swatch: {\n                display: \"inline-block\",\n                transform: \"scale(1)\",\n                width: !!small ? '15px' : '22px',\n                height: !!small ? '15px' : '22px',\n                margin: '2px',\n                marginTop: 0,\n                marginBottom: 0,\n                fontSize: '0',\n            },\n        },\n        'hover': {\n            swatch: small ? {} : hoverSwatch,\n        },\n    }, {hover})\n\n\n    return (\n        <div style={styles.swatch}>\n            {active &&\n            <div style={{fill: invertColor(color, true), position: \"absolute\", left: 1, top: 1, zIndex: 10,}}>\n                <svg viewBox=\"0 0 24 24\" style={{width: 20, height: 20}}>\n                    <path d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\"/>\n                </svg>\n            </div>}\n            <Swatch\n                color={color}\n                onClick={onClick}\n                onHover={onSwatchHover}\n                focus={active}\n                focusStyle={focusSwatch}\n                style={style}\n                title={title}\n            />\n        </div>\n    )\n}\n\nexport default handleHover(ColorSwatch)"]}
+{"version":3,"file":"colorSwatch.js","sourceRoot":"","sources":["../../../../components/color/colorSwatch.jsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport reactCSS, {handleHover} from 'reactcss'\nimport {Swatch} from 'react-color/lib/components/common/Swatch'\n\nfunction invertColor(hex, bw) {\n    if (hex.indexOf('#') === 0) {\n        hex = hex.slice(1);\n    }\n    // convert 3-digit hex to 6-digits.\n    if (hex.length === 3) {\n        hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];\n    }\n    if (hex.length !== 6) {\n        throw new Error('Invalid HEX color.');\n    }\n    var r = parseInt(hex.slice(0, 2), 16),\n        g = parseInt(hex.slice(2, 4), 16),\n        b = parseInt(hex.slice(4, 6), 16);\n    if (bw) {\n        // http://stackoverflow.com/a/3943023/112731\n        return (r * 0.299 + g * 0.587 + b * 0.114) > 186\n            ? '#000000'\n            : '#FFFFFF';\n    }\n    // invert color components\n    r = (255 - r).toString(16);\n    g = (255 - g).toString(16);\n    b = (255 - b).toString(16);\n    // pad each with zeros and return\n    return \"#\" + padZero(r) + padZero(g) + padZero(b);\n}\n\nexport const ColorSwatch = ({hover, color, onClick, onSwatchHover, style, title, active, small}) => {\n    const hoverSwatch = {\n        transform: \"scale(1.5)\",\n        position: 'relative',\n        zIndex: '3',\n    }\n    const focusSwatch = {\n        position: 'relative',\n        zIndex: '2',\n        transform: \"scale(1.2)\",\n        boxShadow: '0 0 5px 2px rgba(0,0,0,0.25)',\n        cursor:\"pointer\"\n    }\n\n    const styles = reactCSS({\n        'default': {\n            swatch: {\n                display: \"inline-block\",\n                transform: \"scale(1)\",\n                width: !!small ? '15px' : '22px',\n                height: !!small ? '15px' : '22px',\n                margin: '2px',\n                marginTop: 0,\n                marginBottom: 0,\n                fontSize: '0',\n            },\n        },\n        'hover': {\n            swatch: small ? {} : hoverSwatch,\n        },\n    }, {hover})\n\n\n    return (\n        <div style={styles.swatch}>\n            {active &&\n            <div style={{fill: invertColor(color, true), position: \"absolute\", left: 1, top: 1, zIndex: 10,}}>\n                <svg viewBox=\"0 0 24 24\" style={{width: 20, height: 20}}>\n                    <path d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\"/>\n                </svg>\n            </div>}\n            <Swatch\n                color={color}\n                onClick={onClick}\n                onHover={onSwatchHover}\n                focus={active}\n                focusStyle={focusSwatch}\n                style={style}\n                title={title}\n            />\n        </div>\n    )\n}\n\nexport default handleHover(ColorSwatch)"]}

package/components/color/colorUtils.d.ts

@@ -1,7 +1,7 @@
-export default class ColorUtils {
-    static d2IntToRGB(num: number): string;
-    static d2IntToHex(num: number): string;
-    static hexToD2Int(hex: string): number;
-    private static padZero;
-    static invertColor(hex: string, bw: boolean): string;
-}
+export default class ColorUtils {
+    static d2IntToRGB(num: number): string;
+    static d2IntToHex(num: number): string;
+    static hexToD2Int(hex: string): number;
+    private static padZero;
+    static invertColor(hex: string, bw: boolean): string;
+}

package/components/color/colorUtils.js

@@ -1,44 +1,44 @@
-export default class ColorUtils {
-    static d2IntToRGB(num) {
-        const b = (num & 0xFF0000) >>> 16, g = (num & 0xFF00) >>> 8, r = num & 0xFF;
-        return "rgb(" + [r, g, b].join(",") + ")";
-    }
-    static d2IntToHex(num) {
-        const b = (num & 0xFF0000) >>> 16, g = (num & 0xFF00) >>> 8, r = num & 0xFF;
-        return "#" + r.toString(16).padStart(2, '0') + g.toString(16).padStart(2, '0') + b.toString(16).padStart(2, '0');
-    }
-    static hexToD2Int(hex) {
-        const r = parseInt(hex.substr(1, 2), 16), g = (parseInt(hex.substr(3, 2), 16) << 8), b = (parseInt(hex.substr(5, 2), 16) << 16);
-        return r + g + b;
-    }
-    static padZero(s, length = 2) {
-        while (s.length < length) {
-            s = '0' + s;
-        }
-        return s;
-    }
-    static invertColor(hex, bw) {
-        if (hex.indexOf('#') === 0) {
-            hex = hex.slice(1);
-        }
-        if (hex.length === 3) {
-            hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
-        }
-        if (hex.length !== 6) {
-            throw new Error('Invalid HEX color.');
-        }
-        const r = parseInt(hex.slice(0, 2), 16);
-        const g = parseInt(hex.slice(2, 4), 16);
-        const b = parseInt(hex.slice(4, 6), 16);
-        if (bw) {
-            return (r * 0.299 + g * 0.587 + b * 0.114) > 186
-                ? '#000000'
-                : '#FFFFFF';
-        }
-        const rString = (255 - r).toString(16);
-        const gString = (255 - g).toString(16);
-        const bString = (255 - b).toString(16);
-        return "#" + this.padZero(rString) + this.padZero(gString) + this.padZero(bString);
-    }
-}
+export default class ColorUtils {
+    static d2IntToRGB(num) {
+        const b = (num & 0xFF0000) >>> 16, g = (num & 0xFF00) >>> 8, r = num & 0xFF;
+        return "rgb(" + [r, g, b].join(",") + ")";
+    }
+    static d2IntToHex(num) {
+        const b = (num & 0xFF0000) >>> 16, g = (num & 0xFF00) >>> 8, r = num & 0xFF;
+        return "#" + r.toString(16).padStart(2, '0') + g.toString(16).padStart(2, '0') + b.toString(16).padStart(2, '0');
+    }
+    static hexToD2Int(hex) {
+        const r = parseInt(hex.slice(1, 1 + 2), 16), g = (parseInt(hex.slice(3, 3 + 2), 16) << 8), b = (parseInt(hex.slice(5, 5 + 2), 16) << 16);
+        return r + g + b;
+    }
+    static padZero(s, length = 2) {
+        while (s.length < length) {
+            s = '0' + s;
+        }
+        return s;
+    }
+    static invertColor(hex, bw) {
+        if (hex.indexOf('#') === 0) {
+            hex = hex.slice(1);
+        }
+        if (hex.length === 3) {
+            hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
+        }
+        if (hex.length !== 6) {
+            throw new Error('Invalid HEX color.');
+        }
+        const r = parseInt(hex.slice(0, 2), 16);
+        const g = parseInt(hex.slice(2, 4), 16);
+        const b = parseInt(hex.slice(4, 6), 16);
+        if (bw) {
+            return (r * 0.299 + g * 0.587 + b * 0.114) > 186
+                ? '#000000'
+                : '#FFFFFF';
+        }
+        const rString = (255 - r).toString(16);
+        const gString = (255 - g).toString(16);
+        const bString = (255 - b).toString(16);
+        return "#" + this.padZero(rString) + this.padZero(gString) + this.padZero(bString);
+    }
+}
 //# sourceMappingURL=colorUtils.js.map

package/components/color/colorUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"colorUtils.js","sourceRoot":"","sources":["../../../../components/color/colorUtils.ts"],"names":[],"mappings":"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","sourcesContent":["export default class ColorUtils {\n    static d2IntToRGB(num: number): string {\n        // d2000 posiela farbu vo formate bgr\n        const b = (num & 0xFF0000) >>> 16,\n            g = (num & 0xFF00) >>> 8,\n            r = num & 0xFF;\n        return \"rgb(\" + [r, g, b].join(\",\") + \")\";\n    }\n\n    static d2IntToHex(num: number): string {\n        // d2000 posiela farbu vo formate bgr\n        const b = (num & 0xFF0000) >>> 16,\n            g = (num & 0xFF00) >>> 8,\n            r = num & 0xFF;\n        return \"#\" + r.toString(16).padStart(2, '0') + g.toString(16).padStart(2, '0') + b.toString(16).padStart(2, '0');\n    }\n\n    static hexToD2Int(hex: string): number {\n        const r = parseInt(hex.substr(1, 2), 16),\n            g = (parseInt(hex.substr(3, 2), 16) << 8),\n            b = (parseInt(hex.substr(5, 2), 16) << 16);\n\n        return r + g + b;\n    }\n\n    private static padZero(s: string, length: number = 2) {\n        while (s.length < length) {\n            s = '0' + s;\n        }\n        return s;\n    }\n\n    static invertColor(hex: string, bw: boolean) {\n        if (hex.indexOf('#') === 0) {\n            hex = hex.slice(1);\n        }\n        // convert 3-digit hex to 6-digits.\n        if (hex.length === 3) {\n            hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];\n        }\n        if (hex.length !== 6) {\n            throw new Error('Invalid HEX color.');\n        }\n        const r = parseInt(hex.slice(0, 2), 16);\n        const g = parseInt(hex.slice(2, 4), 16);\n        const b = parseInt(hex.slice(4, 6), 16);\n        if (bw) {\n            // http://stackoverflow.com/a/3943023/112731\n            return (r * 0.299 + g * 0.587 + b * 0.114) > 186\n                ? '#000000'\n                : '#FFFFFF';\n        }\n        // invert color components\n        const rString = (255 - r).toString(16);\n        const gString = (255 - g).toString(16);\n        const bString = (255 - b).toString(16);\n        // pad each with zeros and return\n        return \"#\" + this.padZero(rString) + this.padZero(gString) + this.padZero(bString);\n    }\n}"]}
+{"version":3,"file":"colorUtils.js","sourceRoot":"","sources":["../../../../components/color/colorUtils.ts"],"names":[],"mappings":"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","sourcesContent":["export default class ColorUtils {\r\n    static d2IntToRGB(num: number): string {\r\n        // d2000 posiela farbu vo formate bgr\r\n        const b = (num & 0xFF0000) >>> 16,\r\n            g = (num & 0xFF00) >>> 8,\r\n            r = num & 0xFF;\r\n        return \"rgb(\" + [r, g, b].join(\",\") + \")\";\r\n    }\r\n\r\n    static d2IntToHex(num: number): string {\r\n        // d2000 posiela farbu vo formate bgr\r\n        const b = (num & 0xFF0000) >>> 16,\r\n            g = (num & 0xFF00) >>> 8,\r\n            r = num & 0xFF;\r\n        return \"#\" + r.toString(16).padStart(2, '0') + g.toString(16).padStart(2, '0') + b.toString(16).padStart(2, '0');\r\n    }\r\n\r\n    static hexToD2Int(hex: string): number {\r\n        const r = parseInt(hex.slice(1, 1 + 2), 16),\r\n            g = (parseInt(hex.slice(3, 3 + 2), 16) << 8),\r\n            b = (parseInt(hex.slice(5, 5 + 2), 16) << 16);\r\n\r\n        return r + g + b;\r\n    }\r\n\r\n    private static padZero(s: string, length: number = 2) {\r\n        while (s.length < length) {\r\n            s = '0' + s;\r\n        }\r\n        return s;\r\n    }\r\n\r\n    static invertColor(hex: string, bw: boolean) {\r\n        if (hex.indexOf('#') === 0) {\r\n            hex = hex.slice(1);\r\n        }\r\n        // convert 3-digit hex to 6-digits.\r\n        if (hex.length === 3) {\r\n            hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];\r\n        }\r\n        if (hex.length !== 6) {\r\n            throw new Error('Invalid HEX color.');\r\n        }\r\n        const r = parseInt(hex.slice(0, 2), 16);\r\n        const g = parseInt(hex.slice(2, 4), 16);\r\n        const b = parseInt(hex.slice(4, 6), 16);\r\n        if (bw) {\r\n            // http://stackoverflow.com/a/3943023/112731\r\n            return (r * 0.299 + g * 0.587 + b * 0.114) > 186\r\n                ? '#000000'\r\n                : '#FFFFFF';\r\n        }\r\n        // invert color components\r\n        const rString = (255 - r).toString(16);\r\n        const gString = (255 - g).toString(16);\r\n        const bString = (255 - b).toString(16);\r\n        // pad each with zeros and return\r\n        return \"#\" + this.padZero(rString) + this.padZero(gString) + this.padZero(bString);\r\n    }\r\n}"]}

package/components/date/dateRangeInput.d.ts

@@ -1,64 +1,66 @@
-import React, { HTMLAttributes } from "react";
-import { Moment } from "moment";
-import { TooltipPlacement } from "antd/es/tooltip";
-export declare enum DateRangeInputMode {
-    SIMPLE = 0,
-    ADVANCED = 1
-}
-export interface DateRangeInputProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
-    mask: string;
-    fromValue: Moment | null;
-    toValue: Moment | null;
-    onChange?: (fromValue: Moment | null, toValue: Moment | null) => void;
-    onInvalidValue?: (input: string) => void;
-    disabled?: boolean;
-    minDateTime?: Moment;
-    maxDateTime?: Moment;
-    allowClear?: boolean;
-    ranges?: {
-        [rangeName: string]: () => [Moment, Moment];
-    };
-    hidePopup?: boolean;
-    renderAsCalendar?: boolean;
-    placement?: TooltipPlacement;
-    align?: {
-        points?: [string, string];
-        offset?: [number, number];
-        targetOffset?: [number, number];
-        overflow?: {
-            adjustX?: boolean;
-            adjustY?: boolean;
-        };
-        useCssRight?: boolean;
-        useCssBottom?: boolean;
-        useCssTransform?: boolean;
-    };
-    defaultMode?: DateRangeInputMode;
-    onModeChange?(mode: DateRangeInputMode): void;
-    onFocus?(): void;
-    onBlur?(): void;
-    confirmButtonsRenderer?(): React.ReactNode;
-    onPopupVisibleChange?(visible: boolean): void;
-}
-interface DateRangeInputState {
-    valid: boolean;
-    selectionStartDate: Moment | null;
-    popupKeyIndex: number;
-    popupVisible: boolean;
-    mode: DateRangeInputMode;
-}
-export default class DateRangeInput extends React.Component<DateRangeInputProps, DateRangeInputState> {
-    constructor(props: Readonly<DateRangeInputProps>);
-    componentDidUpdate(_prevProps: Readonly<DateRangeInputProps>, prevState: Readonly<DateRangeInputState>): void;
-    getDefaultSelectedDateForFromPanel(fromDate: Moment | null, toDate: Moment | null): Moment;
-    private getFromValue;
-    private getToValue;
-    closePopup(): void;
-    private onChange;
-    private renderSimplePart;
-    private renderAdvancedPart;
-    renderPopup(): React.ReactElement;
-    renderInput(): JSX.Element;
-    render(): any;
-}
-export {};
+import React, { HTMLAttributes } from "react";
+import { Dayjs } from "dayjs";
+import { TooltipPlacement } from "antd/es/tooltip";
+import { SizeType } from "antd/lib/config-provider/SizeContext";
+export declare enum DateRangeInputMode {
+    SIMPLE = 0,
+    ADVANCED = 1
+}
+export interface DateRangeInputProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    mask: string;
+    fromValue: Dayjs | null;
+    toValue: Dayjs | null;
+    onChange?: (fromValue: Dayjs | null, toValue: Dayjs | null) => void;
+    onInvalidValue?: (input: string) => void;
+    disabled?: boolean;
+    minDateTime?: Dayjs;
+    maxDateTime?: Dayjs;
+    allowClear?: boolean;
+    ranges?: {
+        [rangeName: string]: () => [Dayjs, Dayjs];
+    };
+    size?: SizeType;
+    hidePopup?: boolean;
+    renderAsCalendar?: boolean;
+    placement?: TooltipPlacement;
+    align?: {
+        points?: [string, string];
+        offset?: [number, number];
+        targetOffset?: [number, number];
+        overflow?: {
+            adjustX?: boolean;
+            adjustY?: boolean;
+        };
+        useCssRight?: boolean;
+        useCssBottom?: boolean;
+        useCssTransform?: boolean;
+    };
+    defaultMode?: DateRangeInputMode;
+    onModeChange?(mode: DateRangeInputMode): void;
+    onFocus?(): void;
+    onBlur?(): void;
+    confirmButtonsRenderer?(): React.ReactNode;
+    onPopupVisibleChange?(visible: boolean): void;
+}
+interface DateRangeInputState {
+    valid: boolean;
+    selectionStartDate: Dayjs | null;
+    popupKeyIndex: number;
+    popupVisible: boolean;
+    mode: DateRangeInputMode;
+}
+export default class DateRangeInput extends React.Component<DateRangeInputProps, DateRangeInputState> {
+    constructor(props: Readonly<DateRangeInputProps>);
+    componentDidUpdate(_prevProps: Readonly<DateRangeInputProps>, prevState: Readonly<DateRangeInputState>): void;
+    getDefaultSelectedDateForFromPanel(fromDate: Dayjs | null, toDate: Dayjs | null): Dayjs;
+    private getFromValue;
+    private getToValue;
+    closePopup(): void;
+    private onChange;
+    private renderSimplePart;
+    private renderAdvancedPart;
+    renderPopup(): React.ReactElement;
+    renderInput(): React.JSX.Element;
+    render(): any;
+}
+export {};