@gravity-ui/date-components 1.6.0 → 2.1.0

package/dist/esm/components/RelativeRangeDatePicker/components/Presets/Presets.d.ts

@@ -0,0 +1,18 @@
+import type { DateTime } from '@gravity-ui/date-utils';
+import type { PresetTab } from './utils';
+import './Presets.css';
+export interface PresetProps {
+    className?: string;
+    onChoosePreset: (start: string, end: string) => void;
+    withTime?: boolean;
+    minValue?: DateTime;
+    size?: 's' | 'm' | 'l' | 'xl';
+    presetTabs?: PresetTab[];
+}
+export declare function Presets({ className, size, minValue, withTime, onChoosePreset, presetTabs, }: PresetProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const SIZE_TO_ITEM_HEIGHT: {
+    s: number;
+    m: number;
+    l: number;
+    xl: number;
+};

package/dist/esm/components/RelativeRangeDatePicker/components/Presets/Presets.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { List, Tabs } from '@gravity-ui/uikit';
+import { block } from '../../../../utils/cn';
+import { PresetsDoc } from './PresetsDoc';
+import { filterPresetTabs, getDefaultPresetTabs } from './utils';
+import './Presets.css';
+const b = block('relative-range-date-picker-presets');
+export function Presets({ className, size = 'm', minValue, withTime, onChoosePreset, presetTabs, }) {
+    var _a, _b;
+    const tabs = React.useMemo(() => {
+        return filterPresetTabs(presetTabs !== null && presetTabs !== void 0 ? presetTabs : getDefaultPresetTabs({ withTime }), { minValue });
+    }, [withTime, minValue, presetTabs]);
+    const [activeTabId, setActiveTab] = React.useState((_a = tabs[0]) === null || _a === void 0 ? void 0 : _a.id);
+    if (tabs.length === 0) {
+        return null;
+    }
+    const activeTab = (_b = tabs.find((tab) => tab.id === activeTabId)) !== null && _b !== void 0 ? _b : tabs[0];
+    if (!activeTab) {
+        return null;
+    }
+    if (activeTab.id !== activeTabId) {
+        setActiveTab(activeTab.id);
+    }
+    return (_jsxs("div", { className: b({ size }, className), children: [_jsxs("div", { className: b('tabs'), children: [_jsx(Tabs, { activeTab: activeTabId, onSelectTab: setActiveTab, items: tabs, size: size === 's' ? 'm' : size }), _jsx(PresetsDoc, { className: b('doc'), size: size })] }), _jsx("div", { className: b('content'), children: _jsx(PresetsList, { presets: activeTab.presets, onChoosePreset: onChoosePreset, size: size }) })] }));
+}
+export const SIZE_TO_ITEM_HEIGHT = {
+    s: 28,
+    m: 28,
+    l: 32,
+    xl: 36,
+};
+function PresetsList({ presets, onChoosePreset, size = 'm' }) {
+    const ref = React.useRef(null);
+    React.useEffect(() => {
+        var _a, _b;
+        const list = ref.current;
+        const container = (_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.refContainer.current) === null || _b === void 0 ? void 0 : _b.node;
+        if (list && container) {
+            try {
+                container.setAttribute('tabindex', '0');
+                container.setAttribute('class', b('list-container'));
+                const handleFocus = () => {
+                    if (list.getActiveItem() === null) {
+                        list.activateItem(0, true);
+                    }
+                };
+                container.addEventListener('focus', handleFocus);
+                return () => {
+                    container.removeEventListener('focus', handleFocus);
+                };
+            }
+            catch (_c) {
+                // Oooops
+            }
+        }
+        return undefined;
+    }, []);
+    return (_jsx(List, { ref: ref, className: b('list'), itemClassName: b('item'), items: presets, filterable: false, virtualized: false, renderItem: (item) => item.title, itemHeight: SIZE_TO_ITEM_HEIGHT[size], onItemClick: (item) => {
+            onChoosePreset(item.from, item.to);
+        } }));
+}

package/dist/esm/components/RelativeRangeDatePicker/components/Presets/PresetsDoc.css

@@ -0,0 +1,14 @@
+.g-date-relative-range-date-picker-presets-doc__button {
+  --g-button-background-color-hover: transparent;
+}
+.g-date-relative-range-date-picker-presets-doc__content {
+  --g-popover-max-width: "none";
+}
+.g-date-relative-range-date-picker-presets-doc__table_size_xl {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+  font-weight: var(--g-text-body-font-weight);
+}
+.g-date-relative-range-date-picker-presets-doc__table > table {
+  width: 100%;
+}

package/dist/esm/components/RelativeRangeDatePicker/components/Presets/PresetsDoc.d.ts

@@ -0,0 +1,7 @@
+import './PresetsDoc.css';
+interface PresetsDocProps {
+    className?: string;
+    size?: 's' | 'm' | 'l' | 'xl';
+}
+export declare function PresetsDoc({ className, size }: PresetsDocProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { CircleQuestion } from '@gravity-ui/icons';
+import { Button, Icon, Popover, Sheet, Table, useMobile } from '@gravity-ui/uikit';
+import { block } from '../../../../utils/cn';
+import { getButtonSizeForInput } from '../../../utils/getButtonSizeForInput';
+import { i18n } from './i18n';
+import './PresetsDoc.css';
+const b = block('relative-range-date-picker-presets-doc');
+const columns = [
+    {
+        id: 'title',
+        name: () => {
+            return i18n('Range');
+        },
+    },
+    {
+        id: 'from',
+        name: () => {
+            return i18n('From');
+        },
+    },
+    {
+        id: 'to',
+        name: () => {
+            return i18n('To');
+        },
+    },
+];
+const data = [
+    {
+        get title() {
+            return i18n('Last 5 minutes');
+        },
+        from: 'now - 5m',
+        to: 'now',
+    },
+    {
+        get title() {
+            return i18n('From start of day');
+        },
+        from: 'now/d',
+        to: 'now',
+    },
+    {
+        get title() {
+            return i18n('This week');
+        },
+        from: 'now/w',
+        to: 'now/w',
+    },
+    {
+        get title() {
+            return i18n('From start of week');
+        },
+        from: 'now/w',
+        to: 'now',
+    },
+    {
+        get title() {
+            return i18n('Previous month');
+        },
+        from: 'now - 1M/M',
+        to: 'now - 1M/M',
+    },
+];
+function PresetsExamples({ size }) {
+    return _jsx(Table, { columns: columns, data: data, className: b('table', { size }) });
+}
+function DesktopDoc({ className, size }) {
+    return (_jsx(Popover, { className: b(null, className), tooltipContentClassName: b('content'), hasArrow: false, content: _jsx(PresetsExamples, { size: size }), children: _jsx(Button, { className: b('button'), view: "flat-secondary", size: getButtonSizeForInput(size), children: _jsx(Icon, { data: CircleQuestion }) }) }));
+}
+function MobileDoc({ className, size }) {
+    const [open, setOpen] = React.useState(false);
+    return (_jsxs("div", { className: b(null, className), children: [_jsx(Button, { className: b('button'), view: "flat-secondary", size: "l", onClick: () => {
+                    setOpen(true);
+                }, children: _jsx(Icon, { data: CircleQuestion }) }), _jsx(Sheet, { visible: open, onClose: () => setOpen(false), children: _jsx(PresetsExamples, { size: size }) })] }));
+}
+export function PresetsDoc({ className, size }) {
+    const isMobile = useMobile();
+    if (isMobile) {
+        return _jsx(MobileDoc, { className: className, size: size });
+    }
+    return _jsx(DesktopDoc, { className: className, size: size });
+}

package/dist/esm/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/esm/components/RelativeRangeDatePicker/components/Presets/defaultPresets.js

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

package/dist/esm/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/esm/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/esm/components/RelativeRangeDatePicker/components/Presets/i18n/index.js

@@ -0,0 +1,5 @@
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../../../utils/cn';
+import en from './en.json';
+import ru from './ru.json';
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}relative-range-date-picker-presets`);

package/dist/esm/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/esm/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/esm/components/RelativeRangeDatePicker/components/Presets/utils.js

@@ -0,0 +1,78 @@
+import { dateTimeParse } from '@gravity-ui/date-utils';
+import { DEFAULT_DATE_PRESETS, DEFAULT_OTHERS_PRESETS, DEFAULT_TIME_PRESETS, allPresets, } from './defaultPresets';
+import { i18n } from './i18n';
+export function getPresetTitle(start, end, presets = 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 i18n('Last {count} {unit}', {
+                    count,
+                    unit: i18n(unit, { count: Number(count) }),
+                });
+            }
+        }
+    }
+    return startText + ' — ' + endText;
+}
+function isDateUnit(value) {
+    return ['m', 'h', 'd', 'w', 'M', 'y'].includes(value);
+}
+export function filterPresets(presets, minValue) {
+    return presets.filter((preset) => {
+        const from = dateTimeParse(preset.from);
+        const to = 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;
+    });
+}
+export function getDefaultPresetTabs({ withTime, minValue, }) {
+    const tabs = [];
+    const mainTab = {
+        id: 'main',
+        title: i18n('Main'),
+        presets: [],
+    };
+    const mainPresets = DEFAULT_DATE_PRESETS;
+    if (withTime) {
+        mainPresets.unshift(...DEFAULT_TIME_PRESETS);
+    }
+    mainTab.presets = filterPresets(mainPresets, minValue);
+    if (mainTab.presets.length > 0) {
+        tabs.push(mainTab);
+    }
+    const otherTab = {
+        id: 'other',
+        title: i18n('Other'),
+        presets: filterPresets(DEFAULT_OTHERS_PRESETS, minValue),
+    };
+    if (otherTab.presets.length > 0) {
+        tabs.push(otherTab);
+    }
+    return tabs;
+}
+export 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;
+    }, []);
+}

package/dist/esm/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/esm/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/esm/components/RelativeRangeDatePicker/components/Zones/Zones.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTimeZonesList } from '@gravity-ui/date-utils';
+import { ChevronRight } from '@gravity-ui/icons';
+import { Button, Icon, Select, Text } from '@gravity-ui/uikit';
+import { block } from '../../../../utils/cn';
+import { getTimeZoneOffset, normalizeTimeZone } from '../../utils';
+import { i18n } from './i18n';
+import './Zones.css';
+const groups = {};
+const zones = 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 i18n('system');
+    },
+});
+zones.unshift({
+    value: 'default',
+    get content() {
+        return i18n('default');
+    },
+});
+const b = block('relative-range-date-picker-zones');
+export function Zones(props) {
+    const timeZone = normalizeTimeZone(props.value);
+    const size = props.isMobile ? 'xl' : props.size;
+    return (_jsx(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' ? i18n(timeZone) : timeZone;
+            return (_jsxs(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} (${getTimeZoneOffset(timeZone)})`, _jsx(Icon, { className: b('control-icon'), data: ChevronRight, size: props.isMobile ? 20 : 16 })] }));
+        }, renderOption: ({ value, content }) => {
+            const v = content !== null && content !== void 0 ? content : value;
+            return (_jsxs("span", { className: b('item'), children: [_jsxs("span", { className: b('item-title'), title: value, children: [v, "\u00A0"] }), _jsx(Text, { color: "secondary", children: getTimeZoneOffset(value) })] }));
+        }, filterable: true }));
+}

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

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

package/dist/esm/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/esm/components/RelativeRangeDatePicker/components/Zones/i18n/index.js

@@ -0,0 +1,5 @@
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../../../utils/cn';
+import en from './en.json';
+import ru from './ru.json';
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}relative-range-date-picker-zones`);

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

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