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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Zones.js","sourceRoot":"../../../../../../src","sources":["components/RelativeRangeDatePicker/components/Zones/Zones.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;AA0Db,sBAyDC;;AAjHD,uDAAwD;AACxD,6CAA+C;AAC/C,6CAA6D;AAG7D,gDAA2C;AAC3C,0CAAiE;AAEjE,0CAA4B;AAE5B,uBAAsB;AAEtB,MAAM,MAAM,GAA6D,EAAE,CAAC;AAE5E,MAAM,KAAK,GAAG,IAAA,6BAAgB,GAAE,CAAC,MAAM,CAAuC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;IAC1F,MAAM,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACrC,IAAI,SAAS,EAAE,CAAC;QACZ,IAAI,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAC9B,IAAI,CAAC,KAAK,EAAE,CAAC;YACT,KAAK,GAAG,EAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAC,CAAC;YACxC,MAAM,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;YAC1B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;QACD,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC;IAChC,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC,EAAE,EAAE,CAAC,CAAC;AAEP,KAAK,CAAC,OAAO,CAAC;IACV,KAAK,EAAE,KAAK;CACf,CAAC,CAAC;AAEH,KAAK,CAAC,OAAO,CAAC;IACV,KAAK,EAAE,QAAQ;IACf,IAAI,OAAO;QACP,OAAO,IAAA,WAAI,EAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC;CACJ,CAAC,CAAC;AAEH,KAAK,CAAC,OAAO,CAAC;IACV,KAAK,EAAE,SAAS;IAChB,IAAI,OAAO;QACP,OAAO,IAAA,WAAI,EAAC,SAAS,CAAC,CAAC;IAC3B,CAAC;CACJ,CAAC,CAAC;AAEH,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,kCAAkC,CAAC,CAAC;AAUpD,SAAgB,KAAK,CAAC,KAAiB;IACnC,MAAM,QAAQ,GAAG,IAAA,yBAAiB,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC;IAChD,OAAO,CACH,uBAAC,cAAM,IACH,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,CAAC,QAAQ,CAAC,EACjB,OAAO,EAAE,KAAK,EACd,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACZ,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YAChB,IAAI,EAAE,EAAE,CAAC;gBACL,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;YACvB,CAAC;QACL,CAAC,EACD,KAAK,EAAC,KAAK,EACX,aAAa,EAAE,CAAC,YAAY,EAAE,EAAE;YAC5B,MAAM,KAAK,GACP,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAA,WAAI,EAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;YAChF,OAAO,CACH,wBAAC,cAAM,IACH,SAAS,EAAC,QAAQ,EAClB,GAAG,EAAE,YAAY,CAAC,GAAG,EACrB,OAAO,EAAE,YAAY,CAAC,YAAY,CAAC,OAAO,EAC1C,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,KAAK,EACX,GAAG,EAAC,aAAa,EACjB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,KAAK,CAAC,QAAQ,mBACV,SAAS,mBACR,YAAY,CAAC,IAAI,EAChC,SAAS,EAAE,YAAY,CAAC,YAAY,CAAC,SAAS,EAC9C,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aAEtB,GAAG,KAAK,KAAK,IAAA,yBAAiB,EAAC,QAAQ,CAAC,GAAG,EAC5C,uBAAC,YAAI,IACD,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,EAC5B,IAAI,EAAE,oBAAY,EAClB,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAChC,IACG,CACZ,CAAC;QACN,CAAC,EACD,YAAY,EAAE,CAAC,EAAC,KAAK,EAAE,OAAO,EAAC,EAAE,EAAE;YAC/B,MAAM,CAAC,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,KAAK,CAAC;YAC3B,OAAO,CACH,kCAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACtB,kCAAM,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,aACzC,CAAC,cACC,EACP,uBAAC,YAAI,IAAC,KAAK,EAAC,WAAW,YAAE,IAAA,yBAAiB,EAAC,KAAK,CAAC,GAAQ,IACtD,CACV,CAAC;QACN,CAAC,EACD,UAAU,SACZ,CACL,CAAC;AACN,CAAC","sourcesContent":["'use client';\n\nimport {getTimeZonesList} from '@gravity-ui/date-utils';\nimport {ChevronRight} from '@gravity-ui/icons';\nimport {Button, Icon, Select, Text} from '@gravity-ui/uikit';\nimport type {SelectOption, SelectOptionGroup} from '@gravity-ui/uikit';\n\nimport {block} from '../../../../utils/cn';\nimport {getTimeZoneOffset, normalizeTimeZone} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './Zones.scss';\n\nconst groups: Record<string, {label: string; options: SelectOption[]}> = {};\n\nconst zones = getTimeZonesList().reduce<(SelectOption | SelectOptionGroup)[]>((opts, value) => {\n    const [groupName] = value.split('/');\n    if (groupName) {\n        let group = groups[groupName];\n        if (!group) {\n            group = {label: groupName, options: []};\n            groups[groupName] = group;\n            opts.push(group);\n        }\n        group.options.push({value});\n    }\n    return opts;\n}, []);\n\nzones.unshift({\n    value: 'UTC',\n});\n\nzones.unshift({\n    value: 'system',\n    get content() {\n        return i18n('system');\n    },\n});\n\nzones.unshift({\n    value: 'default',\n    get content() {\n        return i18n('default');\n    },\n});\n\nconst b = block('relative-range-date-picker-zones');\n\nexport interface ZonesProps {\n    value: string;\n    onUpdate: (timeZone: string) => void;\n    size?: 's' | 'm' | 'l' | 'xl';\n    isMobile?: boolean;\n    disabled?: boolean;\n}\n\nexport function Zones(props: ZonesProps) {\n    const timeZone = normalizeTimeZone(props.value);\n    const size = props.isMobile ? 'xl' : props.size;\n    return (\n        <Select\n            disabled={props.disabled}\n            value={[timeZone]}\n            options={zones}\n            size={size}\n            onUpdate={(v) => {\n                const tz = v[0];\n                if (tz) {\n                    props.onUpdate(tz);\n                }\n            }}\n            width=\"max\"\n            renderControl={(controlProps) => {\n                const value =\n                    timeZone === 'system' || timeZone === 'default' ? i18n(timeZone) : timeZone;\n                return (\n                    <Button\n                        component=\"button\"\n                        ref={controlProps.ref}\n                        onClick={controlProps.triggerProps.onClick}\n                        view=\"flat-secondary\"\n                        width=\"max\"\n                        pin=\"clear-clear\"\n                        size={size}\n                        disabled={props.disabled}\n                        aria-haspopup=\"listbox\"\n                        aria-expanded={controlProps.open}\n                        onKeyDown={controlProps.triggerProps.onKeyDown}\n                        className={b('control')}\n                    >\n                        {`${value} (${getTimeZoneOffset(timeZone)})`}\n                        <Icon\n                            className={b('control-icon')}\n                            data={ChevronRight}\n                            size={props.isMobile ? 20 : 16}\n                        />\n                    </Button>\n                );\n            }}\n            renderOption={({value, content}) => {\n                const v = content ?? value;\n                return (\n                    <span className={b('item')}>\n                        <span className={b('item-title')} title={value}>\n                            {v}&nbsp;\n                        </span>\n                        <Text color=\"secondary\">{getTimeZoneOffset(value)}</Text>\n                    </span>\n                );\n            }}\n            filterable\n        />\n    );\n}\n"]}

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

@@ -1 +1,5 @@
-export declare const i18n: (key: "default" | "system", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: ((key: "default" | "system", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "g-date-relative-range-date-picker-zones": Record<"default" | "system", import("@gravity-ui/i18n").KeyData>;
+    };
+};

package/dist/cjs/components/RelativeRangeDatePicker/components/Zones/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}relative-range-date-picker-zones`);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../../src","sources":["components/RelativeRangeDatePicker/components/Zones/i18n/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA2D;AAE3D,mDAAkD;AAElD,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,kCAAkC,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}relative-range-date-picker-zones`);\n"]}

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

@@ -1,6 +1,6 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { Value } from '../../RelativeDatePicker';
-import type { RangeValue } from '../../types';
+import type { Value } from "../../RelativeDatePicker/index.js";
+import type { RangeValue } from "../../types/index.js";
 export type RelativeRangeDatePickerValue = RangeValue<Value | null>;
 export interface RelativeRangeDatePickerState {
     value: RelativeRangeDatePickerValue | null;

package/dist/cjs/components/RelativeRangeDatePicker/hooks/useRelativeRangeDatePickerState.js

@@ -1,14 +1,12 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRelativeRangeDatePickerState = useRelativeRangeDatePickerState;
-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");
-const datePicker_1 = require("../../utils/validation/datePicker");
-const i18n_1 = require("../i18n");
+const datePicker_1 = require("../../utils/validation/datePicker.js");
+const i18n_1 = require("../i18n/index.js");
 function useRelativeRangeDatePickerState(props) {
     var _a, _b;
     const [value, setValue] = (0, uikit_1.useControlledState)(props.value, (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null);
@@ -57,3 +55,4 @@ function getRangeValidationResult(value, allowNullableValues, minValue, maxValue
         errors: startValidationResult.errors.concat(endValidationResult.errors),
     };
 }
+//# sourceMappingURL=useRelativeRangeDatePickerState.js.map

package/dist/cjs/components/RelativeRangeDatePicker/hooks/useRelativeRangeDatePickerState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRelativeRangeDatePickerState.js","sourceRoot":"../../../../../src","sources":["components/RelativeRangeDatePicker/hooks/useRelativeRangeDatePickerState.ts"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {dateTimeParse} from '@gravity-ui/date-utils';\nimport type {DateTime} from '@gravity-ui/date-utils';\nimport {useControlledState} from '@gravity-ui/uikit';\n\nimport type {Value} from '../../RelativeDatePicker';\nimport type {RangeValue} from '../../types';\nimport {getValidationResult} from '../../utils/validation/datePicker';\nimport {i18n} from '../i18n';\n\nexport type RelativeRangeDatePickerValue = RangeValue<Value | null>;\n\nexport interface RelativeRangeDatePickerState {\n    value: RelativeRangeDatePickerValue | null;\n    timeZone: string;\n    setValue: (value: RelativeRangeDatePickerValue | null, timeZone: string) => void;\n    isInvalid: boolean;\n    errors: string[];\n}\n\nexport interface RelativeRangeDatePickerStateOptions {\n    value?: RelativeRangeDatePickerValue | null;\n    defaultValue?: RelativeRangeDatePickerValue;\n    onUpdate?: (value: RelativeRangeDatePickerValue | null, timeZone: string) => void;\n    timeZone?: string;\n    defaultTimeZone?: string;\n    onUpdateTimeZone?: (timeZone: string) => void;\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    /** Callback that is called for each date of the calendar. If it returns true, then the date is unavailable. */\n    isDateUnavailable?: (date: DateTime) => boolean;\n    allowNullableValues?: boolean;\n}\n\nexport function useRelativeRangeDatePickerState(\n    props: RelativeRangeDatePickerStateOptions,\n): RelativeRangeDatePickerState {\n    const [value, setValue] = useControlledState(props.value, props.defaultValue ?? null);\n\n    const [timeZone, setTimeZone] = useControlledState(\n        props.timeZone,\n        props.defaultTimeZone ?? 'default',\n        props.onUpdateTimeZone,\n    );\n\n    const validation = React.useMemo(\n        () =>\n            getRangeValidationResult(\n                value,\n                props.allowNullableValues,\n                props.minValue,\n                props.maxValue,\n                props.isDateUnavailable,\n                timeZone,\n            ),\n        [\n            value,\n            props.allowNullableValues,\n            props.isDateUnavailable,\n            props.maxValue,\n            props.minValue,\n            timeZone,\n        ],\n    );\n\n    return {\n        value,\n        timeZone,\n        setValue(v, tz) {\n            setValue(v);\n            setTimeZone(tz);\n            if (value !== v || (value && timeZone !== tz)) {\n                props.onUpdate?.(v, tz);\n            }\n        },\n        ...validation,\n    };\n}\n\nfunction getRangeValidationResult(\n    value: RelativeRangeDatePickerValue | null,\n    allowNullableValues: boolean | undefined,\n    minValue: DateTime | undefined,\n    maxValue: DateTime | undefined,\n    isDateUnavailable: ((v: DateTime) => boolean) | undefined,\n    timeZone: string,\n) {\n    if (!value) {\n        return {isInvalid: false, errors: []};\n    }\n\n    const startDate = value.start ? dateTimeParse(value.start.value, {timeZone}) : null;\n    const endDate = value.end ? dateTimeParse(value.end.value, {timeZone, roundUp: true}) : null;\n\n    const startValidationResult = getValidationResult(\n        startDate,\n        minValue,\n        maxValue,\n        isDateUnavailable,\n        timeZone,\n        i18n('\"From\"'),\n    );\n\n    if (!startDate && !allowNullableValues) {\n        startValidationResult.isInvalid = true;\n        startValidationResult.errors.push(i18n('\"From\" is required.'));\n    }\n\n    const endValidationResult = getValidationResult(\n        endDate,\n        minValue,\n        maxValue,\n        isDateUnavailable,\n        timeZone,\n        i18n('\"To\"'),\n    );\n\n    if (!endDate && !allowNullableValues) {\n        endValidationResult.isInvalid = true;\n        endValidationResult.errors.push(i18n('\"To\" is required.'));\n    }\n\n    if (startDate && endDate && endDate.isBefore(startDate)) {\n        startValidationResult.isInvalid = true;\n        startValidationResult.errors.push(i18n(`\"From\" can't be after \"To\".`));\n    }\n\n    return {\n        isInvalid: startValidationResult.isInvalid || endValidationResult.isInvalid,\n        errors: startValidationResult.errors.concat(endValidationResult.errors),\n    };\n}\n"]}

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

@@ -1 +1,5 @@
-export declare const i18n: (key: "\"From\"" | "\"From\" is required." | "\"To\"" | "\"To\" is required." | "\"From\" can't be after \"To\"." | "to", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: ((key: "\"From\"" | "\"From\" is required." | "\"To\"" | "\"To\" is required." | "\"From\" can't be after \"To\"." | "to", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "g-date-relative-range-date-picker": Record<"\"From\"" | "\"From\" is required." | "\"To\"" | "\"To\" is required." | "\"From\" can't be after \"To\"." | "to", import("@gravity-ui/i18n").KeyData>;
+    };
+};

package/dist/cjs/components/RelativeRangeDatePicker/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}relative-range-date-picker`);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["components/RelativeRangeDatePicker/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,4BAA4B,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}relative-range-date-picker`);\n"]}

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

@@ -1,9 +1,9 @@
-export * from './RelativeRangeDatePicker';
-export * from './types';
-export { PickerDialog as RelativeRangeDatePickerDialog } from './components/PickerDialog/PickerDialog';
-export type { PickerDialogProps as RelativeRangeDatePickerDialogProps } from './components/PickerDialog/PickerDialog';
-export * from './hooks/useRelativeRangeDatePickerState';
-export { DEFAULT_DATE_PRESETS, DEFAULT_TIME_PRESETS, DEFAULT_OTHERS_PRESETS, } from './components/Presets/defaultPresets';
-export { getDefaultPresetTabs } from './components/Presets/utils';
-export type { Preset as RelativeRangeDatePickerPreset } from './components/Presets/defaultPresets';
-export type { PresetTab as RelativeRangeDatePickerPresetTab } from './components/Presets/utils';
+export * from "./RelativeRangeDatePicker.js";
+export * from "./types.js";
+export { PickerDialog as RelativeRangeDatePickerDialog } from "./components/PickerDialog/PickerDialog.js";
+export type { PickerDialogProps as RelativeRangeDatePickerDialogProps } from "./components/PickerDialog/PickerDialog.js";
+export * from "./hooks/useRelativeRangeDatePickerState.js";
+export { DEFAULT_DATE_PRESETS, DEFAULT_TIME_PRESETS, DEFAULT_OTHERS_PRESETS, } from "./components/Presets/defaultPresets.js";
+export { getDefaultPresetTabs } from "./components/Presets/utils.js";
+export type { Preset as RelativeRangeDatePickerPreset } from "./components/Presets/defaultPresets.js";
+export type { PresetTab as RelativeRangeDatePickerPresetTab } from "./components/Presets/utils.js";

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

@@ -1,28 +1,16 @@
 "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 });
 exports.getDefaultPresetTabs = exports.DEFAULT_OTHERS_PRESETS = exports.DEFAULT_TIME_PRESETS = exports.DEFAULT_DATE_PRESETS = exports.RelativeRangeDatePickerDialog = void 0;
-__exportStar(require("./RelativeRangeDatePicker"), exports);
-__exportStar(require("./types"), exports);
-var PickerDialog_1 = require("./components/PickerDialog/PickerDialog");
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./RelativeRangeDatePicker.js"), exports);
+tslib_1.__exportStar(require("./types.js"), exports);
+var PickerDialog_1 = require("./components/PickerDialog/PickerDialog.js");
 Object.defineProperty(exports, "RelativeRangeDatePickerDialog", { enumerable: true, get: function () { return PickerDialog_1.PickerDialog; } });
-__exportStar(require("./hooks/useRelativeRangeDatePickerState"), exports);
-var defaultPresets_1 = require("./components/Presets/defaultPresets");
+tslib_1.__exportStar(require("./hooks/useRelativeRangeDatePickerState.js"), exports);
+var defaultPresets_1 = require("./components/Presets/defaultPresets.js");
 Object.defineProperty(exports, "DEFAULT_DATE_PRESETS", { enumerable: true, get: function () { return defaultPresets_1.DEFAULT_DATE_PRESETS; } });
 Object.defineProperty(exports, "DEFAULT_TIME_PRESETS", { enumerable: true, get: function () { return defaultPresets_1.DEFAULT_TIME_PRESETS; } });
 Object.defineProperty(exports, "DEFAULT_OTHERS_PRESETS", { enumerable: true, get: function () { return defaultPresets_1.DEFAULT_OTHERS_PRESETS; } });
-var utils_1 = require("./components/Presets/utils");
+var utils_1 = require("./components/Presets/utils.js");
 Object.defineProperty(exports, "getDefaultPresetTabs", { enumerable: true, get: function () { return utils_1.getDefaultPresetTabs; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["components/RelativeRangeDatePicker/index.ts"],"names":[],"mappings":";;;;AAAA,uEAA0C;AAC1C,qDAAwB;AACxB,0EAAqG;AAA7F,6HAAA,YAAY,OAAiC;AAErD,qFAAwD;AACxD,yEAI6C;AAHzC,sHAAA,oBAAoB,OAAA;AACpB,sHAAA,oBAAoB,OAAA;AACpB,wHAAA,sBAAsB,OAAA;AAE1B,uDAAgE;AAAxD,6GAAA,oBAAoB,OAAA","sourcesContent":["export * from './RelativeRangeDatePicker';\nexport * from './types';\nexport {PickerDialog as RelativeRangeDatePickerDialog} from './components/PickerDialog/PickerDialog';\nexport type {PickerDialogProps as RelativeRangeDatePickerDialogProps} from './components/PickerDialog/PickerDialog';\nexport * from './hooks/useRelativeRangeDatePickerState';\nexport {\n    DEFAULT_DATE_PRESETS,\n    DEFAULT_TIME_PRESETS,\n    DEFAULT_OTHERS_PRESETS,\n} from './components/Presets/defaultPresets';\nexport {getDefaultPresetTabs} from './components/Presets/utils';\nexport type {Preset as RelativeRangeDatePickerPreset} from './components/Presets/defaultPresets';\nexport type {PresetTab as RelativeRangeDatePickerPresetTab} from './components/Presets/utils';\n"]}

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

@@ -1,10 +1,11 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { Value } from '../RelativeDatePicker';
-import type { AccessibilityProps, DomProps, FocusableProps, InputBase, InputDOMProps, RangeValue, StyleProps, TextInputProps, Validation } from '../types';
-import type { Preset } from './components/Presets/defaultPresets';
-import type { PresetTab } from './components/Presets/utils';
-import type { RelativeRangeDatePickerStateOptions, RelativeRangeDatePickerValue } from './hooks/useRelativeRangeDatePickerState';
-export type RelativeRangeDatePickerTriggerProps = Pick<React.InputHTMLAttributes<HTMLElement>, 'id' | 'role' | 'aria-controls' | 'aria-haspopup' | 'aria-expanded' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-details' | 'onClick' | 'onKeyDown' | 'disabled' | 'readOnly'>;
+import type { PopupPlacement } from '@gravity-ui/uikit';
+import type { Value } from "../RelativeDatePicker/index.js";
+import type { AccessibilityProps, DomProps, FocusableProps, InputBase, InputDOMProps, RangeValue, StyleProps, TextInputProps, Validation } from "../types/index.js";
+import type { Preset } from "./components/Presets/defaultPresets.js";
+import type { PresetTab } from "./components/Presets/utils.js";
+import type { RelativeRangeDatePickerStateOptions, RelativeRangeDatePickerValue } from "./hooks/useRelativeRangeDatePickerState.js";
+export type RelativeRangeDatePickerTriggerProps = Pick<React.AllHTMLAttributes<HTMLElement>, 'id' | 'role' | 'aria-controls' | 'aria-haspopup' | 'aria-expanded' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-details' | 'onClick' | 'onKeyDown' | 'disabled' | 'readOnly'>;
 export interface RelativeRangeDatePickerRenderControlProps {
     ref: React.Ref<HTMLElement>;
     value: RelativeRangeDatePickerValue | null;
@@ -35,6 +36,8 @@ export interface RelativeRangeDatePickerProps extends RelativeRangeDatePickerSta
     getRangeTitle?: (value: RangeValue<Value | null> | null, timeZone: string) => string;
     /** Sets the CSS className for the popup element. */
     popupClassName?: string;
+    /** */
+    popupPlacement?: PopupPlacement;
     /** Handler that is called when the popup's open state changes. */
     onOpenChange?: (open: boolean) => void;
     /** Used to render control. */

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

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/components/RelativeRangeDatePicker/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../src","sources":["components/RelativeRangeDatePicker/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {DateTime} from '@gravity-ui/date-utils';\nimport type {PopupPlacement} from '@gravity-ui/uikit';\n\nimport type {Value} from '../RelativeDatePicker';\nimport type {\n    AccessibilityProps,\n    DomProps,\n    FocusableProps,\n    InputBase,\n    InputDOMProps,\n    RangeValue,\n    StyleProps,\n    TextInputProps,\n    Validation,\n} from '../types';\n\nimport type {Preset} from './components/Presets/defaultPresets';\nimport type {PresetTab} from './components/Presets/utils';\nimport type {\n    RelativeRangeDatePickerStateOptions,\n    RelativeRangeDatePickerValue,\n} from './hooks/useRelativeRangeDatePickerState';\n\nexport type RelativeRangeDatePickerTriggerProps = Pick<\n    React.AllHTMLAttributes<HTMLElement>,\n    | 'id'\n    | 'role'\n    | 'aria-controls'\n    | 'aria-haspopup'\n    | 'aria-expanded'\n    | 'aria-label'\n    | 'aria-labelledby'\n    | 'aria-describedby'\n    | 'aria-details'\n    | 'onClick'\n    | 'onKeyDown'\n    | 'disabled'\n    | 'readOnly'\n>;\n\nexport interface RelativeRangeDatePickerRenderControlProps {\n    ref: React.Ref<HTMLElement>;\n    value: RelativeRangeDatePickerValue | null;\n    title: string;\n    errorMessage?: React.ReactNode;\n    validationState?: 'invalid';\n    open: boolean;\n    triggerProps: RelativeRangeDatePickerTriggerProps;\n}\n\nexport interface RelativeRangeDatePickerProps\n    extends RelativeRangeDatePickerStateOptions,\n        DomProps,\n        AccessibilityProps,\n        InputBase,\n        InputDOMProps,\n        TextInputProps,\n        Validation,\n        FocusableProps,\n        StyleProps {\n    /** Format of the date when rendered in the input. [Available formats](https://day.js.org/docs/en/display/format) */\n    format?: string;\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    /** Apply changes with button */\n    withApplyButton?: boolean;\n    /** Show time zone selector */\n    withZonesList?: boolean;\n    /** Show relative range presets */\n    withPresets?: boolean;\n    /** Custom preset tabs */\n    presetTabs?: PresetTab[];\n    /** Custom docs for presets, if empty array docs will be hidden */\n    docs?: Preset[];\n    /** Show selected relative values as absolute dates */\n    alwaysShowAsAbsolute?: boolean;\n    /** */\n    getRangeTitle?: (value: RangeValue<Value | null> | null, timeZone: string) => string;\n    /** Sets the CSS className for the popup element. */\n    popupClassName?: string;\n    /** */\n    popupPlacement?: PopupPlacement;\n    /** Handler that is called when the popup's open state changes. */\n    onOpenChange?: (open: boolean) => void;\n    /** Used to render control. */\n    renderControl?: (props: RelativeRangeDatePickerRenderControlProps) => React.ReactElement;\n}\n"]}

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

@@ -1,6 +1,6 @@
-import type { Value } from '../RelativeDatePicker';
-import type { RangeValue } from '../types';
-import type { Preset } from './components/Presets/defaultPresets';
+import type { Value } from "../RelativeDatePicker/index.js";
+import type { RangeValue } from "../types/index.js";
+import type { Preset } from "./components/Presets/defaultPresets.js";
 export declare function resolveTimeZone(timeZone: string): string;
 export declare function normalizeTimeZone(timeZone: string): string;
 export declare function getTimeZoneOffset(timeZone: string): string;

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

@@ -5,7 +5,7 @@ exports.normalizeTimeZone = normalizeTimeZone;
 exports.getTimeZoneOffset = getTimeZoneOffset;
 exports.getDefaultTitle = getDefaultTitle;
 const date_utils_1 = require("@gravity-ui/date-utils");
-const utils_1 = require("./components/Presets/utils");
+const utils_1 = require("./components/Presets/utils.js");
 function resolveTimeZone(timeZone) {
     if (timeZone === 'default' || timeZone === 'system') {
         return (0, date_utils_1.dateTime)({ timeZone }).timeZone();
@@ -50,3 +50,4 @@ function getDefaultTitle({ value, timeZone, alwaysShowAsAbsolute, format = 'L',
     const delimiter = ' — ';
     return `${from}${delimiter}${to}${tz}`;
 }
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["components/RelativeRangeDatePicker/utils.ts"],"names":[],"mappings":";;AAQA,0CAMC;AAED,8CAOC;AAED,8CAEC;AASD,0CAuCC;AA3ED,uDAA+D;AAM/D,yDAA0D;AAE1D,SAAgB,eAAe,CAAC,QAAgB;IAC5C,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;QAClD,OAAO,IAAA,qBAAQ,EAAC,EAAC,QAAQ,EAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC3C,CAAC;IAED,OAAO,QAAQ,CAAC;AACpB,CAAC;AAED,SAAgB,iBAAiB,CAAC,QAAgB;IAC9C,MAAM,OAAO,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;IACvC,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChD,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,OAAO,eAAe,CAAC,QAAQ,CAAC,CAAC;AACrC,CAAC;AAED,SAAgB,iBAAiB,CAAC,QAAgB;IAC9C,OAAO,OAAO,IAAA,qBAAQ,EAAC,EAAC,QAAQ,EAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;AACrD,CAAC;AASD,SAAgB,eAAe,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,MAAM,GAAG,GAAG,EACZ,OAAO,GACW;;IAClB,IAAI,CAAC,KAAK,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;IACd,CAAC;IAED,MAAM,EAAE,GAAG,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,iBAAiB,CAAC,QAAQ,CAAC,GAAG,CAAC;IAE7E,IAAI,IAAI,GAAG,EAAE,CAAC;IACd,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,IAAI;YACA,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,UAAU,IAAI,CAAC,oBAAoB;gBACpD,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;gBACnB,CAAC,CAAC,MAAA,MAAA,IAAA,0BAAa,EAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,EAAC,QAAQ,EAAC,CAAC,0CAAE,MAAM,CAAC,MAAM,CAAC,mCAAI,EAAE,CAAC;IACjF,CAAC;IACD,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,IAAI,KAAK,CAAC,GAAG,EAAE,CAAC;QACZ,EAAE;YACE,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,UAAU,IAAI,CAAC,oBAAoB;gBAClD,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK;gBACjB,CAAC,CAAC,MAAA,MAAA,IAAA,0BAAa,EAAC,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC,0CAAE,MAAM,CAAC,MAAM,CAAC,mCAAI,EAAE,CAAC;IAC9F,CAAC;IAED,IACI,CAAC,oBAAoB;QACrB,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,IAAI,MAAK,UAAU;QAChC,CAAA,MAAA,KAAK,CAAC,GAAG,0CAAE,IAAI,MAAK,UAAU,EAChC,CAAC;QACC,OAAO,GAAG,IAAA,sBAAc,EAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,CAAC;IAC5E,CAAC;IAED,MAAM,SAAS,GAAG,KAAK,CAAC;IAExB,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC;AAC3C,CAAC","sourcesContent":["import {dateTime, dateTimeParse} from '@gravity-ui/date-utils';\n\nimport type {Value} from '../RelativeDatePicker';\nimport type {RangeValue} from '../types';\n\nimport type {Preset} from './components/Presets/defaultPresets';\nimport {getPresetTitle} from './components/Presets/utils';\n\nexport function resolveTimeZone(timeZone: string) {\n    if (timeZone === 'default' || timeZone === 'system') {\n        return dateTime({timeZone}).timeZone();\n    }\n\n    return timeZone;\n}\n\nexport function normalizeTimeZone(timeZone: string) {\n    const lowered = timeZone.toLowerCase();\n    if (lowered === 'default' || lowered === 'system') {\n        return lowered;\n    }\n\n    return resolveTimeZone(timeZone);\n}\n\nexport function getTimeZoneOffset(timeZone: string) {\n    return `UTC ${dateTime({timeZone}).format('Z')}`;\n}\n\ninterface GetDefaultTitleArgs {\n    value: RangeValue<Value | null> | null;\n    timeZone: string;\n    alwaysShowAsAbsolute?: boolean;\n    format?: string;\n    presets?: Preset[];\n}\nexport function getDefaultTitle({\n    value,\n    timeZone,\n    alwaysShowAsAbsolute,\n    format = 'L',\n    presets,\n}: GetDefaultTitleArgs) {\n    if (!value) {\n        return '';\n    }\n\n    const tz = timeZone === 'default' ? '' : ` (${getTimeZoneOffset(timeZone)})`;\n\n    let from = '';\n    if (value.start) {\n        from =\n            value.start.type === 'relative' && !alwaysShowAsAbsolute\n                ? value.start.value\n                : dateTimeParse(value.start.value, {timeZone})?.format(format) ?? '';\n    }\n    let to = '';\n    if (value.end) {\n        to =\n            value.end.type === 'relative' && !alwaysShowAsAbsolute\n                ? value.end.value\n                : dateTimeParse(value.end.value, {timeZone, roundUp: true})?.format(format) ?? '';\n    }\n\n    if (\n        !alwaysShowAsAbsolute &&\n        value.start?.type === 'relative' &&\n        value.end?.type === 'relative'\n    ) {\n        return `${getPresetTitle(value.start.value, value.end.value, presets)}`;\n    }\n\n    const delimiter = ' — ';\n\n    return `${from}${delimiter}${to}${tz}`;\n}\n"]}

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

@@ -1,11 +1,11 @@
-export * from './Calendar';
-export * from './RangeCalendar';
-export * from './DateField';
-export * from './DatePicker';
-export * from './RangeDatePicker';
-export * from './RangeDateSelection';
-export * from './RelativeDateField';
-export * from './RelativeDatePicker';
-export * from './RangeDateField';
-export * from './RelativeRangeDatePicker';
-export type { RangeValue } from './types';
+export * from "./Calendar/index.js";
+export * from "./RangeCalendar/index.js";
+export * from "./DateField/index.js";
+export * from "./DatePicker/index.js";
+export * from "./RangeDatePicker/index.js";
+export * from "./RangeDateSelection/index.js";
+export * from "./RelativeDateField/index.js";
+export * from "./RelativeDatePicker/index.js";
+export * from "./RangeDateField/index.js";
+export * from "./RelativeRangeDatePicker/index.js";
+export type { RangeValue } from "./types/index.js";

package/dist/cjs/components/index.js

@@ -1,26 +1,14 @@
 "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("./Calendar"), exports);
-__exportStar(require("./RangeCalendar"), exports);
-__exportStar(require("./DateField"), exports);
-__exportStar(require("./DatePicker"), exports);
-__exportStar(require("./RangeDatePicker"), exports);
-__exportStar(require("./RangeDateSelection"), exports);
-__exportStar(require("./RelativeDateField"), exports);
-__exportStar(require("./RelativeDatePicker"), exports);
-__exportStar(require("./RangeDateField"), exports);
-__exportStar(require("./RelativeRangeDatePicker"), exports);
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Calendar/index.js"), exports);
+tslib_1.__exportStar(require("./RangeCalendar/index.js"), exports);
+tslib_1.__exportStar(require("./DateField/index.js"), exports);
+tslib_1.__exportStar(require("./DatePicker/index.js"), exports);
+tslib_1.__exportStar(require("./RangeDatePicker/index.js"), exports);
+tslib_1.__exportStar(require("./RangeDateSelection/index.js"), exports);
+tslib_1.__exportStar(require("./RelativeDateField/index.js"), exports);
+tslib_1.__exportStar(require("./RelativeDatePicker/index.js"), exports);
+tslib_1.__exportStar(require("./RangeDateField/index.js"), exports);
+tslib_1.__exportStar(require("./RelativeRangeDatePicker/index.js"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["components/index.ts"],"names":[],"mappings":";;;AAAA,8DAA2B;AAC3B,mEAAgC;AAChC,+DAA4B;AAC5B,gEAA6B;AAC7B,qEAAkC;AAClC,wEAAqC;AACrC,uEAAoC;AACpC,wEAAqC;AACrC,oEAAiC;AACjC,6EAA0C","sourcesContent":["export * from './Calendar';\nexport * from './RangeCalendar';\nexport * from './DateField';\nexport * from './DatePicker';\nexport * from './RangeDatePicker';\nexport * from './RangeDateSelection';\nexport * from './RelativeDateField';\nexport * from './RelativeDatePicker';\nexport * from './RangeDateField';\nexport * from './RelativeRangeDatePicker';\n\nexport type {RangeValue} from './types';\n"]}

package/dist/cjs/components/mixins.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=mixins.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"mixins.css"}

package/dist/cjs/components/types/datePicker.d.ts

@@ -1,5 +1,5 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { InputBase, Validation, ValueBase } from './inputs';
+import type { InputBase, Validation, ValueBase } from "./inputs.js";
 export interface DateFieldBase<T = DateTime> extends ValueBase<T | null>, InputBase, Validation {
     /** The minimum allowed date that a user may select. */
     minValue?: DateTime;

package/dist/cjs/components/types/datePicker.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=datePicker.js.map

package/dist/cjs/components/types/datePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePicker.js","sourceRoot":"../../../../src","sources":["components/types/datePicker.ts"],"names":[],"mappings":"","sourcesContent":["import type {DateTime} from '@gravity-ui/date-utils';\n\nimport type {InputBase, Validation, ValueBase} from './inputs';\n\nexport interface DateFieldBase<T = DateTime> extends ValueBase<T | null>, InputBase, Validation {\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    /** Callback that is called for each date of the calendar. If it returns true, then the date is unavailable. */\n    isDateUnavailable?: (date: DateTime) => boolean;\n    /** Format of the date when rendered in the input. [Available formats](https://day.js.org/docs/en/display/format) */\n    format?: string;\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\nexport interface PopupTriggerProps<Args extends unknown[] = []> {\n    /** Whether the popup is open (controlled). */\n    open?: boolean;\n    /** Whether the popup is open by default (uncontrolled). */\n    defaultOpen?: boolean;\n    /** Handler that is called when the popup's open state changes. */\n    onOpenChange?: (open: boolean, ...args: Args) => void;\n}\n"]}

package/dist/cjs/components/types/events.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=events.js.map

package/dist/cjs/components/types/events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.js","sourceRoot":"../../../../src","sources":["components/types/events.ts"],"names":[],"mappings":"","sourcesContent":["export interface KeyboardEvents {\n    /** Handler that is called when a key is pressed. */\n    onKeyDown?(e: React.KeyboardEvent): void;\n    /** Handler that is called when a key is released. */\n    onKeyUp?(e: React.KeyboardEvent): void;\n}\n\nexport interface FocusEvents<Target = Element> {\n    /** Handler that is called when the element receives focus. */\n    onFocus?(e: React.FocusEvent<Target>): void;\n    /** Handler that is called when the element loses focus. */\n    onBlur?(e: React.FocusEvent<Target>): void;\n}\n\nexport interface FocusableProps<Target = Element> extends FocusEvents<Target> {\n    /** Whether the element should receive focus on render. */\n    autoFocus?: boolean;\n}\n"]}

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

@@ -1,4 +1,4 @@
-export type * from './datePicker';
-export type * from './inputs';
-export type * from './style';
-export type * from './events';
+export type * from "./datePicker.js";
+export type * from "./inputs.js";
+export type * from "./style.js";
+export type * from "./events.js";

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

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["components/types/index.ts"],"names":[],"mappings":"","sourcesContent":["export type * from './datePicker';\nexport type * from './inputs';\nexport type * from './style';\nexport type * from './events';\n"]}

package/dist/cjs/components/types/inputs.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=inputs.js.map

package/dist/cjs/components/types/inputs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputs.js","sourceRoot":"../../../../src","sources":["components/types/inputs.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n    TextInputProps as TextInputBaseProps,\n    TextInputPin,\n    TextInputSize,\n    TextInputView,\n} from '@gravity-ui/uikit';\n\nexport type ValidationState = 'invalid';\n\nexport interface AccessibilityProps {\n    /** Defines a string value that labels the current element. */\n    'aria-label'?: string;\n    /** Identifies the element (or elements) that labels the current element. */\n    'aria-labelledby'?: string;\n    /** Identifies the element (or elements) that describes the object. */\n    'aria-describedby'?: string;\n    /** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n    'aria-details'?: string;\n}\n\nexport interface ValueBase<T, C = T> {\n    /** The current value (controlled). */\n    value?: T;\n    /** The default value (uncontrolled). */\n    defaultValue?: T;\n    /** Handler that is called when the value changes. */\n    onUpdate?: (value: C) => void;\n}\n\nexport interface Validation\n    extends Pick<TextInputBaseProps, 'validationState' | 'errorMessage' | 'errorPlacement'> {}\n\nexport interface DomProps {\n    /** The element's unique identifier. */\n    id?: string;\n}\n\nexport interface InputDOMProps {\n    /**\n     * The name of the input element, used when submitting an HTML form.\n     */\n    name?: string;\n    /**\n     * The id of a <form> in the same document. If this attribute is not set,\n     * the <input> is associated with its ancestor <form> element, if any.\n     */\n    form?: string;\n}\nexport interface InputBase {\n    /**\n     * Whether the field is disabled.\n     * @default false\n     */\n    disabled?: boolean;\n    /**\n     * Whether the calendar value is immutable.\n     * @default false\n     */\n    readOnly?: boolean;\n}\n\nexport interface TextInputProps {\n    /** The size of the element */\n    size?: TextInputSize;\n    /**\n     * Corner rounding\n     * @default 'round-round'\n     */\n    pin?: TextInputPin;\n    /** Control view */\n    view?: TextInputView;\n    /** Inner field label */\n    label?: TextInputBaseProps['label'];\n    /** Text that appears in the field when it has no value set */\n    placeholder?: string;\n    /**\n     * Show clear button\n     * @default false\n     */\n    hasClear?: boolean;\n}\n\nexport interface TextInputExtendProps {\n    /**\n     * User`s node rendered before label and input\n     */\n    startContent?: TextInputBaseProps['startContent'];\n    /**\n     * User`s node rendered after input and clear button\n     */\n    endContent?: TextInputBaseProps['endContent'];\n}\n\nexport interface RangeValue<T> {\n    /** The start value of the range. */\n    start: T;\n    /** The end value of the range. */\n    end: T;\n}\n"]}

package/dist/cjs/components/types/style.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=style.js.map

package/dist/cjs/components/types/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"../../../../src","sources":["components/types/style.ts"],"names":[],"mappings":"","sourcesContent":["export interface StyleProps {\n    /** Sets inline style for the element. */\n    style?: React.CSSProperties;\n    /** Sets the CSS className for the element. */\n    className?: string;\n}\n"]}

package/dist/cjs/components/utils/constants.js

@@ -8,3 +8,4 @@ exports.DAY = 24 * exports.HOUR;
 exports.WEEK = 7 * exports.DAY;
 exports.MONTH = 30 * exports.DAY;
 exports.YEAR = 365 * exports.DAY;
+//# sourceMappingURL=constants.js.map

package/dist/cjs/components/utils/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"../../../../src","sources":["components/utils/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAG,IAAI,CAAC;AACd,QAAA,MAAM,GAAG,EAAE,GAAG,cAAM,CAAC;AACrB,QAAA,IAAI,GAAG,EAAE,GAAG,cAAM,CAAC;AACnB,QAAA,GAAG,GAAG,EAAE,GAAG,YAAI,CAAC;AAChB,QAAA,IAAI,GAAG,CAAC,GAAG,WAAG,CAAC;AACf,QAAA,KAAK,GAAG,EAAE,GAAG,WAAG,CAAC;AACjB,QAAA,IAAI,GAAG,GAAG,GAAG,WAAG,CAAC","sourcesContent":["export const SECOND = 1000;\nexport const MINUTE = 60 * SECOND;\nexport const HOUR = 60 * MINUTE;\nexport const DAY = 24 * HOUR;\nexport const WEEK = 7 * DAY;\nexport const MONTH = 30 * DAY;\nexport const YEAR = 365 * DAY;\n"]}

package/dist/cjs/components/utils/dates.js

@@ -43,3 +43,4 @@ function mergeDateTime(date, time) {
 function formatDateTime(date, format, timezone) {
     return (0, date_utils_1.dateTime)({ input: date, timeZone: timezone }).format(format);
 }
+//# sourceMappingURL=dates.js.map

package/dist/cjs/components/utils/dates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dates.js","sourceRoot":"../../../../src","sources":["components/utils/dates.ts"],"names":[],"mappings":";;AAGA,8BAEC;AAMD,wDAIC;AAED,8BAiBC;AAED,wCAaC;AAED,sCAKC;AAED,wCAEC;AA5DD,uDAAgD;AAGhD,SAAgB,SAAS,CAAC,IAAc;IACpC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;AACvC,CAAC;AAMD,SAAgB,sBAAsB,CAAC,EAAC,gBAAgB,EAAE,QAAQ,EAA0B;IACxF,OAAO,CACH,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,IAAA,qBAAQ,EAAC,EAAC,QAAQ,EAAC,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,CAC5F,CAAC;AACN,CAAC;AAED,SAAgB,SAAS,CACrB,KAAkC,EAClC,QAA8B,EAC9B,QAA8B;IAE9B,IAAI,CAAC,KAAK,EAAE,CAAC;QACT,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,IAAI,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;QACvC,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,IAAI,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QACvC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,KAAK,CAAC;AACjB,CAAC;AAED,SAAgB,cAAc,CAC1B,KAAe,EACf,QAA8B,EAC9B,QAA8B;IAE9B,IAAI,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;QACvC,OAAO,QAAQ,CAAC;IACpB,CAAC;IACD,IAAI,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QACvC,OAAO,QAAQ,CAAC;IACpB,CAAC;IAED,OAAO,KAAK,CAAC;AACjB,CAAC;AAED,SAAgB,aAAa,CAAC,IAAc,EAAE,IAAc;IACxD,OAAO,IAAI;SACN,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;SACzB,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;SAC7B,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;AACvC,CAAC;AAED,SAAgB,cAAc,CAAC,IAAc,EAAE,MAAc,EAAE,QAAgB;IAC3E,OAAO,IAAA,qBAAQ,EAAC,EAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AACtE,CAAC","sourcesContent":["import {dateTime} from '@gravity-ui/date-utils';\nimport type {DateTime} from '@gravity-ui/date-utils';\n\nexport function isWeekend(date: DateTime) {\n    return [0, 6].includes(date.day());\n}\n\nexport interface PlaceholderValueOptions {\n    placeholderValue?: DateTime;\n    timeZone?: string;\n}\nexport function createPlaceholderValue({placeholderValue, timeZone}: PlaceholderValueOptions) {\n    return (\n        placeholderValue ?? dateTime({timeZone}).set('hour', 0).set('minute', 0).set('second', 0)\n    );\n}\n\nexport function isInvalid(\n    value: DateTime | null | undefined,\n    minValue: DateTime | undefined,\n    maxValue: DateTime | undefined,\n) {\n    if (!value) {\n        return false;\n    }\n\n    if (minValue && value.isBefore(minValue)) {\n        return true;\n    }\n    if (maxValue && maxValue.isBefore(value)) {\n        return true;\n    }\n\n    return false;\n}\n\nexport function constrainValue(\n    value: DateTime,\n    minValue: DateTime | undefined,\n    maxValue: DateTime | undefined,\n) {\n    if (minValue && value.isBefore(minValue)) {\n        return minValue;\n    }\n    if (maxValue && maxValue.isBefore(value)) {\n        return maxValue;\n    }\n\n    return value;\n}\n\nexport function mergeDateTime(date: DateTime, time: DateTime) {\n    return date\n        .set('hours', time.hour())\n        .set('minutes', time.minute())\n        .set('seconds', time.second());\n}\n\nexport function formatDateTime(date: DateTime, format: string, timezone: string) {\n    return dateTime({input: date, timeZone: timezone}).format(format);\n}\n"]}

package/dist/cjs/components/utils/filterDOMProps.d.ts

@@ -1,4 +1,4 @@
-import type { AccessibilityProps } from '../types';
+import type { AccessibilityProps } from "../types/index.js";
 interface Options {
     /**
      * If labelling associated aria properties should be included in the filter.

package/dist/cjs/components/utils/filterDOMProps.js

@@ -25,3 +25,4 @@ function filterDOMProps(props, options = {}) {
     }
     return filteredProps;
 }
+//# sourceMappingURL=filterDOMProps.js.map

package/dist/cjs/components/utils/filterDOMProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterDOMProps.js","sourceRoot":"../../../../src","sources":["components/utils/filterDOMProps.ts"],"names":[],"mappings":";;AAyBA,wCAqBC;AA5CD,MAAM,YAAY,GAAG,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAErC,MAAM,kBAAkB,GAAG,IAAI,GAAG,CAAC;IAC/B,YAAY;IACZ,iBAAiB;IACjB,kBAAkB;IAClB,cAAc;CACjB,CAAC,CAAC;AAaH,MAAM,MAAM,GAAG,aAAa,CAAC;AAE7B,yDAAyD;AACzD,SAAgB,cAAc,CAC1B,KAAyC,EACzC,UAAmB,EAAE;IAErB,MAAM,EAAC,SAAS,EAAE,SAAS,EAAC,GAAG,OAAO,CAAC;IACvC,MAAM,aAAa,GAAG,EAAE,CAAC;IAEzB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACvB,IACI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC;YACjD,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC;gBACnB,CAAC,SAAS,IAAI,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;iBAC3C,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,CAAC,IAAI,CAAC,CAAA;gBACpB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EACxB,CAAC;YACC,mBAAmB;YACnB,aAAa,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;QACtC,CAAC;IACL,CAAC;IAED,OAAO,aAAa,CAAC;AACzB,CAAC","sourcesContent":["import type {AccessibilityProps} from '../types';\n\nconst DOMPropNames = new Set(['id']);\n\nconst labelablePropNames = new Set([\n    'aria-label',\n    'aria-labelledby',\n    'aria-describedby',\n    'aria-details',\n]);\n\ninterface Options {\n    /**\n     * If labelling associated aria properties should be included in the filter.\n     */\n    labelable?: boolean;\n    /**\n     * A Set of other property names that should be included in the filter.\n     */\n    propNames?: Set<string>;\n}\n\nconst propRe = /^(data-.*)$/;\n\n/* FIXME: use the same function from @gravity-ui/uikit */\nexport function filterDOMProps(\n    props: {id?: string} & AccessibilityProps,\n    options: Options = {},\n): {id?: string} & AccessibilityProps {\n    const {labelable, propNames} = options;\n    const filteredProps = {};\n\n    for (const prop in props) {\n        if (\n            Object.prototype.hasOwnProperty.call(props, prop) &&\n            (DOMPropNames.has(prop) ||\n                (labelable && labelablePropNames.has(prop)) ||\n                propNames?.has(prop) ||\n                propRe.test(prop))\n        ) {\n            // @ts-expect-error\n            filteredProps[prop] = props[prop];\n        }\n    }\n\n    return filteredProps;\n}\n"]}

package/dist/cjs/components/utils/getButtonSizeForInput.js

@@ -17,3 +17,4 @@ function getButtonSizeForInput(size) {
         }
     }
 }
+//# sourceMappingURL=getButtonSizeForInput.js.map

package/dist/cjs/components/utils/getButtonSizeForInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getButtonSizeForInput.js","sourceRoot":"../../../../src","sources":["components/utils/getButtonSizeForInput.ts"],"names":[],"mappings":";;AAEA,sDAeC;AAfD,SAAgB,qBAAqB,CAAC,IAA+B;IACjE,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,IAAI,CAAC,CAAC,CAAC;YACR,OAAO,GAAG,CAAC;QACf,CAAC;QACD,KAAK,GAAG,CAAC,CAAC,CAAC;YACP,OAAO,GAAG,CAAC;QACf,CAAC;QACD,KAAK,GAAG,CAAC,CAAC,CAAC;YACP,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,OAAO,CAAC,CAAC,CAAC;YACN,OAAO,GAAG,CAAC;QACf,CAAC;IACL,CAAC;AACL,CAAC","sourcesContent":["import type {TextInputSize} from '@gravity-ui/uikit';\n\nexport function getButtonSizeForInput(size: TextInputSize | undefined) {\n    switch (size) {\n        case 'xl': {\n            return 'l';\n        }\n        case 'l': {\n            return 'm';\n        }\n        case 's': {\n            return 'xs';\n        }\n        default: {\n            return 's';\n        }\n    }\n}\n"]}

package/dist/cjs/components/utils/mergeProps.js

@@ -44,3 +44,4 @@ function chain(...fns) {
         }
     };
 }
+//# sourceMappingURL=mergeProps.js.map

package/dist/cjs/components/utils/mergeProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeProps.js","sourceRoot":"../../../../src","sources":["components/utils/mergeProps.ts"],"names":[],"mappings":";;AAgBA,gCAuCC;AAvCD,SAAgB,UAAU,CAAwB,GAAG,IAAO;IACxD,MAAM,MAAM,qBAAc,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACnC,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QACtB,IAAI,CAAC,KAAK,EAAE,CAAC;YACT,SAAS;QACb,CAAC;QACD,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACnC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;YACzB,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;YAEzB,IACI,OAAO,IAAI,KAAK,UAAU;gBAC1B,OAAO,KAAK,KAAK,UAAU;gBAC3B,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC;gBACpB,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,EAAE;gBAC/B,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,EAAE,EACjC,CAAC;gBACC,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YACrC,CAAC;iBAAM,IACH,GAAG,KAAK,WAAW;gBACnB,OAAO,IAAI,KAAK,QAAQ;gBACxB,OAAO,KAAK,KAAK,QAAQ,EAC3B,CAAC;gBACC,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,GAAG,GAAG,KAAK,CAAC;YACrC,CAAC;iBAAM,IACH,GAAG,KAAK,cAAc;gBACtB,OAAO,IAAI,KAAK,QAAQ;gBACxB,OAAO,KAAK,KAAK,QAAQ,EAC3B,CAAC;gBACC,MAAM,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YAC1C,CAAC;iBAAM,CAAC;gBACJ,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;YACrD,CAAC;QACL,CAAC;IACL,CAAC;IAED,OAAO,MAA4C,CAAC;AACxD,CAAC;AAED,SAAS,KAAK,CAAC,GAAG,GAAc;IAC5B,OAAO,CAAC,GAAG,IAAe,EAAE,EAAE;QAC1B,KAAK,MAAM,EAAE,IAAI,GAAG,EAAE,CAAC;YACnB,IAAI,OAAO,EAAE,KAAK,UAAU,EAAE,CAAC;gBAC3B,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;YAChB,CAAC;QACL,CAAC;IACL,CAAC,CAAC;AACN,CAAC","sourcesContent":["interface Props {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    [key: string]: any;\n}\n\ntype PropsArgs = Props | undefined | null;\n\ntype TupleTypes<T> = {[P in keyof T]: T[P]} extends {[key: number]: infer V}\n    ? NullToObject<V>\n    : never;\ntype NullToObject<T> = T extends null | undefined ? {} : T;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void\n    ? I\n    : never;\n\nexport function mergeProps<T extends PropsArgs[]>(...args: T): UnionToIntersection<TupleTypes<T>> {\n    const result: Props = {...args[0]};\n\n    for (let i = 1; i < args.length; i++) {\n        const props = args[i];\n        if (!props) {\n            continue;\n        }\n        for (const key of Object.keys(props)) {\n            const left = result[key];\n            const right = props[key];\n\n            if (\n                typeof left === 'function' &&\n                typeof right === 'function' &&\n                key.startsWith('on') &&\n                key.charCodeAt(2) >= /* A */ 65 &&\n                key.charCodeAt(2) <= /* Z */ 90\n            ) {\n                result[key] = chain(left, right);\n            } else if (\n                key === 'className' &&\n                typeof left === 'string' &&\n                typeof right === 'string'\n            ) {\n                result[key] = left + ' ' + right;\n            } else if (\n                key === 'controlProps' &&\n                typeof left === 'object' &&\n                typeof right === 'object'\n            ) {\n                result[key] = mergeProps(left, right);\n            } else {\n                result[key] = right === undefined ? left : right;\n            }\n        }\n    }\n\n    return result as UnionToIntersection<TupleTypes<T>>;\n}\n\nfunction chain(...fns: unknown[]) {\n    return (...args: unknown[]) => {\n        for (const fn of fns) {\n            if (typeof fn === 'function') {\n                fn(...args);\n            }\n        }\n    };\n}\n"]}

package/dist/cjs/components/utils/useDefaultTimeZone.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.useDefaultTimeZone = useDefaultTimeZone;
-const react_1 = __importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 function useDefaultTimeZone(date) {
     const defaultTimeZone = date ? date.timeZone() : 'default';
     const [lastValue, setLastValue] = react_1.default.useState(defaultTimeZone);
@@ -14,3 +12,4 @@ function useDefaultTimeZone(date) {
     const timeZone = date ? defaultTimeZone : lastValue;
     return timeZone;
 }
+//# sourceMappingURL=useDefaultTimeZone.js.map

package/dist/cjs/components/utils/useDefaultTimeZone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDefaultTimeZone.js","sourceRoot":"../../../../src","sources":["components/utils/useDefaultTimeZone.ts"],"names":[],"mappings":";;AAIA,gDAWC;;AAfD,0DAA0B;AAI1B,SAAgB,kBAAkB,CAAC,IAAiC;IAChE,MAAM,eAAe,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IAElE,IAAI,IAAI,IAAI,eAAe,KAAK,SAAS,EAAE,CAAC;QACxC,YAAY,CAAC,eAAe,CAAC,CAAC;IAClC,CAAC;IAED,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC;IACpD,OAAO,QAAQ,CAAC;AACpB,CAAC","sourcesContent":["import React from 'react';\n\nimport type {DateTime} from '@gravity-ui/date-utils';\n\nexport function useDefaultTimeZone(date: DateTime | null | undefined) {\n    const defaultTimeZone = date ? date.timeZone() : 'default';\n\n    const [lastValue, setLastValue] = React.useState(defaultTimeZone);\n\n    if (date && defaultTimeZone !== lastValue) {\n        setLastValue(defaultTimeZone);\n    }\n\n    const timeZone = date ? defaultTimeZone : lastValue;\n    return timeZone;\n}\n"]}

package/dist/cjs/components/utils/validation/datePicker.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getValidationResult = getValidationResult;
-const i18n_1 = require("./i18n");
+const i18n_1 = require("./i18n/index.js");
 function getValidationResult(value, minValue, maxValue, isDateUnavailable, timeZone, valueTitle = 'Value') {
     const rangeOverflow = value && maxValue && maxValue.isBefore(value);
     const rangeUnderflow = value && minValue && value.isBefore(minValue);
@@ -27,3 +27,4 @@ function getValidationResult(value, minValue, maxValue, isDateUnavailable, timeZ
     }
     return { isInvalid, errors };
 }
+//# sourceMappingURL=datePicker.js.map

package/dist/cjs/components/utils/validation/datePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePicker.js","sourceRoot":"../../../../../src","sources":["components/utils/validation/datePicker.ts"],"names":[],"mappings":";;AASA,kDAuCC;AA9CD,0CAA4B;AAO5B,SAAgB,mBAAmB,CAC/B,KAAkC,EAClC,QAA8B,EAC9B,QAA8B,EAC9B,iBAAyD,EACzD,QAAgB,EAChB,UAAU,GAAG,OAAO;IAEpB,MAAM,aAAa,GAAG,KAAK,IAAI,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,cAAc,GAAG,KAAK,IAAI,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrE,MAAM,aAAa,GAAG,CAAC,KAAK,KAAI,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,KAAK,CAAC,CAAA,CAAC,IAAI,KAAK,CAAC;IACrE,MAAM,SAAS,GAAG,aAAa,IAAI,cAAc,IAAI,aAAa,CAAC;IACnE,MAAM,MAAM,GAAG,EAAE,CAAC;IAElB,IAAI,SAAS,EAAE,CAAC;QACZ,IAAI,cAAc,IAAI,QAAQ,EAAE,CAAC;YAC7B,MAAM,CAAC,IAAI,CACP,IAAA,WAAI,EAAC,oCAAoC,EAAE;gBACvC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE;gBAC9C,KAAK,EAAE,UAAU;aACpB,CAAC,CACL,CAAC;QACN,CAAC;QAED,IAAI,aAAa,IAAI,QAAQ,EAAE,CAAC;YAC5B,MAAM,CAAC,IAAI,CACP,IAAA,WAAI,EAAC,sCAAsC,EAAE;gBACzC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE;gBAC9C,KAAK,EAAE,UAAU;aACpB,CAAC,CACL,CAAC;QACN,CAAC;QAED,IAAI,aAAa,EAAE,CAAC;YAChB,MAAM,CAAC,IAAI,CAAC,IAAA,WAAI,EAAC,4BAA4B,CAAC,CAAC,CAAC;QACpD,CAAC;IACL,CAAC;IAED,OAAO,EAAC,SAAS,EAAE,MAAM,EAAC,CAAC;AAC/B,CAAC","sourcesContent":["import type {DateTime} from '@gravity-ui/date-utils';\n\nimport {i18n} from './i18n';\n\nexport interface ValidationResult {\n    isInvalid: boolean;\n    errors: string[];\n}\n\nexport function getValidationResult(\n    value: DateTime | null | undefined,\n    minValue: DateTime | undefined,\n    maxValue: DateTime | undefined,\n    isDateUnavailable: ((v: DateTime) => boolean) | undefined,\n    timeZone: string,\n    valueTitle = 'Value',\n): ValidationResult {\n    const rangeOverflow = value && maxValue && maxValue.isBefore(value);\n    const rangeUnderflow = value && minValue && value.isBefore(minValue);\n    const isUnavailable = (value && isDateUnavailable?.(value)) || false;\n    const isInvalid = rangeOverflow || rangeUnderflow || isUnavailable;\n    const errors = [];\n\n    if (isInvalid) {\n        if (rangeUnderflow && minValue) {\n            errors.push(\n                i18n('Value must be {minValue} or later.', {\n                    minValue: minValue.timeZone(timeZone).format(),\n                    value: valueTitle,\n                }),\n            );\n        }\n\n        if (rangeOverflow && maxValue) {\n            errors.push(\n                i18n('Value must be {maxValue} or earlier.', {\n                    maxValue: maxValue.timeZone(timeZone).format(),\n                    value: valueTitle,\n                }),\n            );\n        }\n\n        if (isUnavailable) {\n            errors.push(i18n('Selected date unavailable.'));\n        }\n    }\n\n    return {isInvalid, errors};\n}\n"]}

package/dist/cjs/components/utils/validation/i18n/index.d.ts

@@ -1 +1,5 @@
-export declare const i18n: (key: "Selected date unavailable." | "Value must be {minValue} or later." | "Value must be {maxValue} or earlier." | "Value is required.", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: ((key: "Selected date unavailable." | "Value must be {minValue} or later." | "Value must be {maxValue} or earlier." | "Value is required.", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "g-date-validation": Record<"Selected date unavailable." | "Value must be {minValue} or later." | "Value must be {maxValue} or earlier." | "Value is required.", import("@gravity-ui/i18n").KeyData>;
+    };
+};