@alfalab/core-components 44.5.1-beta.4 → 44.6.0

package/calendar/esm/components/header/index.css

@@ -1,11 +1,10 @@
 /* hash: rh5s6 */
 :root {
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-neutral-300: #e7e8eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
-    --shadow-s: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
-        0 0 1px rgba(0, 0, 0, 0.04);
 
     /* Hard */
 
@@ -47,5 +46,5 @@
     display: flex;
     justify-content: center;
 } .calendar__withShadow_3vjv5 {
-    box-shadow: var(--shadow-s);
+    box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
 }

package/calendar/esm/usePeriod.js

@@ -55,6 +55,15 @@ function usePeriod(_a) {
             setSelectedTo(Math.max(date, selectedFrom));
             return;
         }
+        if (selectedTo === selectedFrom) {
+            if (date > selectedTo) {
+                setSelectedTo(date);
+            }
+            else {
+                setSelectedFrom(date);
+            }
+            return;
+        }
         // сдвигаем тот конец выделения, который ближе к выбранной дате
         if (Math.abs(differenceInDays(date, selectedTo)) >
             Math.abs(differenceInDays(date, selectedFrom))) {

package/calendar/modern/components/calendar-mobile/Component.js

@@ -68,7 +68,7 @@ import 'date-fns/isWithinInterval';
 const backdropTransitionStyles = {"appear":"calendar__appear_prqto","enter":"calendar__enter_prqto","appearActive":"calendar__appearActive_prqto","enterActive":"calendar__enterActive_prqto","appearDone":"calendar__appearDone_prqto","enterDone":"calendar__enterDone_prqto","exit":"calendar__exit_prqto","exitActive":"calendar__exitActive_prqto","exitDone":"calendar__exitDone_prqto"};
 require('./backdrop-transitions.css');
 
-const styles = {"wrapper":"calendar__wrapper_fandm","withZIndex":"calendar__withZIndex_fandm","calendar":"calendar__calendar_fandm","dayNames":"calendar__dayNames_fandm","withHeader":"calendar__withHeader_fandm","month":"calendar__month_fandm","daysTable":"calendar__daysTable_fandm","dayName":"calendar__dayName_fandm","header":"calendar__header_fandm","content":"calendar__content_fandm"};
+const styles = {"wrapper":"calendar__wrapper_fandm","withZIndex":"calendar__withZIndex_fandm","calendar":"calendar__calendar_fandm","dayNames":"calendar__dayNames_fandm","withHeader":"calendar__withHeader_fandm","month":"calendar__month_fandm","daysTable":"calendar__daysTable_fandm","dayName":"calendar__dayName_fandm","virtuoso":"calendar__virtuoso_fandm","contentModal":"calendar__contentModal_fandm","content":"calendar__content_fandm"};
 require('./index.css');
 
 const transitionStyles = {"appear":"calendar__appear_116q7","enter":"calendar__enter_116q7","appearActive":"calendar__appearActive_116q7","enterActive":"calendar__enterActive_116q7","exit":"calendar__exit_116q7","exitActive":"calendar__exitActive_116q7","exitDone":"calendar__exitDone_116q7"};
@@ -143,7 +143,7 @@ const CalendarMonthOnlyView = ({ value, defaultView, month: monthTimestamp, minD
             activeMonths[index].title,
             " ")),
         React.createElement(DaysTable, { withTransition: false, weeks: activeMonths[index].weeks, activeMonth: activeMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, getDayProps: getDayProps, highlighted: highlighted, rangeComplete: rangeComplete, hasHeader: false, responsive: true, shape: shape })));
-    return (React.createElement(Virtuoso, { totalCount: activeMonths.length, itemContent: renderMonth, initialTopMostItemIndex: { index: initialMonthIndex ?? 0, align: 'center' }, increaseViewportBy: 500, itemSize: (el) => el.getBoundingClientRect().height + 32, customScrollParent: scrollableContainer, useWindowScroll: true }));
+    return (React.createElement(Virtuoso, { totalCount: activeMonths.length, itemContent: renderMonth, initialTopMostItemIndex: { index: initialMonthIndex ?? 0, align: 'center' }, increaseViewportBy: 500, itemSize: (el) => el.getBoundingClientRect().height + 32, customScrollParent: scrollableContainer, useWindowScroll: true, className: styles.virtuoso }));
 };
 const CalendarMobile = forwardRef(({ hasHeader = true, allowSelectionFromEmptyRange = false, className, defaultView = 'days', selectorView = 'full', value, selectedFrom, selectedTo, onChange, onMonthTitleClick, dataTestId, open, onClose, title = 'Календарь', yearsAmount = 3, ...restProps }, ref) => {
     const [modalRef, setModalRef] = useState();
@@ -171,7 +171,7 @@ const CalendarMobile = forwardRef(({ hasHeader = true, allowSelectionFromEmptyRa
         if (monthOnlyView) {
             return (React.createElement(CalendarMonthOnlyView, { open: open, yearsAmount: yearsAmount, scrollableContainer: modalRef, onMonthTitleClick: onMonthTitleClick, ...commonProps, ...restProps }));
         }
-        return (React.createElement(CalendarDesktop, { responsive: true, className: cn(className, styles.calendar), headerClassName: styles.header, contentClassName: styles.content, ...commonProps, ...restProps }));
+        return (React.createElement(CalendarDesktop, { responsive: true, className: cn(className, styles.calendar), contentClassName: styles.content, ...commonProps, ...restProps }));
     };
     const renderFooter = () => {
         if (selectedFrom || selectedTo) {
@@ -196,7 +196,7 @@ const CalendarMobile = forwardRef(({ hasHeader = true, allowSelectionFromEmptyRa
             timeout: 360,
         } },
         hasHeader && (React.createElement(ModalMobile.Header, { hasCloser: true, title: title, sticky: true, bottomAddons: renderDayNames(), className: cn({ [styles.withZIndex]: selectorView === 'full' }) })),
-        React.createElement(ModalMobile.Content, { flex: true }, renderContent()),
+        React.createElement(ModalMobile.Content, { className: styles.contentModal, flex: true }, renderContent()),
         React.createElement(ModalMobile.Footer, { sticky: true, className: cn({ [styles.withZIndex]: selectorView === 'full' }) }, renderFooter())));
 });
 

package/calendar/modern/components/calendar-mobile/index.css

@@ -17,6 +17,7 @@
 } :root {
 } :root {
     --gap-xs: 8px;
+    --gap-m: 16px;
     --gap-2xl: 32px;
 } :root {
 } :root {
@@ -98,8 +99,9 @@
 } @media (max-width: 374px) { .calendar__dayName_fandm {
         height: 36px
 }
-    } .calendar__header_fandm.calendar__header_fandm,
-.calendar__content_fandm.calendar__content_fandm {
+    } .calendar__virtuoso_fandm {
+    margin: 0 var(--gap-m);
+} .calendar__contentModal_fandm {
     padding-right: 0;
     padding-left: 0;
 } .calendar__content_fandm.calendar__content_fandm {

package/calendar/modern/components/header/index.css

@@ -1,11 +1,10 @@
 /* hash: rh5s6 */
 :root {
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-neutral-300: #e7e8eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
-    --shadow-s: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
-        0 0 1px rgba(0, 0, 0, 0.04);
 
     /* Hard */
 
@@ -47,5 +46,5 @@
     display: flex;
     justify-content: center;
 } .calendar__withShadow_3vjv5 {
-    box-shadow: var(--shadow-s);
+    box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
 }

package/calendar/modern/usePeriod.js

@@ -54,6 +54,15 @@ function usePeriod({ onPeriodChange, initialSelectedFrom, initialSelectedTo, } =
             setSelectedTo(Math.max(date, selectedFrom));
             return;
         }
+        if (selectedTo === selectedFrom) {
+            if (date > selectedTo) {
+                setSelectedTo(date);
+            }
+            else {
+                setSelectedFrom(date);
+            }
+            return;
+        }
         // сдвигаем тот конец выделения, который ближе к выбранной дате
         if (Math.abs(differenceInDays(date, selectedTo)) >
             Math.abs(differenceInDays(date, selectedFrom))) {

package/calendar/usePeriod.js

@@ -61,6 +61,15 @@ function usePeriod(_a) {
             setSelectedTo(Math.max(date, selectedFrom));
             return;
         }
+        if (selectedTo === selectedFrom) {
+            if (date > selectedTo) {
+                setSelectedTo(date);
+            }
+            else {
+                setSelectedFrom(date);
+            }
+            return;
+        }
         // сдвигаем тот конец выделения, который ближе к выбранной дате
         if (Math.abs(differenceInDays__default.default(date, selectedTo)) >
             Math.abs(differenceInDays__default.default(date, selectedFrom))) {

package/confirmation/components/screens/initial/component.js

@@ -10,7 +10,7 @@ var coreComponentsTypography = require('../../../../typography');
 var hooks = require('@alfalab/hooks');
 var context = require('../../../context.js');
 var components_header_component = require('../../header/component.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-bad45551.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-5de1c4b7.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/confirmation/components/screens/initial/countdown-section.js

@@ -7,7 +7,7 @@ require('../../../../spinner');
 require('../../../../typography');
 require('../../../context.js');
 require('../../../utils.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-bad45551.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-5de1c4b7.js');
 
 
 

package/confirmation/esm/component.responsive.js

@@ -16,7 +16,7 @@ import '../../code-input/esm/mobile';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-493ddc88.js';
+import './countdown-section-1ad93b6b.js';
 import '../../button/esm';
 import '../../spinner/esm';
 import './components/screens/hint/component.js';

package/confirmation/esm/components/base-confirmation/component.js

@@ -15,7 +15,7 @@ import '../../../../code-input/esm/mobile';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-493ddc88.js';
+import '../../countdown-section-1ad93b6b.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../countdown-loader/component.js';

package/confirmation/esm/components/base-confirmation/index.js

@@ -13,7 +13,7 @@ import '../../../../code-input/esm/mobile';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-493ddc88.js';
+import '../../countdown-section-1ad93b6b.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../screens/hint/component.js';

package/confirmation/esm/components/index.js

@@ -14,6 +14,6 @@ import '@alfalab/hooks';
 import '../context.js';
 import '../utils.js';
 import './header/component.js';
-import '../countdown-section-493ddc88.js';
+import '../countdown-section-1ad93b6b.js';
 import '../../../button/esm';
 import '../../../spinner/esm';

package/confirmation/esm/components/screens/index.js

@@ -13,7 +13,7 @@ import '@alfalab/hooks';
 import '../../context.js';
 import '../../utils.js';
 import '../header/component.js';
-import '../../countdown-section-493ddc88.js';
+import '../../countdown-section-1ad93b6b.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../countdown-loader/component.js';

package/confirmation/esm/components/screens/initial/component.js

@@ -8,7 +8,7 @@ import { Typography } from '../../../../../typography/esm';
 import { usePrevious, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-493ddc88.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-1ad93b6b.js';
 import '../../../utils.js';
 import '../../../../../button/esm';
 import '../../../../../spinner/esm';

package/confirmation/esm/components/screens/initial/countdown-section.js

@@ -4,5 +4,5 @@ import '../../../../../button/esm';
 import '../../../../../spinner/esm';
 import '../../../../../typography/esm';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-493ddc88.js';
+export { C as CountdownSection } from '../../../countdown-section-1ad93b6b.js';
 import '../../../utils.js';

package/confirmation/esm/components/screens/initial/index.js

@@ -10,6 +10,6 @@ import '@alfalab/hooks';
 import '../../../context.js';
 import '../../../utils.js';
 import '../../header/component.js';
-import '../../../countdown-section-493ddc88.js';
+import '../../../countdown-section-1ad93b6b.js';
 import '../../../../../button/esm';
 import '../../../../../spinner/esm';

package/confirmation/esm/desktop/component.desktop.js

@@ -13,7 +13,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-493ddc88.js';
+import '../countdown-section-1ad93b6b.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/desktop/index.js

@@ -14,7 +14,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-493ddc88.js';
+import '../countdown-section-1ad93b6b.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/index.js

@@ -16,7 +16,7 @@ import '../../code-input/esm/mobile';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-493ddc88.js';
+import './countdown-section-1ad93b6b.js';
 import '../../button/esm';
 import '../../spinner/esm';
 import './components/screens/hint/component.js';

package/confirmation/esm/mobile/component.mobile.js

@@ -13,7 +13,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-493ddc88.js';
+import '../countdown-section-1ad93b6b.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/mobile/index.js

@@ -14,7 +14,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-493ddc88.js';
+import '../countdown-section-1ad93b6b.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/shared/index.js

@@ -15,6 +15,6 @@ import '../../../link/esm';
 import '../../../typography/esm';
 import '@alfalab/hooks';
 import '../components/header/component.js';
-import '../countdown-section-493ddc88.js';
+import '../countdown-section-1ad93b6b.js';
 import '../../../button/esm';
 import '../../../spinner/esm';

package/confirmation/modern/component.responsive.js

@@ -15,7 +15,7 @@ import '../../code-input/modern/mobile';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-8e2720be.js';
+import './countdown-section-49426344.js';
 import '../../button/modern';
 import '../../spinner/modern';
 import './components/screens/hint/component.js';

package/confirmation/modern/components/base-confirmation/component.js

@@ -14,7 +14,7 @@ import '../../../../code-input/modern/mobile';
 import '../../../../link/modern';
 import '../../../../typography/modern';
 import '../header/component.js';
-import '../../countdown-section-8e2720be.js';
+import '../../countdown-section-49426344.js';
 import '../../../../button/modern';
 import '../../../../spinner/modern';
 import '../countdown-loader/component.js';

package/confirmation/modern/components/base-confirmation/index.js

@@ -12,7 +12,7 @@ import '../../../../code-input/modern/mobile';
 import '../../../../link/modern';
 import '../../../../typography/modern';
 import '../header/component.js';
-import '../../countdown-section-8e2720be.js';
+import '../../countdown-section-49426344.js';
 import '../../../../button/modern';
 import '../../../../spinner/modern';
 import '../screens/hint/component.js';

package/confirmation/modern/components/index.js

@@ -14,6 +14,6 @@ import '@alfalab/hooks';
 import '../context.js';
 import '../utils.js';
 import './header/component.js';
-import '../countdown-section-8e2720be.js';
+import '../countdown-section-49426344.js';
 import '../../../button/modern';
 import '../../../spinner/modern';

package/confirmation/modern/components/screens/index.js

@@ -13,7 +13,7 @@ import '@alfalab/hooks';
 import '../../context.js';
 import '../../utils.js';
 import '../header/component.js';
-import '../../countdown-section-8e2720be.js';
+import '../../countdown-section-49426344.js';
 import '../../../../button/modern';
 import '../../../../spinner/modern';
 import '../countdown-loader/component.js';

package/confirmation/modern/components/screens/initial/component.js

@@ -8,7 +8,7 @@ import { Typography } from '../../../../../typography/modern';
 import { usePrevious, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-8e2720be.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-49426344.js';
 import '../../../utils.js';
 import '../../../../../button/modern';
 import '../../../../../spinner/modern';

package/confirmation/modern/components/screens/initial/countdown-section.js

@@ -4,5 +4,5 @@ import '../../../../../button/modern';
 import '../../../../../spinner/modern';
 import '../../../../../typography/modern';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-8e2720be.js';
+export { C as CountdownSection } from '../../../countdown-section-49426344.js';
 import '../../../utils.js';

package/confirmation/modern/components/screens/initial/index.js

@@ -10,6 +10,6 @@ import '@alfalab/hooks';
 import '../../../context.js';
 import '../../../utils.js';
 import '../../header/component.js';
-import '../../../countdown-section-8e2720be.js';
+import '../../../countdown-section-49426344.js';
 import '../../../../../button/modern';
 import '../../../../../spinner/modern';

package/confirmation/modern/desktop/component.desktop.js

@@ -12,7 +12,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-8e2720be.js';
+import '../countdown-section-49426344.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/desktop/index.js

@@ -13,7 +13,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-8e2720be.js';
+import '../countdown-section-49426344.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/index.js

@@ -15,7 +15,7 @@ import '../../code-input/modern/mobile';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-8e2720be.js';
+import './countdown-section-49426344.js';
 import '../../button/modern';
 import '../../spinner/modern';
 import './components/screens/hint/component.js';

package/confirmation/modern/mobile/component.mobile.js

@@ -12,7 +12,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-8e2720be.js';
+import '../countdown-section-49426344.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/mobile/index.js

@@ -13,7 +13,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-8e2720be.js';
+import '../countdown-section-49426344.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/shared/index.js

@@ -15,6 +15,6 @@ import '../../../link/modern';
 import '../../../typography/modern';
 import '@alfalab/hooks';
 import '../components/header/component.js';
-import '../countdown-section-8e2720be.js';
+import '../countdown-section-49426344.js';
 import '../../../button/modern';
 import '../../../spinner/modern';

package/date-input/Component.js

@@ -24,20 +24,41 @@ var DateInput = React.forwardRef(function (_a, ref) {
     var inputRef = React.useRef(null);
     var _d = React.useState(false), shouldRenderNative = _d[0], setShouldRenderNative = _d[1];
     var _e = React.useState(propValue || defaultValue), value = _e[0], setValue = _e[1];
-    var handleChange = React.useCallback(function (event) {
+    var moveCaretTo = function (pos) {
+        requestAnimationFrame(function () {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.setSelectionRange(pos, pos);
+        });
+    };
+    var handleChange = function (event) {
         var newValue = event.target.value;
+        var caretPos = event.target.selectionStart || 0;
         // Позволяем вводить только цифры и точки
         if (/[^\d.]/.test(newValue)) {
+            moveCaretTo(caretPos - 1);
             return;
         }
-        var dots = newValue.match(/\./g);
         // Не даем вводить больше, чем 2 точки
-        if (dots && dots.length > 2) {
+        if (getDotsCount(newValue) > 2) {
+            moveCaretTo(caretPos - 1);
             return;
         }
         // Форматируем введенное значение (добавляем точки)
         var formattedValue = utils_format.format(newValue);
         var date = utils_format.parseDateString(formattedValue);
+        // Управляем кареткой, если она находится не в конце инпута
+        if (caretPos !== newValue.length) {
+            if (formattedValue === value) {
+                moveCaretTo(caretPos);
+            }
+            else if (newValue.length - formattedValue.length === 1) {
+                moveCaretTo(caretPos);
+            }
+            else if (formattedValue.length - newValue.length === 1 &&
+                getDotsCount(formattedValue) > getDotsCount(newValue)) {
+                moveCaretTo(caretPos);
+            }
+        }
         setValue(formattedValue);
         if (onChange)
             onChange(event, { date: date, value: formattedValue });
@@ -48,8 +69,8 @@ var DateInput = React.forwardRef(function (_a, ref) {
             if (onComplete)
                 onComplete(event, { date: date, value: formattedValue });
         }
-    }, [onChange, onComplete]);
-    var handleNativeInputChange = React.useCallback(function (event) {
+    };
+    var handleNativeInputChange = function (event) {
         var newDate = utils_format.parseDateString(event.target.value, utils_format.NATIVE_DATE_FORMAT);
         var newValue = event.target.value === '' ? '' : utils_format.formatDate(newDate);
         setValue(newValue);
@@ -57,11 +78,11 @@ var DateInput = React.forwardRef(function (_a, ref) {
             onComplete(event, { date: newDate, value: newValue });
         if (onChange)
             onChange(event, { date: newDate, value: newValue });
-    }, [onComplete, onChange]);
-    var handleBlur = React.useCallback(function (event) {
+    };
+    var handleBlur = function (event) {
         if (onBlur)
             onBlur(event);
-    }, [onBlur]);
+    };
     React.useEffect(function () {
         if (mobileMode === 'native' && utils_nativeSupports.isInputDateSupported()) {
             setShouldRenderNative(true);
@@ -77,5 +98,8 @@ var DateInput = React.forwardRef(function (_a, ref) {
             rightAddons,
             shouldRenderNative && (React__default.default.createElement("input", { type: 'date', ref: ref, defaultValue: defaultValue, onChange: handleNativeInputChange, className: styles.nativeInput }))) })));
 });
+function getDotsCount(value) {
+    return (value.match(/\./g) || []).length;
+}
 
 exports.DateInput = DateInput;

package/date-input/cssm/Component.js

@@ -23,20 +23,41 @@ var DateInput = React.forwardRef(function (_a, ref) {
     var inputRef = React.useRef(null);
     var _d = React.useState(false), shouldRenderNative = _d[0], setShouldRenderNative = _d[1];
     var _e = React.useState(propValue || defaultValue), value = _e[0], setValue = _e[1];
-    var handleChange = React.useCallback(function (event) {
+    var moveCaretTo = function (pos) {
+        requestAnimationFrame(function () {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.setSelectionRange(pos, pos);
+        });
+    };
+    var handleChange = function (event) {
         var newValue = event.target.value;
+        var caretPos = event.target.selectionStart || 0;
         // Позволяем вводить только цифры и точки
         if (/[^\d.]/.test(newValue)) {
+            moveCaretTo(caretPos - 1);
             return;
         }
-        var dots = newValue.match(/\./g);
         // Не даем вводить больше, чем 2 точки
-        if (dots && dots.length > 2) {
+        if (getDotsCount(newValue) > 2) {
+            moveCaretTo(caretPos - 1);
             return;
         }
         // Форматируем введенное значение (добавляем точки)
         var formattedValue = utils_format.format(newValue);
         var date = utils_format.parseDateString(formattedValue);
+        // Управляем кареткой, если она находится не в конце инпута
+        if (caretPos !== newValue.length) {
+            if (formattedValue === value) {
+                moveCaretTo(caretPos);
+            }
+            else if (newValue.length - formattedValue.length === 1) {
+                moveCaretTo(caretPos);
+            }
+            else if (formattedValue.length - newValue.length === 1 &&
+                getDotsCount(formattedValue) > getDotsCount(newValue)) {
+                moveCaretTo(caretPos);
+            }
+        }
         setValue(formattedValue);
         if (onChange)
             onChange(event, { date: date, value: formattedValue });
@@ -47,8 +68,8 @@ var DateInput = React.forwardRef(function (_a, ref) {
             if (onComplete)
                 onComplete(event, { date: date, value: formattedValue });
         }
-    }, [onChange, onComplete]);
-    var handleNativeInputChange = React.useCallback(function (event) {
+    };
+    var handleNativeInputChange = function (event) {
         var newDate = utils_format.parseDateString(event.target.value, utils_format.NATIVE_DATE_FORMAT);
         var newValue = event.target.value === '' ? '' : utils_format.formatDate(newDate);
         setValue(newValue);
@@ -56,11 +77,11 @@ var DateInput = React.forwardRef(function (_a, ref) {
             onComplete(event, { date: newDate, value: newValue });
         if (onChange)
             onChange(event, { date: newDate, value: newValue });
-    }, [onComplete, onChange]);
-    var handleBlur = React.useCallback(function (event) {
+    };
+    var handleBlur = function (event) {
         if (onBlur)
             onBlur(event);
-    }, [onBlur]);
+    };
     React.useEffect(function () {
         if (mobileMode === 'native' && utils_nativeSupports.isInputDateSupported()) {
             setShouldRenderNative(true);
@@ -76,5 +97,8 @@ var DateInput = React.forwardRef(function (_a, ref) {
             rightAddons,
             shouldRenderNative && (React__default.default.createElement("input", { type: 'date', ref: ref, defaultValue: defaultValue, onChange: handleNativeInputChange, className: styles__default.default.nativeInput }))) })));
 });
+function getDotsCount(value) {
+    return (value.match(/\./g) || []).length;
+}
 
 exports.DateInput = DateInput;