@alfalab/core-components-calendar-range 4.2.3 → 5.0.0

package/dist/esm/Component.d.ts

@@ -1,6 +1,5 @@
 import { FC } from 'react';
 import { CalendarInputProps } from "@alfalab/core-components-calendar-input";
-import { ValueState } from "./utils";
 type CalendarRangeProps = {
     /**
      * Дополнительный класс
@@ -29,11 +28,34 @@ type CalendarRangeProps = {
     /**
      * Обработчик изменения даты от
      */
-    onDateFromChange?: (payload: ValueState) => void;
+    onDateFromChange?: (payload: {
+        date: number | null;
+        value: string;
+    }) => void;
     /**
      * Обработчик изменения даты до
      */
-    onDateToChange?: (payload: ValueState) => void;
+    onDateToChange?: (payload: {
+        date: number | null;
+        value: string;
+    }) => void;
+    /**
+     * Обработчик изменения
+     */
+    onChange?: (payload: {
+        dateFrom: number | null;
+        valueFrom: string;
+        dateTo: number | null;
+        valueTo: string;
+    }) => void;
+    /**
+     * Список событий
+     */
+    events?: Array<Date | number>;
+    /**
+     * Список выходных
+     */
+    offDays?: Array<Date | number>;
     /**
      * Пропсы для инпута даты от
      */

package/dist/esm/Component.js

@@ -1,190 +1,25 @@
-import React, { useState, useCallback } from 'react';
-import cn from 'classnames';
-import { startOfMonth, subMonths } from 'date-fns';
-import { usePeriod, dateInLimits } from '@alfalab/core-components-calendar/dist/esm';
-import { parseDateString, isCompleteDateInput, formatDate, CalendarInput } from '@alfalab/core-components-calendar-input/dist/esm';
-import { initialValueState, getCorrectValueState, isDayButton } from './utils.js';
-import { useCalendarMonthes } from './useCalendarMonthes.js';
-import { useCalendarMaxMinDates } from './useCalendarMaxMinDates.js';
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign = function () {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-var styles = {"component":"calendar-range__component_1dam9","divider":"calendar-range__divider_1dam9"};
-require('./index.css')
+import { _ as __rest, a as __assign } from './index.module-1e16472a.js';
+import React from 'react';
+import 'classnames';
+import 'date-fns/startOfMonth';
+import '@alfalab/core-components-calendar-input/dist/esm';
+import '@alfalab/core-components-date-input/dist/esm';
+import 'date-fns/addMonths';
+import 'date-fns/subMonths';
+import 'date-fns/max';
+import 'date-fns/min';
+import 'date-fns/isEqual';
+import './hooks.js';
+import { CalendarRangePopover } from './views/popover.js';
+import 'date-fns/endOfMonth';
+import '@alfalab/core-components-calendar/dist/esm';
+import './utils.js';
+import { CalendarRangeStatic } from './views/static.js';
 
 var CalendarRange = function (_a) {
-    var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth(new Date()).getTime() : _b, minDate = _a.minDate, maxDate = _a.maxDate, valueFrom = _a.valueFrom, valueTo = _a.valueTo, onDateFromChange = _a.onDateFromChange, onDateToChange = _a.onDateToChange, _c = _a.inputFromProps, inputFromProps = _c === void 0 ? {} : _c, _d = _a.inputToProps, inputToProps = _d === void 0 ? {} : _d, _e = _a.calendarPosition, calendarPosition = _e === void 0 ? 'static' : _e, dataTestId = _a.dataTestId;
-    var uncontrolled = valueFrom === undefined && valueTo === undefined;
-    var isPopover = calendarPosition === 'popover';
-    var period = usePeriod({
-        initialSelectedFrom: valueFrom ? parseDateString(valueFrom).getTime() : undefined,
-        initialSelectedTo: valueTo ? parseDateString(valueTo).getTime() : undefined,
-    });
-    var setStart = period.setStart, setEnd = period.setEnd, resetPeriod = period.resetPeriod;
-    var selectedFrom = period.selectedFrom, selectedTo = period.selectedTo;
-    if (!dateInLimits(selectedFrom, minDate, maxDate))
-        selectedFrom = undefined;
-    if (!dateInLimits(selectedTo, minDate, maxDate))
-        selectedTo = undefined;
-    var _f = useState(initialValueState), stateFrom = _f[0], setStateFrom = _f[1];
-    var _g = useState(initialValueState), stateTo = _g[0], setStateTo = _g[1];
-    var inputValueFrom = getCorrectValueState(stateFrom, valueFrom, minDate, maxDate);
-    var inputValueTo = getCorrectValueState(stateTo, valueTo, minDate, maxDate);
-    var handleStateFromChange = useCallback(function (newFromState) {
-        if (uncontrolled)
-            setStateFrom(newFromState);
-        if (onDateFromChange)
-            onDateFromChange(newFromState);
-    }, [onDateFromChange, uncontrolled]);
-    var handleStateToChange = useCallback(function (newToState) {
-        if (uncontrolled)
-            setStateTo(newToState);
-        if (onDateToChange)
-            onDateToChange(newToState);
-    }, [onDateToChange, uncontrolled]);
-    var _h = useCalendarMonthes({
-        inputValueFrom: inputValueFrom,
-        inputValueTo: inputValueTo,
-        defaultMonth: defaultMonth,
-        isPopover: isPopover,
-    }), monthFrom = _h.monthFrom, monthTo = _h.monthTo, handleMonthFromChange = _h.handleMonthFromChange, handleMonthToChange = _h.handleMonthToChange;
-    var handleInputFromChange = useCallback(function (_, _a) {
-        var value = _a.value, date = _a.date;
-        if (value === '') {
-            setStart(undefined);
-            handleStateFromChange(initialValueState);
-        }
-        if (!isCompleteDateInput(value)) {
-            return;
-        }
-        if (dateInLimits(date, minDate, maxDate)) {
-            setStart(date.getTime());
-            handleMonthFromChange(startOfMonth(date).getTime());
-            handleStateFromChange({ date: date.getTime(), value: value });
-        }
-        else {
-            setStart(undefined);
-            handleStateFromChange({ date: null, value: value });
-        }
-    }, [handleMonthFromChange, handleStateFromChange, maxDate, minDate, setStart]);
-    var handleInputToChange = useCallback(function (_, _a) {
-        var value = _a.value, date = _a.date;
-        if (value === '') {
-            setEnd(undefined);
-            handleStateToChange(initialValueState);
-        }
-        if (!isCompleteDateInput(value)) {
-            return;
-        }
-        if (dateInLimits(date, minDate, maxDate)) {
-            setEnd(date.getTime());
-            handleMonthToChange(subMonths(startOfMonth(date), 1).getTime());
-            handleStateToChange({ date: date.getTime(), value: value });
-        }
-        else {
-            setEnd(undefined);
-            handleStateToChange({ date: null, value: value });
-        }
-    }, [handleMonthToChange, handleStateToChange, maxDate, minDate, setEnd]);
-    var handleCalendarChange = useCallback(function (date) {
-        if (!inputValueFrom.date) {
-            setStart(date);
-            handleStateFromChange({ date: date, value: formatDate(date) });
-            return;
-        }
-        if (date < inputValueFrom.date) {
-            resetPeriod();
-            setStart(date);
-            handleStateToChange(initialValueState);
-            handleStateFromChange({ date: date, value: formatDate(date) });
-            return;
-        }
-        if (date === inputValueFrom.date && date === inputValueTo.date) {
-            resetPeriod();
-            handleStateFromChange(initialValueState);
-            handleStateToChange(initialValueState);
-            return;
-        }
-        handleStateToChange({ date: date, value: formatDate(date) });
-        setEnd(date);
-    }, [
-        inputValueFrom.date,
-        inputValueTo.date,
-        handleStateToChange,
-        setEnd,
-        setStart,
-        handleStateFromChange,
-        resetPeriod,
-    ]);
-    var handleFromCalendarChange = useCallback(function (date) {
-        if (!isPopover) {
-            handleCalendarChange(date);
-            return;
-        }
-        setStart(date);
-        handleStateFromChange({ date: date, value: formatDate(date) });
-    }, [handleCalendarChange, handleStateFromChange, isPopover, setStart]);
-    var handleToCalendarChange = useCallback(function (date) {
-        if (!isPopover) {
-            handleCalendarChange(date);
-            return;
-        }
-        handleStateToChange({ date: date, value: formatDate(date) });
-        setEnd(date);
-    }, [handleCalendarChange, handleStateToChange, isPopover, setEnd]);
-    var _j = useState(false), nextMonthHighlighted = _j[0], setNextMonthHighlighted = _j[1];
-    var handleCalendarToMouseOver = useCallback(function (event) {
-        var target = event.target;
-        var dayHighlighted = isDayButton(target) || isDayButton(target.parentElement);
-        if (nextMonthHighlighted && !dayHighlighted)
-            setNextMonthHighlighted(false);
-        if (!nextMonthHighlighted && dayHighlighted)
-            setNextMonthHighlighted(true);
-    }, [nextMonthHighlighted]);
-    var selectorView = isPopover ? 'full' : 'month-only';
-    var calendarSelectedTo = selectedTo || (nextMonthHighlighted ? monthTo : undefined);
-    var maxMinDates = useCalendarMaxMinDates({
-        isPopover: isPopover,
-        monthTo: monthTo,
-        monthFrom: monthFrom,
-        selectedFrom: selectedFrom,
-        selectedTo: calendarSelectedTo,
-        maxDate: maxDate,
-        minDate: minDate,
-    });
-    return (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },
-        React.createElement(CalendarInput, __assign({}, inputFromProps, { useAnchorWidth: false, calendarPosition: calendarPosition, onInputChange: handleInputFromChange, onCalendarChange: handleFromCalendarChange, value: inputValueFrom.value, minDate: maxMinDates.fromMinDate, maxDate: maxMinDates.fromMaxDate, calendarProps: __assign(__assign({}, inputFromProps.calendarProps), { month: monthFrom, onMonthChange: handleMonthFromChange, selectorView: selectorView,
-                selectedFrom: selectedFrom, selectedTo: calendarSelectedTo }) })),
-        React.createElement("span", { className: styles.divider }),
-        React.createElement("div", { onMouseOver: handleCalendarToMouseOver },
-            React.createElement(CalendarInput, __assign({}, inputToProps, { useAnchorWidth: false, calendarPosition: calendarPosition, popoverPosition: 'bottom-end', onInputChange: handleInputToChange, onCalendarChange: handleToCalendarChange, value: inputValueTo.value, minDate: maxMinDates.toMinDate, maxDate: maxMinDates.toMaxDate, calendarProps: __assign(__assign({}, inputToProps.calendarProps), { month: monthTo, onMonthChange: handleMonthToChange, selectorView: selectorView,
-                    selectedFrom: selectedFrom,
-                    selectedTo: selectedTo }) })))));
+    var _b = _a.calendarPosition, calendarPosition = _b === void 0 ? 'static' : _b, restProps = __rest(_a, ["calendarPosition"]);
+    var View = calendarPosition === 'popover' ? CalendarRangePopover : CalendarRangeStatic;
+    return React.createElement(View, __assign({}, restProps));
 };
 
 export { CalendarRange };

package/dist/esm/hooks.d.ts

@@ -0,0 +1,22 @@
+declare function usePopoverViewMonthes({ dateFrom, dateTo, defaultMonth, resetKey, }: {
+    defaultMonth: number;
+    dateFrom: number | null;
+    dateTo: number | null;
+    resetKey?: number;
+}): {
+    monthFrom: number | undefined;
+    monthTo: number | undefined;
+    handleMonthFromChange: (newMonthFrom: number) => void;
+    handleMonthToChange: (newMonthTo: number) => void;
+};
+declare function useStaticViewMonthes({ selectedFrom, selectedTo, defaultMonth, }: {
+    selectedFrom?: number;
+    selectedTo?: number;
+    defaultMonth: number;
+}): {
+    monthFrom: number;
+    monthTo: number;
+    handleMonthFromChange: (newMonthFrom: number) => void;
+    handleMonthToChange: (newMonthTo: number) => void;
+};
+export { usePopoverViewMonthes, useStaticViewMonthes };

package/dist/esm/hooks.js

@@ -0,0 +1,117 @@
+import { useState, useCallback, useEffect, useMemo } from 'react';
+import startOfMonth from 'date-fns/startOfMonth';
+import addMonths from 'date-fns/addMonths';
+import subMonths from 'date-fns/subMonths';
+import max from 'date-fns/max';
+import min from 'date-fns/min';
+import isEqual from 'date-fns/isEqual';
+
+function usePopoverViewMonthes(_a) {
+    var dateFrom = _a.dateFrom, dateTo = _a.dateTo, defaultMonth = _a.defaultMonth, resetKey = _a.resetKey;
+    var _b = useState(), monthFrom = _b[0], setMonthFrom = _b[1];
+    var _c = useState(), monthTo = _c[0], setMonthTo = _c[1];
+    var handleMonthFromChange = useCallback(function (newMonthFrom) {
+        setMonthFrom(newMonthFrom);
+        if (!dateTo) {
+            setMonthTo(newMonthFrom);
+        }
+    }, [dateTo]);
+    var handleMonthToChange = useCallback(function (newMonthTo) {
+        setMonthTo(newMonthTo);
+        if (!dateFrom) {
+            setMonthFrom(newMonthTo);
+        }
+    }, [dateFrom]);
+    useEffect(function () {
+        setMonthFrom(dateFrom ? startOfMonth(dateFrom).getTime() : defaultMonth);
+    }, [defaultMonth, dateFrom, resetKey]);
+    useEffect(function () {
+        setMonthTo(dateTo ? startOfMonth(dateTo).getTime() : monthFrom);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [dateTo, resetKey]);
+    return {
+        monthFrom: monthFrom,
+        monthTo: monthTo,
+        handleMonthFromChange: handleMonthFromChange,
+        handleMonthToChange: handleMonthToChange,
+    };
+}
+function useStaticViewMonthes(_a) {
+    var selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, defaultMonth = _a.defaultMonth;
+    /**
+     * Если указана начальная дата — левый месяц равен ей, иначе используется дата конца.
+     * Если обе даты не указаны, то используется дефолтный месяц
+     */
+    var initialMonthFrom = useMemo(function () { return startOfMonth(selectedFrom || selectedTo || defaultMonth).getTime(); }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    /**
+     * Правый месяц должен быть как минимум на 1 месяц больше левого
+     */
+    var initialMonthTo = useMemo(function () {
+        return max([
+            selectedTo ? startOfMonth(selectedTo) : 0,
+            addMonths(initialMonthFrom, 1),
+        ]).getTime();
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    var _b = useState(initialMonthFrom), monthFrom = _b[0], setMonthFrom = _b[1];
+    var _c = useState(initialMonthTo), monthTo = _c[0], setMonthTo = _c[1];
+    var handleMonthFromChange = useCallback(function (newMonthFrom) {
+        setMonthFrom(newMonthFrom);
+        if (monthTo && isEqual(newMonthFrom, monthTo)) {
+            var nextMonth = addMonths(newMonthFrom, 1).getTime();
+            setMonthTo(nextMonth);
+        }
+    }, [monthTo]);
+    var handleMonthToChange = useCallback(function (newMonthTo) {
+        setMonthTo(newMonthTo);
+        if (monthFrom && isEqual(newMonthTo, monthFrom)) {
+            var prevMonth = subMonths(newMonthTo, 1).getTime();
+            setMonthFrom(prevMonth);
+        }
+    }, [monthFrom]);
+    // eslint-disable-next-line complexity
+    useEffect(function () {
+        var selectedFromMonth = selectedFrom ? startOfMonth(selectedFrom).getTime() : undefined;
+        var selectedToMonth = selectedTo ? startOfMonth(selectedTo).getTime() : undefined;
+        // Проверяем, показываются ли выбранные месяцы в левой или правой части компонента
+        var fromMonthOnLeft = selectedFromMonth && selectedFromMonth === monthFrom;
+        var fromMonthOnRight = selectedFromMonth && selectedFromMonth === monthTo;
+        var toMonthOnRight = selectedToMonth && selectedToMonth === monthTo;
+        var toMonthOnLeft = selectedToMonth && selectedToMonth === monthFrom;
+        var fromMonthOnScreen = fromMonthOnLeft || fromMonthOnRight;
+        var toMonthOnScreen = toMonthOnLeft || toMonthOnRight;
+        if (fromMonthOnLeft && toMonthOnLeft) {
+            setMonthTo(max([addMonths(selectedFromMonth, 1), monthTo]).getTime());
+            return;
+        }
+        if (fromMonthOnRight && toMonthOnRight) {
+            setMonthFrom(min([subMonths(selectedToMonth, 1), monthFrom]).getTime());
+            return;
+        }
+        if (selectedFromMonth && selectedToMonth) {
+            setMonthFrom(selectedFromMonth);
+            setMonthTo(max([addMonths(selectedFromMonth, 1), selectedToMonth]).getTime());
+            return;
+        }
+        if (selectedFromMonth && !selectedToMonth && !fromMonthOnScreen) {
+            setMonthFrom(selectedFromMonth);
+            setMonthTo(max([addMonths(selectedFromMonth, 1), monthTo]).getTime());
+        }
+        if (selectedToMonth && !selectedFromMonth && !toMonthOnScreen) {
+            setMonthTo(selectedToMonth);
+            setMonthFrom(min([subMonths(selectedToMonth, 1), monthFrom]).getTime());
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [selectedFrom, selectedTo]);
+    return {
+        monthFrom: monthFrom,
+        monthTo: monthTo,
+        handleMonthFromChange: handleMonthFromChange,
+        handleMonthToChange: handleMonthToChange,
+    };
+}
+
+export { usePopoverViewMonthes, useStaticViewMonthes };

package/dist/esm/index.js

@@ -1,9 +1,18 @@
-export { CalendarRange } from './Component.js';
+import './index.module-1e16472a.js';
 import 'react';
 import 'classnames';
-import 'date-fns';
-import '@alfalab/core-components-calendar/dist/esm';
+import 'date-fns/startOfMonth';
 import '@alfalab/core-components-calendar-input/dist/esm';
+import '@alfalab/core-components-date-input/dist/esm';
+import 'date-fns/addMonths';
+import 'date-fns/subMonths';
+import 'date-fns/max';
+import 'date-fns/min';
+import 'date-fns/isEqual';
+import './hooks.js';
+import './views/popover.js';
+import 'date-fns/endOfMonth';
+import '@alfalab/core-components-calendar/dist/esm';
 import './utils.js';
-import './useCalendarMonthes.js';
-import './useCalendarMaxMinDates.js';
+import './views/static.js';
+export { CalendarRange } from './Component.js';

package/dist/esm/index.module-1e16472a.d.ts

@@ -0,0 +1,32 @@
+declare function __extends(d: any, b: any): void;
+declare function __rest(s: any, e: any): {};
+declare function __decorate(decorators: any, target: any, key: any, desc: any, ...args: any[]): any;
+declare function __param(paramIndex: any, decorator: any): (target: any, key: any) => void;
+declare function __metadata(metadataKey: any, metadataValue: any): any;
+declare function __awaiter(thisArg: any, _arguments: any, P: any, generator: any): any;
+declare function __generator(thisArg: any, body: any): {
+    next: (v: any) => any;
+    throw: (v: any) => any;
+    return: (v: any) => any;
+};
+declare function __exportStar(m: any, o: any): void;
+declare function __values(o: any): any;
+declare function __read(o: any, n: any): any;
+declare function __spread(...args: any[]): any[];
+declare function __spreadArrays(...args: any[]): any[];
+declare function __await(v: any): any;
+declare class __await {
+    constructor(v: any);
+    v: any;
+}
+declare function __asyncGenerator(thisArg: any, _arguments: any, generator: any): {};
+declare function __asyncDelegator(o: any): {};
+declare function __asyncValues(o: any): any;
+declare function __makeTemplateObject(cooked: any, raw: any): any;
+declare function __importStar(mod: any): any;
+declare function __importDefault(mod: any): any;
+declare function __classPrivateFieldGet(receiver: any, privateMap: any): any;
+declare function __classPrivateFieldSet(receiver: any, privateMap: any, value: any): any;
+declare function __assign(...args: any[]): any;
+declare function __createBinding(o: any, m: any, k: any, k2: any): void;
+export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __assign, __createBinding };

package/dist/esm/index.module-1e16472a.js

@@ -0,0 +1,43 @@
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var __assign = function () {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s)
+                if (Object.prototype.hasOwnProperty.call(s, p))
+                    t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+function __rest(s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var styles = {"component":"calendar-range__component_jenpd","divider":"calendar-range__divider_jenpd","static":"calendar-range__static_jenpd","calendar":"calendar-range__calendar_jenpd"};
+require('./views/index.css')
+
+export { __rest as _, __assign as a, styles as s };

package/dist/esm/utils.d.ts

@@ -1,11 +1,2 @@
-type ValueState = {
-    date: number | null;
-    value: string;
-};
-declare const initialValueState: {
-    date: null;
-    value: string;
-};
-declare const getCorrectValueState: (stateValue: ValueState, propValue?: string | undefined, minDate?: number | undefined, maxDate?: number | undefined) => ValueState;
 declare const isDayButton: (node: HTMLElement | null) => string | false | null | undefined;
-export { ValueState, initialValueState, getCorrectValueState, isDayButton };
+export { isDayButton };

package/dist/esm/utils.js

@@ -1,18 +1,5 @@
-import { dateInLimits } from '@alfalab/core-components-calendar/dist/esm';
-import { parseDateString } from '@alfalab/core-components-calendar-input/dist/esm';
-
-var initialValueState = { date: null, value: '' };
-var getCorrectValueState = function (stateValue, propValue, minDate, maxDate) {
-    var state = propValue === undefined
-        ? stateValue
-        : { value: propValue, date: parseDateString(propValue).getTime() };
-    if (!dateInLimits(state.date, minDate, maxDate)) {
-        state.date = null;
-    }
-    return state;
-};
 var isDayButton = function (node) {
     return node && node.tagName === 'BUTTON' && node.dataset.date;
 };
 
-export { getCorrectValueState, initialValueState, isDayButton };
+export { isDayButton };

package/dist/esm/views/index.css

@@ -0,0 +1,66 @@
+/* hash: m35lt */
+:root {
+    --color-light-graphic-primary: #0b1f35;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-xs: 8px;
+}
+:root {
+    --calendar-inner-width: 280px;
+
+    /* Кнопки выбора месяцев и годов */
+
+    /* Шапка */
+
+    /* День */
+
+    /* today */
+
+    /* highlighted */
+
+    /* range */
+
+    /* selected */
+
+    /* disabled */
+
+    /* marker */
+}
+.calendar-range__component_jenpd {
+    display: flex
+}
+.calendar-range__component_jenpd button[aria-selected='true'] {
+        cursor: pointer;
+    }
+.calendar-range__component_jenpd *[class*='errorIcon_'] {
+        display: none;
+    }
+.calendar-range__component_jenpd *[class*='calendarIcon_'] {
+        margin-right: 0;
+    }
+.calendar-range__divider_jenpd {
+    height: 48px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 16px;
+    margin: 0 var(--gap-xs)
+}
+.calendar-range__divider_jenpd:after {
+        content: '';
+        display: block;
+        width: 100%;
+        height: 1px;
+        background-color: var(--color-light-graphic-primary);
+    }
+.calendar-range__static_jenpd .calendar-range__calendar_jenpd {
+        width: var(--calendar-inner-width);
+    }

package/dist/esm/views/popover.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { CalendarRangeProps } from "../Component";
+type CalendarRangePopoverProps = Omit<CalendarRangeProps, 'calendarPosition'>;
+declare const CalendarRangePopover: FC<CalendarRangePopoverProps>;
+export { CalendarRangePopoverProps, CalendarRangePopover };