@gravity-ui/date-components 2.11.0 → 3.0.0-beta.0

package/dist/cjs/components/RangeDateSelection/components/Ticks/UnavialableTicks.js

@@ -1,15 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeSlitTicksGeometry = exports.makeMiddleTicksGeometry = void 0;
 exports.UnavailableTicks = UnavailableTicks;
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const cn_1 = require("../../../../utils/cn");
-const Ruler_1 = require("../Ruler/Ruler");
-const utils_1 = require("./utils");
+const react_1 = tslib_1.__importDefault(require("react"));
+const cn_1 = require("../../../../utils/cn.js");
+const Ruler_1 = require("../Ruler/Ruler.js");
+const utils_1 = require("./utils.js");
 Object.defineProperty(exports, "makeMiddleTicksGeometry", { enumerable: true, get: function () { return utils_1.makeMiddleTicksGeometry; } });
 Object.defineProperty(exports, "makeSlitTicksGeometry", { enumerable: true, get: function () { return utils_1.makeSlitTicksGeometry; } });
 require("./Ticks.css");
@@ -48,3 +46,4 @@ function UnavailableTicks({ theme, geometry, tickWidth, minValue, maxValue, clas
     const ticksPath = (0, jsx_runtime_1.jsx)("path", { className: b({ theme }, className), d: ticksGeometry });
     return (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: ticksPath });
 }
+//# sourceMappingURL=UnavialableTicks.js.map

package/dist/cjs/components/RangeDateSelection/components/Ticks/UnavialableTicks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnavialableTicks.js","sourceRoot":"../../../../../../src","sources":["components/RangeDateSelection/components/Ticks/UnavialableTicks.tsx"],"names":[],"mappings":";;;AA2BA,4CA8CC;;;AAzED,0DAA0B;AAI1B,gDAA2C;AAC3C,6CAA0E;AAG1E,sCAA0F;AAgBlF,wGAhBmB,+BAAuB,OAgBnB;AAAE,sGAhBmB,6BAAqB,OAgBnB;AAdtD,uBAAsB;AAYtB,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,gBAAgB,CAAC,CAAC;AAKlC,SAAgB,gBAAgB,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,GACA;IACT,MAAM,QAAQ,GAAG,IAAA,6BAAqB,GAAE,CAAC;IACzC,MAAM,QAAQ,GAAG,IAAA,2BAAmB,GAAE,CAAC;IAEvC,MAAM,QAAQ,GAAG,IAAA,yBAAiB,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IACvE,MAAM,UAAU,GAAG,IAAA,yBAAiB,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEzE,MAAM,UAAU,GAAa,EAAE,CAAC;IAChC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;QACnC,IAAI,CAAC,GAAG,QAAQ,GAAG,SAAS,CAAC;QAC7B,IAAI,QAAQ,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAC;YAC5B,CAAC,GAAG,QAAQ,GAAG,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,CAAC;QACnF,CAAC;QACD,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACnB,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;YACX,CAAC,IAAI,SAAS,CAAC;YACf,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACvB,CAAC;IACL,CAAC;IAED,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,UAAU,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAC;QACpD,IAAI,CAAC,GAAG,UAAU,CAAC;QACnB,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;YACjB,CAAC,GAAG,UAAU,GAAG,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;QACtF,CAAC;QACD,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACnB,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAC;YACxB,CAAC,IAAI,SAAS,CAAC;YACf,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACvB,CAAC;IACL,CAAC;IAED,MAAM,aAAa,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAE3B,MAAM,SAAS,GAAG,iCAAM,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,EAAE,CAAC,EAAE,aAAa,GAAI,CAAC;IAE/E,OAAO,uBAAC,eAAK,CAAC,QAAQ,cAAE,SAAS,GAAkB,CAAC;AACxD,CAAC","sourcesContent":["import React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\n\nimport {block} from '../../../../utils/cn';\nimport {useViewportDimensions, useViewportInterval} from '../Ruler/Ruler';\n\nimport type {Geometry} from './utils';\nimport {calculatePosition, makeMiddleTicksGeometry, makeSlitTicksGeometry} from './utils';\n\nimport './Ticks.scss';\n\ninterface TicksProps {\n    theme: 'normal' | 'dim';\n    tickWidth: number;\n    minValue?: DateTime;\n    maxValue?: DateTime;\n\n    geometry: Geometry;\n    className?: string;\n}\n\nconst b = block('timeline-ticks');\n\nexport {makeMiddleTicksGeometry, makeSlitTicksGeometry};\nexport type {Geometry};\n\nexport function UnavailableTicks({\n    theme,\n    geometry,\n    tickWidth,\n    minValue,\n    maxValue,\n    className,\n}: TicksProps) {\n    const viewport = useViewportDimensions();\n    const interval = useViewportInterval();\n\n    const endPoint = calculatePosition(minValue, interval, viewport.width);\n    const startPoint = calculatePosition(maxValue, interval, viewport.width);\n\n    const tickCoords: number[] = [];\n    if (!isNaN(endPoint) && endPoint > 0) {\n        let x = endPoint - tickWidth;\n        if (endPoint > viewport.width) {\n            x = endPoint - tickWidth * Math.floor((endPoint - viewport.width) / tickWidth);\n        }\n        tickCoords.push(x);\n        while (x > 0) {\n            x -= tickWidth;\n            tickCoords.push(x);\n        }\n    }\n\n    if (!isNaN(startPoint) && startPoint < viewport.width) {\n        let x = startPoint;\n        if (startPoint < 0) {\n            x = startPoint + tickWidth * Math.floor((0 - startPoint) / tickWidth) - tickWidth;\n        }\n        tickCoords.push(x);\n        while (x < viewport.width) {\n            x += tickWidth;\n            tickCoords.push(x);\n        }\n    }\n\n    const ticksGeometry = React.useMemo(() => {\n        return tickCoords.map(geometry).join('');\n    }, [geometry, tickCoords]);\n\n    const ticksPath = <path className={b({theme}, className)} d={ticksGeometry} />;\n\n    return <React.Fragment>{ticksPath}</React.Fragment>;\n}\n"]}

package/dist/cjs/components/RangeDateSelection/components/Ticks/utils.d.ts

@@ -1,5 +1,5 @@
 import type { DateTime } from '@gravity-ui/date-utils/build/typings';
-import type { RangeValue } from '../../../types';
+import type { RangeValue } from "../../../types/index.js";
 interface CalculateTicksOptions {
     viewportStart: DateTime;
     viewportEnd: DateTime;

package/dist/cjs/components/RangeDateSelection/components/Ticks/utils.js

@@ -7,8 +7,8 @@ exports.makeSlitTicksGeometry = makeSlitTicksGeometry;
 exports.makeUnavailableTicksGeometry = makeUnavailableTicksGeometry;
 exports.calculatePosition = calculatePosition;
 const date_utils_1 = require("@gravity-ui/date-utils");
-const constants_1 = require("../../../utils/constants");
-const span_1 = require("../../utils/span");
+const constants_1 = require("../../../utils/constants.js");
+const span_1 = require("../../utils/span.js");
 const MAX_TICKS = 100000;
 function makeTickSizes(periodSize, periodName, ...multipliers) {
     return multipliers.map((m) => ({
@@ -164,3 +164,4 @@ function calculatePosition(value, interval, width) {
     const timeToXCoeff = (0, span_1.getLerpCoeff)({ start: interval.start.valueOf(), end: interval.end.valueOf() }, { start: 0, end: width });
     return Math.round((value.valueOf() - interval.start.valueOf()) * timeToXCoeff);
 }
+//# sourceMappingURL=utils.js.map

package/dist/cjs/components/RangeDateSelection/components/Ticks/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../../src","sources":["components/RangeDateSelection/components/Ticks/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import {dateTimeUtc, settings} from '@gravity-ui/date-utils';\nimport type {DateTime, DurationUnit} from '@gravity-ui/date-utils/build/typings';\n\nimport type {RangeValue} from '../../../types';\nimport {DAY, HOUR, MINUTE, MONTH, SECOND, WEEK, YEAR} from '../../../utils/constants';\nimport {getLerpCoeff} from '../../utils/span';\n\nconst MAX_TICKS = 100000;\n\ninterface TickSize {\n    duration: number;\n    period: DurationUnit;\n    multiplier: number;\n}\nfunction makeTickSizes(\n    periodSize: number,\n    periodName: DurationUnit,\n    ...multipliers: number[]\n): TickSize[] {\n    return multipliers.map((m) => ({\n        duration: m * periodSize,\n        period: periodName,\n        multiplier: m,\n    }));\n}\n\nconst tickSizes = [\n    ...makeTickSizes(SECOND, 'second', 1, 2, 5, 10, 15, 30),\n    ...makeTickSizes(MINUTE, 'minute', 1, 2, 5, 10, 20, 30),\n    ...makeTickSizes(HOUR, 'hour', 1, 2, 3, 6, 12),\n    ...makeTickSizes(DAY, 'day', 1, 2, 3),\n    ...makeTickSizes(WEEK, 'week', 1, 2),\n    ...makeTickSizes(MONTH, 'month', 1, 2, 3, 6),\n    ...makeTickSizes(YEAR, 'year', 1, 2, 5, 10, 15, 20, 30),\n];\n\nconst TickFormat = {\n    SECONDS: 'HH:mm:ss',\n    MINUTES: 'HH:mm',\n    DATE: 'DD.MM.YY',\n    MONTH: 'MM-YYYY',\n    YEAR: 'YYYY',\n} as const;\n\ninterface FindTickSizeOpts {\n    minWidth: number;\n    maxWidth: number;\n    timelineWidth: number;\n    timelineDuration: number;\n}\n\nfunction findTickSize({minWidth, maxWidth, timelineWidth, timelineDuration}: FindTickSizeOpts) {\n    const minDuration = (minWidth / timelineWidth) * timelineDuration;\n    const maxDuration = (maxWidth / timelineWidth) * timelineDuration;\n\n    const suitableSizes: TickSize[] = [];\n\n    for (const size of tickSizes) {\n        if (minDuration <= size.duration) {\n            if (size.duration <= maxDuration) {\n                suitableSizes.push(size);\n            } else if (!suitableSizes.length) {\n                return size;\n            }\n        }\n    }\n\n    if (!suitableSizes.length) {\n        return tickSizes[tickSizes.length - 1];\n    }\n\n    return suitableSizes[Math.floor(suitableSizes.length / 2)];\n}\n\ninterface CalculateTicksOptions {\n    viewportStart: DateTime;\n    viewportEnd: DateTime;\n    minTickWidth: number;\n    maxTickWidth: number;\n    viewportWidth: number;\n\n    timeZone?: string;\n}\n\nexport function calculateTickTimes({\n    viewportStart,\n    viewportEnd,\n    minTickWidth,\n    maxTickWidth,\n    viewportWidth,\n    timeZone,\n}: CalculateTicksOptions) {\n    const tickSize = findTickSize({\n        minWidth: minTickWidth,\n        maxWidth: maxTickWidth,\n        timelineDuration: viewportEnd.valueOf() - viewportStart.valueOf(),\n        timelineWidth: viewportWidth,\n    });\n\n    let cursor: DateTime;\n    const stableDate = dateTimeUtc({input: '1977-01-01'}).timeZone(\n        timeZone || settings.getDefaultTimeZone(),\n        true,\n    );\n    const diff = stableDate.diff(viewportStart, tickSize.period);\n    const divider = tickSize.multiplier;\n    const multiplier = Math.floor(diff / divider);\n    cursor = stableDate.subtract(multiplier * divider, tickSize.period);\n    if (viewportStart.isBefore(cursor)) {\n        cursor = cursor.subtract(divider, tickSize.period);\n    }\n    const timeDiff = stableDate.utcOffset() - cursor.utcOffset();\n    if (\n        timeDiff !== 0 &&\n        (tickSize.period === 'hour' || tickSize.period === 'minute' || tickSize.period === 'second')\n    ) {\n        cursor = cursor.add(timeDiff, 'minutes');\n    }\n\n    const ticks: number[] = [];\n\n    let i = 0;\n    let maxTickValue = cursor.valueOf();\n\n    while (cursor.valueOf() < viewportEnd.valueOf()) {\n        if (i >= MAX_TICKS) {\n            throw new Error('TimeLine: too much ticks');\n        }\n        i++;\n        ticks.push(cursor.valueOf());\n\n        let next = cursor.add(tickSize.multiplier, tickSize.period);\n\n        // Get time shift when season timeZone changed\n        const timeDiff = cursor.utcOffset() - next.utcOffset();\n\n        if (\n            timeDiff !== 0 &&\n            (tickSize.period === 'hour' ||\n                tickSize.period === 'minute' ||\n                tickSize.period === 'second')\n        ) {\n            // Tick should be on same local time distance. Then labels will have correct format (such as date/week/month)\n            // For example, Amsterdam timezone:\n            //\n            //  2023-10-28T22:00Z -> Summer time is 2023-10-29T00:00, displays as 29.10.2023\n            //  2023-10-29T22:00Z -> Winter time is 2023-10-29T23:00, displays as 23:00\n            //\n            //  Add 1h:\n            //  2023-10-29T23:00Z -> Winter time is 2023-10-30T00:00, displays as 30.10.2023\n            //\n            next = next.add(timeDiff, 'minutes');\n\n            let k = 1;\n            while (next.valueOf() <= maxTickValue) {\n                // Example of case, Amsterdam timezone:\n                //  2023-03-26T00:00Z -> Winter time is 2023-03-26T01:00, displays as 01:00\n                //  2023-03-26T01:00Z -> Summer time is 2023-03-26T03:00, displays as 03:00\n                // We shift time on -1h... And again:\n                //  2023-03-26T00:00Z -> Winter time is 2023-03-26T01:00, displays as 01:00\n                // Infinite loop\n                //\n                // Therefore we need to skip period in the past\n                next = next\n                    .add(tickSize.multiplier * k++, tickSize.period)\n                    .add(timeDiff, 'minutes');\n            }\n        }\n\n        cursor = next;\n        maxTickValue = Math.max(maxTickValue, cursor.valueOf());\n    }\n\n    return ticks;\n}\n\nexport function formatTick(t: DateTime) {\n    let format: string;\n\n    if (t.valueOf() % MINUTE === 0) {\n        if (t.hour() === 0 && t.minute() === 0) {\n            if (t.date() === 1) {\n                if (t.month() === 0) {\n                    format = TickFormat.YEAR;\n                } else {\n                    format = TickFormat.MONTH;\n                }\n            } else {\n                format = TickFormat.DATE;\n            }\n        } else {\n            format = TickFormat.MINUTES;\n        }\n    } else {\n        format = TickFormat.SECONDS;\n    }\n\n    return t.format(format);\n}\n\nexport interface Geometry {\n    (x: number): string;\n}\n\ninterface MakeTicksOptions {\n    tickHeight: number;\n    viewportHeight: number;\n}\nexport function makeMiddleTicksGeometry({tickHeight, viewportHeight}: MakeTicksOptions): Geometry {\n    const tickYStart = (viewportHeight - tickHeight) / 2;\n    return (x) => `M${x},${tickYStart}l0,${tickHeight}`;\n}\n\nexport function makeSlitTicksGeometry({tickHeight, viewportHeight}: MakeTicksOptions): Geometry {\n    const slitHeight = viewportHeight - 2 * tickHeight;\n    return (x) => `M${x},0l0,${tickHeight}m0,${slitHeight}l0,${tickHeight}`;\n}\n\nexport function makeUnavailableTicksGeometry({\n    tickHeight,\n    viewportHeight,\n}: MakeTicksOptions): Geometry {\n    const w = tickHeight;\n    const h = viewportHeight;\n    return (x) => `M${x},0l${h},${h}l${w},0l${-h},${-h}l${-w},0`;\n}\n\nexport function calculatePosition(\n    value: DateTime | undefined,\n    interval: RangeValue<DateTime>,\n    width: number,\n) {\n    if (!value) {\n        return NaN;\n    }\n    const timeToXCoeff = getLerpCoeff(\n        {start: interval.start.valueOf(), end: interval.end.valueOf()},\n        {start: 0, end: width},\n    );\n    return Math.round((value.valueOf() - interval.start.valueOf()) * timeToXCoeff);\n}\n"]}

package/dist/cjs/components/RangeDateSelection/hooks/useRangeDateSelectionState.d.ts

@@ -1,5 +1,5 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { RangeValue, ValueBase } from '../../types';
+import type { RangeValue, ValueBase } from "../../types/index.js";
 export interface RangeDateSelectionState {
     viewportInterval: RangeValue<DateTime>;
     value: RangeValue<DateTime>;

package/dist/cjs/components/RangeDateSelection/hooks/useRangeDateSelectionState.js

@@ -1,15 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRangeDateSelectionState = useRangeDateSelectionState;
-const react_1 = __importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const constants_1 = require("../../utils/constants");
-const dates_1 = require("../../utils/dates");
-const useDefaultTimeZone_1 = require("../../utils/useDefaultTimeZone");
-const date_1 = require("../utils/date");
+const constants_1 = require("../../utils/constants.js");
+const dates_1 = require("../../utils/dates.js");
+const useDefaultTimeZone_1 = require("../../utils/useDefaultTimeZone.js");
+const date_1 = require("../utils/date.js");
 function getViewportIntervalFromDates(start, end, numberOfIntervals = 4, placeInViewport = 0.5) {
     const diff = end.diff(start);
     return {
@@ -148,3 +146,4 @@ function useRangeDateSelectionState(props) {
         isDragging,
     };
 }
+//# sourceMappingURL=useRangeDateSelectionState.js.map

package/dist/cjs/components/RangeDateSelection/hooks/useRangeDateSelectionState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRangeDateSelectionState.js","sourceRoot":"../../../../../src","sources":["components/RangeDateSelection/hooks/useRangeDateSelectionState.ts"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {useControlledState} from '@gravity-ui/uikit';\n\nimport type {RangeValue, ValueBase} from '../../types';\nimport {SECOND, YEAR} from '../../utils/constants';\nimport {constrainValue, createPlaceholderValue} from '../../utils/dates';\nimport {useDefaultTimeZone} from '../../utils/useDefaultTimeZone';\nimport {alignDateTime} from '../utils/date';\n\nfunction getViewportIntervalFromDates(\n    start: DateTime,\n    end: DateTime,\n    numberOfIntervals = 4,\n    placeInViewport = 0.5,\n) {\n    const diff = end.diff(start);\n    return {\n        start: start.subtract(diff * (numberOfIntervals - 1) * placeInViewport),\n        end: end.add(diff * (numberOfIntervals - 1) * (1 - placeInViewport)),\n    };\n}\n\nexport interface RangeDateSelectionState {\n    viewportInterval: RangeValue<DateTime>;\n    value: RangeValue<DateTime>;\n    setValue: (value: RangeValue<DateTime>) => void;\n    timeZone: string;\n    setDraggingValue: (value: RangeValue<DateTime> | null) => void;\n    canResize: boolean;\n    startDragging: () => void;\n    move: (delta: number, options?: {visualMinDuration?: number}) => void;\n    scale: (scale: number, options?: {visualMinDuration?: number; fixedPoint?: number}) => void;\n    moveStart: (delta: number, options?: {visualMinDuration?: number}) => void;\n    moveEnd: (delta: number, options?: {visualMinDuration?: number}) => void;\n    endDragging: () => void;\n    align: number;\n    isDragging: boolean;\n}\n\nexport interface RangeDateSelectionOptions extends ValueBase<RangeValue<DateTime>> {\n    /** The minimum allowed date that a user may select. */\n    minValue?: DateTime;\n    /** The maximum allowed date that a user may select. */\n    maxValue?: DateTime;\n    /** Minimum duration of the selection in milliseconds. Defaults to 1 second. */\n    minDuration?: number;\n    /** Maximum duration of the selection in milliseconds. Defaults to 15 years. */\n    maxDuration?: number;\n    /** Alignment of the selection in milliseconds. Defaults to 1 second. */\n    align?: number;\n    /** A placeholder date that controls the default values of each segment when the user first interacts with them. Defaults to today's date at midnight. */\n    placeholderValue?: DateTime;\n    /**\n     * Which timezone use to show values. Example: 'default', 'system', 'Europe/Amsterdam'.\n     * @default The timezone of the `value` or `defaultValue` or `placeholderValue`, 'default' otherwise.\n     */\n    timeZone?: string;\n    /**\n     * The number of selection intervals that fit into the underlying ruler.\n     *\n     * @default 4\n     */\n    numberOfIntervals?: number;\n    /**\n     * Place of the selection on the underlying ruler.\n     * Value must be between 0 and 1, where 0 is the start of the ruler and 1 is the end.\n     *\n     * @default 0.5 - center of the ruler\n     */\n    placeOnRuler?: number;\n}\n\nexport function useRangeDateSelectionState(\n    props: RangeDateSelectionOptions,\n): RangeDateSelectionState {\n    const inputTimeZone = useDefaultTimeZone(\n        props.value?.start || props.defaultValue?.start || props.placeholderValue,\n    );\n    const timeZone = props.timeZone || inputTimeZone;\n\n    const placeholderValue = createPlaceholderValue({\n        placeholderValue: props.placeholderValue,\n        timeZone,\n    });\n\n    const [isDragging, setIsDragging] = React.useState(false);\n    const [currentValue, setCurrentValue] = React.useState<RangeValue<DateTime> | null>(null);\n\n    const [value, setValue] = useControlledState(\n        props.value,\n        props.defaultValue ?? {\n            start: placeholderValue.startOf('day').timeZone(inputTimeZone),\n            end: placeholderValue.endOf('day').timeZone(inputTimeZone),\n        },\n        props.onUpdate,\n    );\n\n    const setInterval = (newValue: RangeValue<DateTime>) => {\n        setCurrentValue(null);\n        setValue({\n            start: alignDateTime(newValue.start, props.align).timeZone(inputTimeZone),\n            end: alignDateTime(newValue.end, props.align).timeZone(inputTimeZone),\n        });\n    };\n\n    const displayValue = {\n        start: value.start.timeZone(timeZone),\n        end: value.end.timeZone(timeZone),\n    };\n    const interval = isDragging ? displayValue : currentValue ?? displayValue;\n\n    const viewportInterval = getViewportIntervalFromDates(\n        interval.start,\n        interval.end,\n        props.numberOfIntervals,\n        props.placeOnRuler,\n    );\n\n    const minValue = props.minValue?.isAfter(viewportInterval.start)\n        ? props.minValue\n        : viewportInterval.start;\n    const maxValue = props.maxValue?.isBefore(viewportInterval.end)\n        ? props.maxValue\n        : viewportInterval.end;\n\n    const align = props.align ?? SECOND;\n    const minDuration = Math.max(props.minDuration ?? SECOND, align);\n    const maxDuration = Math.max(\n        Math.min(props.maxDuration ?? 15 * YEAR, maxValue.diff(minValue)),\n        minDuration,\n    );\n\n    const canResize = minDuration < maxDuration;\n\n    const draggingState = React.useRef<RangeValue<DateTime> | null>(null);\n    const setDraggingValue = (v: RangeValue<DateTime> | null) => {\n        draggingState.current = v;\n        setCurrentValue(v);\n    };\n    const startDragging = () => {\n        setIsDragging(true);\n        setDraggingValue(displayValue);\n    };\n\n    const endDragging = () => {\n        setIsDragging(false);\n        if (draggingState.current) {\n            setInterval(draggingState.current);\n        }\n    };\n\n    const moveInterval = (delta: number) => {\n        if (!draggingState.current) {\n            return;\n        }\n        const {start, end} = draggingState.current;\n        let newStart = start.add(delta, 'millisecond');\n        let newEnd = end.add(delta, 'millisecond');\n        const diff = newEnd.diff(newStart);\n        if (newStart.valueOf() < minValue.valueOf()) {\n            newStart = minValue;\n            newEnd = constrainValue(newStart.add(diff, 'millisecond'), newStart, maxValue);\n        } else if (newEnd.valueOf() > maxValue.valueOf()) {\n            newEnd = maxValue;\n            newStart = constrainValue(newEnd.subtract(diff, 'millisecond'), minValue, newEnd);\n        }\n        setDraggingValue({start: newStart, end: newEnd});\n    };\n\n    const moveStart = (\n        delta: number,\n        {visualMinDuration = minDuration}: {visualMinDuration?: number} = {},\n    ) => {\n        if (!draggingState.current) {\n            return;\n        }\n        const {start, end} = draggingState.current;\n        let newStart = start.add(delta, 'millisecond');\n        const deltaMin = Math.max(visualMinDuration, minDuration);\n        const deltaMax = Math.min(maxDuration, end.diff(minValue));\n        newStart = constrainValue(\n            newStart,\n            end.subtract(deltaMax, 'millisecond'),\n            end.subtract(deltaMin, 'millisecond'),\n        );\n        setDraggingValue({start: newStart, end});\n    };\n\n    const moveEnd = (\n        delta: number,\n        {visualMinDuration = minDuration}: {visualMinDuration?: number} = {},\n    ) => {\n        if (!draggingState.current) {\n            return;\n        }\n        const {start, end} = draggingState.current;\n        let newEnd = end.add(delta, 'millisecond');\n        const deltaMin = Math.max(visualMinDuration, minDuration);\n        const deltaMax = Math.min(maxDuration, maxValue.diff(start));\n\n        newEnd = constrainValue(\n            end.add(delta, 'millisecond'),\n            start.add(deltaMin, 'millisecond'),\n            start.add(deltaMax, 'millisecond'),\n        );\n\n        setDraggingValue({start, end: newEnd});\n    };\n\n    const zoomInterval = (\n        scale: number,\n        {\n            visualMinDuration = minDuration,\n            fixedPoint = 0.5,\n        }: {visualMinDuration?: number; fixedPoint?: number} = {},\n    ) => {\n        if (!draggingState.current) {\n            return;\n        }\n        const {start, end} = draggingState.current;\n        const len = end.diff(start);\n        let newDiff = len * scale;\n        newDiff = align * Math.round(newDiff / align);\n        newDiff = Math.min(\n            Math.max(newDiff, Math.max(visualMinDuration, minDuration)),\n            maxDuration,\n        );\n        let newStart = start.subtract(fixedPoint * (newDiff - len));\n        let newEnd = newStart.add(newDiff, 'millisecond');\n        const diff = newEnd.diff(newStart);\n        if (newStart.valueOf() < minValue.valueOf()) {\n            newStart = minValue;\n            newEnd = constrainValue(newStart.add(diff, 'millisecond'), newStart, maxValue);\n        } else if (newEnd.valueOf() > maxValue.valueOf()) {\n            newEnd = maxValue;\n            newStart = constrainValue(newEnd.subtract(diff, 'millisecond'), minValue, newEnd);\n        }\n\n        setDraggingValue({start: newStart, end: newEnd});\n    };\n\n    return {\n        viewportInterval,\n        value: currentValue ?? displayValue,\n        setValue: setInterval,\n        setDraggingValue,\n        canResize,\n        startDragging,\n        move: moveInterval,\n        scale: zoomInterval,\n        moveStart,\n        moveEnd,\n        endDragging,\n        timeZone,\n        align,\n        isDragging,\n    };\n}\n"]}

package/dist/cjs/components/RangeDateSelection/i18n/index.d.ts

@@ -1 +1,5 @@
-export declare const i18n: (key: "Range" | "Start of range" | "End of range" | "Increase range" | "Decrease range", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: ((key: "Range" | "Start of range" | "End of range" | "Increase range" | "Decrease range", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "g-date-range-date-selection": Record<"Range" | "Start of range" | "End of range" | "Increase range" | "Decrease range", import("@gravity-ui/i18n").KeyData>;
+    };
+};

package/dist/cjs/components/RangeDateSelection/i18n/index.js

@@ -1,11 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 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 = __importDefault(require("./en.json"));
-const ru_json_1 = __importDefault(require("./ru.json"));
+const cn_1 = require("../../../utils/cn.js");
+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}range-date-selection`);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/RangeDateSelection/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/RangeDateSelection/i18n/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA2D;AAE3D,6CAA4C;AAE5C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,sBAAsB,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}range-date-selection`);\n"]}

package/dist/cjs/components/RangeDateSelection/index.d.ts

@@ -1,3 +1,3 @@
-export * from './RangeDateSelection';
-export * from './hooks/useRangeDateSelectionState';
-export type { ViewportDimensions, ViewportInterval } from './components/Ruler/Ruler';
+export * from "./RangeDateSelection.js";
+export * from "./hooks/useRangeDateSelectionState.js";
+export type { ViewportDimensions, ViewportInterval } from "./components/Ruler/Ruler.js";

package/dist/cjs/components/RangeDateSelection/index.js

@@ -1,18 +1,6 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./RangeDateSelection"), exports);
-__exportStar(require("./hooks/useRangeDateSelectionState"), exports);
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./RangeDateSelection.js"), exports);
+tslib_1.__exportStar(require("./hooks/useRangeDateSelectionState.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/RangeDateSelection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["components/RangeDateSelection/index.ts"],"names":[],"mappings":";;;AAAA,kEAAqC;AACrC,gFAAmD","sourcesContent":["export * from './RangeDateSelection';\nexport * from './hooks/useRangeDateSelectionState';\n\nexport type {ViewportDimensions, ViewportInterval} from './components/Ruler/Ruler';\n"]}

package/dist/cjs/components/RangeDateSelection/utils/date.js

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.alignDateTime = alignDateTime;
 const date_utils_1 = require("@gravity-ui/date-utils");
-const constants_1 = require("../../utils/constants");
+const constants_1 = require("../../utils/constants.js");
 function alignDateTime(date, align = constants_1.SECOND) {
     return (0, date_utils_1.dateTimeUtc)({
         input: Math.round(date.utc(true).valueOf() / align) * align,
     }).timeZone(date.timeZone(), true);
 }
+//# sourceMappingURL=date.js.map

package/dist/cjs/components/RangeDateSelection/utils/date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.js","sourceRoot":"../../../../../src","sources":["components/RangeDateSelection/utils/date.ts"],"names":[],"mappings":";;AAKA,sCAIC;AATD,uDAAmD;AAGnD,wDAA6C;AAE7C,SAAgB,aAAa,CAAC,IAAc,EAAE,KAAK,GAAG,kBAAM;IACxD,OAAO,IAAA,wBAAW,EAAC;QACf,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,GAAG,KAAK;KAC9D,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,CAAC;AACvC,CAAC","sourcesContent":["import {dateTimeUtc} from '@gravity-ui/date-utils';\nimport type {DateTime} from '@gravity-ui/date-utils';\n\nimport {SECOND} from '../../utils/constants';\n\nexport function alignDateTime(date: DateTime, align = SECOND) {\n    return dateTimeUtc({\n        input: Math.round(date.utc(true).valueOf() / align) * align,\n    }).timeZone(date.timeZone(), true);\n}\n"]}

package/dist/cjs/components/RangeDateSelection/utils/span.js

@@ -25,3 +25,4 @@ function lerp(from, to, value) {
 function getLerpCoeff(from, to) {
     return (to.end - to.start) / (from.end - from.start);
 }
+//# sourceMappingURL=span.js.map

package/dist/cjs/components/RangeDateSelection/utils/span.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"span.js","sourceRoot":"../../../../../src","sources":["components/RangeDateSelection/utils/span.ts"],"names":[],"mappings":";;AAgBA,oBAEC;AAQD,oCAEC;AAvBD;;;;;;;;;;GAUG;AACH,SAAgB,IAAI,CAAC,IAAU,EAAE,EAAQ,EAAE,KAAa;IACpD,OAAO,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;AAC7F,CAAC;AAED;;;;;GAKG;AACH,SAAgB,YAAY,CAAC,IAAU,EAAE,EAAQ;IAC7C,OAAO,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;AACzD,CAAC","sourcesContent":["export interface Span {\n    start: number;\n    end: number;\n}\n\n/**\n * Implements linear interpolation (lerp).\n *\n * Calculates such a linear mapping `R -> R` that `from.start` will be mapped\n * into `to.start`, and `from.end` will be mapped to `to.end`. Then applies\n * this mapping to `value`.\n * @param from Interpolation domain\n * @param to Interpolation target\n * @param value Value from domain\n * @returns Value from target\n */\nexport function lerp(from: Span, to: Span, value: number): number {\n    return to.start + ((value - from.start) * (to.end - to.start)) / (from.end - from.start);\n}\n\n/**\n * Calculates a lerp scale coefficient\n * @param from Interpolation domain\n * @param to Interpolation target\n * @returns Scale coefficient\n */\nexport function getLerpCoeff(from: Span, to: Span): number {\n    return (to.end - to.start) / (from.end - from.start);\n}\n"]}

package/dist/cjs/components/RelativeDateField/RelativeDateField.css

@@ -13,4 +13,5 @@
 }
 .g-date-relative-date-field__time-field-wrapper {
   padding: 10px;
-}
+}
+/*# sourceMappingURL=RelativeDateField.css.map */

package/dist/cjs/components/RelativeDateField/RelativeDateField.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/RelativeDateField/data:;charset=utf-8,@use%20'../variables';%0A%0A$block:%20'.%23%7Bvariables.$ns%7Drelative-date-field';%0A%0A%23%7B$block%7D%20%7B%0A%20%20%20%20position:%20relative;%0A%0A%20%20%20%20display:%20inline-block;%0A%0A%20%20%20%20&__field%20%7B%0A%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__popup-content%20%7B%0A%20%20%20%20%20%20%20%20outline:%20none;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__time-field%20%7B%0A%20%20%20%20%20%20%20%20width:%20100%25;%0A%0A%20%20%20%20%20%20%20%20&-wrapper%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20padding:%2010px;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%7D%0A"],"names":[],"mappings":"AAIA;EACI;EAEA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI","sourcesContent":["@use '../variables';\n\n$block: '.#{variables.$ns}relative-date-field';\n\n#{$block} {\n    position: relative;\n\n    display: inline-block;\n\n    &__field {\n        width: 100%;\n    }\n\n    &__popup-content {\n        outline: none;\n    }\n\n    &__time-field {\n        width: 100%;\n\n        &-wrapper {\n            padding: 10px;\n        }\n    }\n}\n"],"file":"RelativeDateField.css"}

package/dist/cjs/components/RelativeDateField/RelativeDateField.d.ts

@@ -1,6 +1,6 @@
-import type { AccessibilityProps, DomProps, FocusableProps, InputDOMProps, KeyboardEvents, StyleProps, TextInputExtendProps, TextInputProps } from '../types';
-import type { RelativeDateFieldOptions } from './hooks/useRelativeDateFieldState';
-import './RelativeDateField.css';
+import type { AccessibilityProps, DomProps, FocusableProps, InputDOMProps, KeyboardEvents, StyleProps, TextInputExtendProps, TextInputProps } from "../types/index.js";
+import type { RelativeDateFieldOptions } from "./hooks/useRelativeDateFieldState.js";
+import "./RelativeDateField.css";
 export interface RelativeDateFieldProps extends RelativeDateFieldOptions, TextInputProps, TextInputExtendProps, DomProps, InputDOMProps, StyleProps, AccessibilityProps, FocusableProps, KeyboardEvents {
     /**
      * Show time field in popup

package/dist/cjs/components/RelativeDateField/RelativeDateField.js

@@ -1,40 +1,47 @@
 'use client';
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RelativeDateField = RelativeDateField;
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const cn_1 = require("../../utils/cn");
-const Calendar_1 = require("../Calendar");
-const DateField_1 = require("../DateField");
-const HiddenInput_1 = require("../HiddenInput/HiddenInput");
-const useRelativeDateFieldProps_1 = require("./hooks/useRelativeDateFieldProps");
-const useRelativeDateFieldState_1 = require("./hooks/useRelativeDateFieldState");
+const cn_1 = require("../../utils/cn.js");
+const Calendar_1 = require("../Calendar/index.js");
+const DateField_1 = require("../DateField/index.js");
+const HiddenInput_1 = require("../HiddenInput/HiddenInput.js");
+const useRelativeDateFieldProps_1 = require("./hooks/useRelativeDateFieldProps.js");
+const useRelativeDateFieldState_1 = require("./hooks/useRelativeDateFieldState.js");
 require("./RelativeDateField.css");
 const b = (0, cn_1.block)('relative-date-field');
 function RelativeDateField(props) {
     const state = (0, useRelativeDateFieldState_1.useRelativeDateFieldState)(props);
     const { inputProps, calendarProps, timeInputProps } = (0, useRelativeDateFieldProps_1.useRelativeDateFieldProps)(state, props);
     const isMobile = (0, uikit_1.useMobile)();
-    const anchorRef = react_1.default.useRef(null);
+    const [anchor, setAnchor] = react_1.default.useState(null);
     const [isOpen, setOpen] = react_1.default.useState(false);
     const { focusWithinProps } = (0, uikit_1.useFocusWithin)({
-        onBlurWithin: () => {
-            setOpen(false);
+        onFocusWithinChange: (isFocusWithin) => {
+            setOpen(isFocusWithin);
         },
         isDisabled: isMobile,
     });
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ role: "group", className: b(null, props.className), style: props.style }, focusWithinProps, { children: [(0, jsx_runtime_1.jsx)(uikit_1.TextInput, Object.assign({}, inputProps, { className: b('field'), ref: anchorRef, onFocus: (e) => {
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ role: "group", className: b(null, props.className), style: props.style }, focusWithinProps, { children: [(0, jsx_runtime_1.jsx)(uikit_1.TextInput, Object.assign({}, inputProps, { className: b('field'), ref: setAnchor, onBlur: props.onBlur, onKeyDown: (e) => {
                     var _a;
-                    if (!isMobile) {
+                    (_a = inputProps.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(inputProps, e);
+                    if (!e.defaultPrevented &&
+                        e.altKey &&
+                        (e.key === 'ArrowDown' || e.key === 'ArrowUp')) {
+                        e.preventDefault();
+                        e.stopPropagation();
                         setOpen(true);
                     }
-                    (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
-                }, onBlur: props.onBlur })), (0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { name: props.name, value: state.value, onReset: (value) => {
+                } })), (0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { name: props.name, value: state.value, onReset: (value) => {
                     state.setValue(value);
-                }, disabled: state.disabled, form: props.form }), !isMobile && ((0, jsx_runtime_1.jsx)(uikit_1.Popup, { anchorRef: anchorRef, open: isOpen, children: (0, jsx_runtime_1.jsxs)("div", { className: b('popup-content'), children: [(0, jsx_runtime_1.jsx)(Calendar_1.Calendar, Object.assign({}, calendarProps)), props.hasTime ? ((0, jsx_runtime_1.jsx)("div", { className: b('time-field-wrapper'), children: (0, jsx_runtime_1.jsx)(DateField_1.DateField, Object.assign({ className: b('time-field') }, timeInputProps)) })) : null] }) }))] })));
+                }, disabled: state.disabled, form: props.form }), !isMobile && ((0, jsx_runtime_1.jsx)(uikit_1.Popup, { anchorElement: anchor, open: isOpen, onOpenChange: (_open, _event, reason) => {
+                    if (reason === 'escape-key') {
+                        setOpen(false);
+                    }
+                }, children: (0, jsx_runtime_1.jsxs)("div", { className: b('popup-content'), children: [(0, jsx_runtime_1.jsx)(Calendar_1.Calendar, Object.assign({}, calendarProps)), props.hasTime ? ((0, jsx_runtime_1.jsx)("div", { className: b('time-field-wrapper'), children: (0, jsx_runtime_1.jsx)(DateField_1.DateField, Object.assign({ className: b('time-field') }, timeInputProps)) })) : null] }) }))] })));
 }
+//# sourceMappingURL=RelativeDateField.js.map

package/dist/cjs/components/RelativeDateField/RelativeDateField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelativeDateField.js","sourceRoot":"../../../../src","sources":["components/RelativeDateField/RelativeDateField.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport {Popup, TextInput, useFocusWithin, useMobile} from '@gravity-ui/uikit';\n\nimport {block} from '../../utils/cn';\nimport {Calendar} from '../Calendar';\nimport {DateField} from '../DateField';\nimport {HiddenInput} from '../HiddenInput/HiddenInput';\nimport type {\n    AccessibilityProps,\n    DomProps,\n    FocusableProps,\n    InputDOMProps,\n    KeyboardEvents,\n    StyleProps,\n    TextInputExtendProps,\n    TextInputProps,\n} from '../types';\n\nimport {useRelativeDateFieldProps} from './hooks/useRelativeDateFieldProps';\nimport {useRelativeDateFieldState} from './hooks/useRelativeDateFieldState';\nimport type {RelativeDateFieldOptions} from './hooks/useRelativeDateFieldState';\n\nimport './RelativeDateField.scss';\n\nconst b = block('relative-date-field');\n\nexport interface RelativeDateFieldProps\n    extends RelativeDateFieldOptions,\n        TextInputProps,\n        TextInputExtendProps,\n        DomProps,\n        InputDOMProps,\n        StyleProps,\n        AccessibilityProps,\n        FocusableProps,\n        KeyboardEvents {\n    /**\n     * Show time field in popup\n     * @default false\n     */\n    hasTime?: boolean;\n}\nexport function RelativeDateField(props: RelativeDateFieldProps) {\n    const state = useRelativeDateFieldState(props);\n    const {inputProps, calendarProps, timeInputProps} = useRelativeDateFieldProps(state, props);\n\n    const isMobile = useMobile();\n\n    const [anchor, setAnchor] = React.useState<HTMLElement | null>(null);\n\n    const [isOpen, setOpen] = React.useState(false);\n\n    const {focusWithinProps} = useFocusWithin({\n        onFocusWithinChange: (isFocusWithin) => {\n            setOpen(isFocusWithin);\n        },\n        isDisabled: isMobile,\n    });\n\n    return (\n        <div\n            role=\"group\"\n            className={b(null, props.className)}\n            style={props.style}\n            {...focusWithinProps}\n        >\n            <TextInput\n                {...inputProps}\n                className={b('field')}\n                ref={setAnchor}\n                onBlur={props.onBlur}\n                onKeyDown={(e) => {\n                    inputProps.onKeyDown?.(e);\n                    if (\n                        !e.defaultPrevented &&\n                        e.altKey &&\n                        (e.key === 'ArrowDown' || e.key === 'ArrowUp')\n                    ) {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        setOpen(true);\n                    }\n                }}\n            />\n            <HiddenInput\n                name={props.name}\n                value={state.value}\n                onReset={(value) => {\n                    state.setValue(value);\n                }}\n                disabled={state.disabled}\n                form={props.form}\n            />\n            {!isMobile && (\n                <Popup\n                    anchorElement={anchor}\n                    open={isOpen}\n                    onOpenChange={(_open, _event, reason) => {\n                        if (reason === 'escape-key') {\n                            setOpen(false);\n                        }\n                    }}\n                >\n                    <div className={b('popup-content')}>\n                        <Calendar {...calendarProps} />\n                        {props.hasTime ? (\n                            <div className={b('time-field-wrapper')}>\n                                <DateField className={b('time-field')} {...timeInputProps} />\n                            </div>\n                        ) : null}\n                    </div>\n                </Popup>\n            )}\n        </div>\n    );\n}\n"]}

package/dist/cjs/components/RelativeDateField/hooks/useRelativeDateFieldProps.d.ts

@@ -1,8 +1,8 @@
 import type { TextInputProps } from '@gravity-ui/uikit';
-import type { CalendarProps } from '../../Calendar';
-import type { DateFieldProps } from '../../DateField';
-import type { RelativeDateFieldProps } from '../RelativeDateField';
-import type { RelativeDateFieldState } from './useRelativeDateFieldState';
+import type { CalendarProps } from "../../Calendar/index.js";
+import type { DateFieldProps } from "../../DateField/index.js";
+import type { RelativeDateFieldProps } from "../RelativeDateField.js";
+import type { RelativeDateFieldState } from "./useRelativeDateFieldState.js";
 interface RelativeDateProps {
     inputProps: TextInputProps;
     calendarProps: CalendarProps;

package/dist/cjs/components/RelativeDateField/hooks/useRelativeDateFieldProps.js

@@ -1,10 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRelativeDateFieldProps = useRelativeDateFieldProps;
-const react_1 = __importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 function useRelativeDateFieldProps(state, props) {
     const [prevCorrectDate, setPrevCorrectDate] = react_1.default.useState(state.lastCorrectDate);
     const [focusedDate, setFocusedDate] = react_1.default.useState(state.lastCorrectDate);
@@ -58,3 +56,4 @@ function useRelativeDateFieldProps(state, props) {
         },
     };
 }
+//# sourceMappingURL=useRelativeDateFieldProps.js.map

package/dist/cjs/components/RelativeDateField/hooks/useRelativeDateFieldProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRelativeDateFieldProps.js","sourceRoot":"../../../../../src","sources":["components/RelativeDateField/hooks/useRelativeDateFieldProps.ts"],"names":[],"mappings":";;AAgBA,8DAyDC;;AAzED,0DAA0B;AAgB1B,SAAgB,yBAAyB,CACrC,KAA6B,EAC7B,KAA6B;IAE7B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IACpF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAE5E,IAAI,eAAe,KAAK,KAAK,CAAC,eAAe,EAAE,CAAC;QAC5C,kBAAkB,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QAC1C,cAAc,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAC1C,CAAC;IAED,OAAO;QACH,UAAU,EAAE;YACR,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,SAAS,EAAE,KAAK,CAAC,SAAS;YAC1B,KAAK,EAAE,KAAK,CAAC,IAAI;YACjB,QAAQ,EAAE,KAAK,CAAC,OAAO;YACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;YACxB,eAAe,EAAE,KAAK,CAAC,eAAe;YACtC,YAAY,EAAE,KAAK,CAAC,YAAY;YAChC,cAAc,EAAE,KAAK,CAAC,cAAc;YACpC,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,EAAE,EAAE,KAAK,CAAC,EAAE;YACZ,YAAY,EAAE,KAAK,CAAC,YAAY;YAChC,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,GAAG,EAAE,KAAK,CAAC,GAAG;YACd,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,SAAS,EAAE,KAAK,CAAC,SAAS;YAC1B,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,YAAY,EAAE;gBACV,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,SAAS;gBAC9C,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,IAAI,SAAS;gBACxD,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,CAAC,IAAI,SAAS;gBAC1D,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,SAAS;gBAClD,eAAe,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS;gBAC5C,QAAQ,EAAE,KAAK,CAAC,QAAQ;aAC3B;SACJ;QACD,aAAa,EAAE;YACX,IAAI,EAAE,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI;YAC3C,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,KAAK,CAAC,UAAU;YACvB,YAAY,EAAE,WAAW;YACzB,aAAa,EAAE,cAAc;SAChC;QACD,cAAc,EAAE;YACZ,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,KAAK,CAAC,eAAe;YAC5B,MAAM,EAAE,KAAK;SAChB;KACJ,CAAC;AACN,CAAC","sourcesContent":["import React from 'react';\n\nimport type {TextInputProps} from '@gravity-ui/uikit';\n\nimport type {CalendarProps} from '../../Calendar';\nimport type {DateFieldProps} from '../../DateField';\nimport type {RelativeDateFieldProps} from '../RelativeDateField';\n\nimport type {RelativeDateFieldState} from './useRelativeDateFieldState';\n\ninterface RelativeDateProps {\n    inputProps: TextInputProps;\n    calendarProps: CalendarProps;\n    timeInputProps: DateFieldProps;\n}\n\nexport function useRelativeDateFieldProps(\n    state: RelativeDateFieldState,\n    props: RelativeDateFieldProps,\n): RelativeDateProps {\n    const [prevCorrectDate, setPrevCorrectDate] = React.useState(state.lastCorrectDate);\n    const [focusedDate, setFocusedDate] = React.useState(state.lastCorrectDate);\n\n    if (prevCorrectDate !== state.lastCorrectDate) {\n        setPrevCorrectDate(state.lastCorrectDate);\n        setFocusedDate(state.lastCorrectDate);\n    }\n\n    return {\n        inputProps: {\n            size: props.size,\n            autoFocus: props.autoFocus,\n            value: state.text,\n            onUpdate: state.setText,\n            disabled: state.disabled,\n            hasClear: props.hasClear,\n            validationState: state.validationState,\n            errorMessage: props.errorMessage,\n            errorPlacement: props.errorPlacement,\n            label: props.label,\n            id: props.id,\n            startContent: props.startContent,\n            endContent: props.endContent,\n            pin: props.pin,\n            view: props.view,\n            placeholder: props.placeholder,\n            onKeyDown: props.onKeyDown,\n            onKeyUp: props.onKeyUp,\n            onBlur: props.onBlur,\n            onFocus: props.onFocus,\n            controlProps: {\n                'aria-label': props['aria-label'] || undefined,\n                'aria-labelledby': props['aria-labelledby'] || undefined,\n                'aria-describedby': props['aria-describedby'] || undefined,\n                'aria-details': props['aria-details'] || undefined,\n                'aria-disabled': state.disabled || undefined,\n                readOnly: state.readOnly,\n            },\n        },\n        calendarProps: {\n            size: props.size === 's' ? 'm' : props.size,\n            readOnly: true,\n            value: state.parsedDate,\n            focusedValue: focusedDate,\n            onFocusUpdate: setFocusedDate,\n        },\n        timeInputProps: {\n            size: props.size,\n            readOnly: true,\n            value: state.lastCorrectDate,\n            format: 'LTS',\n        },\n    };\n}\n"]}

package/dist/cjs/components/RelativeDateField/hooks/useRelativeDateFieldState.d.ts

@@ -1,5 +1,5 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { InputBase, Validation, ValueBase } from '../../types';
+import type { InputBase, Validation, ValueBase } from "../../types/index.js";
 export interface RelativeDateFieldState {
     /** The current field value. */
     value: string | null;

package/dist/cjs/components/RelativeDateField/hooks/useRelativeDateFieldState.js

@@ -1,10 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRelativeDateFieldState = useRelativeDateFieldState;
-const react_1 = __importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const date_utils_1 = require("@gravity-ui/date-utils");
 const uikit_1 = require("@gravity-ui/uikit");
 function useRelativeDateFieldState(props) {
@@ -61,3 +59,4 @@ function useRelativeDateFieldState(props) {
         readOnly: props.readOnly,
     };
 }
+//# sourceMappingURL=useRelativeDateFieldState.js.map

package/dist/cjs/components/RelativeDateField/hooks/useRelativeDateFieldState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRelativeDateFieldState.js","sourceRoot":"../../../../../src","sources":["components/RelativeDateField/hooks/useRelativeDateFieldState.ts"],"names":[],"mappings":";;AAsCA,8DA4DC;;AAlGD,0DAA0B;AAE1B,uDAAqE;AAErE,6CAAqD;AAkCrD,SAAgB,yBAAyB,CAAC,KAA+B;;IACrE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,0BAAkB,EACxC,KAAK,CAAC,KAAK,EACX,MAAA,KAAK,CAAC,YAAY,mCAAI,IAAI,EAC1B,KAAK,CAAC,QAAQ,CACjB,CAAC;IAEF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC,CAAC;IACpD,IAAI,KAAK,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QAC1B,OAAO,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC;IAED,MAAM,gBAAgB,GAAG,CAAC,CAAS,EAAE,EAAE;QACnC,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnC,OAAO;QACX,CAAC;QACD,OAAO,CAAC,CAAC,CAAC,CAAC;QACX,IAAI,IAAA,2BAAc,EAAC,CAAC,CAAC,EAAE,CAAC;YACpB,MAAM,IAAI,GAAG,IAAA,0BAAa,EAAC,CAAC,CAAC,CAAC;YAC9B,IAAI,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;gBACzB,QAAQ,CAAC,CAAC,CAAC,CAAC;YAChB,CAAC;iBAAM,CAAC;gBACJ,QAAQ,CAAC,IAAI,CAAC,CAAC;YACnB,CAAC;QACL,CAAC;aAAM,CAAC;YACJ,QAAQ,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QAClC,IAAI,CAAC,KAAK,EAAE,CAAC;YACT,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,OAAO,MAAA,IAAA,0BAAa,EAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAC,CAAC,mCAAI,IAAI,CAAC;IAC5F,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IACzE,IAAI,UAAU,IAAI,UAAU,KAAK,eAAe,EAAE,CAAC;QAC/C,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACnC,CAAC;IAED,MAAM,eAAe,GAAG,KAAK,CAAC,eAAe,IAAI,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAE/F,OAAO;QACH,KAAK;QACL,QAAQ,CAAC,CAAgB;YACrB,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACnC,OAAO;YACX,CAAC;YAED,QAAQ,CAAC,CAAC,CAAC,CAAC;QAChB,CAAC;QACD,IAAI;QACJ,OAAO,EAAE,gBAAgB;QACzB,UAAU;QACV,eAAe;QACf,eAAe;QACf,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;KAC3B,CAAC;AACN,CAAC","sourcesContent":["import React from 'react';\n\nimport {dateTimeParse, isLikeRelative} from '@gravity-ui/date-utils';\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {useControlledState} from '@gravity-ui/uikit';\n\nimport type {InputBase, Validation, ValueBase} from '../../types';\n\nexport interface RelativeDateFieldState {\n    /** The current field value. */\n    value: string | null;\n    /** Sets the field value */\n    setValue: (v: string | null) => void;\n    /** Current user input */\n    text: string;\n    /** Sets text */\n    setText: (t: string) => void;\n    /** */\n    parsedDate: DateTime | null;\n    /** */\n    lastCorrectDate: DateTime | null;\n    /** */\n    validationState?: 'invalid';\n    /**\n     * Whether the field is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Whether the value is immutable.\n     */\n    readOnly?: boolean;\n}\n\nexport interface RelativeDateFieldOptions extends ValueBase<string | null>, InputBase, Validation {\n    timeZone?: string;\n    /** Round up parsed date to the nearest granularity. */\n    roundUp?: boolean;\n}\nexport function useRelativeDateFieldState(props: RelativeDateFieldOptions): RelativeDateFieldState {\n    const [value, setValue] = useControlledState(\n        props.value,\n        props.defaultValue ?? null,\n        props.onUpdate,\n    );\n\n    const [text, setText] = React.useState(value ?? '');\n    if (value && value !== text) {\n        setText(value);\n    }\n\n    const handleTextChange = (t: string) => {\n        if (props.disabled || props.readOnly) {\n            return;\n        }\n        setText(t);\n        if (isLikeRelative(t)) {\n            const date = dateTimeParse(t);\n            if (date && date.isValid()) {\n                setValue(t);\n            } else {\n                setValue(null);\n            }\n        } else {\n            setValue(null);\n        }\n    };\n\n    const parsedDate = React.useMemo(() => {\n        if (!value) {\n            return null;\n        }\n        return dateTimeParse(value, {timeZone: props.timeZone, roundUp: props.roundUp}) ?? null;\n    }, [value, props.timeZone, props.roundUp]);\n\n    const [lastCorrectDate, setLastCorrectDate] = React.useState(parsedDate);\n    if (parsedDate && parsedDate !== lastCorrectDate) {\n        setLastCorrectDate(parsedDate);\n    }\n\n    const validationState = props.validationState || (text && !parsedDate) ? 'invalid' : undefined;\n\n    return {\n        value,\n        setValue(v: string | null) {\n            if (props.disabled || props.readOnly) {\n                return;\n            }\n\n            setValue(v);\n        },\n        text,\n        setText: handleTextChange,\n        parsedDate,\n        lastCorrectDate,\n        validationState,\n        disabled: props.disabled,\n        readOnly: props.readOnly,\n    };\n}\n"]}

package/dist/cjs/components/RelativeDateField/index.d.ts

@@ -1,3 +1,3 @@
-export * from './RelativeDateField';
-export * from './hooks/useRelativeDateFieldProps';
-export * from './hooks/useRelativeDateFieldState';
+export * from "./RelativeDateField.js";
+export * from "./hooks/useRelativeDateFieldProps.js";
+export * from "./hooks/useRelativeDateFieldState.js";

package/dist/cjs/components/RelativeDateField/index.js

@@ -1,19 +1,7 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./RelativeDateField"), exports);
-__exportStar(require("./hooks/useRelativeDateFieldProps"), exports);
-__exportStar(require("./hooks/useRelativeDateFieldState"), exports);
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./RelativeDateField.js"), exports);
+tslib_1.__exportStar(require("./hooks/useRelativeDateFieldProps.js"), exports);
+tslib_1.__exportStar(require("./hooks/useRelativeDateFieldState.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/RelativeDateField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["components/RelativeDateField/index.ts"],"names":[],"mappings":";;;AAAA,iEAAoC;AACpC,+EAAkD;AAClD,+EAAkD","sourcesContent":["export * from './RelativeDateField';\nexport * from './hooks/useRelativeDateFieldProps';\nexport * from './hooks/useRelativeDateFieldState';\n"]}

package/dist/cjs/components/RelativeDatePicker/RelativeDatePicker.css

@@ -17,4 +17,5 @@
 }
 .g-date-relative-date-picker__time-field-wrapper {
   padding: 10px;
-}
+}
+/*# sourceMappingURL=RelativeDatePicker.css.map */

package/dist/cjs/components/RelativeDatePicker/RelativeDatePicker.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/RelativeDatePicker/data:;charset=utf-8,@use%20'../variables';%0A%0A$block:%20'.%23%7Bvariables.$ns%7Drelative-date-picker';%0A%0A%23%7B$block%7D%20%7B%0A%20%20%20%20position:%20relative;%0A%0A%20%20%20%20display:%20inline-flex;%0A%0A%20%20%20%20outline:%20none;%0A%0A%20%20%20%20&__input%20%7B%0A%20%20%20%20%20%20%20%20&_mobile%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20pointer-events:%20none;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__field%20%7B%0A%20%20%20%20%20%20%20%20width:%20100%25;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__popup-content%20%7B%0A%20%20%20%20%20%20%20%20outline:%20none;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__time-field%20%7B%0A%20%20%20%20%20%20%20%20width:%20100%25;%0A%0A%20%20%20%20%20%20%20%20&-wrapper%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20padding:%2010px;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%7D%0A"],"names":[],"mappings":"AAIA;EACI;EAEA;EAEA;;AAGI;EACI;;AAIR;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI","sourcesContent":["@use '../variables';\n\n$block: '.#{variables.$ns}relative-date-picker';\n\n#{$block} {\n    position: relative;\n\n    display: inline-flex;\n\n    outline: none;\n\n    &__input {\n        &_mobile {\n            pointer-events: none;\n        }\n    }\n\n    &__field {\n        width: 100%;\n    }\n\n    &__popup-content {\n        outline: none;\n    }\n\n    &__time-field {\n        width: 100%;\n\n        &-wrapper {\n            padding: 10px;\n        }\n    }\n}\n"],"file":"RelativeDatePicker.css"}

package/dist/cjs/components/RelativeDatePicker/RelativeDatePicker.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { CalendarProps } from '../Calendar';
-import type { AccessibilityProps, DomProps, FocusableProps, InputDOMProps, KeyboardEvents, StyleProps, TextInputProps } from '../types';
-import type { RelativeDatePickerStateOptions } from './hooks/useRelativeDatePickerState';
-import './RelativeDatePicker.css';
+import type { CalendarProps } from "../Calendar/index.js";
+import type { AccessibilityProps, DomProps, FocusableProps, InputDOMProps, KeyboardEvents, StyleProps, TextInputProps } from "../types/index.js";
+import type { RelativeDatePickerStateOptions } from "./hooks/useRelativeDatePickerState.js";
+import "./RelativeDatePicker.css";
 export interface RelativeDatePickerProps extends RelativeDatePickerStateOptions, TextInputProps, FocusableProps, KeyboardEvents, DomProps, InputDOMProps, StyleProps, AccessibilityProps {
     children?: (props: CalendarProps) => React.ReactNode;
     /** Handler that is called when the popup's open state changes. */