@alfalab/core-components-date-range-input 2.2.1 → 2.2.3

package/{Component-070df1af.js → Component-9a6da64e.js}

@@ -8,6 +8,7 @@ var coreComponentsCalendar = require('@alfalab/core-components-calendar');
 var coreComponentsIconButton = require('@alfalab/core-components-icon-button');
 var coreComponentsInput = require('@alfalab/core-components-input');
 var coreComponentsPopover = require('@alfalab/core-components-popover');
+var hooks = require('@alfalab/hooks');
 var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
 var utils_format = require('./utils/format.js');
 
@@ -57,7 +58,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"date-range-input__component_xgs6o","calendarContainer":"date-range-input__calendarContainer_xgs6o","calendarResponsive":"date-range-input__calendarResponsive_xgs6o","block":"date-range-input__block_xgs6o"};
+var styles = {"component":"date-range-input__component_gu60y","calendarContainer":"date-range-input__calendarContainer_gu60y","calendarResponsive":"date-range-input__calendarResponsive_gu60y","block":"date-range-input__block_gu60y"};
 require('./components/date-range-input/index.css')
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
@@ -74,6 +75,10 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
     React.useEffect(function () {
         setOpen(defaultOpen);
     }, [defaultOpen]);
+    hooks.useDidUpdateEffect(function () {
+        var newPropValue = propValue || '';
+        setValue(function (prevValue) { return (prevValue === newPropValue ? prevValue : newPropValue); });
+    }, [propValue]);
     var handlePeriodChange = function (selectedFrom, selectedTo) {
         if (selectedFrom && !selectedTo && value.length === utils_format.DATE_MASK.length) {
             setValue(utils_format.parseTimestampToDate(selectedFrom));
@@ -82,24 +87,30 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
             (selectedFrom === selectedTo && value.length === utils_format.DATE_MASK.length)) {
             setValue('');
         }
-        if (onChange) {
-            onChange({
-                dateFrom: selectedFrom ? new Date(selectedFrom) : undefined,
-                dateTo: selectedTo ? new Date(selectedTo) : undefined,
-                value: value,
-            });
-        }
-        if (onComplete && selectedFrom && selectedTo) {
-            onComplete({
-                dateFrom: new Date(selectedFrom),
-                dateTo: new Date(selectedTo),
-                value: value,
+        var dateFrom = selectedFrom ? new Date(selectedFrom) : undefined;
+        var dateTo = selectedTo ? new Date(selectedTo) : undefined;
+        var newValue = [selectedFrom, selectedTo].filter(Boolean)
+            .map(function (timestamp) { return utils_format.parseTimestampToDate(timestamp); })
+            .join(' - ');
+        onChange === null || onChange === void 0 ? void 0 : onChange({
+            dateFrom: dateFrom,
+            dateTo: dateTo,
+            value: newValue,
+        });
+        if (dateFrom && dateTo) {
+            onComplete === null || onComplete === void 0 ? void 0 : onComplete({
+                dateFrom: dateFrom,
+                dateTo: dateTo,
+                value: newValue,
             });
         }
     };
     var _s = coreComponentsCalendar.usePeriod({ onPeriodChange: handlePeriodChange }), selectedFrom = _s.selectedFrom, selectedTo = _s.selectedTo, updatePeriod = _s.updatePeriod, resetPeriod = _s.resetPeriod, setStart = _s.setStart, setEnd = _s.setEnd;
     var handleInputWrapperFocus = function (event) {
         if (view === 'desktop') {
+            if (picker) {
+                setOpen(true);
+            }
             if (!open && event.target.tagName !== 'INPUT' && calendarRef.current) {
                 calendarRef.current.focus();
             }
@@ -119,7 +130,7 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
         if (newValue.length > utils_format.DATE_MASK.length)
             return;
         // Позволяем вводить только цифры, точки, дефис и пробелы
-        if (/[^\d. \- \d.]/.test(newValue)) {
+        if (/[^\d. -]/.test(newValue)) {
             return;
         }
         var dots = newValue.match(/\./g);
@@ -130,33 +141,37 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
         }
         var formattedValue = utils_format.format(newValue);
         var dateArr = formattedValue.split(' - ');
-        var dateFrom = utils_format.parseDateString(dateArr[0]);
-        var dateTo = utils_format.parseDateString(dateArr[1]);
-        if (selectedFrom && formattedValue.length < utils_format.DATE_FORMAT.length) {
+        var dateFrom = dateArr[0] ? utils_format.parseDateString(dateArr[0]) : undefined;
+        var dateTo = dateArr[1] ? utils_format.parseDateString(dateArr[1]) : undefined;
+        if (!dateFrom && !dateTo) {
+            resetPeriod();
+        }
+        else if (selectedFrom && formattedValue.length < utils_format.DATE_FORMAT.length) {
             setStart();
         }
         else if (selectedFrom && selectedTo) {
             setEnd();
         }
-        else if (dateFnsIsValid__default.default(dateFrom) &&
+        else if (dateFrom &&
+            dateFnsIsValid__default.default(dateFrom) &&
             ((_a = dateArr[0]) === null || _a === void 0 ? void 0 : _a.length) === utils_format.DATE_FORMAT.length &&
             dateFrom.getTime() !== selectedFrom) {
             setStart(dateFrom.getTime());
         }
-        else if (dateFnsIsValid__default.default(dateTo) &&
+        else if (dateTo &&
+            dateFnsIsValid__default.default(dateTo) &&
             ((_b = dateArr[1]) === null || _b === void 0 ? void 0 : _b.length) === utils_format.DATE_FORMAT.length &&
             dateTo.getTime() !== selectedTo) {
             setEnd(dateTo.getTime());
         }
         setValue(formattedValue);
-        if (onChange)
-            onChange({ dateFrom: dateFrom, dateTo: dateTo, value: formattedValue }, event);
+        onChange === null || onChange === void 0 ? void 0 : onChange({ dateFrom: dateFrom, dateTo: dateTo, value: formattedValue }, event);
         if (utils_format.isCompleteDateInput(formattedValue)) {
             var valid = utils_format.isValid(formattedValue, dateArr[0], dateArr[1]);
             if (!valid)
                 return;
-            if (onComplete) {
-                onComplete({ dateFrom: dateFrom, dateTo: dateTo, value: formattedValue }, event);
+            if (dateFrom && dateTo) {
+                onComplete === null || onComplete === void 0 ? void 0 : onComplete({ dateFrom: dateFrom, dateTo: dateTo, value: formattedValue }, event);
             }
         }
     };
@@ -184,14 +199,12 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
         // Не дает инпуту терять фокус при выборе даты
         event.preventDefault();
     };
-    var handleInputWrapperClick = function () {
-        if (view === 'desktop' && !open) {
-            setOpen(true);
-        }
-    };
     var handleIconButtonClick = function () {
         if (!open)
             setOpen(true);
+        if (view === 'desktop' && inputRef.current) {
+            inputRef.current.focus();
+        }
     };
     var renderCalendar = function () { return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
@@ -199,7 +212,7 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
         React__default.default.createElement(Calendar, exports.__assign({}, calendarProps, { responsive: calendarResponsive, open: open, onClose: handleCalendarClose, ref: calendarRef, defaultMonth: defaultMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, onChange: handleCalendarChange, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events })))); };
     return (React__default.default.createElement("div", { className: cn__default.default(styles.component, className, (_b = {},
             _b[styles.block] = block,
-            _b)), onClick: inputDisabled ? undefined : handleInputWrapperClick, onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
+            _b)), onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
         React__default.default.createElement(coreComponentsInput.Input, exports.__assign({}, restProps, { block: block, ref: mergeRefs__default.default([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
                 rightAddons,
                 picker && (React__default.default.createElement(coreComponentsIconButton.IconButton, { onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 'xxs' }))) })),

package/Component.desktop.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { DateRangeInputProps } from "./Component-070df1af";
+import { DateRangeInputProps } from "./Component-9a6da64e";
 type DateRangeInputDesktopProps = Omit<DateRangeInputProps, 'view'>;
 declare const DateRangeInputDesktop: FC<DateRangeInputDesktopProps>;
 export { DateRangeInputDesktopProps, DateRangeInputDesktop };

package/Component.desktop.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var components_dateRangeInput_Component = require('./Component-070df1af.js');
+var components_dateRangeInput_Component = require('./Component-9a6da64e.js');
 var React = require('react');
 require('react-merge-refs');
 require('classnames');
@@ -9,6 +9,7 @@ require('@alfalab/core-components-calendar');
 require('@alfalab/core-components-icon-button');
 require('@alfalab/core-components-input');
 require('@alfalab/core-components-popover');
+require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CalendarMIcon');
 require('./utils/format.js');
 require('date-fns/parse');

package/Component.mobile.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { DateRangeInputProps } from "./Component-070df1af";
+import { DateRangeInputProps } from "./Component-9a6da64e";
 type DateRangeInputMobileProps = Omit<DateRangeInputProps, 'view'>;
 declare const DateRangeInputMobile: FC<DateRangeInputMobileProps>;
 export { DateRangeInputMobileProps, DateRangeInputMobile };

package/Component.mobile.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var components_dateRangeInput_Component = require('./Component-070df1af.js');
+var components_dateRangeInput_Component = require('./Component-9a6da64e.js');
 var React = require('react');
 var coreComponentsCalendar = require('@alfalab/core-components-calendar');
 require('react-merge-refs');
@@ -9,6 +9,7 @@ require('date-fns/isValid');
 require('@alfalab/core-components-icon-button');
 require('@alfalab/core-components-input');
 require('@alfalab/core-components-popover');
+require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CalendarMIcon');
 require('./utils/format.js');
 require('date-fns/parse');

package/Component.responsive.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { DateRangeInputProps } from "./Component-070df1af";
+import { DateRangeInputProps } from "./Component-9a6da64e";
 type DateRangeInputResponsiveProps = Omit<DateRangeInputProps, 'view'> & {
     /**
      * Контрольная точка, с нее начинается desktop версия

package/Component.responsive.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var components_dateRangeInput_Component = require('./Component-070df1af.js');
+var components_dateRangeInput_Component = require('./Component-9a6da64e.js');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
 var Component_desktop = require('./Component.desktop.js');

package/components/date-range-input/Component.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var components_dateRangeInput_Component = require('../../Component-070df1af.js');
+var components_dateRangeInput_Component = require('../../Component-9a6da64e.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
@@ -9,6 +9,7 @@ require('@alfalab/core-components-calendar');
 require('@alfalab/core-components-icon-button');
 require('@alfalab/core-components-input');
 require('@alfalab/core-components-popover');
+require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CalendarMIcon');
 require('../../utils/format.js');
 require('date-fns/parse');

package/components/date-range-input/index.css

@@ -1,4 +1,4 @@
-/* hash: rqkkz */
+/* hash: wjsyj */
 :root {
 
     /* Hard */
@@ -11,7 +11,7 @@
     --gap-m: 16px;
 }
 :root {
-    --border-radius-s: 4px;
+    --border-radius-m: 8px;
 }
 :root {
     --calendar-width: 344px;
@@ -37,28 +37,28 @@
     /* marker */
 }
 :root {
-    --calendar-popover-border-radius: 0 0 var(--border-radius-s) var(--border-radius-s);
+    --calendar-popover-border-radius: var(--border-radius-m);
 }
-.date-range-input__component_xgs6o {
+.date-range-input__component_gu60y {
     display: inline-block;
     outline: none;
     position: relative;
 }
-.date-range-input__calendarContainer_xgs6o {
+.date-range-input__calendarContainer_gu60y {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius)
 }
 @media (max-width: 374px) {
-.date-range-input__calendarContainer_xgs6o {
+.date-range-input__calendarContainer_gu60y {
         width: 100%;
         min-width: 288px
 }
     }
-.date-range-input__calendarResponsive_xgs6o {
+.date-range-input__calendarResponsive_gu60y {
     width: var(--calendar-width);
     padding: 0 var(--gap-m);
 }
-.date-range-input__block_xgs6o {
+.date-range-input__block_gu60y {
     width: 100%;
 }

package/components/date-range-input/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-070df1af";
+export * from "../../Component-9a6da64e";

package/components/date-range-input/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var components_dateRangeInput_Component = require('../../Component-070df1af.js');
+var components_dateRangeInput_Component = require('../../Component-9a6da64e.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
@@ -9,6 +9,7 @@ require('@alfalab/core-components-calendar');
 require('@alfalab/core-components-icon-button');
 require('@alfalab/core-components-input');
 require('@alfalab/core-components-popover');
+require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CalendarMIcon');
 require('../../utils/format.js');
 require('date-fns/parse');

package/cssm/{Component-a4cfbf46.js → Component-540e1474.js}

@@ -8,6 +8,7 @@ var coreComponentsCalendar = require('@alfalab/core-components-calendar/cssm');
 var coreComponentsIconButton = require('@alfalab/core-components-icon-button/cssm');
 var coreComponentsInput = require('@alfalab/core-components-input/cssm');
 var coreComponentsPopover = require('@alfalab/core-components-popover/cssm');
+var hooks = require('@alfalab/hooks');
 var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
 var utils_format = require('./utils/format.js');
 var styles = require('./components/date-range-input/index.module.css');
@@ -73,6 +74,10 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
     React.useEffect(function () {
         setOpen(defaultOpen);
     }, [defaultOpen]);
+    hooks.useDidUpdateEffect(function () {
+        var newPropValue = propValue || '';
+        setValue(function (prevValue) { return (prevValue === newPropValue ? prevValue : newPropValue); });
+    }, [propValue]);
     var handlePeriodChange = function (selectedFrom, selectedTo) {
         if (selectedFrom && !selectedTo && value.length === utils_format.DATE_MASK.length) {
             setValue(utils_format.parseTimestampToDate(selectedFrom));
@@ -81,24 +86,30 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
             (selectedFrom === selectedTo && value.length === utils_format.DATE_MASK.length)) {
             setValue('');
         }
-        if (onChange) {
-            onChange({
-                dateFrom: selectedFrom ? new Date(selectedFrom) : undefined,
-                dateTo: selectedTo ? new Date(selectedTo) : undefined,
-                value: value,
-            });
-        }
-        if (onComplete && selectedFrom && selectedTo) {
-            onComplete({
-                dateFrom: new Date(selectedFrom),
-                dateTo: new Date(selectedTo),
-                value: value,
+        var dateFrom = selectedFrom ? new Date(selectedFrom) : undefined;
+        var dateTo = selectedTo ? new Date(selectedTo) : undefined;
+        var newValue = [selectedFrom, selectedTo].filter(Boolean)
+            .map(function (timestamp) { return utils_format.parseTimestampToDate(timestamp); })
+            .join(' - ');
+        onChange === null || onChange === void 0 ? void 0 : onChange({
+            dateFrom: dateFrom,
+            dateTo: dateTo,
+            value: newValue,
+        });
+        if (dateFrom && dateTo) {
+            onComplete === null || onComplete === void 0 ? void 0 : onComplete({
+                dateFrom: dateFrom,
+                dateTo: dateTo,
+                value: newValue,
             });
         }
     };
     var _s = coreComponentsCalendar.usePeriod({ onPeriodChange: handlePeriodChange }), selectedFrom = _s.selectedFrom, selectedTo = _s.selectedTo, updatePeriod = _s.updatePeriod, resetPeriod = _s.resetPeriod, setStart = _s.setStart, setEnd = _s.setEnd;
     var handleInputWrapperFocus = function (event) {
         if (view === 'desktop') {
+            if (picker) {
+                setOpen(true);
+            }
             if (!open && event.target.tagName !== 'INPUT' && calendarRef.current) {
                 calendarRef.current.focus();
             }
@@ -118,7 +129,7 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
         if (newValue.length > utils_format.DATE_MASK.length)
             return;
         // Позволяем вводить только цифры, точки, дефис и пробелы
-        if (/[^\d. \- \d.]/.test(newValue)) {
+        if (/[^\d. -]/.test(newValue)) {
             return;
         }
         var dots = newValue.match(/\./g);
@@ -129,33 +140,37 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
         }
         var formattedValue = utils_format.format(newValue);
         var dateArr = formattedValue.split(' - ');
-        var dateFrom = utils_format.parseDateString(dateArr[0]);
-        var dateTo = utils_format.parseDateString(dateArr[1]);
-        if (selectedFrom && formattedValue.length < utils_format.DATE_FORMAT.length) {
+        var dateFrom = dateArr[0] ? utils_format.parseDateString(dateArr[0]) : undefined;
+        var dateTo = dateArr[1] ? utils_format.parseDateString(dateArr[1]) : undefined;
+        if (!dateFrom && !dateTo) {
+            resetPeriod();
+        }
+        else if (selectedFrom && formattedValue.length < utils_format.DATE_FORMAT.length) {
             setStart();
         }
         else if (selectedFrom && selectedTo) {
             setEnd();
         }
-        else if (dateFnsIsValid__default.default(dateFrom) &&
+        else if (dateFrom &&
+            dateFnsIsValid__default.default(dateFrom) &&
             ((_a = dateArr[0]) === null || _a === void 0 ? void 0 : _a.length) === utils_format.DATE_FORMAT.length &&
             dateFrom.getTime() !== selectedFrom) {
             setStart(dateFrom.getTime());
         }
-        else if (dateFnsIsValid__default.default(dateTo) &&
+        else if (dateTo &&
+            dateFnsIsValid__default.default(dateTo) &&
             ((_b = dateArr[1]) === null || _b === void 0 ? void 0 : _b.length) === utils_format.DATE_FORMAT.length &&
             dateTo.getTime() !== selectedTo) {
             setEnd(dateTo.getTime());
         }
         setValue(formattedValue);
-        if (onChange)
-            onChange({ dateFrom: dateFrom, dateTo: dateTo, value: formattedValue }, event);
+        onChange === null || onChange === void 0 ? void 0 : onChange({ dateFrom: dateFrom, dateTo: dateTo, value: formattedValue }, event);
         if (utils_format.isCompleteDateInput(formattedValue)) {
             var valid = utils_format.isValid(formattedValue, dateArr[0], dateArr[1]);
             if (!valid)
                 return;
-            if (onComplete) {
-                onComplete({ dateFrom: dateFrom, dateTo: dateTo, value: formattedValue }, event);
+            if (dateFrom && dateTo) {
+                onComplete === null || onComplete === void 0 ? void 0 : onComplete({ dateFrom: dateFrom, dateTo: dateTo, value: formattedValue }, event);
             }
         }
     };
@@ -183,14 +198,12 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
         // Не дает инпуту терять фокус при выборе даты
         event.preventDefault();
     };
-    var handleInputWrapperClick = function () {
-        if (view === 'desktop' && !open) {
-            setOpen(true);
-        }
-    };
     var handleIconButtonClick = function () {
         if (!open)
             setOpen(true);
+        if (view === 'desktop' && inputRef.current) {
+            inputRef.current.focus();
+        }
     };
     var renderCalendar = function () { return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
@@ -198,7 +211,7 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
         React__default.default.createElement(Calendar, exports.__assign({}, calendarProps, { responsive: calendarResponsive, open: open, onClose: handleCalendarClose, ref: calendarRef, defaultMonth: defaultMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, onChange: handleCalendarChange, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events })))); };
     return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className, (_b = {},
             _b[styles__default.default.block] = block,
-            _b)), onClick: inputDisabled ? undefined : handleInputWrapperClick, onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
+            _b)), onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
         React__default.default.createElement(coreComponentsInput.Input, exports.__assign({}, restProps, { block: block, ref: mergeRefs__default.default([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
                 rightAddons,
                 picker && (React__default.default.createElement(coreComponentsIconButton.IconButton, { onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 'xxs' }))) })),

package/cssm/Component.desktop.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { DateRangeInputProps } from "./Component-a4cfbf46";
+import { DateRangeInputProps } from "./Component-540e1474";
 type DateRangeInputDesktopProps = Omit<DateRangeInputProps, 'view'>;
 declare const DateRangeInputDesktop: FC<DateRangeInputDesktopProps>;
 export { DateRangeInputDesktopProps, DateRangeInputDesktop };

package/cssm/Component.desktop.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var components_dateRangeInput_Component = require('./Component-a4cfbf46.js');
+var components_dateRangeInput_Component = require('./Component-540e1474.js');
 var React = require('react');
 require('react-merge-refs');
 require('classnames');
@@ -9,6 +9,7 @@ require('@alfalab/core-components-calendar/cssm');
 require('@alfalab/core-components-icon-button/cssm');
 require('@alfalab/core-components-input/cssm');
 require('@alfalab/core-components-popover/cssm');
+require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CalendarMIcon');
 require('./utils/format.js');
 require('date-fns/parse');

package/cssm/Component.mobile.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { DateRangeInputProps } from "./Component-a4cfbf46";
+import { DateRangeInputProps } from "./Component-540e1474";
 type DateRangeInputMobileProps = Omit<DateRangeInputProps, 'view'>;
 declare const DateRangeInputMobile: FC<DateRangeInputMobileProps>;
 export { DateRangeInputMobileProps, DateRangeInputMobile };

package/cssm/Component.mobile.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var components_dateRangeInput_Component = require('./Component-a4cfbf46.js');
+var components_dateRangeInput_Component = require('./Component-540e1474.js');
 var React = require('react');
 var coreComponentsCalendar = require('@alfalab/core-components-calendar/cssm');
 require('react-merge-refs');
@@ -9,6 +9,7 @@ require('date-fns/isValid');
 require('@alfalab/core-components-icon-button/cssm');
 require('@alfalab/core-components-input/cssm');
 require('@alfalab/core-components-popover/cssm');
+require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CalendarMIcon');
 require('./utils/format.js');
 require('date-fns/parse');

package/cssm/Component.responsive.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { DateRangeInputProps } from "./Component-a4cfbf46";
+import { DateRangeInputProps } from "./Component-540e1474";
 type DateRangeInputResponsiveProps = Omit<DateRangeInputProps, 'view'> & {
     /**
      * Контрольная точка, с нее начинается desktop версия

package/cssm/Component.responsive.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var components_dateRangeInput_Component = require('./Component-a4cfbf46.js');
+var components_dateRangeInput_Component = require('./Component-540e1474.js');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
 var Component_desktop = require('./Component.desktop.js');

package/cssm/components/date-range-input/Component.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var components_dateRangeInput_Component = require('../../Component-a4cfbf46.js');
+var components_dateRangeInput_Component = require('../../Component-540e1474.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
@@ -9,6 +9,7 @@ require('@alfalab/core-components-calendar/cssm');
 require('@alfalab/core-components-icon-button/cssm');
 require('@alfalab/core-components-input/cssm');
 require('@alfalab/core-components-popover/cssm');
+require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CalendarMIcon');
 require('../../utils/format.js');
 require('./index.module.css');

package/cssm/components/date-range-input/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-a4cfbf46";
+export * from "../../Component-540e1474";

package/cssm/components/date-range-input/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var components_dateRangeInput_Component = require('../../Component-a4cfbf46.js');
+var components_dateRangeInput_Component = require('../../Component-540e1474.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
@@ -9,6 +9,7 @@ require('@alfalab/core-components-calendar/cssm');
 require('@alfalab/core-components-icon-button/cssm');
 require('@alfalab/core-components-input/cssm');
 require('@alfalab/core-components-popover/cssm');
+require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CalendarMIcon');
 require('../../utils/format.js');
 require('date-fns/parse');

package/cssm/components/date-range-input/index.module.css

@@ -10,7 +10,7 @@
     --gap-m: 16px;
 }
 :root {
-    --border-radius-s: 4px;
+    --border-radius-m: 8px;
 }
 :root {
     --calendar-width: 344px;
@@ -36,7 +36,7 @@
     /* marker */
 }
 :root {
-    --calendar-popover-border-radius: 0 0 var(--border-radius-s) var(--border-radius-s);
+    --calendar-popover-border-radius: var(--border-radius-m);
 }
 .component {
     display: inline-block;

package/cssm/desktop.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var Component_desktop = require('./Component.desktop.js');
-require('./Component-a4cfbf46.js');
+require('./Component-540e1474.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
@@ -10,6 +10,7 @@ require('@alfalab/core-components-calendar/cssm');
 require('@alfalab/core-components-icon-button/cssm');
 require('@alfalab/core-components-input/cssm');
 require('@alfalab/core-components-popover/cssm');
+require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CalendarMIcon');
 require('./utils/format.js');
 require('date-fns/parse');

package/cssm/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var Component_responsive = require('./Component.responsive.js');
-require('./Component-a4cfbf46.js');
+require('./Component-540e1474.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
@@ -10,11 +10,11 @@ require('@alfalab/core-components-calendar/cssm');
 require('@alfalab/core-components-icon-button/cssm');
 require('@alfalab/core-components-input/cssm');
 require('@alfalab/core-components-popover/cssm');
+require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CalendarMIcon');
 require('./utils/format.js');
 require('date-fns/parse');
 require('./components/date-range-input/index.module.css');
-require('@alfalab/hooks');
 require('./Component.desktop.js');
 require('./Component.mobile.js');
 

package/cssm/mobile.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var Component_mobile = require('./Component.mobile.js');
-require('./Component-a4cfbf46.js');
+require('./Component-540e1474.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
@@ -10,6 +10,7 @@ require('@alfalab/core-components-calendar/cssm');
 require('@alfalab/core-components-icon-button/cssm');
 require('@alfalab/core-components-input/cssm');
 require('@alfalab/core-components-popover/cssm');
+require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CalendarMIcon');
 require('./utils/format.js');
 require('date-fns/parse');