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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["components/DateField/index.ts"],"names":[],"mappings":";;;AAAA,yDAA4B;AAE5B,uEAA0C;AAC1C,uEAA0C;AAC1C,2EAA8C","sourcesContent":["export * from './DateField';\n\nexport * from './hooks/useDateFieldState';\nexport * from './hooks/useDateFieldProps';\nexport * from './hooks/useBaseDateFieldState';\n"]}

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

@@ -1,4 +1,4 @@
-export type DateFieldSectionType = Extract<Intl.DateTimeFormatPartTypes, 'day' | 'dayPeriod' | 'hour' | 'literal' | 'minute' | 'month' | 'second' | 'timeZoneName' | 'weekday' | 'year' | 'unknown'>;
+export type DateFieldSectionType = Extract<Intl.DateTimeFormatPartTypes, 'day' | 'dayPeriod' | 'hour' | 'literal' | 'minute' | 'month' | 'second' | 'timeZoneName' | 'weekday' | 'year' | 'unknown'> | 'quarter';
 export type DateFormatTokenMap = {
     [formatToken: string]: DateFieldSectionType | {
         sectionType: DateFieldSectionType;
@@ -65,3 +65,11 @@ export interface DateFieldSection {
     nextEditableSection: number;
 }
 export type DateFieldSectionWithoutPosition<TSection extends DateFieldSection = DateFieldSection> = Omit<TSection, 'start' | 'end' | 'value' | 'textValue' | 'modified' | 'previousEditableSection' | 'nextEditableSection'>;
+export type AvailableSections = Partial<Record<DateFieldSectionType, boolean>>;
+export interface FormatInfo {
+    hasTime: boolean;
+    hasDate: boolean;
+    availableUnits: AvailableSections;
+    minDateUnit: 'day' | 'month' | 'quarter' | 'year';
+    minTimeUnit: 'second' | 'minute' | 'hour';
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../src","sources":["components/DateField/types.ts"],"names":[],"mappings":"","sourcesContent":["export type DateFieldSectionType =\n    | Extract<\n          Intl.DateTimeFormatPartTypes,\n          | 'day'\n          | 'dayPeriod'\n          | 'hour'\n          | 'literal'\n          | 'minute'\n          | 'month'\n          | 'second'\n          | 'timeZoneName'\n          | 'weekday'\n          | 'year'\n          | 'unknown'\n      >\n    | 'quarter';\n\nexport type DateFormatTokenMap = {\n    [formatToken: string]:\n        | DateFieldSectionType\n        | {sectionType: DateFieldSectionType; contentType: 'digit' | 'letter'};\n};\n\nexport interface DateFieldSection {\n    value: number | undefined;\n    /**\n     * Value of the section, as rendered inside the input.\n     * For example, in the date `May 25, 1995`, the value of the month section is \"May\".\n     */\n    textValue: string;\n    /**\n     * Format token used to parse the value of this section from the date object.\n     * For example, in the format `MMMM D, YYYY`, the format of the month section is \"MMMM\".\n     */\n    format: string;\n    /**\n     * Placeholder rendered when the value of this section is empty.\n     */\n    placeholder: string;\n    /**\n     * Type of the section.\n     */\n    type: DateFieldSectionType;\n    /**\n     * Type of content of the section.\n     * Will determine if we should apply a digit-based editing or a letter-based editing.\n     */\n    contentType: 'digit' | 'letter';\n    /**\n     * Available values\n     */\n    options?: string[];\n    /** The minimum numeric value for the segment, if applicable. */\n    minValue?: number;\n    /** The maximum numeric value for the segment, if applicable. */\n    maxValue?: number;\n    /**\n     * If `true`, the value of this section is supposed to have leading zeroes.\n     * For example, the value `1` should be rendered as \"01\" instead of \"1\".\n     */\n    hasLeadingZeros: boolean;\n    /**\n     * If `true`, the section value has been modified since the last time the sections were generated from a valid date.\n     * When we can generate a valid date from the section, we don't directly pass it to `onChange`,\n     * Otherwise, we would lose all the information contained in the original date, things like:\n     * - time if the format does not contain it\n     * - timezone / UTC\n     *\n     * To avoid losing that information, we transfer the values of the modified sections from the newly generated date to the original date.\n     */\n    modified: boolean;\n    /**\n     * Start index of the section in the format\n     */\n    start: number;\n    /**\n     * End index of the section in the format\n     */\n    end: number;\n\n    previousEditableSection: number;\n    nextEditableSection: number;\n}\n\nexport type DateFieldSectionWithoutPosition<TSection extends DateFieldSection = DateFieldSection> =\n    Omit<\n        TSection,\n        | 'start'\n        | 'end'\n        | 'value'\n        | 'textValue'\n        | 'modified'\n        | 'previousEditableSection'\n        | 'nextEditableSection'\n    >;\n\nexport type AvailableSections = Partial<Record<DateFieldSectionType, boolean>>;\n\nexport interface FormatInfo {\n    hasTime: boolean;\n    hasDate: boolean;\n    availableUnits: AvailableSections;\n    minDateUnit: 'day' | 'month' | 'quarter' | 'year';\n    minTimeUnit: 'second' | 'minute' | 'hour';\n}\n"]}

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

@@ -1,6 +1,6 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { DateFieldSection, DateFieldSectionType, DateFieldSectionWithoutPosition } from './types';
-export declare const EDITABLE_SEGMENTS: Partial<Record<DateFieldSectionType, boolean>>;
+import type { AvailableSections, DateFieldSection, DateFieldSectionType, DateFieldSectionWithoutPosition, FormatInfo } from "./types.js";
+export declare const EDITABLE_SEGMENTS: AvailableSections;
 export declare function getSectionLimits(section: DateFieldSectionWithoutPosition, date: DateTime): {
     minValue: number;
     maxValue: number;
@@ -9,16 +9,32 @@ export declare function getSectionLimits(section: DateFieldSectionWithoutPositio
     maxValue?: undefined;
 };
 export declare function getSectionValue(section: DateFieldSectionWithoutPosition, date: DateTime): number | undefined;
-export declare function getDurationUnitFromSectionType(type: DateFieldSectionType): "year" | "month" | "day" | "hour" | "minute" | "second" | "date";
+export declare function getDurationUnitFromSectionType(type: DateFieldSectionType): "year" | "month" | "day" | "hour" | "minute" | "second" | "quarter" | "date";
 export declare function addSegment(section: DateFieldSection, date: DateTime, amount: number): DateTime;
 export declare function setSegment(section: DateFieldSection, date: DateTime, amount: number): DateTime;
 export declare function splitFormatIntoSections(format: string): DateFieldSectionWithoutPosition[];
 export declare function cleanString(dirtyString: string): string;
-export declare function getEditableSections(sections: DateFieldSectionWithoutPosition[], value: DateTime, validSegments: typeof EDITABLE_SEGMENTS): DateFieldSection[];
+export declare function getEditableSections(sections: DateFieldSectionWithoutPosition[], value: DateTime, validSegments: AvailableSections): DateFieldSection[];
 export declare function isEditableSection(section: DateFieldSectionWithoutPosition): boolean;
-export declare function toEditableSection(section: DateFieldSectionWithoutPosition, value: DateTime, validSegments: typeof EDITABLE_SEGMENTS, position: number, previousEditableSection: number): DateFieldSection;
+export declare function toEditableSection(section: DateFieldSectionWithoutPosition, value: DateTime, validSegments: AvailableSections, position: number, previousEditableSection: number): DateFieldSection;
 export declare function getCurrentEditableSectionIndex(sections: DateFieldSection[], selectedSections: 'all' | number): number;
 export declare function formatSections(sections: DateFieldSection[]): string;
 export declare function parseDateFromString(str: string, format: string, timeZone?: string): DateTime;
-export declare function isAllSegmentsValid(allSegments: typeof EDITABLE_SEGMENTS, validSegments: typeof EDITABLE_SEGMENTS): boolean;
+export declare function isAllSegmentsValid(allSegments: AvailableSections, validSegments: AvailableSections): boolean;
 export declare function useFormatSections(format: string): DateFieldSectionWithoutPosition[];
+export declare function getFormatInfo(sections: DateFieldSectionWithoutPosition[]): FormatInfo;
+export declare function adjustDateToFormat(date: DateTime, formatInfo: FormatInfo, method?: 'startOf' | 'endOf'): DateTime;
+export declare function markValidSection(allSections: AvailableSections, editableSections: AvailableSections, unit: DateFieldSectionType): {
+    year?: boolean | undefined;
+    month?: boolean | undefined;
+    day?: boolean | undefined;
+    hour?: boolean | undefined;
+    minute?: boolean | undefined;
+    second?: boolean | undefined;
+    quarter?: boolean | undefined;
+    weekday?: boolean | undefined;
+    dayPeriod?: boolean | undefined;
+    literal?: boolean | undefined;
+    timeZoneName?: boolean | undefined;
+    unknown?: boolean | undefined;
+};

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

@@ -1,7 +1,4 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EDITABLE_SEGMENTS = void 0;
 exports.getSectionLimits = getSectionLimits;
@@ -19,12 +16,17 @@ exports.formatSections = formatSections;
 exports.parseDateFromString = parseDateFromString;
 exports.isAllSegmentsValid = isAllSegmentsValid;
 exports.useFormatSections = useFormatSections;
-const react_1 = __importDefault(require("react"));
+exports.getFormatInfo = getFormatInfo;
+exports.adjustDateToFormat = adjustDateToFormat;
+exports.markValidSection = markValidSection;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const date_utils_1 = require("@gravity-ui/date-utils");
-const dates_1 = require("../utils/dates");
-const i18n_1 = require("./i18n");
+const dates_1 = require("../utils/dates.js");
+const i18n_1 = require("./i18n/index.js");
 exports.EDITABLE_SEGMENTS = {
     year: true,
+    quarter: true,
     month: true,
     day: true,
     hour: true,
@@ -38,6 +40,8 @@ const formatTokenMap = {
     // Year
     YY: 'year',
     YYYY: 'year',
+    // Quarter
+    Q: 'quarter',
     // Month
     M: 'month',
     MM: 'month',
@@ -112,6 +116,9 @@ function getSectionLimits(section, date) {
                 maxValue: isFourDigit ? 9999 : 99,
             };
         }
+        case 'quarter': {
+            return { minValue: 1, maxValue: 4 };
+        }
         case 'month': {
             return {
                 minValue: 0,
@@ -161,6 +168,7 @@ function getSectionValue(section, date) {
                 ? date.year()
                 : Number(date.format(section.format));
         }
+        case 'quarter':
         case 'month':
         case 'hour':
         case 'minute':
@@ -211,6 +219,9 @@ function addSegment(section, date, amount) {
     if (section.type === 'year' && !isFourDigitYearFormat(section.format)) {
         val = (0, date_utils_1.dateTime)({ input: `${val}`.padStart(2, '0'), format: section.format }).year();
     }
+    if (section.type === 'quarter') {
+        return date.set(getDurationUnitFromSectionType('month'), val * 3 - 1);
+    }
     const type = getDurationUnitFromSectionType(section.type);
     return date.set(type, val);
 }
@@ -225,6 +236,9 @@ function setSegment(section, date, amount) {
                     format: section.format,
                 }).year());
         }
+        case 'quarter': {
+            return date.set(getDurationUnitFromSectionType('month'), amount * 3 - 1);
+        }
         case 'day':
         case 'weekday':
         case 'month': {
@@ -274,6 +288,9 @@ function doesSectionHaveLeadingZeros(contentType, sectionType, format) {
             const formatted2001 = (0, date_utils_1.dateTime)().set('year', 2001).format(format);
             return formatted2001 === '01';
         }
+        case 'quarter': {
+            return false;
+        }
         case 'month': {
             return (0, date_utils_1.dateTime)().startOf('year').format(format).length > 1;
         }
@@ -302,6 +319,9 @@ function getSectionPlaceholder(sectionConfig, currentTokenValue) {
         case 'year': {
             return (0, i18n_1.i18n)('year_placeholder').repeat((0, date_utils_1.dateTime)().format(currentTokenValue).length);
         }
+        case 'quarter': {
+            return (0, i18n_1.i18n)('quarter_placeholder');
+        }
         case 'month': {
             return (0, i18n_1.i18n)('month_placeholder').repeat(sectionConfig.contentType === 'letter' ? 4 : 2);
         }
@@ -492,7 +512,7 @@ function formatSections(sections) {
 }
 function parseDate(options) {
     let date = (0, date_utils_1.dateTime)(options);
-    if (!(0, date_utils_1.isValid)(date)) {
+    if (!date.isValid()) {
         date = (0, date_utils_1.dateTime)(Object.assign(Object.assign({}, options), { format: undefined }));
     }
     return date;
@@ -502,7 +522,7 @@ function isDateStringWithTimeZone(str) {
 }
 function parseDateFromString(str, format, timeZone) {
     let date = parseDate({ input: str, format, timeZone });
-    if ((0, date_utils_1.isValid)(date)) {
+    if (date.isValid()) {
         if (timeZone && !isDateStringWithTimeZone(str)) {
             const time = parseDate({ input: str, format });
             date = (0, dates_1.mergeDateTime)(date, time);
@@ -523,3 +543,65 @@ function useFormatSections(format) {
     }
     return sections;
 }
+const dateUnits = ['day', 'month', 'quarter', 'year'];
+const timeUnits = ['second', 'minute', 'hour'];
+function getFormatInfo(sections) {
+    var _a, _b;
+    const availableUnits = {};
+    let hasDate = false;
+    let hasTime = false;
+    let minDateUnitIndex = dateUnits.length - 1;
+    let minTimeUnitIndex = timeUnits.length - 1;
+    for (const s of sections) {
+        if (!isEditableSection(s)) {
+            continue;
+        }
+        const dateUnitIndex = dateUnits.indexOf(s.type);
+        const timeUnitIndex = timeUnits.indexOf(s.type);
+        availableUnits[s.type] = true;
+        hasDate || (hasDate = dateUnitIndex !== -1);
+        hasTime || (hasTime = timeUnitIndex !== -1);
+        minDateUnitIndex =
+            dateUnitIndex === -1 ? minDateUnitIndex : Math.min(dateUnitIndex, minDateUnitIndex);
+        minTimeUnitIndex =
+            timeUnitIndex === -1 ? minTimeUnitIndex : Math.min(timeUnitIndex, minTimeUnitIndex);
+    }
+    return {
+        availableUnits,
+        hasDate,
+        hasTime,
+        minDateUnit: (_a = dateUnits[minDateUnitIndex]) !== null && _a !== void 0 ? _a : 'day',
+        minTimeUnit: (_b = timeUnits[minTimeUnitIndex]) !== null && _b !== void 0 ? _b : 'second',
+    };
+}
+function adjustDateToFormat(date, formatInfo, method = 'startOf') {
+    let newDate = date;
+    if (formatInfo.hasDate) {
+        if (formatInfo.minDateUnit !== 'day') {
+            newDate = newDate[method](formatInfo.minDateUnit);
+            newDate = (0, dates_1.mergeDateTime)(newDate, date);
+        }
+    }
+    if (formatInfo.hasTime) {
+        newDate = (0, dates_1.mergeDateTime)(newDate, date[method](formatInfo.minTimeUnit));
+    }
+    return newDate;
+}
+function markValidSection(allSections, editableSections, unit) {
+    const validSections = Object.assign({}, editableSections);
+    validSections[unit] = true;
+    if (validSections.day && validSections.month && validSections.year && allSections.weekday) {
+        validSections.weekday = true;
+    }
+    if (validSections.month && allSections.quarter) {
+        validSections.quarter = true;
+    }
+    if (validSections.quarter && allSections.month) {
+        validSections.month = true;
+    }
+    if (validSections.hour && allSections.dayPeriod) {
+        validSections.dayPeriod = true;
+    }
+    return validSections;
+}
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["components/DateField/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {dateTime, expandFormat} from '@gravity-ui/date-utils';\nimport type {DateTime} from '@gravity-ui/date-utils';\n\nimport {mergeDateTime} from '../utils/dates';\n\nimport {i18n} from './i18n';\nimport type {\n    AvailableSections,\n    DateFieldSection,\n    DateFieldSectionType,\n    DateFieldSectionWithoutPosition,\n    DateFormatTokenMap,\n    FormatInfo,\n} from './types';\n\nexport const EDITABLE_SEGMENTS: AvailableSections = {\n    year: true,\n    quarter: true,\n    month: true,\n    day: true,\n    hour: true,\n    minute: true,\n    second: true,\n    dayPeriod: true,\n    weekday: true,\n};\n\nconst escapedCharacters = {start: '[', end: ']'};\n\nconst formatTokenMap: DateFormatTokenMap = {\n    // Year\n    YY: 'year',\n    YYYY: 'year',\n\n    // Quarter\n    Q: 'quarter',\n\n    // Month\n    M: 'month',\n    MM: 'month',\n    MMM: {sectionType: 'month', contentType: 'letter'},\n    MMMM: {sectionType: 'month', contentType: 'letter'},\n\n    // Day of the month\n    D: 'day',\n    DD: 'day',\n    Do: 'day',\n\n    // Day of the week\n    d: 'weekday',\n    dd: {sectionType: 'weekday', contentType: 'letter'},\n    ddd: {sectionType: 'weekday', contentType: 'letter'},\n    dddd: {sectionType: 'weekday', contentType: 'letter'},\n\n    // Day period AM, PM\n    A: {sectionType: 'dayPeriod', contentType: 'letter'},\n    a: {sectionType: 'dayPeriod', contentType: 'letter'},\n\n    // Hours\n    H: 'hour',\n    HH: 'hour',\n    h: 'hour',\n    hh: 'hour',\n\n    // Minutes\n    m: 'minute',\n    mm: 'minute',\n\n    // Seconds\n    s: 'second',\n    ss: 'second',\n\n    // Timezone\n    z: {sectionType: 'timeZoneName', contentType: 'letter'},\n    zzz: {sectionType: 'timeZoneName', contentType: 'letter'},\n    Z: {sectionType: 'timeZoneName', contentType: 'letter'},\n    ZZ: {sectionType: 'timeZoneName', contentType: 'letter'},\n};\n\nfunction getDateSectionConfigFromFormatToken(formatToken: string): {\n    type: DateFieldSectionType;\n    contentType: 'letter' | 'digit';\n} {\n    const config = formatTokenMap[formatToken];\n\n    if (!config) {\n        // eslint-disable-next-line no-console\n        console.error(\n            [\n                `The token \"${formatToken}\" is not supported by the Date field.`,\n                'Please try using another token.',\n            ].join('\\n'),\n        );\n        return {\n            type: 'literal',\n            contentType: 'letter',\n        };\n    }\n\n    if (typeof config === 'string') {\n        return {\n            type: config,\n            contentType: 'digit',\n        };\n    }\n\n    return {\n        type: config.sectionType,\n        contentType: config.contentType,\n    };\n}\n\nfunction isFourDigitYearFormat(format: string) {\n    return dateTime().format(format).length === 4;\n}\n\nfunction isHour12(format: string) {\n    return dateTime().set('hour', 15).format(format) !== '15';\n}\n\nexport function getSectionLimits(section: DateFieldSectionWithoutPosition, date: DateTime) {\n    const {type, format} = section;\n    switch (type) {\n        case 'year': {\n            const isFourDigit = isFourDigitYearFormat(format);\n            return {\n                minValue: isFourDigit ? 1 : 0,\n                maxValue: isFourDigit ? 9999 : 99,\n            };\n        }\n        case 'quarter': {\n            return {minValue: 1, maxValue: 4};\n        }\n        case 'month': {\n            return {\n                minValue: 0,\n                maxValue: 11,\n            };\n        }\n        case 'weekday': {\n            return {\n                minValue: 0,\n                maxValue: 6,\n            };\n        }\n        case 'day': {\n            return {\n                minValue: 1,\n                maxValue: date ? date.daysInMonth() : 31,\n            };\n        }\n        case 'hour': {\n            if (isHour12(format)) {\n                const isPM = date.hour() >= 12;\n                return {\n                    minValue: isPM ? 12 : 0,\n                    maxValue: isPM ? 23 : 11,\n                };\n            }\n            return {\n                minValue: 0,\n                maxValue: 23,\n            };\n        }\n        case 'minute':\n        case 'second': {\n            return {\n                minValue: 0,\n                maxValue: 59,\n            };\n        }\n    }\n    return {};\n}\n\nexport function getSectionValue(section: DateFieldSectionWithoutPosition, date: DateTime) {\n    const type = section.type;\n    switch (type) {\n        case 'year': {\n            return isFourDigitYearFormat(section.format)\n                ? date.year()\n                : Number(date.format(section.format));\n        }\n        case 'quarter':\n        case 'month':\n        case 'hour':\n        case 'minute':\n        case 'second': {\n            return date[type]();\n        }\n        case 'day': {\n            return date.date();\n        }\n        case 'weekday': {\n            return date.day();\n        }\n        case 'dayPeriod': {\n            return date.hour() >= 12 ? 12 : 0;\n        }\n    }\n    return undefined;\n}\n\nconst TYPE_MAPPING = {\n    weekday: 'day',\n    day: 'date',\n    dayPeriod: 'hour',\n} as const;\n\nexport function getDurationUnitFromSectionType(type: DateFieldSectionType) {\n    if (type === 'literal' || type === 'timeZoneName' || type === 'unknown') {\n        throw new Error(`${type} section does not have duration unit.`);\n    }\n\n    if (type in TYPE_MAPPING) {\n        return TYPE_MAPPING[type as keyof typeof TYPE_MAPPING];\n    }\n\n    return type as Exclude<\n        DateFieldSectionType,\n        keyof typeof TYPE_MAPPING | 'literal' | 'timeZoneName' | 'unknown'\n    >;\n}\n\nexport function addSegment(section: DateFieldSection, date: DateTime, amount: number) {\n    let val = section.value ?? 0;\n    if (section.type === 'dayPeriod') {\n        val = date.hour() + (date.hour() >= 12 ? -12 : 12);\n    } else {\n        val = val + amount;\n        const min = section.minValue;\n        const max = section.maxValue;\n        if (typeof min === 'number' && typeof max === 'number') {\n            const length = max - min + 1;\n            val = ((val - min + length) % length) + min;\n        }\n    }\n\n    if (section.type === 'year' && !isFourDigitYearFormat(section.format)) {\n        val = dateTime({input: `${val}`.padStart(2, '0'), format: section.format}).year();\n    }\n\n    if (section.type === 'quarter') {\n        return date.set(getDurationUnitFromSectionType('month'), val * 3 - 1);\n    }\n\n    const type = getDurationUnitFromSectionType(section.type);\n    return date.set(type, val);\n}\n\nexport function setSegment(section: DateFieldSection, date: DateTime, amount: number) {\n    const type = section.type;\n    switch (type) {\n        case 'year': {\n            return date.set(\n                'year',\n                isFourDigitYearFormat(section.format)\n                    ? amount\n                    : dateTime({\n                          input: `${amount}`.padStart(2, '0'),\n                          format: section.format,\n                      }).year(),\n            );\n        }\n        case 'quarter': {\n            return date.set(getDurationUnitFromSectionType('month'), amount * 3 - 1);\n        }\n        case 'day':\n        case 'weekday':\n        case 'month': {\n            return date.set(getDurationUnitFromSectionType(type), amount);\n        }\n        case 'dayPeriod': {\n            const hours = date.hour();\n            const wasPM = hours >= 12;\n            const isPM = amount >= 12;\n            if (isPM === wasPM) {\n                return date;\n            }\n            return date.set('hour', wasPM ? hours - 12 : hours + 12);\n        }\n        case 'hour': {\n            // In 12 hour time, ensure that AM/PM does not change\n            let sectionAmount = amount;\n            if (section.minValue === 12 || section.maxValue === 11) {\n                const hours = date.hour();\n                const wasPM = hours >= 12;\n                if (!wasPM && sectionAmount === 12) {\n                    sectionAmount = 0;\n                }\n                if (wasPM && sectionAmount < 12) {\n                    sectionAmount += 12;\n                }\n            }\n            return date.set('hour', sectionAmount);\n        }\n        case 'minute':\n        case 'second': {\n            return date.set(type, amount);\n        }\n    }\n\n    return date;\n}\n\nfunction doesSectionHaveLeadingZeros(\n    contentType: 'digit' | 'letter',\n    sectionType: DateFieldSectionType,\n    format: string,\n) {\n    if (contentType !== 'digit') {\n        return false;\n    }\n\n    switch (sectionType) {\n        case 'year': {\n            if (isFourDigitYearFormat(format)) {\n                const formatted0001 = dateTime().set('year', 1).format(format);\n                return formatted0001 === '0001';\n            }\n\n            const formatted2001 = dateTime().set('year', 2001).format(format);\n            return formatted2001 === '01';\n        }\n\n        case 'quarter': {\n            return false;\n        }\n\n        case 'month': {\n            return dateTime().startOf('year').format(format).length > 1;\n        }\n\n        case 'day': {\n            return dateTime().startOf('month').format(format).length > 1;\n        }\n\n        case 'weekday': {\n            return dateTime().startOf('week').format(format).length > 1;\n        }\n\n        case 'hour': {\n            return dateTime().set('hour', 1).format(format).length > 1;\n        }\n\n        case 'minute': {\n            return dateTime().set('minute', 1).format(format).length > 1;\n        }\n\n        case 'second': {\n            return dateTime().set('second', 1).format(format).length > 1;\n        }\n\n        default: {\n            throw new Error('Invalid section type');\n        }\n    }\n}\n\nfunction getSectionPlaceholder(\n    sectionConfig: Pick<DateFieldSection, 'type' | 'contentType'>,\n    currentTokenValue: string,\n) {\n    switch (sectionConfig.type) {\n        case 'year': {\n            return i18n('year_placeholder').repeat(dateTime().format(currentTokenValue).length);\n        }\n\n        case 'quarter': {\n            return i18n('quarter_placeholder');\n        }\n\n        case 'month': {\n            return i18n('month_placeholder').repeat(sectionConfig.contentType === 'letter' ? 4 : 2);\n        }\n\n        case 'day': {\n            return i18n('day_placeholder').repeat(2);\n        }\n\n        case 'weekday': {\n            return i18n('weekday_placeholder').repeat(\n                sectionConfig.contentType === 'letter' ? 4 : 2,\n            );\n        }\n\n        case 'hour': {\n            return i18n('hour_placeholder').repeat(2);\n        }\n\n        case 'minute': {\n            return i18n('minute_placeholder').repeat(2);\n        }\n\n        case 'second': {\n            return i18n('second_placeholder').repeat(2);\n        }\n\n        case 'dayPeriod': {\n            return i18n('dayPeriod_placeholder');\n        }\n\n        default: {\n            return currentTokenValue;\n        }\n    }\n}\n\nexport function splitFormatIntoSections(format: string) {\n    const sections: DateFieldSectionWithoutPosition[] = [];\n\n    const expandedFormat = expandFormat(format);\n\n    let currentTokenValue = '';\n    let isSeparator = false;\n    let isInEscapeBoundary = false;\n    for (let i = 0; i < expandedFormat.length; i++) {\n        const char = expandedFormat[i] || '';\n        if (isInEscapeBoundary) {\n            if (char === escapedCharacters.end) {\n                isInEscapeBoundary = false;\n                continue;\n            }\n            currentTokenValue += char;\n        } else if (char.match(/[a-zA-Z]/)) {\n            if (isSeparator) {\n                addLiteralSection(sections, currentTokenValue);\n                currentTokenValue = '';\n            }\n            isSeparator = false;\n            currentTokenValue += char;\n        } else {\n            if (!isSeparator) {\n                addFormatSection(sections, currentTokenValue);\n                currentTokenValue = '';\n            }\n            isSeparator = true;\n            if (char === escapedCharacters.start) {\n                isInEscapeBoundary = true;\n            } else {\n                currentTokenValue += char;\n            }\n        }\n    }\n    if (currentTokenValue) {\n        if (isSeparator) {\n            addLiteralSection(sections, currentTokenValue);\n        } else {\n            addFormatSection(sections, currentTokenValue);\n        }\n    }\n\n    return sections;\n}\n\nfunction addFormatSection(sections: DateFieldSectionWithoutPosition[], token: string) {\n    if (!token) {\n        return;\n    }\n\n    const sectionConfig = getDateSectionConfigFromFormatToken(token);\n\n    const hasLeadingZeros = doesSectionHaveLeadingZeros(\n        sectionConfig.contentType,\n        sectionConfig.type,\n        token,\n    );\n\n    sections.push({\n        ...sectionConfig,\n        format: token,\n        placeholder: getSectionPlaceholder(sectionConfig, token),\n        options: getSectionOptions(sectionConfig, token),\n        hasLeadingZeros,\n    });\n}\n\nfunction addLiteralSection(sections: DateFieldSectionWithoutPosition[], token: string) {\n    if (!token) {\n        return;\n    }\n\n    sections.push({\n        type: 'literal',\n        contentType: 'letter',\n        format: token,\n        placeholder: token,\n        hasLeadingZeros: false,\n    });\n}\n\nfunction getSectionOptions(\n    section: Pick<DateFieldSectionWithoutPosition, 'type' | 'contentType'>,\n    token: string,\n) {\n    switch (section.type) {\n        case 'month': {\n            const format = section.contentType === 'letter' ? token : 'MMMM';\n            let date = dateTime().startOf('year');\n            const options: string[] = [];\n            for (let i = 0; i < 12; i++) {\n                options.push(date.format(format).toLocaleUpperCase());\n                date = date.add(1, 'months');\n            }\n            return options;\n        }\n        case 'dayPeriod': {\n            const amDayPeriod = dateTime().hour(0);\n            const pmDayPeriod = amDayPeriod.hour(12);\n            const options = [\n                amDayPeriod.format(token).toLocaleUpperCase(),\n                pmDayPeriod.format(token).toLocaleUpperCase(),\n            ];\n            return options;\n        }\n        case 'weekday': {\n            const format = section.contentType === 'letter' ? token : 'dddd';\n            let date = dateTime().day(0);\n            const options: string[] = [];\n            for (let i = 0; i < 7; i++) {\n                options.push(date.format(format).toLocaleUpperCase());\n                date = date.add(1, 'day');\n            }\n            return options;\n        }\n    }\n\n    return undefined;\n}\n\nexport function cleanString(dirtyString: string) {\n    return dirtyString.replace(/[\\u2066\\u2067\\u2068\\u2069]/g, '');\n}\n\nexport function getEditableSections(\n    sections: DateFieldSectionWithoutPosition[],\n    value: DateTime,\n    validSegments: AvailableSections,\n) {\n    let position = 1;\n    const newSections: DateFieldSection[] = [];\n    let previousEditableSection = -1;\n    for (let i = 0; i < sections.length; i++) {\n        const section = sections[i];\n        if (!section) {\n            continue;\n        }\n\n        const newSection = toEditableSection(\n            section,\n            value,\n            validSegments,\n            position,\n            previousEditableSection,\n        );\n\n        newSections.push(newSection);\n\n        if (isEditableSection(section)) {\n            for (let j = Math.max(0, previousEditableSection); j <= i; j++) {\n                const prevSection = newSections[j];\n                if (prevSection) {\n                    prevSection.nextEditableSection = i;\n                    if (prevSection.previousEditableSection === -1) {\n                        prevSection.previousEditableSection = i;\n                    }\n                }\n            }\n            previousEditableSection = i;\n        }\n\n        position += newSection.textValue.length;\n    }\n\n    return newSections;\n}\n\nexport function isEditableSection(section: DateFieldSectionWithoutPosition): boolean {\n    return EDITABLE_SEGMENTS[section.type] ?? false;\n}\n\nexport function toEditableSection(\n    section: DateFieldSectionWithoutPosition,\n    value: DateTime,\n    validSegments: AvailableSections,\n    position: number,\n    previousEditableSection: number,\n): DateFieldSection {\n    const isEditable = isEditableSection(section);\n    let renderedValue = section.placeholder;\n    if ((isEditable && validSegments[section.type]) || section.type === 'timeZoneName') {\n        renderedValue = value.format(section.format);\n        if (section.contentType === 'digit' && renderedValue.length < section.placeholder.length) {\n            renderedValue = renderedValue.padStart(section.placeholder.length, '0');\n        }\n    }\n\n    // use bidirectional context to allow the browser autodetect text direction\n    renderedValue = '\\u2068' + renderedValue + '\\u2069';\n\n    const sectionLength = renderedValue.length;\n\n    const newSection = {\n        ...section,\n        value: getSectionValue(section, value),\n        textValue: renderedValue,\n        start: position,\n        end: position + sectionLength,\n        modified: false,\n        previousEditableSection,\n        nextEditableSection: previousEditableSection,\n        ...getSectionLimits(section, value),\n    };\n\n    return newSection;\n}\n\nexport function getCurrentEditableSectionIndex(\n    sections: DateFieldSection[],\n    selectedSections: 'all' | number,\n) {\n    const currentIndex =\n        selectedSections === 'all' || selectedSections === -1 ? 0 : selectedSections;\n    const section = sections[currentIndex];\n    if (section && !EDITABLE_SEGMENTS[section.type]) {\n        return section.nextEditableSection;\n    }\n    return section ? currentIndex : -1;\n}\n\nexport function formatSections(sections: DateFieldSection[]): string {\n    // use ltr direction context to get predictable navigation inside input\n    return '\\u2066' + sections.map((s) => s.textValue).join('') + '\\u2069';\n}\n\nfunction parseDate(options: {input: string; format: string; timeZone?: string}) {\n    let date = dateTime(options);\n    if (!date.isValid()) {\n        date = dateTime({...options, format: undefined});\n    }\n    return date;\n}\n\nfunction isDateStringWithTimeZone(str: string) {\n    return /z$/i.test(str) || /[+-]\\d\\d:\\d\\d$/.test(str);\n}\n\nexport function parseDateFromString(str: string, format: string, timeZone?: string): DateTime {\n    let date = parseDate({input: str, format, timeZone});\n    if (date.isValid()) {\n        if (timeZone && !isDateStringWithTimeZone(str)) {\n            const time = parseDate({input: str, format});\n            date = mergeDateTime(date, time);\n        }\n    }\n\n    return date;\n}\n\nexport function isAllSegmentsValid(\n    allSegments: AvailableSections,\n    validSegments: AvailableSections,\n) {\n    return Object.keys(allSegments).every((key) => validSegments[key as keyof AvailableSections]);\n}\n\nexport function useFormatSections(format: string) {\n    const usedFormat = format;\n    const [sections, setSections] = React.useState(() => splitFormatIntoSections(usedFormat));\n\n    const [previousFormat, setFormat] = React.useState(usedFormat);\n    if (usedFormat !== previousFormat) {\n        setFormat(usedFormat);\n        setSections(splitFormatIntoSections(usedFormat));\n    }\n\n    return sections;\n}\n\nconst dateUnits = ['day', 'month', 'quarter', 'year'] satisfies DateFieldSectionType[];\nconst timeUnits = ['second', 'minute', 'hour'] satisfies DateFieldSectionType[];\n\nexport function getFormatInfo(sections: DateFieldSectionWithoutPosition[]): FormatInfo {\n    const availableUnits: AvailableSections = {};\n    let hasDate = false;\n    let hasTime = false;\n    let minDateUnitIndex = dateUnits.length - 1;\n    let minTimeUnitIndex = timeUnits.length - 1;\n    for (const s of sections) {\n        if (!isEditableSection(s)) {\n            continue;\n        }\n        const dateUnitIndex = dateUnits.indexOf(s.type as any);\n        const timeUnitIndex = timeUnits.indexOf(s.type as any);\n        availableUnits[s.type] = true;\n        hasDate ||= dateUnitIndex !== -1;\n        hasTime ||= timeUnitIndex !== -1;\n        minDateUnitIndex =\n            dateUnitIndex === -1 ? minDateUnitIndex : Math.min(dateUnitIndex, minDateUnitIndex);\n        minTimeUnitIndex =\n            timeUnitIndex === -1 ? minTimeUnitIndex : Math.min(timeUnitIndex, minTimeUnitIndex);\n    }\n    return {\n        availableUnits,\n        hasDate,\n        hasTime,\n        minDateUnit: dateUnits[minDateUnitIndex] ?? 'day',\n        minTimeUnit: timeUnits[minTimeUnitIndex] ?? 'second',\n    };\n}\n\nexport function adjustDateToFormat(\n    date: DateTime,\n    formatInfo: FormatInfo,\n    method: 'startOf' | 'endOf' = 'startOf',\n) {\n    let newDate = date;\n    if (formatInfo.hasDate) {\n        if (formatInfo.minDateUnit !== 'day') {\n            newDate = newDate[method](formatInfo.minDateUnit);\n            newDate = mergeDateTime(newDate, date);\n        }\n    }\n    if (formatInfo.hasTime) {\n        newDate = mergeDateTime(newDate, date[method](formatInfo.minTimeUnit));\n    }\n\n    return newDate;\n}\n\nexport function markValidSection(\n    allSections: AvailableSections,\n    editableSections: AvailableSections,\n    unit: DateFieldSectionType,\n) {\n    const validSections = {...editableSections};\n    validSections[unit] = true;\n    if (validSections.day && validSections.month && validSections.year && allSections.weekday) {\n        validSections.weekday = true;\n    }\n    if (validSections.month && allSections.quarter) {\n        validSections.quarter = true;\n    }\n    if (validSections.quarter && allSections.month) {\n        validSections.month = true;\n    }\n    if (validSections.hour && allSections.dayPeriod) {\n        validSections.dayPeriod = true;\n    }\n\n    return validSections;\n}\n"]}

package/dist/cjs/components/DatePicker/DatePicker.css

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/DatePicker/data:;charset=utf-8,@use%20'../variables';%0A%0A$block:%20'.%23%7Bvariables.$ns%7Ddate-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%0A%20%20%20%20%20%20%20%20&_mobile%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20pointer-events:%20none;%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__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;;AAEA;EACI;;AAIR;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI","sourcesContent":["@use '../variables';\n\n$block: '.#{variables.$ns}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        &_mobile {\n            pointer-events: none;\n        }\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":"DatePicker.css"}

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { CalendarProps } from '../Calendar';
-import type { AccessibilityProps, DomProps, FocusableProps, InputDOMProps, KeyboardEvents, StyleProps, TextInputProps } from '../types';
-import type { DatePickerStateOptions } from './hooks/datePickerStateFactory';
-import './DatePicker.css';
+import type { CalendarProps } from "../Calendar/index.js";
+import type { AccessibilityProps, DomProps, FocusableProps, InputDOMProps, KeyboardEvents, StyleProps, TextInputProps } from "../types/index.js";
+import type { DatePickerStateOptions } from "./hooks/datePickerStateFactory.js";
+import "./DatePicker.css";
 export interface DatePickerProps<T = DateTime> extends DatePickerStateOptions<T>, TextInputProps, FocusableProps, KeyboardEvents, DomProps, InputDOMProps, StyleProps, AccessibilityProps {
     children?: (props: CalendarProps<T>) => React.ReactNode;
     disablePortal?: boolean;

package/dist/cjs/components/DatePicker/DatePicker.js

@@ -7,14 +7,14 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importDefault(require("react"));
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
-const Calendar_1 = require("../Calendar");
-const DateField_1 = require("../DateField");
-const HiddenInput_1 = require("../HiddenInput/HiddenInput");
-const MobileCalendar_1 = require("./MobileCalendar");
-const StubButton_1 = require("./StubButton");
-const useDatePickerProps_1 = require("./hooks/useDatePickerProps");
-const useDatePickerState_1 = require("./hooks/useDatePickerState");
-const utils_1 = require("./utils");
+const Calendar_1 = require("../Calendar/index.js");
+const DateField_1 = require("../DateField/index.js");
+const HiddenInput_1 = require("../HiddenInput/HiddenInput.js");
+const MobileCalendar_1 = require("./MobileCalendar.js");
+const StubButton_1 = require("./StubButton.js");
+const useDatePickerProps_1 = require("./hooks/useDatePickerProps.js");
+const useDatePickerState_1 = require("./hooks/useDatePickerState.js");
+const utils_1 = require("./utils/index.js");
 require("./DatePicker.css");
 function DatePicker(_a) {
     var { className } = _a, props = tslib_1.__rest(_a, ["className"]);
@@ -22,8 +22,9 @@ function DatePicker(_a) {
     const state = (0, useDatePickerState_1.useDatePickerState)(props);
     const { groupProps, fieldProps, calendarButtonProps, popupProps, calendarProps, timeInputProps } = (0, useDatePickerProps_1.useDatePickerProps)(state, props);
     const isMobile = (0, uikit_1.useMobile)();
-    const isOnlyTime = state.hasTime && !state.hasDate;
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, utils_1.b)(null, className) }, groupProps, { children: [isMobile ? ((0, jsx_runtime_1.jsx)(MobileCalendar_1.MobileCalendar, { props: props, state: state })) : (!isOnlyTime && ((0, jsx_runtime_1.jsx)("div", { ref: anchorRef, className: (0, utils_1.b)('popup-anchor'), children: (0, jsx_runtime_1.jsx)(uikit_1.Popup, Object.assign({ anchorRef: anchorRef }, popupProps, { children: (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.b)('popup-content'), children: [typeof props.children === 'function' ? (props.children(calendarProps)) : ((0, jsx_runtime_1.jsx)(Calendar_1.Calendar, Object.assign({}, calendarProps))), state.hasTime && ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.b)('time-field-wrapper'), children: (0, jsx_runtime_1.jsx)(DateField_1.DateField, Object.assign({}, timeInputProps)) }))] }) })) }))), (0, jsx_runtime_1.jsx)(uikit_1.TextInput, Object.assign({}, fieldProps, { className: (0, utils_1.b)('field', { mobile: isMobile }), hasClear: !isMobile && fieldProps.hasClear, endContent: (0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [!isMobile && !isOnlyTime && ((0, jsx_runtime_1.jsx)(uikit_1.Button, Object.assign({}, calendarButtonProps, { children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Calendar }) }))), !isMobile && isOnlyTime && ((0, jsx_runtime_1.jsx)(StubButton_1.StubButton, { size: calendarButtonProps.size, icon: icons_1.Clock })), isMobile && ((0, jsx_runtime_1.jsx)(StubButton_1.StubButton, { size: calendarButtonProps.size, icon: isOnlyTime ? icons_1.Clock : icons_1.Calendar }))] }) })), (0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { name: props.name, value: state.value, toStringValue: (value) => { var _a; return (_a = value === null || value === void 0 ? void 0 : value.toISOString()) !== null && _a !== void 0 ? _a : ''; }, onReset: (value) => {
+    const isOnlyTime = state.formatInfo.hasTime && !state.formatInfo.hasDate;
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, utils_1.b)(null, className) }, groupProps, { children: [isMobile ? ((0, jsx_runtime_1.jsx)(MobileCalendar_1.MobileCalendar, { props: props, state: state })) : (!isOnlyTime && ((0, jsx_runtime_1.jsx)("div", { ref: anchorRef, className: (0, utils_1.b)('popup-anchor'), children: (0, jsx_runtime_1.jsx)(uikit_1.Popup, Object.assign({ anchorRef: anchorRef }, popupProps, { children: (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.b)('popup-content'), children: [typeof props.children === 'function' ? (props.children(calendarProps)) : ((0, jsx_runtime_1.jsx)(Calendar_1.Calendar, Object.assign({}, calendarProps))), state.formatInfo.hasTime && ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.b)('time-field-wrapper'), children: (0, jsx_runtime_1.jsx)(DateField_1.DateField, Object.assign({}, timeInputProps)) }))] }) })) }))), (0, jsx_runtime_1.jsx)(uikit_1.TextInput, Object.assign({}, fieldProps, { className: (0, utils_1.b)('field', { mobile: isMobile }), hasClear: !isMobile && fieldProps.hasClear, endContent: (0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [!isMobile && !isOnlyTime && ((0, jsx_runtime_1.jsx)(uikit_1.Button, Object.assign({}, calendarButtonProps, { children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Calendar }) }))), !isMobile && isOnlyTime && ((0, jsx_runtime_1.jsx)(StubButton_1.StubButton, { size: calendarButtonProps.size, icon: icons_1.Clock })), isMobile && ((0, jsx_runtime_1.jsx)(StubButton_1.StubButton, { size: calendarButtonProps.size, icon: isOnlyTime ? icons_1.Clock : icons_1.Calendar }))] }) })), (0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { name: props.name, value: state.value, toStringValue: (value) => { var _a; return (_a = value === null || value === void 0 ? void 0 : value.toISOString()) !== null && _a !== void 0 ? _a : ''; }, onReset: (value) => {
                     state.setValue(value);
                 }, disabled: state.disabled, form: props.form })] })));
 }
+//# sourceMappingURL=DatePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"../../../../src","sources":["components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;AA6Cb,gCAsEC;;;AAjHD,0DAA0B;AAG1B,6CAA+E;AAC/E,6CAA4E;AAE5E,mDAAqC;AAErC,qDAAuC;AACvC,+DAAuD;AAWvD,wDAAgD;AAChD,gDAAwC;AAExC,sEAA8D;AAC9D,sEAA8D;AAC9D,4CAA0B;AAE1B,4BAA2B;AAgB3B,SAAgB,UAAU,CAAC,EAAsC;QAAtC,EAAC,SAAS,OAA4B,EAAvB,KAAK,sBAApB,aAAqB,CAAD;IAC3C,MAAM,SAAS,GAAG,eAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAErD,MAAM,KAAK,GAAG,IAAA,uCAAkB,EAAC,KAAK,CAAC,CAAC;IAExC,MAAM,EAAC,UAAU,EAAE,UAAU,EAAE,mBAAmB,EAAE,UAAU,EAAE,aAAa,EAAE,cAAc,EAAC,GAC1F,IAAA,uCAAkB,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAErC,MAAM,QAAQ,GAAG,IAAA,iBAAS,GAAE,CAAC;IAC7B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC;IAEzE,OAAO,CACH,+CAAK,SAAS,EAAE,IAAA,SAAC,EAAC,IAAI,EAAE,SAAS,CAAC,IAAM,UAAU,eAC7C,QAAQ,CAAC,CAAC,CAAC,CACR,uBAAC,+BAAc,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACjD,CAAC,CAAC,CAAC,CACA,CAAC,UAAU,IAAI,CACX,gCAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,IAAA,SAAC,EAAC,cAAc,CAAC,YAC7C,uBAAC,aAAK,kBAAC,SAAS,EAAE,SAAS,IAAM,UAAU,cACvC,iCAAK,SAAS,EAAE,IAAA,SAAC,EAAC,eAAe,CAAC,aAC7B,OAAO,KAAK,CAAC,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,CACpC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAChC,CAAC,CAAC,CAAC,CACA,uBAAC,mBAAQ,oBAAK,aAAa,EAAI,CAClC,EACA,KAAK,CAAC,UAAU,CAAC,OAAO,IAAI,CACzB,gCAAK,SAAS,EAAE,IAAA,SAAC,EAAC,oBAAoB,CAAC,YACnC,uBAAC,qBAAS,oBAAK,cAAc,EAAI,GAC/B,CACT,IACC,IACF,GACN,CACT,CACJ,EACD,uBAAC,iBAAS,oBACF,UAAU,IACd,SAAS,EAAE,IAAA,SAAC,EAAC,OAAO,EAAE,EAAC,MAAM,EAAE,QAAQ,EAAC,CAAC,EACzC,QAAQ,EAAE,CAAC,QAAQ,IAAI,UAAU,CAAC,QAAQ,EAC1C,UAAU,EACN,wBAAC,eAAK,CAAC,QAAQ,eACV,CAAC,QAAQ,IAAI,CAAC,UAAU,IAAI,CACzB,uBAAC,cAAM,oBAAK,mBAAmB,cAC3B,uBAAC,YAAI,IAAC,IAAI,EAAE,gBAAY,GAAI,IACvB,CACZ,EACA,CAAC,QAAQ,IAAI,UAAU,IAAI,CACxB,uBAAC,uBAAU,IAAC,IAAI,EAAE,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,aAAS,GAAI,CAClE,EACA,QAAQ,IAAI,CACT,uBAAC,uBAAU,IACP,IAAI,EAAE,mBAAmB,CAAC,IAAI,EAC9B,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,aAAS,CAAC,CAAC,CAAC,gBAAY,GAC7C,CACL,IACY,IAEvB,EACF,uBAAC,yBAAW,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,EAAE,mCAAI,EAAE,CAAA,EAAA,EACpD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;oBACf,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAC1B,CAAC,EACD,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,IAAI,EAAE,KAAK,CAAC,IAAI,GAClB,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, useMobile} from '@gravity-ui/uikit';\n\nimport {Calendar} from '../Calendar';\nimport type {CalendarProps} from '../Calendar';\nimport {DateField} from '../DateField';\nimport {HiddenInput} from '../HiddenInput/HiddenInput';\nimport type {\n    AccessibilityProps,\n    DomProps,\n    FocusableProps,\n    InputDOMProps,\n    KeyboardEvents,\n    StyleProps,\n    TextInputProps,\n} from '../types';\n\nimport {MobileCalendar} from './MobileCalendar';\nimport {StubButton} from './StubButton';\nimport type {DatePickerStateOptions} from './hooks/datePickerStateFactory';\nimport {useDatePickerProps} from './hooks/useDatePickerProps';\nimport {useDatePickerState} from './hooks/useDatePickerState';\nimport {b} from './utils';\n\nimport './DatePicker.scss';\n\nexport interface DatePickerProps<T = DateTime>\n    extends DatePickerStateOptions<T>,\n        TextInputProps,\n        FocusableProps,\n        KeyboardEvents,\n        DomProps,\n        InputDOMProps,\n        StyleProps,\n        AccessibilityProps {\n    children?: (props: CalendarProps<T>) => React.ReactNode;\n    disablePortal?: boolean;\n    disableFocusTrap?: boolean;\n}\n\nexport function DatePicker({className, ...props}: DatePickerProps) {\n    const anchorRef = React.useRef<HTMLDivElement>(null);\n\n    const state = useDatePickerState(props);\n\n    const {groupProps, fieldProps, calendarButtonProps, popupProps, calendarProps, timeInputProps} =\n        useDatePickerProps(state, props);\n\n    const isMobile = useMobile();\n    const isOnlyTime = state.formatInfo.hasTime && !state.formatInfo.hasDate;\n\n    return (\n        <div className={b(null, className)} {...groupProps}>\n            {isMobile ? (\n                <MobileCalendar props={props} state={state} />\n            ) : (\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)\n                                ) : (\n                                    <Calendar {...calendarProps} />\n                                )}\n                                {state.formatInfo.hasTime && (\n                                    <div className={b('time-field-wrapper')}>\n                                        <DateField {...timeInputProps} />\n                                    </div>\n                                )}\n                            </div>\n                        </Popup>\n                    </div>\n                )\n            )}\n            <TextInput\n                {...fieldProps}\n                className={b('field', {mobile: isMobile})}\n                hasClear={!isMobile && fieldProps.hasClear}\n                endContent={\n                    <React.Fragment>\n                        {!isMobile && !isOnlyTime && (\n                            <Button {...calendarButtonProps}>\n                                <Icon data={CalendarIcon} />\n                            </Button>\n                        )}\n                        {!isMobile && isOnlyTime && (\n                            <StubButton size={calendarButtonProps.size} icon={ClockIcon} />\n                        )}\n                        {isMobile && (\n                            <StubButton\n                                size={calendarButtonProps.size}\n                                icon={isOnlyTime ? ClockIcon : CalendarIcon}\n                            />\n                        )}\n                    </React.Fragment>\n                }\n            />\n            <HiddenInput\n                name={props.name}\n                value={state.value}\n                toStringValue={(value) => value?.toISOString() ?? ''}\n                onReset={(value) => {\n                    state.setValue(value);\n                }}\n                disabled={state.disabled}\n                form={props.form}\n            />\n        </div>\n    );\n}\n"]}

package/dist/cjs/components/DatePicker/MobileCalendar.css

@@ -21,4 +21,5 @@
   margin: 0;
   padding: 0;
   cursor: pointer;
-}
+}
+/*# sourceMappingURL=MobileCalendar.css.map */

package/dist/cjs/components/DatePicker/MobileCalendar.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/DatePicker/data:;charset=utf-8,@use%20'../variables';%0A%0A$block:%20'.%23%7Bvariables.$ns%7Dmobile-calendar';%0A%0A%23%7B$block%7D%20%7B%0A%20%20%20%20position:%20absolute;%0A%20%20%20%20z-index:%201;%0A%20%20%20%20inset-block-start:%200;%0A%20%20%20%20inset-inline-start:%200;%0A%0A%20%20%20%20box-sizing:%20border-box;%0A%20%20%20%20/%20width:%20100%25%20does%20not%20work%20in%20mobile%20Safari%0A%20%20%20%20min-width:%20100%25;%0A%20%20%20%20height:%20100%25;%0A%20%20%20%20margin:%200;%0A%20%20%20%20padding:%200;%0A%0A%20%20%20%20cursor:%20pointer;%0A%0A%20%20%20%20opacity:%200;%0A%20%20%20%20border:%20none;%0A%0A%20%20%20%20&::-webkit-calendar-picker-indicator%20%7B%0A%20%20%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20inset-block-start:%200;%0A%20%20%20%20%20%20%20%20inset-inline-start:%200;%0A%0A%20%20%20%20%20%20%20%20min-width:%20100%25;%0A%20%20%20%20%20%20%20%20height:%20100%25;%0A%20%20%20%20%20%20%20%20margin:%200;%0A%20%20%20%20%20%20%20%20padding:%200;%0A%0A%20%20%20%20%20%20%20%20cursor:%20pointer;%0A%20%20%20%20%7D%0A%7D%0A"],"names":[],"mappings":"AAIA;EACI;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;;AAEA;EACI;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA","sourcesContent":["@use '../variables';\n\n$block: '.#{variables.$ns}mobile-calendar';\n\n#{$block} {\n    position: absolute;\n    z-index: 1;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n\n    box-sizing: border-box;\n    // width: 100% does not work in mobile Safari\n    min-width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n\n    cursor: pointer;\n\n    opacity: 0;\n    border: none;\n\n    &::-webkit-calendar-picker-indicator {\n        position: absolute;\n        inset-block-start: 0;\n        inset-inline-start: 0;\n\n        min-width: 100%;\n        height: 100%;\n        margin: 0;\n        padding: 0;\n\n        cursor: pointer;\n    }\n}\n"],"file":"MobileCalendar.css"}

package/dist/cjs/components/DatePicker/MobileCalendar.d.ts

@@ -1,6 +1,6 @@
-import type { DatePickerProps } from './DatePicker';
-import type { DatePickerState } from './hooks/useDatePickerState';
-import './MobileCalendar.css';
+import type { DatePickerProps } from "./DatePicker.js";
+import type { DatePickerState } from "./hooks/useDatePickerState.js";
+import "./MobileCalendar.css";
 interface MobileCalendarProps {
     props: DatePickerProps;
     state: DatePickerState;

package/dist/cjs/components/DatePicker/MobileCalendar.js

@@ -4,17 +4,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MobileCalendar = MobileCalendar;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const date_utils_1 = require("@gravity-ui/date-utils");
-const cn_1 = require("../../utils/cn");
-const dates_1 = require("../utils/dates");
+const cn_1 = require("../../utils/cn.js");
+const dates_1 = require("../utils/dates.js");
 require("./MobileCalendar.css");
 const b = (0, cn_1.block)('mobile-calendar');
 function MobileCalendar({ props, state }) {
     var _a, _b;
     let type = 'date';
-    if (state.hasTime && state.hasDate) {
+    if (state.formatInfo.hasTime && state.formatInfo.hasDate) {
         type = 'datetime-local';
     }
-    else if (state.hasTime) {
+    else if (state.formatInfo.hasTime) {
         type = 'time';
     }
     return ((0, jsx_runtime_1.jsx)("input", { className: b(), disabled: props.disabled, type: type, value: formatNative(state.dateFieldState.value, type), id: props.id, min: formatNative((_a = props.minValue) === null || _a === void 0 ? void 0 : _a.timeZone(state.timeZone), type), max: formatNative((_b = props.maxValue) === null || _b === void 0 ? void 0 : _b.timeZone(state.timeZone), type), tabIndex: -1, onChange: (e) => {
@@ -29,13 +29,13 @@ function MobileCalendar({ props, state }) {
                     format: getDateFormat(type),
                     timeZone: 'system',
                 }).timeZone(state.timeZone, true);
-                let newDate = state.hasDate
+                let newDate = state.formatInfo.hasDate
                     ? localDate
                     : (0, dates_1.createPlaceholderValue)({
                         placeholderValue: (_a = props.placeholderValue) === null || _a === void 0 ? void 0 : _a.timeZone(state.timeZone),
                         timeZone: state.timeZone,
                     });
-                if (state.hasTime) {
+                if (state.formatInfo.hasTime) {
                     newDate = (0, dates_1.mergeDateTime)(newDate, localDate);
                 }
                 else if (state.value) {
@@ -74,3 +74,4 @@ function formatNative(date, type) {
     const format = getDateFormat(type);
     return date.format(format);
 }
+//# sourceMappingURL=MobileCalendar.js.map

package/dist/cjs/components/DatePicker/MobileCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileCalendar.js","sourceRoot":"../../../../src","sources":["components/DatePicker/MobileCalendar.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport {dateTime} from '@gravity-ui/date-utils';\nimport type {DateTime} from '@gravity-ui/date-utils';\n\nimport {block} from '../../utils/cn';\nimport {createPlaceholderValue, mergeDateTime} from '../utils/dates';\n\nimport type {DatePickerProps} from './DatePicker';\nimport type {DatePickerState} from './hooks/useDatePickerState';\n\nimport './MobileCalendar.scss';\n\nconst b = block('mobile-calendar');\n\ntype InputDateType = 'date' | 'time' | 'datetime-local';\n\ninterface MobileCalendarProps {\n    props: DatePickerProps;\n    state: DatePickerState;\n}\nexport function MobileCalendar({props, state}: MobileCalendarProps) {\n    let type: InputDateType = 'date';\n    if (state.formatInfo.hasTime && state.formatInfo.hasDate) {\n        type = 'datetime-local';\n    } else if (state.formatInfo.hasTime) {\n        type = 'time';\n    }\n\n    return (\n        <input\n            className={b()}\n            disabled={props.disabled}\n            type={type}\n            value={formatNative(state.dateFieldState.value, type)}\n            id={props.id}\n            min={formatNative(props.minValue?.timeZone(state.timeZone), type)}\n            max={formatNative(props.maxValue?.timeZone(state.timeZone), type)}\n            tabIndex={-1}\n            onChange={(e) => {\n                if (props.readOnly) {\n                    return;\n                }\n                const newValue = e.target.value;\n                if (newValue) {\n                    const localDate = dateTime({\n                        input: newValue,\n                        format: getDateFormat(type),\n                        timeZone: 'system',\n                    }).timeZone(state.timeZone, true);\n                    let newDate = state.formatInfo.hasDate\n                        ? localDate\n                        : createPlaceholderValue({\n                              placeholderValue: props.placeholderValue?.timeZone(state.timeZone),\n                              timeZone: state.timeZone,\n                          });\n                    if (state.formatInfo.hasTime) {\n                        newDate = mergeDateTime(newDate, localDate);\n                    } else if (state.value) {\n                        newDate = mergeDateTime(newDate, state.value.timeZone(state.timeZone));\n                    } else {\n                        newDate = mergeDateTime(\n                            newDate,\n                            createPlaceholderValue({\n                                placeholderValue: props.placeholderValue?.timeZone(state.timeZone),\n                                timeZone: state.timeZone,\n                            }),\n                        );\n                    }\n                    state.setValue(newDate);\n                } else {\n                    state.setValue(null);\n                }\n            }}\n        />\n    );\n}\n\nfunction getDateFormat(type: InputDateType) {\n    switch (type) {\n        case 'time': {\n            return 'HH:mm';\n        }\n        case 'datetime-local': {\n            return 'YYYY-MM-DDTHH:mm';\n        }\n        default: {\n            return 'YYYY-MM-DD';\n        }\n    }\n}\nfunction formatNative(date: DateTime | null | undefined, type: InputDateType) {\n    if (!date) {\n        return '';\n    }\n\n    const format = getDateFormat(type);\n    return date.format(format);\n}\n"]}

package/dist/cjs/components/DatePicker/StubButton.css

@@ -23,4 +23,5 @@
   justify-content: center;
   align-items: center;
   color: var(--g-color-text-secondary);
-}
+}
+/*# sourceMappingURL=StubButton.css.map */

package/dist/cjs/components/DatePicker/StubButton.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/DatePicker/data:;charset=utf-8,@use%20'../variables';%0A%0A$block:%20'.%23%7Bvariables.$ns%7Dstub-button';%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%20width:%2024px;%0A%20%20%20%20height:%2024px;%0A%0A%20%20%20%20&_size_xs%20%7B%0A%20%20%20%20%20%20%20%20width:%2020px;%0A%20%20%20%20%20%20%20%20height:%2020px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&_size_m%20%7B%0A%20%20%20%20%20%20%20%20width:%2028px;%0A%20%20%20%20%20%20%20%20height:%2028px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&_size_l%20%7B%0A%20%20%20%20%20%20%20%20width:%2036px;%0A%20%20%20%20%20%20%20%20height:%2036px;%0A%20%20%20%20%7D%0A%0A%20%20%20%20&__icon%20%7B%0A%20%20%20%20%20%20%20%20position:%20absolute;%0A%20%20%20%20%20%20%20%20inset:%200;%0A%0A%20%20%20%20%20%20%20%20display:%20flex;%0A%20%20%20%20%20%20%20%20justify-content:%20center;%0A%20%20%20%20%20%20%20%20align-items:%20center;%0A%0A%20%20%20%20%20%20%20%20color:%20var(--g-color-text-secondary);%0A%20%20%20%20%7D%0A%7D%0A"],"names":[],"mappings":"AAIA;EACI;EAEA;EAEA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EAEA;EACA;EACA;EAEA","sourcesContent":["@use '../variables';\n\n$block: '.#{variables.$ns}stub-button';\n\n#{$block} {\n    position: relative;\n\n    display: inline-block;\n\n    width: 24px;\n    height: 24px;\n\n    &_size_xs {\n        width: 20px;\n        height: 20px;\n    }\n\n    &_size_m {\n        width: 28px;\n        height: 28px;\n    }\n\n    &_size_l {\n        width: 36px;\n        height: 36px;\n    }\n\n    &__icon {\n        position: absolute;\n        inset: 0;\n\n        display: flex;\n        justify-content: center;\n        align-items: center;\n\n        color: var(--g-color-text-secondary);\n    }\n}\n"],"file":"StubButton.css"}

package/dist/cjs/components/DatePicker/StubButton.d.ts

@@ -1,5 +1,5 @@
 import type { ButtonSize, IconData } from '@gravity-ui/uikit';
-import './StubButton.css';
+import "./StubButton.css";
 interface StubButtonProps {
     size?: ButtonSize;
     icon: IconData;

package/dist/cjs/components/DatePicker/StubButton.js

@@ -3,9 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StubButton = StubButton;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_1 = require("@gravity-ui/uikit");
-const cn_1 = require("../../utils/cn");
+const cn_1 = require("../../utils/cn.js");
 require("./StubButton.css");
 const b = (0, cn_1.block)('stub-button');
 function StubButton({ size, icon }) {
     return ((0, jsx_runtime_1.jsx)("span", { className: b({ size }), children: (0, jsx_runtime_1.jsx)("span", { className: b('icon'), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icon }) }) }));
 }
+//# sourceMappingURL=StubButton.js.map

package/dist/cjs/components/DatePicker/StubButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StubButton.js","sourceRoot":"../../../../src","sources":["components/DatePicker/StubButton.tsx"],"names":[],"mappings":";;AAaA,gCAQC;;AArBD,6CAAuC;AAGvC,0CAAqC;AAErC,4BAA2B;AAE3B,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,aAAa,CAAC,CAAC;AAM/B,SAAgB,UAAU,CAAC,EAAC,IAAI,EAAE,IAAI,EAAkB;IACpD,OAAO,CACH,iCAAM,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,CAAC,YACtB,iCAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACtB,uBAAC,YAAI,IAAC,IAAI,EAAE,IAAI,GAAI,GACjB,GACJ,CACV,CAAC;AACN,CAAC","sourcesContent":["import {Icon} from '@gravity-ui/uikit';\nimport type {ButtonSize, IconData} from '@gravity-ui/uikit';\n\nimport {block} from '../../utils/cn';\n\nimport './StubButton.scss';\n\nconst b = block('stub-button');\n\ninterface StubButtonProps {\n    size?: ButtonSize;\n    icon: IconData;\n}\nexport function StubButton({size, icon}: StubButtonProps) {\n    return (\n        <span className={b({size})}>\n            <span className={b('icon')}>\n                <Icon data={icon} />\n            </span>\n        </span>\n    );\n}\n"]}