@gravity-ui/date-components 2.11.0 → 2.12.0

package/dist/esm/components/RangeCalendar/RangeCalendar.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { CalendarProps } from '../Calendar/Calendar';
-import type { CalendarInstance } from '../CalendarView/CalendarView';
-import type { RangeValue } from '../types';
-import '../CalendarView/Calendar.css';
+import type { CalendarProps } from "../Calendar/Calendar.js";
+import type { CalendarInstance } from "../CalendarView/CalendarView.js";
+import type { RangeValue } from "../types/index.js";
+import "../CalendarView/Calendar.css";
 export type RangeCalendarProps = CalendarProps<RangeValue<DateTime>>;
 export declare const RangeCalendar: React.ForwardRefExoticComponent<RangeCalendarProps & React.RefAttributes<CalendarInstance>>;

package/dist/esm/components/RangeCalendar/RangeCalendar.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import { CalendarView } from '../CalendarView/CalendarView';
-import { useRangeCalendarState } from '../CalendarView/hooks/useRangeCalendarState';
-import '../CalendarView/Calendar.css';
+import { CalendarView } from "../CalendarView/CalendarView.js";
+import { useRangeCalendarState } from "../CalendarView/hooks/useRangeCalendarState.js";
+import "../CalendarView/Calendar.css";
 export const RangeCalendar = React.forwardRef(function Calendar(props, ref) {
     const state = useRangeCalendarState(props);
     const handleBlur = (e) => {
@@ -15,3 +15,4 @@ export const RangeCalendar = React.forwardRef(function Calendar(props, ref) {
     };
     return _jsx(CalendarView, Object.assign({ ref: ref }, props, { state: state, onBlur: handleBlur }));
 });
+//# sourceMappingURL=RangeCalendar.js.map

package/dist/esm/components/RangeCalendar/RangeCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendar.js","sourceRoot":"../../../../src","sources":["components/RangeCalendar/RangeCalendar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAC,YAAY,EAAC,wCAAqC;AAE1D,OAAO,EAAC,qBAAqB,EAAC,uDAAoD;AAGlF,sCAAuC;AAIvC,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACzC,SAAS,QAAQ,CAAC,KAAyB,EAAE,GAAG;IAC5C,MAAM,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAE3C,MAAM,UAAU,GAAG,CAAC,CAAmB,EAAE,EAAE;;QACvC,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;YACnB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC9B,CAAC;QACD,MAAA,KAAK,CAAC,MAAM,sDAAG,CAAC,CAAC,CAAC;IACtB,CAAC,CAAC;IACF,OAAO,KAAC,YAAY,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,IAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,IAAI,CAAC;AACnF,CAAC,CACJ,CAAC","sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\n\nimport type {CalendarProps} from '../Calendar/Calendar';\nimport {CalendarView} from '../CalendarView/CalendarView';\nimport type {CalendarInstance} from '../CalendarView/CalendarView';\nimport {useRangeCalendarState} from '../CalendarView/hooks/useRangeCalendarState';\nimport type {RangeValue} from '../types';\n\nimport '../CalendarView/Calendar.scss';\n\nexport type RangeCalendarProps = CalendarProps<RangeValue<DateTime>>;\n\nexport const RangeCalendar = React.forwardRef<CalendarInstance, RangeCalendarProps>(\n    function Calendar(props: RangeCalendarProps, ref) {\n        const state = useRangeCalendarState(props);\n\n        const handleBlur = (e: React.FocusEvent) => {\n            if (state.anchorDate) {\n                state.selectFocusedDate();\n            }\n            props.onBlur?.(e);\n        };\n        return <CalendarView ref={ref} {...props} state={state} onBlur={handleBlur} />;\n    },\n);\n"]}

package/dist/esm/components/RangeCalendar/index.d.ts

@@ -1 +1 @@
-export * from './RangeCalendar';
+export * from "./RangeCalendar.js";

package/dist/esm/components/RangeCalendar/index.js

@@ -1 +1,2 @@
-export * from './RangeCalendar';
+export * from "./RangeCalendar.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/RangeCalendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["components/RangeCalendar/index.ts"],"names":[],"mappings":"AAAA,mCAAgC","sourcesContent":["export * from './RangeCalendar';\n"]}

package/dist/esm/components/RangeDateField/RangeDateField.css

@@ -1,4 +1,5 @@
 .g-date-range-date-field {
   display: inline-block;
   width: auto;
-}
+}
+/*# sourceMappingURL=RangeDateField.css.map */

package/dist/esm/components/RangeDateField/RangeDateField.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/RangeDateField/data:;charset=utf-8,@use%20'../variables';%0A%0A$block:%20'.%23%7Bvariables.$ns%7Drange-date-field';%0A%0A%23%7B$block%7D%20%7B%0A%20%20%20%20display:%20inline-block;%0A%0A%20%20%20%20width:%20auto;%0A%7D%0A"],"names":[],"mappings":"AAIA;EACI;EAEA","sourcesContent":["@use '../variables';\n\n$block: '.#{variables.$ns}range-date-field';\n\n#{$block} {\n    display: inline-block;\n\n    width: auto;\n}\n"],"file":"RangeDateField.css"}

package/dist/esm/components/RangeDateField/RangeDateField.d.ts

@@ -1,7 +1,7 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { DateFieldProps } from '../DateField/hooks/useDateFieldProps';
-import type { RangeValue } from '../types';
-import './RangeDateField.css';
+import type { DateFieldProps } from "../DateField/hooks/useDateFieldProps.js";
+import type { RangeValue } from "../types/index.js";
+import "./RangeDateField.css";
 export type RangeDateFieldProps = DateFieldProps<RangeValue<DateTime>> & {
     /**
      * Delimiter separating the start and end parts of the range.

package/dist/esm/components/RangeDateField/RangeDateField.js

@@ -3,11 +3,11 @@ import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { TextInput, useFocusWithin } from '@gravity-ui/uikit';
-import { block } from '../../utils/cn';
-import { useDateFieldProps } from '../DateField/hooks/useDateFieldProps';
-import { HiddenInput } from '../HiddenInput/HiddenInput';
-import { useRangeDateFieldState } from './hooks/useRangeDateFieldState';
-import './RangeDateField.css';
+import { block } from "../../utils/cn.js";
+import { useDateFieldProps } from "../DateField/hooks/useDateFieldProps.js";
+import { HiddenInput } from "../HiddenInput/HiddenInput.js";
+import { useRangeDateFieldState } from "./hooks/useRangeDateFieldState.js";
+import "./RangeDateField.css";
 const b = block('range-date-field');
 export function RangeDateField(_a) {
     var _b, _c;
@@ -24,3 +24,4 @@ export function RangeDateField(_a) {
                     state.setDate(v);
                 }, value: (_b = state.value) !== null && _b !== void 0 ? _b : null, toStringValue: (v) => (v ? v.start.toISOString() : ''), disabled: state.disabled }), _jsx(HiddenInput, { name: props.name, form: props.form, value: (_c = state.value) !== null && _c !== void 0 ? _c : null, toStringValue: (v) => (v ? v.end.toISOString() : ''), disabled: state.disabled })] })));
 }
+//# sourceMappingURL=RangeDateField.js.map

package/dist/esm/components/RangeDateField/RangeDateField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeDateField.js","sourceRoot":"../../../../src","sources":["components/RangeDateField/RangeDateField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,SAAS,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAC,KAAK,EAAC,0BAAuB;AACrC,OAAO,EAAC,iBAAiB,EAAC,gDAA6C;AAEvE,OAAO,EAAC,WAAW,EAAC,sCAAmC;AAGvD,OAAO,EAAC,sBAAsB,EAAC,0CAAuC;AAEtE,8BAA+B;AAE/B,MAAM,CAAC,GAAG,KAAK,CAAC,kBAAkB,CAAC,CAAC;AAUpC,MAAM,UAAU,cAAc,CAAC,EAA0C;;QAA1C,EAAC,SAAS,OAAgC,EAA3B,KAAK,cAApB,aAAqB,CAAD;IAC/C,MAAM,KAAK,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,EAAC,UAAU,EAAC,GAAG,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAErD,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,EAAC,gBAAgB,EAAC,GAAG,cAAc,CAAC;QACtC,mBAAmB,CAAC,aAAa;YAC7B,SAAS,CAAC,aAAa,CAAC,CAAC;QAC7B,CAAC;KACJ,CAAC,CAAC;IAEH,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAAM,gBAAgB,eACxE,KAAC,SAAS,oBACF,UAAU,IACd,KAAK,EAAE,KAAK,CAAC,OAAO,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,IAChF,EACF,KAAC,WAAW,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACX,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;gBACrB,CAAC,EACD,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,IAAI,EAC1B,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACtD,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAC1B,EACF,KAAC,WAAW,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,IAAI,EAC1B,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACpD,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAC1B,KACA,CACT,CAAC;AACN,CAAC","sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {TextInput, useFocusWithin} from '@gravity-ui/uikit';\n\nimport {block} from '../../utils/cn';\nimport {useDateFieldProps} from '../DateField/hooks/useDateFieldProps';\nimport type {DateFieldProps} from '../DateField/hooks/useDateFieldProps';\nimport {HiddenInput} from '../HiddenInput/HiddenInput';\nimport type {RangeValue} from '../types';\n\nimport {useRangeDateFieldState} from './hooks/useRangeDateFieldState';\n\nimport './RangeDateField.scss';\n\nconst b = block('range-date-field');\n\nexport type RangeDateFieldProps = DateFieldProps<RangeValue<DateTime>> & {\n    /**\n     * Delimiter separating the start and end parts of the range.\n     * @default ' — '\n     * */\n    delimiter?: string;\n};\n\nexport function RangeDateField({className, ...props}: RangeDateFieldProps) {\n    const state = useRangeDateFieldState(props);\n\n    const {inputProps} = useDateFieldProps(state, props);\n\n    const [isActive, setActive] = React.useState(false);\n    const {focusWithinProps} = useFocusWithin({\n        onFocusWithinChange(isFocusWithin) {\n            setActive(isFocusWithin);\n        },\n    });\n\n    return (\n        <div className={b(null, className)} style={props.style} {...focusWithinProps}>\n            <TextInput\n                {...inputProps}\n                value={state.isEmpty && !isActive && props.placeholder ? '' : inputProps.value}\n            />\n            <HiddenInput\n                name={props.name}\n                form={props.form}\n                onReset={(v) => {\n                    state.setDate(v);\n                }}\n                value={state.value ?? null}\n                toStringValue={(v) => (v ? v.start.toISOString() : '')}\n                disabled={state.disabled}\n            />\n            <HiddenInput\n                name={props.name}\n                form={props.form}\n                value={state.value ?? null}\n                toStringValue={(v) => (v ? v.end.toISOString() : '')}\n                disabled={state.disabled}\n            />\n        </div>\n    );\n}\n"]}

package/dist/esm/components/RangeDateField/hooks/useRangeDateFieldState.d.ts

@@ -1,7 +1,7 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { DateFieldState } from '../../DateField';
-import type { DateFieldBase } from '../../types/datePicker';
-import type { RangeValue } from '../../types/inputs';
+import type { DateFieldState } from "../../DateField/index.js";
+import type { DateFieldBase } from "../../types/datePicker.js";
+import type { RangeValue } from "../../types/inputs.js";
 export interface RangeDateFieldStateOptions extends DateFieldBase<RangeValue<DateTime>> {
     delimiter?: string;
 }

package/dist/esm/components/RangeDateField/hooks/useRangeDateFieldState.js

@@ -1,11 +1,11 @@
 /* eslint-disable complexity */
 import React from 'react';
 import { useControlledState } from '@gravity-ui/uikit';
-import { useBaseDateFieldState } from '../../DateField';
-import { EDITABLE_SEGMENTS, addSegment, isAllSegmentsValid, parseDateFromString, setSegment, useFormatSections, } from '../../DateField/utils';
-import { isInvalid } from '../../utils/dates';
-import { useDefaultTimeZone } from '../../utils/useDefaultTimeZone';
-import { createPlaceholderRangeValue, getRangeEditableSections, isValidRange } from '../utils';
+import { useBaseDateFieldState } from "../../DateField/index.js";
+import { EDITABLE_SEGMENTS, addSegment, adjustDateToFormat, getFormatInfo, isAllSegmentsValid, markValidSection, parseDateFromString, setSegment, useFormatSections, } from "../../DateField/utils.js";
+import { isInvalid } from "../../utils/dates.js";
+import { useDefaultTimeZone } from "../../utils/useDefaultTimeZone.js";
+import { createPlaceholderRangeValue, getRangeEditableSections, isValidRange } from "../utils/index.js";
 const RANGE_FORMAT_DELIMITER = ' — ';
 export function useRangeDateFieldState(props) {
     var _a, _b, _c, _d, _e;
@@ -24,11 +24,8 @@ export function useRangeDateFieldState(props) {
     const format = props.format || 'L';
     const delimiter = (_c = props.delimiter) !== null && _c !== void 0 ? _c : RANGE_FORMAT_DELIMITER;
     const sections = useFormatSections(format);
-    const allSegments = React.useMemo(() => {
-        return sections
-            .filter((seg) => EDITABLE_SEGMENTS[seg.type])
-            .reduce((p, seg) => (Object.assign(Object.assign({}, p), { [seg.type]: true })), {});
-    }, [sections]);
+    const formatInfo = React.useMemo(() => getFormatInfo(sections), [sections]);
+    const allSegments = formatInfo.availableUnits;
     // eslint-disable-next-line prefer-const
     let [validSegments, setValidSegments] = React.useState(() => (value ? { start: Object.assign({}, allSegments), end: Object.assign({}, allSegments) } : { start: {}, end: {} }));
     if (value &&
@@ -87,7 +84,10 @@ export function useRangeDateFieldState(props) {
         if (isAllSegmentsValid(allSegments, validSegments.start) &&
             isAllSegmentsValid(allSegments, validSegments.end)) {
             if (!value || !(newValue.start.isSame(value.start) && newValue.end.isSame(value.end))) {
-                handleUpdateRange(newValue);
+                handleUpdateRange({
+                    start: adjustDateToFormat(newValue.start, formatInfo, 'startOf'),
+                    end: adjustDateToFormat(newValue.end, formatInfo, 'endOf'),
+                });
             }
         }
         else {
@@ -98,16 +98,7 @@ export function useRangeDateFieldState(props) {
         }
     }
     function markValid(portion, part) {
-        validSegments[portion][part] = true;
-        if (validSegments[portion].day &&
-            validSegments[portion].month &&
-            validSegments[portion].year &&
-            allSegments.weekday) {
-            validSegments[portion].weekday = true;
-        }
-        if (validSegments[portion].hour && allSegments.dayPeriod) {
-            validSegments[portion].dayPeriod = true;
-        }
+        validSegments[portion] = markValidSection(allSegments, validSegments[portion], part);
         setValidSegments(Object.assign(Object.assign({}, validSegments), { [portion]: Object.assign({}, validSegments[portion]) }));
     }
     function setSection(sectionIndex, amount) {
@@ -177,6 +168,7 @@ export function useRangeDateFieldState(props) {
         timeZone,
         validationState,
         editableSections: sectionsState.editableSections,
+        formatInfo,
         readOnly: props.readOnly,
         disabled: props.disabled,
         selectedSectionIndexes,
@@ -220,3 +212,4 @@ function useSectionsState(sections, value, validSegments, delimiter) {
     }
     return state;
 }
+//# sourceMappingURL=useRangeDateFieldState.js.map

package/dist/esm/components/RangeDateField/hooks/useRangeDateFieldState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRangeDateFieldState.js","sourceRoot":"../../../../../src","sources":["components/RangeDateField/hooks/useRangeDateFieldState.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable complexity */\nimport React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {useControlledState} from '@gravity-ui/uikit';\n\nimport {useBaseDateFieldState} from '../../DateField';\nimport type {DateFieldState} from '../../DateField';\nimport type {DateFieldSectionType, DateFieldSectionWithoutPosition} from '../../DateField/types';\nimport {\n    EDITABLE_SEGMENTS,\n    addSegment,\n    adjustDateToFormat,\n    getFormatInfo,\n    isAllSegmentsValid,\n    markValidSection,\n    parseDateFromString,\n    setSegment,\n    useFormatSections,\n} from '../../DateField/utils';\nimport type {DateFieldBase} from '../../types/datePicker';\nimport type {RangeValue} from '../../types/inputs';\nimport {isInvalid} from '../../utils/dates';\nimport {useDefaultTimeZone} from '../../utils/useDefaultTimeZone';\nimport {createPlaceholderRangeValue, getRangeEditableSections, isValidRange} from '../utils';\n\nexport interface RangeDateFieldStateOptions extends DateFieldBase<RangeValue<DateTime>> {\n    delimiter?: string;\n}\n\nconst RANGE_FORMAT_DELIMITER = ' — ';\n\nexport type RangeDateFieldState = DateFieldState<RangeValue<DateTime>>;\n\nexport function useRangeDateFieldState(props: RangeDateFieldStateOptions): RangeDateFieldState {\n    const [value, setRange] = useControlledState(\n        props.value,\n        props.defaultValue || null,\n        props.onUpdate,\n    );\n\n    const inputTimeZone = useDefaultTimeZone(\n        props.value?.start || props.defaultValue?.start || props.placeholderValue,\n    );\n    const timeZone = props.timeZone || inputTimeZone;\n\n    const handleUpdateRange = (v: RangeValue<DateTime> | null) => {\n        setRange(\n            v ? {start: v.start.timeZone(inputTimeZone), end: v.end.timeZone(inputTimeZone)} : v,\n        );\n    };\n\n    const [placeholderDate, setPlaceholderDate] = React.useState<RangeValue<DateTime>>(() => {\n        return createPlaceholderRangeValue({\n            placeholderValue: props.placeholderValue,\n            timeZone,\n        });\n    });\n\n    const format = props.format || 'L';\n    const delimiter = props.delimiter ?? RANGE_FORMAT_DELIMITER;\n    const sections = useFormatSections(format);\n    const formatInfo = React.useMemo(() => getFormatInfo(sections), [sections]);\n\n    const allSegments = formatInfo.availableUnits;\n\n    // eslint-disable-next-line prefer-const\n    let [validSegments, setValidSegments] = React.useState<RangeValue<typeof EDITABLE_SEGMENTS>>(\n        () => (value ? {start: {...allSegments}, end: {...allSegments}} : {start: {}, end: {}}),\n    );\n\n    if (\n        value &&\n        (!isAllSegmentsValid(allSegments, validSegments.start) ||\n            !isAllSegmentsValid(allSegments, validSegments.end))\n    ) {\n        setValidSegments({start: {...allSegments}, end: {...allSegments}});\n    }\n\n    if (\n        !value &&\n        Object.keys(allSegments).length > 0 &&\n        isAllSegmentsValid(allSegments, validSegments.start) &&\n        Object.keys(validSegments.start).length === Object.keys(allSegments).length &&\n        isAllSegmentsValid(allSegments, validSegments.end) &&\n        Object.keys(validSegments.end).length === Object.keys(allSegments).length\n    ) {\n        validSegments = {start: {}, end: {}};\n        setValidSegments(validSegments);\n        setPlaceholderDate(\n            createPlaceholderRangeValue({\n                placeholderValue: props.placeholderValue,\n                timeZone,\n            }),\n        );\n    }\n\n    const displayValue =\n        value &&\n        value.start.isValid() &&\n        value.end.isValid() &&\n        Object.keys(validSegments.start).length >= Object.keys(allSegments).length &&\n        Object.keys(validSegments.end).length >= Object.keys(allSegments).length\n            ? {start: value.start.timeZone(timeZone), end: value.end.timeZone(timeZone)}\n            : {\n                  start: placeholderDate.start.timeZone(timeZone),\n                  end: placeholderDate.end.timeZone(timeZone),\n              };\n    const sectionsState = useSectionsState(sections, displayValue, validSegments, delimiter);\n\n    const [selectedSections, setSelectedSections] = React.useState<number | 'all'>(-1);\n\n    const selectedSectionIndexes = React.useMemo<{\n        startIndex: number;\n        endIndex: number;\n    } | null>(() => {\n        if (selectedSections === -1) {\n            return null;\n        }\n\n        if (selectedSections === 'all') {\n            return {\n                startIndex: 0,\n                endIndex: sectionsState.editableSections.length - 1,\n            };\n        }\n\n        if (typeof selectedSections === 'number') {\n            return {startIndex: selectedSections, endIndex: selectedSections};\n        }\n\n        if (typeof selectedSections === 'string') {\n            const selectedSectionIndex = sectionsState.editableSections.findIndex(\n                (section) => section.type === selectedSections,\n            );\n\n            return {startIndex: selectedSectionIndex, endIndex: selectedSectionIndex};\n        }\n\n        return selectedSections;\n    }, [selectedSections, sectionsState.editableSections]);\n\n    function setValue(newValue: RangeValue<DateTime>) {\n        if (props.disabled || props.readOnly) {\n            return;\n        }\n\n        if (\n            isAllSegmentsValid(allSegments, validSegments.start) &&\n            isAllSegmentsValid(allSegments, validSegments.end)\n        ) {\n            if (!value || !(newValue.start.isSame(value.start) && newValue.end.isSame(value.end))) {\n                handleUpdateRange({\n                    start: adjustDateToFormat(newValue.start, formatInfo, 'startOf'),\n                    end: adjustDateToFormat(newValue.end, formatInfo, 'endOf'),\n                });\n            }\n        } else {\n            if (value) {\n                handleUpdateRange(null);\n            }\n            setPlaceholderDate(newValue);\n        }\n    }\n\n    function markValid(portion: 'start' | 'end', part: DateFieldSectionType) {\n        validSegments[portion] = markValidSection(allSegments, validSegments[portion], part);\n        setValidSegments({...validSegments, [portion]: {...validSegments[portion]}});\n    }\n\n    function setSection(sectionIndex: number, amount: number) {\n        const portion = sectionIndex <= sections.length ? 'start' : 'end';\n        const section = sectionsState.editableSections[sectionIndex];\n        markValid(portion, section.type);\n        setValue({\n            ...displayValue,\n            [portion]: setSegment(section, displayValue[portion], amount),\n        });\n    }\n\n    function adjustSection(sectionIndex: number, amount: number) {\n        const section = sectionsState.editableSections[sectionIndex];\n        const portion = sectionIndex <= sections.length ? 'start' : 'end';\n        if (validSegments[portion][section.type]) {\n            setValue({\n                ...displayValue,\n                [portion]: addSegment(section, displayValue[portion], amount),\n            });\n        } else {\n            markValid(portion, section.type);\n            if (Object.keys(validSegments[portion]).length >= Object.keys(allSegments).length) {\n                setValue(displayValue);\n            }\n        }\n    }\n\n    function flushValidSection(sectionIndex: number) {\n        const portion = sectionIndex <= sections.length ? 'start' : 'end';\n        delete validSegments[portion][sectionsState.editableSections[sectionIndex].type];\n        setValidSegments({...validSegments, [portion]: {...validSegments[portion]}});\n    }\n\n    function flushAllValidSections() {\n        validSegments = {start: {}, end: {}};\n        setValidSegments({start: {}, end: {}});\n    }\n\n    function getSectionValue(sectionIndex: number) {\n        const portion = sectionIndex <= sections.length ? 'start' : 'end';\n        return displayValue[portion];\n    }\n\n    function setSectionValue(sectionIndex: number, currentValue: DateTime) {\n        const portion = sectionIndex <= sections.length ? 'start' : 'end';\n        setValue({...displayValue, [portion]: currentValue});\n    }\n\n    function createPlaceholder() {\n        return createPlaceholderRangeValue({\n            placeholderValue: props.placeholderValue,\n            timeZone,\n        });\n    }\n\n    function setValueFromString(str: string) {\n        const list = str.split(delimiter);\n        const start = parseDateFromString(list?.[0]?.trim(), format, timeZone);\n        const end = parseDateFromString(list?.[1]?.trim(), format, timeZone);\n        const range = {start, end};\n        if (range.start.isValid() && range.end.isValid()) {\n            handleUpdateRange(range);\n            return true;\n        }\n        return false;\n    }\n\n    const validationState =\n        props.validationState ||\n        (isInvalid(value?.start, props.minValue, props.maxValue) ? 'invalid' : undefined) ||\n        (isInvalid(value?.end, props.minValue, props.maxValue) ? 'invalid' : undefined) ||\n        (value && !isValidRange(value) ? 'invalid' : undefined) ||\n        (value && props.isDateUnavailable?.(value.start) ? 'invalid' : undefined) ||\n        (value && props.isDateUnavailable?.(value.end) ? 'invalid' : undefined);\n\n    return useBaseDateFieldState({\n        value,\n        displayValue,\n        placeholderValue: props.placeholderValue,\n        timeZone,\n        validationState,\n        editableSections: sectionsState.editableSections,\n        formatInfo,\n        readOnly: props.readOnly,\n        disabled: props.disabled,\n        selectedSectionIndexes,\n        selectedSections,\n        isEmpty:\n            Object.keys(validSegments.start).length === 0 &&\n            Object.keys(validSegments.end).length === 0,\n        flushAllValidSections,\n        flushValidSection,\n        setSelectedSections,\n        setValue,\n        setDate: handleUpdateRange,\n        adjustSection,\n        setSection,\n        getSectionValue,\n        setSectionValue,\n        createPlaceholder,\n        setValueFromString,\n    });\n}\n\nfunction useSectionsState(\n    sections: DateFieldSectionWithoutPosition[],\n    value: RangeValue<DateTime>,\n    validSegments: RangeValue<typeof EDITABLE_SEGMENTS>,\n    delimiter: string,\n) {\n    const [state, setState] = React.useState(() => {\n        return {\n            value,\n            sections,\n            validSegments,\n            delimiter,\n            editableSections: getRangeEditableSections(sections, value, validSegments, delimiter),\n        };\n    });\n\n    if (\n        sections !== state.sections ||\n        validSegments !== state.validSegments ||\n        !(value.start.isSame(state.value.start) && value.end.isSame(state.value.end)) ||\n        delimiter !== state.delimiter\n    ) {\n        setState({\n            value,\n            sections,\n            validSegments,\n            delimiter,\n            editableSections: getRangeEditableSections(sections, value, validSegments, delimiter),\n        });\n    }\n\n    return state;\n}\n"]}

package/dist/esm/components/RangeDateField/index.d.ts

@@ -1,2 +1,2 @@
-export * from './RangeDateField';
-export * from './hooks/useRangeDateFieldState';
+export * from "./RangeDateField.js";
+export * from "./hooks/useRangeDateFieldState.js";

package/dist/esm/components/RangeDateField/index.js

@@ -1,2 +1,3 @@
-export * from './RangeDateField';
-export * from './hooks/useRangeDateFieldState';
+export * from "./RangeDateField.js";
+export * from "./hooks/useRangeDateFieldState.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/RangeDateField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["components/RangeDateField/index.ts"],"names":[],"mappings":"AAAA,oCAAiC;AAEjC,kDAA+C","sourcesContent":["export * from './RangeDateField';\n\nexport * from './hooks/useRangeDateFieldState';\n"]}

package/dist/esm/components/RangeDateField/utils/createPlaceholderRangeValue.d.ts

@@ -1,4 +1,4 @@
-import type { PlaceholderValueOptions } from '../../utils/dates';
+import type { PlaceholderValueOptions } from "../../utils/dates.js";
 export declare function createPlaceholderRangeValue({ placeholderValue, timeZone }: PlaceholderValueOptions): {
     start: import("@gravity-ui/date-utils").DateTime;
     end: import("@gravity-ui/date-utils").DateTime;

package/dist/esm/components/RangeDateField/utils/createPlaceholderRangeValue.js

@@ -1,5 +1,6 @@
-import { createPlaceholderValue } from '../../utils/dates';
+import { createPlaceholderValue } from "../../utils/dates.js";
 export function createPlaceholderRangeValue({ placeholderValue, timeZone }) {
     const date = createPlaceholderValue({ placeholderValue, timeZone });
-    return { start: date, end: date };
+    return { start: date.startOf('day'), end: date.endOf('day') };
 }
+//# sourceMappingURL=createPlaceholderRangeValue.js.map

package/dist/esm/components/RangeDateField/utils/createPlaceholderRangeValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createPlaceholderRangeValue.js","sourceRoot":"../../../../../src","sources":["components/RangeDateField/utils/createPlaceholderRangeValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAC,6BAA0B;AAGzD,MAAM,UAAU,2BAA2B,CAAC,EAAC,gBAAgB,EAAE,QAAQ,EAA0B;IAC7F,MAAM,IAAI,GAAG,sBAAsB,CAAC,EAAC,gBAAgB,EAAE,QAAQ,EAAC,CAAC,CAAC;IAClE,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAC,CAAC;AAChE,CAAC","sourcesContent":["import {createPlaceholderValue} from '../../utils/dates';\nimport type {PlaceholderValueOptions} from '../../utils/dates';\n\nexport function createPlaceholderRangeValue({placeholderValue, timeZone}: PlaceholderValueOptions) {\n    const date = createPlaceholderValue({placeholderValue, timeZone});\n    return {start: date.startOf('day'), end: date.endOf('day')};\n}\n"]}

package/dist/esm/components/RangeDateField/utils/getRangeEditableSections.d.ts

@@ -1,5 +1,5 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { DateFieldSectionWithoutPosition } from '../../DateField/types';
-import type { EDITABLE_SEGMENTS } from '../../DateField/utils';
-import type { RangeValue } from '../../types';
-export declare function getRangeEditableSections(sections: DateFieldSectionWithoutPosition[], value: RangeValue<DateTime>, validSegments: RangeValue<typeof EDITABLE_SEGMENTS>, delimiter: string): import("../../DateField/types").DateFieldSection[];
+import type { DateFieldSectionWithoutPosition } from "../../DateField/types.js";
+import type { EDITABLE_SEGMENTS } from "../../DateField/utils.js";
+import type { RangeValue } from "../../types/index.js";
+export declare function getRangeEditableSections(sections: DateFieldSectionWithoutPosition[], value: RangeValue<DateTime>, validSegments: RangeValue<typeof EDITABLE_SEGMENTS>, delimiter: string): import("../../DateField/types.js").DateFieldSection[];

package/dist/esm/components/RangeDateField/utils/getRangeEditableSections.js

@@ -1,4 +1,4 @@
-import { getEditableSections, isEditableSection, toEditableSection } from '../../DateField/utils';
+import { getEditableSections, isEditableSection, toEditableSection } from "../../DateField/utils.js";
 export function getRangeEditableSections(sections, value, validSegments, delimiter) {
     const start = getEditableSections(sections, value.start, validSegments.start);
     const end = getEditableSections(sections, value.end, validSegments.end);
@@ -36,3 +36,4 @@ export function getRangeEditableSections(sections, value, validSegments, delimit
     }
     return [...start, delimiterSection, ...end];
 }
+//# sourceMappingURL=getRangeEditableSections.js.map

package/dist/esm/components/RangeDateField/utils/getRangeEditableSections.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRangeEditableSections.js","sourceRoot":"../../../../../src","sources":["components/RangeDateField/utils/getRangeEditableSections.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,mBAAmB,EAAE,iBAAiB,EAAE,iBAAiB,EAAC,iCAA8B;AAIhG,MAAM,UAAU,wBAAwB,CACpC,QAA2C,EAC3C,KAA2B,EAC3B,aAAmD,EACnD,SAAiB;IAEjB,MAAM,KAAK,GAAG,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9E,MAAM,GAAG,GAAG,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAExE,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACrC,IAAI,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC;IACxB,MAAM,uBAAuB,GAAG,IAAI,CAAC,mBAAmB,CAAC;IACzD,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAEvC,MAAM,gBAAgB,GAAG,iBAAiB,CACtC;QACI,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,QAAQ;QACrB,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,KAAK;KACzB,EACD,KAAK,CAAC,KAAK,EACX,aAAa,CAAC,KAAK,EACnB,QAAQ,EACR,uBAAuB,CAC1B,CAAC;IAEF,QAAQ,IAAI,gBAAgB,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;IAElD,IAAI,mBAAmB,CAAC;IACxB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;QAC9C,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC;QAE3B,OAAO,CAAC,KAAK,IAAI,QAAQ,CAAC;QAC1B,OAAO,CAAC,GAAG,IAAI,QAAQ,CAAC;QAExB,IAAI,OAAO,CAAC,uBAAuB,KAAK,CAAC,IAAI,mBAAmB,KAAK,SAAS,EAAE,CAAC;YAC7E,OAAO,CAAC,uBAAuB,GAAG,uBAAuB,CAAC;QAC9D,CAAC;aAAM,CAAC;YACJ,OAAO,CAAC,uBAAuB,IAAI,aAAa,CAAC;QACrD,CAAC;QAED,OAAO,CAAC,mBAAmB,IAAI,aAAa,CAAC;QAE7C,IAAI,iBAAiB,CAAC,OAAO,CAAC,IAAI,mBAAmB,KAAK,SAAS,EAAE,CAAC;YAClE,mBAAmB,GAAG,KAAK,GAAG,aAAa,CAAC;QAChD,CAAC;IACL,CAAC;IAED,IAAI,mBAAmB,KAAK,SAAS,EAAE,CAAC;QACpC,gBAAgB,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;QAE3D,KAAK,CAAC,uBAAuB,CAAC,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;IAC7E,CAAC;IAED,OAAO,CAAC,GAAG,KAAK,EAAE,gBAAgB,EAAE,GAAG,GAAG,CAAC,CAAC;AAChD,CAAC","sourcesContent":["import type {DateTime} from '@gravity-ui/date-utils';\n\nimport type {DateFieldSectionWithoutPosition} from '../../DateField/types';\nimport {getEditableSections, isEditableSection, toEditableSection} from '../../DateField/utils';\nimport type {EDITABLE_SEGMENTS} from '../../DateField/utils';\nimport type {RangeValue} from '../../types';\n\nexport function getRangeEditableSections(\n    sections: DateFieldSectionWithoutPosition[],\n    value: RangeValue<DateTime>,\n    validSegments: RangeValue<typeof EDITABLE_SEGMENTS>,\n    delimiter: string,\n) {\n    const start = getEditableSections(sections, value.start, validSegments.start);\n    const end = getEditableSections(sections, value.end, validSegments.end);\n\n    const last = start[start.length - 1];\n    let position = last.end;\n    const previousEditableSection = last.nextEditableSection;\n    const sectionsCount = start.length + 1;\n\n    const delimiterSection = toEditableSection(\n        {\n            type: 'literal',\n            contentType: 'letter',\n            format: delimiter,\n            placeholder: delimiter,\n            hasLeadingZeros: false,\n        },\n        value.start,\n        validSegments.start,\n        position,\n        previousEditableSection,\n    );\n\n    position += delimiterSection.textValue.length - 1;\n\n    let nextEditableSection;\n    for (let index = 0; index < end.length; index++) {\n        const section = end[index];\n\n        section.start += position;\n        section.end += position;\n\n        if (section.previousEditableSection === 0 && nextEditableSection === undefined) {\n            section.previousEditableSection = previousEditableSection;\n        } else {\n            section.previousEditableSection += sectionsCount;\n        }\n\n        section.nextEditableSection += sectionsCount;\n\n        if (isEditableSection(section) && nextEditableSection === undefined) {\n            nextEditableSection = index + sectionsCount;\n        }\n    }\n\n    if (nextEditableSection !== undefined) {\n        delimiterSection.nextEditableSection = nextEditableSection;\n\n        start[previousEditableSection].nextEditableSection = nextEditableSection;\n    }\n\n    return [...start, delimiterSection, ...end];\n}\n"]}

package/dist/esm/components/RangeDateField/utils/index.d.ts

@@ -1,3 +1,3 @@
-export * from './getRangeEditableSections';
-export * from './isValidRange';
-export * from './createPlaceholderRangeValue';
+export * from "./getRangeEditableSections.js";
+export * from "./isValidRange.js";
+export * from "./createPlaceholderRangeValue.js";

package/dist/esm/components/RangeDateField/utils/index.js

@@ -1,3 +1,4 @@
-export * from './getRangeEditableSections';
-export * from './isValidRange';
-export * from './createPlaceholderRangeValue';
+export * from "./getRangeEditableSections.js";
+export * from "./isValidRange.js";
+export * from "./createPlaceholderRangeValue.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/RangeDateField/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/RangeDateField/utils/index.ts"],"names":[],"mappings":"AAAA,8CAA2C;AAC3C,kCAA+B;AAC/B,iDAA8C","sourcesContent":["export * from './getRangeEditableSections';\nexport * from './isValidRange';\nexport * from './createPlaceholderRangeValue';\n"]}

package/dist/esm/components/RangeDateField/utils/isValidRange.d.ts

@@ -1,3 +1,3 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { RangeValue } from '../../types';
+import type { RangeValue } from "../../types/index.js";
 export declare function isValidRange({ start, end }: RangeValue<DateTime>): boolean;

package/dist/esm/components/RangeDateField/utils/isValidRange.js

@@ -1,3 +1,4 @@
 export function isValidRange({ start, end }) {
     return start.isValid() && end.isValid() && (start.isSame(end) || start.isBefore(end));
 }
+//# sourceMappingURL=isValidRange.js.map

package/dist/esm/components/RangeDateField/utils/isValidRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isValidRange.js","sourceRoot":"../../../../../src","sources":["components/RangeDateField/utils/isValidRange.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,YAAY,CAAC,EAAC,KAAK,EAAE,GAAG,EAAuB;IAC3D,OAAO,KAAK,CAAC,OAAO,EAAE,IAAI,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;AAC1F,CAAC","sourcesContent":["import type {DateTime} from '@gravity-ui/date-utils';\n\nimport type {RangeValue} from '../../types';\n\nexport function isValidRange({start, end}: RangeValue<DateTime>): boolean {\n    return start.isValid() && end.isValid() && (start.isSame(end) || start.isBefore(end));\n}\n"]}

package/dist/esm/components/RangeDatePicker/RangeDatePicker.css

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

package/dist/esm/components/RangeDatePicker/RangeDatePicker.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/RangeDatePicker/data:;charset=utf-8,@use%20'../variables';%0A%0A$block:%20'.%23%7Bvariables.$ns%7Drange-date-picker';%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%20outline:%20none;%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-anchor%20%7B%0A%20%20%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20z-index:%20-1;%0A%20%20%20%20%20%20%20%20inset:%200;%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;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI","sourcesContent":["@use '../variables';\n\n$block: '.#{variables.$ns}range-date-picker';\n\n#{$block} {\n    position: relative;\n\n    display: inline-block;\n\n    outline: none;\n\n    &__field {\n        width: 100%;\n    }\n\n    &__popup-anchor {\n        position: absolute;\n        z-index: -1;\n        inset: 0;\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":"RangeDatePicker.css"}

package/dist/esm/components/RangeDatePicker/RangeDatePicker.d.ts

@@ -1,6 +1,6 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { DatePickerProps } from '../DatePicker';
-import type { RangeValue } from '../types';
-import './RangeDatePicker.css';
+import type { DatePickerProps } from "../DatePicker/index.js";
+import type { RangeValue } from "../types/index.js";
+import "./RangeDatePicker.css";
 export type RangeDatePickerProps = DatePickerProps<RangeValue<DateTime>>;
 export declare function RangeDatePicker({ className, ...props }: RangeDatePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/RangeDatePicker/RangeDatePicker.js

@@ -4,22 +4,23 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Calendar as CalendarIcon, Clock as ClockIcon } from '@gravity-ui/icons';
 import { Button, Icon, Popup, TextInput } from '@gravity-ui/uikit';
-import { block } from '../../utils/cn';
-import { RangeCalendar } from '../Calendar';
-import { useDatePickerProps } from '../DatePicker';
-import { StubButton } from '../DatePicker/StubButton';
-import { HiddenInput } from '../HiddenInput/HiddenInput';
-import { RangeDateField } from '../RangeDateField';
-import { useRangeDatePickerState } from './hooks/useRangeDatePickerState';
-import './RangeDatePicker.css';
+import { block } from "../../utils/cn.js";
+import { RangeCalendar } from "../Calendar/index.js";
+import { useDatePickerProps } from "../DatePicker/index.js";
+import { StubButton } from "../DatePicker/StubButton.js";
+import { HiddenInput } from "../HiddenInput/HiddenInput.js";
+import { RangeDateField } from "../RangeDateField/index.js";
+import { useRangeDatePickerState } from "./hooks/useRangeDatePickerState.js";
+import "./RangeDatePicker.css";
 const b = block('range-date-picker');
 export function RangeDatePicker(_a) {
     var { className } = _a, props = __rest(_a, ["className"]);
     const anchorRef = React.useRef(null);
     const state = useRangeDatePickerState(props);
     const { groupProps, fieldProps, calendarButtonProps, popupProps, calendarProps, timeInputProps } = useDatePickerProps(state, props);
-    const isOnlyTime = state.hasTime && !state.hasDate;
-    return (_jsxs("div", Object.assign({ className: b(null, className) }, groupProps, { children: [!isOnlyTime && (_jsx("div", { ref: anchorRef, className: b('popup-anchor'), children: _jsx(Popup, Object.assign({ anchorRef: anchorRef }, popupProps, { children: _jsxs("div", { className: b('popup-content'), children: [typeof props.children === 'function' ? (props.children(Object.assign(Object.assign({}, calendarProps), { value: state.value }))) : (_jsx(RangeCalendar, Object.assign({}, calendarProps, { value: state.value }))), state.hasTime && (_jsx("div", { className: b('time-field-wrapper'), children: _jsx(RangeDateField, Object.assign({}, timeInputProps)) }))] }) })) })), _jsx(TextInput, Object.assign({}, fieldProps, { className: b('field'), endContent: _jsxs(React.Fragment, { children: [!isOnlyTime && (_jsx(Button, Object.assign({}, calendarButtonProps, { children: _jsx(Icon, { data: CalendarIcon }) }))), isOnlyTime && (_jsx(StubButton, { size: calendarButtonProps.size, icon: ClockIcon }))] }) })), _jsx(HiddenInput, { name: props.name, form: props.form, onReset: (v) => {
+    const isOnlyTime = state.formatInfo.hasTime && !state.formatInfo.hasDate;
+    return (_jsxs("div", Object.assign({ className: b(null, className) }, groupProps, { children: [!isOnlyTime && (_jsx("div", { ref: anchorRef, className: b('popup-anchor'), children: _jsx(Popup, Object.assign({ anchorRef: anchorRef }, popupProps, { children: _jsxs("div", { className: b('popup-content'), children: [typeof props.children === 'function' ? (props.children(Object.assign(Object.assign({}, calendarProps), { value: state.value }))) : (_jsx(RangeCalendar, Object.assign({}, calendarProps, { value: state.value }))), state.formatInfo.hasTime && (_jsx("div", { className: b('time-field-wrapper'), children: _jsx(RangeDateField, Object.assign({}, timeInputProps)) }))] }) })) })), _jsx(TextInput, Object.assign({}, fieldProps, { className: b('field'), endContent: _jsxs(React.Fragment, { children: [!isOnlyTime && (_jsx(Button, Object.assign({}, calendarButtonProps, { children: _jsx(Icon, { data: CalendarIcon }) }))), isOnlyTime && (_jsx(StubButton, { size: calendarButtonProps.size, icon: ClockIcon }))] }) })), _jsx(HiddenInput, { name: props.name, form: props.form, onReset: (v) => {
                     state.dateFieldState.setDate(v);
                 }, value: state.value, toStringValue: (v) => (v ? v.start.toISOString() : ''), disabled: state.disabled }), _jsx(HiddenInput, { name: props.name, form: props.form, value: state.value, toStringValue: (v) => (v ? v.end.toISOString() : ''), disabled: state.disabled })] })));
 }
+//# sourceMappingURL=RangeDatePicker.js.map

package/dist/esm/components/RangeDatePicker/RangeDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeDatePicker.js","sourceRoot":"../../../../src","sources":["components/RangeDatePicker/RangeDatePicker.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAC,QAAQ,IAAI,YAAY,EAAE,KAAK,IAAI,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAEjE,OAAO,EAAC,KAAK,EAAC,0BAAuB;AACrC,OAAO,EAAC,aAAa,EAAC,6BAAoB;AAC1C,OAAO,EAAC,kBAAkB,EAAC,+BAAsB;AAEjD,OAAO,EAAC,UAAU,EAAC,oCAAiC;AACpD,OAAO,EAAC,WAAW,EAAC,sCAAmC;AACvD,OAAO,EAAC,cAAc,EAAC,mCAA0B;AAGjD,OAAO,EAAC,uBAAuB,EAAC,2CAAwC;AAExE,+BAAgC;AAEhC,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;AAIrC,MAAM,UAAU,eAAe,CAAC,EAA2C;QAA3C,EAAC,SAAS,OAAiC,EAA5B,KAAK,cAApB,aAAqB,CAAD;IAChD,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAErD,MAAM,KAAK,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAC;IAE7C,MAAM,EAAC,UAAU,EAAE,UAAU,EAAE,mBAAmB,EAAE,UAAU,EAAE,aAAa,EAAE,cAAc,EAAC,GAC1F,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAErC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC;IAEzE,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,UAAU,eAC7C,CAAC,UAAU,IAAI,CACZ,cAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAC7C,KAAC,KAAK,kBAAC,SAAS,EAAE,SAAS,IAAM,UAAU,cACvC,eAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,aAC7B,OAAO,KAAK,CAAC,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,CACpC,KAAK,CAAC,QAAQ,iCAAK,aAAa,KAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAAE,CACzD,CAAC,CAAC,CAAC,CACA,KAAC,aAAa,oBAAK,aAAa,IAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,CAC3D,EACA,KAAK,CAAC,UAAU,CAAC,OAAO,IAAI,CACzB,cAAK,SAAS,EAAE,CAAC,CAAC,oBAAoB,CAAC,YACnC,KAAC,cAAc,oBAAK,cAAc,EAAI,GACpC,CACT,IACC,IACF,GACN,CACT,EACD,KAAC,SAAS,oBACF,UAAU,IACd,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,UAAU,EACN,MAAC,KAAK,CAAC,QAAQ,eACV,CAAC,UAAU,IAAI,CACZ,KAAC,MAAM,oBAAK,mBAAmB,cAC3B,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,GAAI,IACvB,CACZ,EACA,UAAU,IAAI,CACX,KAAC,UAAU,IAAC,IAAI,EAAE,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,GAAI,CAClE,IACY,IAEvB,EACF,KAAC,WAAW,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACX,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;gBACpC,CAAC,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACtD,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAC1B,EACF,KAAC,WAAW,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACpD,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAC1B,KACA,CACT,CAAC;AACN,CAAC","sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {Calendar as CalendarIcon, Clock as ClockIcon} from '@gravity-ui/icons';\nimport {Button, Icon, Popup, TextInput} from '@gravity-ui/uikit';\n\nimport {block} from '../../utils/cn';\nimport {RangeCalendar} from '../Calendar';\nimport {useDatePickerProps} from '../DatePicker';\nimport type {DatePickerProps} from '../DatePicker';\nimport {StubButton} from '../DatePicker/StubButton';\nimport {HiddenInput} from '../HiddenInput/HiddenInput';\nimport {RangeDateField} from '../RangeDateField';\nimport type {RangeValue} from '../types';\n\nimport {useRangeDatePickerState} from './hooks/useRangeDatePickerState';\n\nimport './RangeDatePicker.scss';\n\nconst b = block('range-date-picker');\n\nexport type RangeDatePickerProps = DatePickerProps<RangeValue<DateTime>>;\n\nexport function RangeDatePicker({className, ...props}: RangeDatePickerProps) {\n    const anchorRef = React.useRef<HTMLDivElement>(null);\n\n    const state = useRangeDatePickerState(props);\n\n    const {groupProps, fieldProps, calendarButtonProps, popupProps, calendarProps, timeInputProps} =\n        useDatePickerProps(state, props);\n\n    const isOnlyTime = state.formatInfo.hasTime && !state.formatInfo.hasDate;\n\n    return (\n        <div className={b(null, className)} {...groupProps}>\n            {!isOnlyTime && (\n                <div ref={anchorRef} className={b('popup-anchor')}>\n                    <Popup anchorRef={anchorRef} {...popupProps}>\n                        <div className={b('popup-content')}>\n                            {typeof props.children === 'function' ? (\n                                props.children({...calendarProps, value: state.value})\n                            ) : (\n                                <RangeCalendar {...calendarProps} value={state.value} />\n                            )}\n                            {state.formatInfo.hasTime && (\n                                <div className={b('time-field-wrapper')}>\n                                    <RangeDateField {...timeInputProps} />\n                                </div>\n                            )}\n                        </div>\n                    </Popup>\n                </div>\n            )}\n            <TextInput\n                {...fieldProps}\n                className={b('field')}\n                endContent={\n                    <React.Fragment>\n                        {!isOnlyTime && (\n                            <Button {...calendarButtonProps}>\n                                <Icon data={CalendarIcon} />\n                            </Button>\n                        )}\n                        {isOnlyTime && (\n                            <StubButton size={calendarButtonProps.size} icon={ClockIcon} />\n                        )}\n                    </React.Fragment>\n                }\n            />\n            <HiddenInput\n                name={props.name}\n                form={props.form}\n                onReset={(v) => {\n                    state.dateFieldState.setDate(v);\n                }}\n                value={state.value}\n                toStringValue={(v) => (v ? v.start.toISOString() : '')}\n                disabled={state.disabled}\n            />\n            <HiddenInput\n                name={props.name}\n                form={props.form}\n                value={state.value}\n                toStringValue={(v) => (v ? v.end.toISOString() : '')}\n                disabled={state.disabled}\n            />\n        </div>\n    );\n}\n"]}

package/dist/esm/components/RangeDatePicker/hooks/useRangeDatePickerState.d.ts

@@ -1,7 +1,10 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { DatePickerState } from '../../DatePicker';
-import type { RangeDateFieldStateOptions } from '../../RangeDateField';
-import type { RangeValue } from '../../types';
+import type { DatePickerState } from "../../DatePicker/index.js";
+import type { RangeDateFieldStateOptions } from "../../RangeDateField/index.js";
+import type { RangeValue } from "../../types/index.js";
 export type RangeDatePickerState = DatePickerState<RangeValue<DateTime>>;
 export type RangeDatePickerStateOptions = RangeDateFieldStateOptions;
-export declare const useRangeDatePickerState: (props: RangeDateFieldStateOptions) => DatePickerState<RangeValue<DateTime>>;
+export declare const useRangeDatePickerState: (props: RangeDateFieldStateOptions) => DatePickerState<{
+    start: DateTime;
+    end: DateTime;
+}>;

package/dist/esm/components/RangeDatePicker/hooks/useRangeDatePickerState.js

@@ -1,17 +1,19 @@
-import { datePickerStateFactory } from '../../DatePicker/hooks/datePickerStateFactory';
-import { getDateTimeValue } from '../../DatePicker/utils';
-import { useRangeDateFieldState } from '../../RangeDateField';
-import { createPlaceholderValue, mergeDateTime } from '../../utils/dates';
+import { adjustDateToFormat } from "../../DateField/utils.js";
+import { datePickerStateFactory } from "../../DatePicker/hooks/datePickerStateFactory.js";
+import { getDateTimeValue } from "../../DatePicker/utils/index.js";
+import { useRangeDateFieldState } from "../../RangeDateField/index.js";
+import { createPlaceholderRangeValue } from "../../RangeDateField/utils/index.js";
+import { mergeDateTime } from "../../utils/dates.js";
 export const useRangeDatePickerState = datePickerStateFactory({
     getPlaceholderTime,
     mergeDateTime: mergeRangeDateTime,
     setTimezone,
     getDateTime: getDateTimeValue,
     useDateFieldState: useRangeDateFieldState,
+    adjustDateToFormat: adjustRangeToFormat,
 });
 function getPlaceholderTime(placeholderValue, timeZone) {
-    const date = createPlaceholderValue({ placeholderValue, timeZone });
-    return { start: date, end: date };
+    return createPlaceholderRangeValue({ placeholderValue, timeZone });
 }
 function mergeRangeDateTime(date, time) {
     const start = mergeDateTime(date.start, time.start);
@@ -23,3 +25,9 @@ function setTimezone(date, timeZone) {
     const end = date.end.timeZone(timeZone);
     return { start, end };
 }
+function adjustRangeToFormat(date, sectionsInfo) {
+    const start = adjustDateToFormat(date.start, sectionsInfo, 'startOf');
+    const end = adjustDateToFormat(date.end, sectionsInfo, 'endOf');
+    return { start, end };
+}
+//# sourceMappingURL=useRangeDatePickerState.js.map

package/dist/esm/components/RangeDatePicker/hooks/useRangeDatePickerState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRangeDatePickerState.js","sourceRoot":"../../../../../src","sources":["components/RangeDatePicker/hooks/useRangeDatePickerState.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,kBAAkB,EAAC,iCAA8B;AAEzD,OAAO,EAAC,sBAAsB,EAAC,yDAAsD;AACrF,OAAO,EAAC,gBAAgB,EAAC,wCAA+B;AACxD,OAAO,EAAC,sBAAsB,EAAC,sCAA6B;AAE5D,OAAO,EAAC,2BAA2B,EAAC,4CAAmC;AAEvE,OAAO,EAAC,aAAa,EAAC,6BAA0B;AAMhD,MAAM,CAAC,MAAM,uBAAuB,GAAG,sBAAsB,CAAC;IAC1D,kBAAkB;IAClB,aAAa,EAAE,kBAAkB;IACjC,WAAW;IACX,WAAW,EAAE,gBAAgB;IAC7B,iBAAiB,EAAE,sBAAsB;IACzC,kBAAkB,EAAE,mBAAmB;CAC1C,CAAC,CAAC;AAEH,SAAS,kBAAkB,CACvB,gBAAsC,EACtC,QAAiB;IAEjB,OAAO,2BAA2B,CAAC,EAAC,gBAAgB,EAAE,QAAQ,EAAC,CAAC,CAAC;AACrE,CAAC;AAED,SAAS,kBAAkB,CACvB,IAA0B,EAC1B,IAA0B;IAE1B,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,GAAG,GAAG,aAAa,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9C,OAAO,EAAC,KAAK,EAAE,GAAG,EAAC,CAAC;AACxB,CAAC;AAED,SAAS,WAAW,CAAC,IAA0B,EAAE,QAAgB;IAC7D,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACxC,OAAO,EAAC,KAAK,EAAE,GAAG,EAAC,CAAC;AACxB,CAAC;AAED,SAAS,mBAAmB,CAAC,IAA0B,EAAE,YAAwB;IAC7E,MAAM,KAAK,GAAG,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;IACtE,MAAM,GAAG,GAAG,kBAAkB,CAAC,IAAI,CAAC,GAAG,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC;IAChE,OAAO,EAAC,KAAK,EAAE,GAAG,EAAC,CAAC;AACxB,CAAC","sourcesContent":["import type {DateTime} from '@gravity-ui/date-utils';\n\nimport type {FormatInfo} from '../../DateField/types';\nimport {adjustDateToFormat} from '../../DateField/utils';\nimport type {DatePickerState} from '../../DatePicker';\nimport {datePickerStateFactory} from '../../DatePicker/hooks/datePickerStateFactory';\nimport {getDateTimeValue} from '../../DatePicker/utils';\nimport {useRangeDateFieldState} from '../../RangeDateField';\nimport type {RangeDateFieldStateOptions} from '../../RangeDateField';\nimport {createPlaceholderRangeValue} from '../../RangeDateField/utils';\nimport type {RangeValue} from '../../types';\nimport {mergeDateTime} from '../../utils/dates';\n\nexport type RangeDatePickerState = DatePickerState<RangeValue<DateTime>>;\n\nexport type RangeDatePickerStateOptions = RangeDateFieldStateOptions;\n\nexport const useRangeDatePickerState = datePickerStateFactory({\n    getPlaceholderTime,\n    mergeDateTime: mergeRangeDateTime,\n    setTimezone,\n    getDateTime: getDateTimeValue,\n    useDateFieldState: useRangeDateFieldState,\n    adjustDateToFormat: adjustRangeToFormat,\n});\n\nfunction getPlaceholderTime(\n    placeholderValue: DateTime | undefined,\n    timeZone?: string,\n): RangeValue<DateTime> {\n    return createPlaceholderRangeValue({placeholderValue, timeZone});\n}\n\nfunction mergeRangeDateTime(\n    date: RangeValue<DateTime>,\n    time: RangeValue<DateTime>,\n): RangeValue<DateTime> {\n    const start = mergeDateTime(date.start, time.start);\n    const end = mergeDateTime(date.end, time.end);\n    return {start, end};\n}\n\nfunction setTimezone(date: RangeValue<DateTime>, timeZone: string): RangeValue<DateTime> {\n    const start = date.start.timeZone(timeZone);\n    const end = date.end.timeZone(timeZone);\n    return {start, end};\n}\n\nfunction adjustRangeToFormat(date: RangeValue<DateTime>, sectionsInfo: FormatInfo) {\n    const start = adjustDateToFormat(date.start, sectionsInfo, 'startOf');\n    const end = adjustDateToFormat(date.end, sectionsInfo, 'endOf');\n    return {start, end};\n}\n"]}

package/dist/esm/components/RangeDatePicker/index.d.ts

@@ -1,2 +1,2 @@
-export * from './RangeDatePicker';
-export * from './hooks/useRangeDatePickerState';
+export * from "./RangeDatePicker.js";
+export * from "./hooks/useRangeDatePickerState.js";

package/dist/esm/components/RangeDatePicker/index.js

@@ -1,2 +1,3 @@
-export * from './RangeDatePicker';
-export * from './hooks/useRangeDatePickerState';
+export * from "./RangeDatePicker.js";
+export * from "./hooks/useRangeDatePickerState.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/RangeDatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["components/RangeDatePicker/index.ts"],"names":[],"mappings":"AAAA,qCAAkC;AAElC,mDAAgD","sourcesContent":["export * from './RangeDatePicker';\n\nexport * from './hooks/useRangeDatePickerState';\n"]}

package/dist/esm/components/RangeDateSelection/RangeDateSelection.css

@@ -25,4 +25,5 @@
   grid-area: buttons-end;
   padding-inline-start: var(--g-spacing-half);
   border-inline-start: 1px solid var(--g-color-line-generic);
-}
+}
+/*# sourceMappingURL=RangeDateSelection.css.map */

package/dist/esm/components/RangeDateSelection/RangeDateSelection.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/RangeDateSelection/data:;charset=utf-8,@use%20'../variables';%0A@use%20'../mixins';%0A%0A$block:%20'.%23%7Bvariables.$ns%7Drange-date-selection';%0A%0A%23%7B$block%7D%20%7B%0A%20%20%20%20display:%20grid;%0A%20%20%20%20align-items:%20center;%0A%20%20%20%20grid-template-areas:%20'buttons-start%20ruler%20buttons-end';%0A%20%20%20%20grid-template-columns:%20auto%201fr%20auto;%0A%0A%20%20%20%20border-block:%201px%20solid%20var(--g-color-line-generic);%0A%0A%20%20%20%20&__ruler%20%7B%0A%20%20%20%20%20%20%20%20grid-area:%20ruler;%0A%0A%20%20%20%20%20%20%20%20&_dragging%20%23%7B$block%7D__selection%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&__buttons%20%7B%0A%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20align-items:%20center;%0A%0A%20%20%20%20%20%20%20%20height:%2022px;%0A%0A%20%20%20%20%20%20%20%20&_position_start%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20grid-area:%20buttons-start;%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20padding-inline-end:%20var(--g-spacing-half);%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20border-inline-end:%201px%20solid%20var(--g-color-line-generic);%0A%20%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20%20&_position_end%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20grid-area:%20buttons-end;%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20padding-inline-start:%20var(--g-spacing-half);%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20border-inline-start:%201px%20solid%20var(--g-color-line-generic);%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%7D%0A"],"names":[],"mappings":"AAKA;EACI;EACA;EACA;EACA;EAEA;;AAEA;EACI;;AAEA;EACI;;AAIR;EACI;EACA;EAEA;;AAEA;EACI;EAEA;EAEA;;AAGJ;EACI;EAEA;EAEA","sourcesContent":["@use '../variables';\n@use '../mixins';\n\n$block: '.#{variables.$ns}range-date-selection';\n\n#{$block} {\n    display: grid;\n    align-items: center;\n    grid-template-areas: 'buttons-start ruler buttons-end';\n    grid-template-columns: auto 1fr auto;\n\n    border-block: 1px solid var(--g-color-line-generic);\n\n    &__ruler {\n        grid-area: ruler;\n\n        &_dragging #{$block}__selection {\n            pointer-events: none;\n        }\n    }\n\n    &__buttons {\n        display: flex;\n        align-items: center;\n\n        height: 22px;\n\n        &_position_start {\n            grid-area: buttons-start;\n\n            padding-inline-end: var(--g-spacing-half);\n\n            border-inline-end: 1px solid var(--g-color-line-generic);\n        }\n\n        &_position_end {\n            grid-area: buttons-end;\n\n            padding-inline-start: var(--g-spacing-half);\n\n            border-inline-start: 1px solid var(--g-color-line-generic);\n        }\n    }\n}\n"],"file":"RangeDateSelection.css"}

package/dist/esm/components/RangeDateSelection/RangeDateSelection.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { AccessibilityProps, DomProps, StyleProps } from '../types';
-import type { ViewportDimensions, ViewportInterval } from './components/Ruler/Ruler';
-import type { RangeDateSelectionOptions } from './hooks/useRangeDateSelectionState';
-import './RangeDateSelection.css';
+import type { AccessibilityProps, DomProps, StyleProps } from "../types/index.js";
+import type { ViewportDimensions, ViewportInterval } from "./components/Ruler/Ruler.js";
+import type { RangeDateSelectionOptions } from "./hooks/useRangeDateSelectionState.js";
+import "./RangeDateSelection.css";
 export interface RangeDateSelectionProps extends RangeDateSelectionOptions, DomProps, StyleProps, AccessibilityProps {
     /** Formats time ticks */
     formatTime?: (time: DateTime) => string;