@gravity-ui/date-components 1.5.0 → 2.0.1

package/dist/cjs/components/RelativeRangeDatePicker/components/Presets/PresetsDoc.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PresetsDoc = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const icons_1 = require("@gravity-ui/icons");
+const uikit_1 = require("@gravity-ui/uikit");
+const cn_1 = require("../../../../utils/cn");
+const getButtonSizeForInput_1 = require("../../../utils/getButtonSizeForInput");
+const i18n_1 = require("./i18n");
+require("./PresetsDoc.css");
+const b = (0, cn_1.block)('relative-range-date-picker-presets-doc');
+const columns = [
+    {
+        id: 'title',
+        name: () => {
+            return (0, i18n_1.i18n)('Range');
+        },
+    },
+    {
+        id: 'from',
+        name: () => {
+            return (0, i18n_1.i18n)('From');
+        },
+    },
+    {
+        id: 'to',
+        name: () => {
+            return (0, i18n_1.i18n)('To');
+        },
+    },
+];
+const data = [
+    {
+        get title() {
+            return (0, i18n_1.i18n)('Last 5 minutes');
+        },
+        from: 'now — 5m',
+        to: 'now',
+    },
+    {
+        get title() {
+            return (0, i18n_1.i18n)('From start of day');
+        },
+        from: 'now/d',
+        to: 'now',
+    },
+    {
+        get title() {
+            return (0, i18n_1.i18n)('This week');
+        },
+        from: 'now/w',
+        to: 'now/w',
+    },
+    {
+        get title() {
+            return (0, i18n_1.i18n)('From start of week');
+        },
+        from: 'now/w',
+        to: 'now',
+    },
+    {
+        get title() {
+            return (0, i18n_1.i18n)('Previous month');
+        },
+        from: 'now — 1M/M',
+        to: 'now — 1M/M',
+    },
+];
+function PresetsExamples({ size }) {
+    return (0, jsx_runtime_1.jsx)(uikit_1.Table, { columns: columns, data: data, className: b('table', { size }) });
+}
+function DesktopDoc({ className, size }) {
+    return ((0, jsx_runtime_1.jsx)(uikit_1.Popover, { className: b(null, className), tooltipContentClassName: b('content'), hasArrow: false, content: (0, jsx_runtime_1.jsx)(PresetsExamples, { size: size }), children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { className: b('button'), view: "flat-secondary", size: (0, getButtonSizeForInput_1.getButtonSizeForInput)(size), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.CircleQuestion }) }) }));
+}
+function MobileDoc({ className, size }) {
+    const [open, setOpen] = react_1.default.useState(false);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), children: [(0, jsx_runtime_1.jsx)(uikit_1.Button, { className: b('button'), view: "flat-secondary", size: "l", onClick: () => {
+                    setOpen(true);
+                }, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.CircleQuestion }) }), (0, jsx_runtime_1.jsx)(uikit_1.Sheet, { visible: open, onClose: () => setOpen(false), children: (0, jsx_runtime_1.jsx)(PresetsExamples, { size: size }) })] }));
+}
+function PresetsDoc({ className, size }) {
+    const isMobile = (0, uikit_1.useMobile)();
+    if (isMobile) {
+        return (0, jsx_runtime_1.jsx)(MobileDoc, { className: className, size: size });
+    }
+    return (0, jsx_runtime_1.jsx)(DesktopDoc, { className: className, size: size });
+}
+exports.PresetsDoc = PresetsDoc;

package/dist/cjs/components/RelativeRangeDatePicker/components/Presets/defaultPresets.d.ts

@@ -0,0 +1,9 @@
+export interface Preset {
+    from: string;
+    to: string;
+    title: string;
+}
+export declare const DEFAULT_DATE_PRESETS: Preset[];
+export declare const DEFAULT_TIME_PRESETS: Preset[];
+export declare const DEFAULT_OTHERS_PRESETS: Preset[];
+export declare const allPresets: Preset[];

package/dist/cjs/components/RelativeRangeDatePicker/components/Presets/defaultPresets.js

@@ -0,0 +1,186 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.allPresets = exports.DEFAULT_OTHERS_PRESETS = exports.DEFAULT_TIME_PRESETS = exports.DEFAULT_DATE_PRESETS = void 0;
+const i18n_1 = require("./i18n");
+exports.DEFAULT_DATE_PRESETS = [
+    {
+        from: 'now-1d',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last day');
+        },
+    },
+    {
+        from: 'now-3d',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last 3 days');
+        },
+    },
+    {
+        from: 'now-1w',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last week');
+        },
+    },
+    {
+        from: 'now-1M',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last month');
+        },
+    },
+    {
+        from: 'now-3M',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last 3 months');
+        },
+    },
+    {
+        from: 'now-6M',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last 6 months');
+        },
+    },
+    {
+        from: 'now-1y',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last year');
+        },
+    },
+    {
+        from: 'now-3y',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last 3 years');
+        },
+    },
+];
+exports.DEFAULT_TIME_PRESETS = [
+    {
+        from: 'now-5m',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last 5 minutes');
+        },
+    },
+    {
+        from: 'now-15m',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last 15 minutes');
+        },
+    },
+    {
+        from: 'now-30m',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last 30 minutes');
+        },
+    },
+    {
+        from: 'now-1h',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last hour');
+        },
+    },
+    {
+        from: 'now-3h',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last 3 hours');
+        },
+    },
+    {
+        from: 'now-6h',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last 6 hours');
+        },
+    },
+    {
+        from: 'now-12h',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('Last 12 hours');
+        },
+    },
+];
+exports.DEFAULT_OTHERS_PRESETS = [
+    {
+        from: 'now/d',
+        to: 'now/d',
+        get title() {
+            return (0, i18n_1.i18n)('Today');
+        },
+    },
+    {
+        from: 'now-1d/d',
+        to: 'now-1d/d',
+        get title() {
+            return (0, i18n_1.i18n)('Yesterday');
+        },
+    },
+    {
+        from: 'now-2d/d',
+        to: 'now-2d/d',
+        get title() {
+            return (0, i18n_1.i18n)('Day before yesterday');
+        },
+    },
+    {
+        from: 'now/w',
+        to: 'now/w',
+        get title() {
+            return (0, i18n_1.i18n)('This week');
+        },
+    },
+    {
+        from: 'now/M',
+        to: 'now/M',
+        get title() {
+            return (0, i18n_1.i18n)('This month');
+        },
+    },
+    {
+        from: 'now/y',
+        to: 'now/y',
+        get title() {
+            return (0, i18n_1.i18n)('This year');
+        },
+    },
+    {
+        from: 'now/d',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('From start of day');
+        },
+    },
+    {
+        from: 'now/w',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('From start of week');
+        },
+    },
+    {
+        from: 'now/M',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('From start of month');
+        },
+    },
+    {
+        from: 'now/y',
+        to: 'now',
+        get title() {
+            return (0, i18n_1.i18n)('From start of year');
+        },
+    },
+];
+exports.allPresets = exports.DEFAULT_TIME_PRESETS.concat(exports.DEFAULT_DATE_PRESETS, exports.DEFAULT_OTHERS_PRESETS);

package/dist/cjs/components/RelativeRangeDatePicker/components/Presets/i18n/en.json

@@ -0,0 +1,40 @@
+{
+  "Last 5 minutes": "Last 5 minutes",
+  "Last 15 minutes": "Last 15 minutes",
+  "Last 30 minutes": "Last 30 minutes",
+  "Last hour": "Last hour",
+  "Last 3 hours": "Last 3 hours",
+  "Last 6 hours": "Last 6 hours",
+  "Last 12 hours": "Last 12 hours",
+  "Last day": "Last day",
+  "Last 3 days": "Last 3 days",
+  "Last week": "Last week",
+  "Last month": "Last month",
+  "Last 3 months": "Last 3 months",
+  "Last 6 months": "Last 6 months",
+  "Last year": "Last year",
+  "Last 3 years": "Last 3 years",
+  "Today": "Today",
+  "Yesterday": "Yesterday",
+  "Day before yesterday": "Day before yesterday",
+  "This week": "This week",
+  "This month": "This month",
+  "This year": "This year",
+  "From start of day": "From start of day",
+  "From start of week": "From start of week",
+  "From start of month": "From start of month",
+  "From start of year": "From start of year",
+  "Previous month": "Previous month",
+  "Last {count} {unit}": "Last {{count}} {{unit}}",
+  "m": ["minute", "minutes", "minutes"],
+  "h": ["hour", "hours", "hours"],
+  "d": ["day", "days", "days"],
+  "w": ["week", "weeks", "weeks"],
+  "M": ["month", "months", "months"],
+  "y": ["year", "years", "years"],
+  "Main": "Main",
+  "Other": "Other",
+  "Range": "Range",
+  "From": "From",
+  "To": "To"
+}

package/dist/cjs/components/RelativeRangeDatePicker/components/Presets/i18n/index.d.ts

@@ -0,0 +1 @@
+export declare const i18n: (key: "m" | "y" | "M" | "d" | "h" | "w" | "Last 5 minutes" | "Last 15 minutes" | "Last 30 minutes" | "Last hour" | "Last 3 hours" | "Last 6 hours" | "Last 12 hours" | "Last day" | "Last 3 days" | "Last week" | "Last month" | "Last 3 months" | "Last 6 months" | "Last year" | "Last 3 years" | "Today" | "Yesterday" | "Day before yesterday" | "This week" | "This month" | "This year" | "From start of day" | "From start of week" | "From start of month" | "From start of year" | "Previous month" | "Main" | "Other" | "Range" | "From" | "To" | "Last {count} {unit}", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/dist/cjs/components/RelativeRangeDatePicker/components/Presets/i18n/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
+const tslib_1 = require("tslib");
+const i18n_1 = require("@gravity-ui/uikit/i18n");
+const cn_1 = require("../../../../../utils/cn");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}relative-range-date-picker-presets`);

package/dist/cjs/components/RelativeRangeDatePicker/components/Presets/i18n/ru.json

@@ -0,0 +1,40 @@
+{
+  "Last 5 minutes": "Последние 5 минут",
+  "Last 15 minutes": "Последние 15 минут",
+  "Last 30 minutes": "Последние 30 минут",
+  "Last hour": "Последний час",
+  "Last 3 hours": "Последние 3 часа",
+  "Last 6 hours": "Последние 6 часов",
+  "Last 12 hours": "Последние 12 часов",
+  "Last day": "Последний день",
+  "Last 3 days": "Последние 3 дня",
+  "Last week": "Последняя неделя",
+  "Last month": "Последний месяц",
+  "Last 3 months": "Последние 3 месяца",
+  "Last 6 months": "Последние 6 месяцев",
+  "Last year": "Последний год",
+  "Last 3 years": "Последние 3 года",
+  "Today": "Сегодня",
+  "Yesterday": "Вчера",
+  "Day before yesterday": "Позавчера",
+  "This week": "Эта неделя",
+  "This month": "Этот месяц",
+  "This year": "Этот год",
+  "From start of day": "С начала дня",
+  "From start of week": "С начала недели",
+  "From start of month": "С начала месяца",
+  "From start of year": "С начала года",
+  "Previous month": "Предыдущий месяц",
+  "Last {count} {unit}": "Last {{count}} {{unit}}",
+  "m": ["minute", "minutes", "minutes"],
+  "h": ["hour", "hours", "hours"],
+  "d": ["day", "days", "days"],
+  "w": ["week", "weeks", "weeks"],
+  "M": ["month", "months", "months"],
+  "y": ["year", "years", "years"],
+  "Main": "Основные",
+  "Other": "Другие",
+  "Range": "Период",
+  "From": "От",
+  "To": "До"
+}

package/dist/cjs/components/RelativeRangeDatePicker/components/Presets/utils.d.ts

@@ -0,0 +1,16 @@
+import type { DateTime } from '@gravity-ui/date-utils';
+import type { Preset } from './defaultPresets';
+export declare function getPresetTitle(start: string, end: string, presets?: Preset[]): string;
+export declare function filterPresets(presets: Preset[], minValue?: DateTime): Preset[];
+export interface PresetTab {
+    id: string;
+    title: string;
+    presets: Preset[];
+}
+export declare function getDefaultPresetTabs({ withTime, minValue, }: {
+    minValue?: DateTime;
+    withTime?: boolean;
+}): PresetTab[];
+export declare function filterPresetTabs(tabs: PresetTab[], { minValue }?: {
+    minValue?: DateTime;
+}): PresetTab[];

package/dist/cjs/components/RelativeRangeDatePicker/components/Presets/utils.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.filterPresetTabs = exports.getDefaultPresetTabs = exports.filterPresets = exports.getPresetTitle = void 0;
+const date_utils_1 = require("@gravity-ui/date-utils");
+const defaultPresets_1 = require("./defaultPresets");
+const i18n_1 = require("./i18n");
+function getPresetTitle(start, end, presets = defaultPresets_1.allPresets) {
+    const startText = start.replace(/\s+/g, '');
+    const endText = end.replace(/\s+/g, '');
+    for (const preset of presets) {
+        if (preset.from === startText && preset.to === endText) {
+            return preset.title;
+        }
+    }
+    if (end === 'now') {
+        const match = /^now-(\d+)([m|h|d|w|M|y])$/.exec(start);
+        if (match) {
+            const [, count, unit] = match;
+            if (isDateUnit(unit)) {
+                return (0, i18n_1.i18n)('Last {count} {unit}', {
+                    count,
+                    unit: (0, i18n_1.i18n)(unit, { count: Number(count) }),
+                });
+            }
+        }
+    }
+    return startText + ' — ' + endText;
+}
+exports.getPresetTitle = getPresetTitle;
+function isDateUnit(value) {
+    return ['m', 'h', 'd', 'w', 'M', 'y'].includes(value);
+}
+function filterPresets(presets, minValue) {
+    return presets.filter((preset) => {
+        const from = (0, date_utils_1.dateTimeParse)(preset.from);
+        const to = (0, date_utils_1.dateTimeParse)(preset.to, { roundUp: true });
+        if (!from || !to) {
+            return false;
+        }
+        if (to.isBefore(from)) {
+            return false;
+        }
+        if (minValue && from.isBefore(minValue)) {
+            return false;
+        }
+        return true;
+    });
+}
+exports.filterPresets = filterPresets;
+function getDefaultPresetTabs({ withTime, minValue, }) {
+    const tabs = [];
+    const mainTab = {
+        id: 'main',
+        title: (0, i18n_1.i18n)('Main'),
+        presets: [],
+    };
+    const mainPresets = defaultPresets_1.DEFAULT_DATE_PRESETS;
+    if (withTime) {
+        mainPresets.unshift(...defaultPresets_1.DEFAULT_TIME_PRESETS);
+    }
+    mainTab.presets = filterPresets(mainPresets, minValue);
+    if (mainTab.presets.length > 0) {
+        tabs.push(mainTab);
+    }
+    const otherTab = {
+        id: 'other',
+        title: (0, i18n_1.i18n)('Other'),
+        presets: filterPresets(defaultPresets_1.DEFAULT_OTHERS_PRESETS, minValue),
+    };
+    if (otherTab.presets.length > 0) {
+        tabs.push(otherTab);
+    }
+    return tabs;
+}
+exports.getDefaultPresetTabs = getDefaultPresetTabs;
+function filterPresetTabs(tabs, { minValue } = {}) {
+    return tabs.reduce((acc, tab) => {
+        const presets = filterPresets(tab.presets, minValue);
+        if (presets.length) {
+            acc.push(Object.assign(Object.assign({}, tab), { presets }));
+        }
+        return acc;
+    }, []);
+}
+exports.filterPresetTabs = filterPresetTabs;

package/dist/cjs/components/RelativeRangeDatePicker/components/Zones/Zones.css

@@ -0,0 +1,3 @@
+.g-date-relative-range-date-picker-zones__control {
+  --g-button-background-color-hover: transparent;
+}

package/dist/cjs/components/RelativeRangeDatePicker/components/Zones/Zones.d.ts

@@ -0,0 +1,9 @@
+import './Zones.css';
+export interface ZonesProps {
+    value: string;
+    onUpdate: (timeZone: string) => void;
+    size?: 's' | 'm' | 'l' | 'xl';
+    isMobile?: boolean;
+    disabled?: boolean;
+}
+export declare function Zones(props: ZonesProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/RelativeRangeDatePicker/components/Zones/Zones.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Zones = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const date_utils_1 = require("@gravity-ui/date-utils");
+const icons_1 = require("@gravity-ui/icons");
+const uikit_1 = require("@gravity-ui/uikit");
+const cn_1 = require("../../../../utils/cn");
+const utils_1 = require("../../utils");
+const i18n_1 = require("./i18n");
+require("./Zones.css");
+const groups = {};
+const zones = (0, date_utils_1.getTimeZonesList)().reduce((opts, value) => {
+    const [groupName] = value.split('/');
+    if (groupName) {
+        let group = groups[groupName];
+        if (!group) {
+            group = { label: groupName, options: [] };
+            groups[groupName] = group;
+            opts.push(group);
+        }
+        group.options.push({ value });
+    }
+    return opts;
+}, []);
+zones.unshift({
+    value: 'UTC',
+});
+zones.unshift({
+    value: 'system',
+    get content() {
+        return (0, i18n_1.i18n)('system');
+    },
+});
+zones.unshift({
+    value: 'default',
+    get content() {
+        return (0, i18n_1.i18n)('default');
+    },
+});
+const b = (0, cn_1.block)('relative-range-date-picker-zones');
+function Zones(props) {
+    const timeZone = (0, utils_1.normalizeTimeZone)(props.value);
+    const size = props.isMobile ? 'xl' : props.size;
+    return ((0, jsx_runtime_1.jsx)(uikit_1.Select, { value: [timeZone], options: zones, size: size, onUpdate: (v) => {
+            const tz = v[0];
+            if (tz) {
+                props.onUpdate(tz);
+            }
+        }, width: "max", renderControl: (controlProps) => {
+            const value = timeZone === 'system' || timeZone === 'default' ? (0, i18n_1.i18n)(timeZone) : timeZone;
+            return ((0, jsx_runtime_1.jsxs)(uikit_1.Button, { onClick: controlProps.onClick, ref: controlProps.ref, view: "flat-secondary", width: "max", pin: "clear-clear", size: size, extraProps: {
+                    'aria-haspopup': 'listbox',
+                    'aria-expanded': controlProps.open,
+                    onKeyDown: controlProps.onKeyDown,
+                }, className: b('control'), children: [`${value} (${(0, utils_1.getTimeZoneOffset)(timeZone)})`, (0, jsx_runtime_1.jsx)(uikit_1.Icon, { className: b('control-icon'), data: icons_1.ChevronRight, size: props.isMobile ? 20 : 16 })] }));
+        }, renderOption: ({ value, content }) => {
+            const v = content !== null && content !== void 0 ? content : value;
+            return ((0, jsx_runtime_1.jsxs)("span", { className: b('item'), children: [(0, jsx_runtime_1.jsxs)("span", { className: b('item-title'), title: value, children: [v, "\u00A0"] }), (0, jsx_runtime_1.jsx)(uikit_1.Text, { color: "secondary", children: (0, utils_1.getTimeZoneOffset)(value) })] }));
+        }, filterable: true }));
+}
+exports.Zones = Zones;

package/dist/cjs/components/RelativeRangeDatePicker/components/Zones/i18n/en.json

@@ -0,0 +1,4 @@
+{
+  "default": "Default",
+  "system": "Browser time"
+}

package/dist/cjs/components/RelativeRangeDatePicker/components/Zones/i18n/index.d.ts

@@ -0,0 +1 @@
+export declare const i18n: (key: "default" | "system", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/dist/cjs/components/RelativeRangeDatePicker/components/Zones/i18n/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
+const tslib_1 = require("tslib");
+const i18n_1 = require("@gravity-ui/uikit/i18n");
+const cn_1 = require("../../../../../utils/cn");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}relative-range-date-picker-zones`);

package/dist/cjs/components/RelativeRangeDatePicker/components/Zones/i18n/ru.json

@@ -0,0 +1,4 @@
+{
+  "default": "Дефолтная",
+  "system": "Браузерное время"
+}

package/dist/cjs/components/RelativeRangeDatePicker/hooks/useRelativeRangeDatePickerState.d.ts

@@ -0,0 +1,26 @@
+import type { DateTime } from '@gravity-ui/date-utils';
+import type { Value } from '../../RelativeDatePicker';
+import type { RangeValue } from '../../types';
+export interface RelativeRangeDatePickerState {
+    value: RangeValue<Value | null> | null;
+    timeZone: string;
+    setValue: (value: RangeValue<Value | null> | null, timeZone: string) => void;
+    isInvalid: boolean;
+    errors: string[];
+}
+export interface RelativeRangeDatePickerStateOptions {
+    value?: RangeValue<Value | null> | null;
+    defaultValue?: RangeValue<Value | null>;
+    onUpdate?: (value: RangeValue<Value | null> | null, timeZone: string) => void;
+    timeZone?: string;
+    defaultTimeZone?: string;
+    onUpdateTimeZone?: (timeZone: string) => void;
+    /** The minimum allowed date that a user may select. */
+    minValue?: DateTime;
+    /** The maximum allowed date that a user may select. */
+    maxValue?: DateTime;
+    /** Callback that is called for each date of the calendar. If it returns true, then the date is unavailable. */
+    isDateUnavailable?: (date: DateTime) => boolean;
+    allowNullableValues?: boolean;
+}
+export declare function useRelativeRangeDatePickerState(props: RelativeRangeDatePickerStateOptions): RelativeRangeDatePickerState;