@alfalab/core-components 46.0.0-beta.1 → 46.0.0-beta.2

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

@@ -13,7 +13,7 @@ var coreComponentsShared = require('../../../shared');
 var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
 var consts = require('../../consts.js');
 var utils_index = require('../../utils/index.js');
-var index_module = require('../../index.module-2db85c3b.js');
+var index_module = require('../../index.module-0a5591a5.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -110,6 +110,8 @@ var DateRangeInput = React.forwardRef(function (_a, ref) {
         onClear === null || onClear === void 0 ? void 0 : onClear(event);
     };
     var handleBlur = function (event) {
+        if (open)
+            return;
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
         if (autoCorrection) {
             var dateFilled = utils_index.isCompleteDateRange(inputValue);

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

@@ -22,8 +22,13 @@ var isValid__default = /*#__PURE__*/_interopDefaultCompat(isValid);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 function getDefaultValue(defaultValue, withTime) {
-    if (defaultValue && isValid__default.default(new Date(defaultValue))) {
-        return utils_index.formatDate(defaultValue, withTime ? consts.DATE_TIME_FORMAT : consts.DATE_FORMAT);
+    if (defaultValue !== undefined) {
+        if (typeof defaultValue === 'string') {
+            return defaultValue;
+        }
+        if (isValid__default.default(new Date(defaultValue))) {
+            return utils_index.formatDate(defaultValue, withTime ? consts.DATE_TIME_FORMAT : consts.DATE_FORMAT);
+        }
     }
     return '';
 }
@@ -49,9 +54,14 @@ var DateInput = React.forwardRef(function (_a, ref) {
     }, [autoCorrection, minDate, withTime, isValidValue, inputValue]);
     React.useEffect(function () {
         if (valueProp !== undefined) {
-            setInputValue(valueProp && isValid__default.default(valueProp)
-                ? utils_index.formatDate(valueProp, withTime ? consts.DATE_TIME_FORMAT : consts.DATE_FORMAT)
-                : '');
+            if (typeof valueProp === 'string') {
+                setInputValue(valueProp);
+            }
+            else {
+                setInputValue(valueProp && isValid__default.default(valueProp)
+                    ? utils_index.formatDate(valueProp, withTime ? consts.DATE_TIME_FORMAT : consts.DATE_FORMAT)
+                    : '');
+            }
         }
     }, [valueProp, withTime]);
     var getInnerError = function () {

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

@@ -111,6 +111,8 @@ var DateRangeInput = React.forwardRef(function (_a, ref) {
         onClear === null || onClear === void 0 ? void 0 : onClear(event);
     };
     var handleBlur = function (event) {
+        if (open)
+            return;
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
         if (autoCorrection) {
             var dateFilled = utils_index.isCompleteDateRange(inputValue);

package/universal-date-input/cssm/index-5712fce2.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from "react";
-import { MouseEvent, ReactNode, FC, KeyboardEvent, MutableRefObject, Ref, ButtonHTMLAttributes, ElementType, RefObject, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+import { MouseEvent, ReactNode, ComponentType, KeyboardEvent, MutableRefObject, Ref, FC, ButtonHTMLAttributes, ElementType, RefObject, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
 import { DayAddons, SelectorView, View, Day, Month } from "./typings-5684a67d";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
@@ -256,7 +256,7 @@ type BaseModalProps = {
     /**
      * Компонент бэкдропа
      */
-    Backdrop?: FC<BackdropProps>;
+    Backdrop?: ComponentType<BackdropProps>;
     /**
      * Свойства для Бэкдропа
      */
@@ -377,6 +377,10 @@ type BaseModalProps = {
      * Реф, который должен быть установлен компонентной области
      */
     componentRef?: MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;
@@ -417,6 +421,10 @@ type ModalDesktopProps = BaseModalProps & {
      * @default false
      */
     hasCloser?: boolean;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type ModalMobileProps = Omit<ModalDesktopProps, "size" | "fixedPosition" | "fullscreen">;
 type View$0 = "desktop" | "mobile";
@@ -491,7 +499,7 @@ interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      */
     onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
 }
-type NavigationBarProps = {
+type NavigationBarPrivateProps = {
     /**
      * Контент шапки
      */
@@ -597,7 +605,7 @@ type NavigationBarProps = {
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
 };
-type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
+type HeaderProps = Omit<NavigationBarPrivateProps, "size" | "view" | "parentRef">;
 type FooterProps = {
     /**
      * Контент футера
@@ -724,6 +732,7 @@ declare const Modal: React.ForwardRefExoticComponent<BaseModalProps & {
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
 } & {
     view: View$0;
 } & React.RefAttributes<HTMLDivElement>>;
@@ -766,6 +775,9 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
+declare const lockScroll: () => void;
+declare const unlockScroll: () => void;
+declare const syncHeight: () => void;
 declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
 declare const getDefaultPortalContainer: () => Element;
 declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
@@ -977,8 +989,8 @@ type YearsTableProps = {
     responsive?: boolean;
 };
 declare const YearsTable: FC<YearsTableProps>;
-export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
+export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
 export * from "./Component-5684a67d";
 export type { SavedStyle, TitleProps, TextProps, Color };
 export * from "./use-skeleton-1328ead9";
-export * from "./Component-ff24af55";
+export * from "./Component-92dea7fc";

package/universal-date-input/cssm/index-f034f741.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component-ff24af55";
+export * from "./Component-92dea7fc";
 export { shiftValues } from "./utils-b1bfe0d1";

package/universal-date-input/cssm/types.d.ts

@@ -85,11 +85,11 @@ interface InnerDateInputProps extends Omit<BaseUniversalDateInputProps, 'view'>
     /**
      *  Дата
      */
-    value?: Date | number | null;
+    value?: Date | number | string | null;
     /**
      *  Дата по умолчанию
      */
-    defaultValue?: Date | number;
+    defaultValue?: Date | number | string;
     /**
      * Флаг, открыт ли календарь
      */

package/universal-date-input/cssm/utils-5684a67d.d.ts

@@ -93,5 +93,7 @@ declare function getCalendarMobileTestIds(dataTestId: string): {
     closer: string;
     btnApply: string;
     btnReset: string;
+    btnNextDate: string;
+    btnPreviousDate: string;
 };
 export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds };

package/universal-date-input/esm/Component.responsive.js

@@ -26,7 +26,7 @@ import './components/date-input/Component.js';
 import '../../input/esm';
 import '../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-40563add.js';
+import './index.module-fe996ac6.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/esm/components/base-universal-date-input/Component.js

@@ -10,7 +10,7 @@ import { createMaskOptions } from '../../mask/index.js';
 import { DateInput } from '../date-input/Component.js';
 import { DateRangeInput } from '../date-range-input/Component.js';
 import { TimeInput } from '../time-input/Component.js';
-import { s as styles } from '../../index.module-40563add.js';
+import { s as styles } from '../../index.module-fe996ac6.js';
 import '../../mask/plugins.js';
 import '../../mask/utils.js';
 import 'date-fns/clamp';

package/universal-date-input/esm/components/base-universal-date-input/index.js

@@ -25,7 +25,7 @@ import '../date-input/Component.js';
 import '../../../../input/esm';
 import '../../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../../index.module-40563add.js';
+import '../../index.module-fe996ac6.js';
 import '../date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/esm/components/date-input/Component.js

@@ -9,7 +9,7 @@ import { getDataTestId } from '../../../../shared/esm';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { DATE_TIME_SEPARATOR, DATE_TIME_FORMAT, DATE_FORMAT, DEFAULT_MIN_DATE, DEFAULT_MAX_DATE } from '../../consts.js';
 import { isValidDate, isCompleteTime, formatDate, isCompleteDate, preventDefault, parseDateString } from '../../utils/index.js';
-import { s as styles } from '../../index.module-40563add.js';
+import { s as styles } from '../../index.module-fe996ac6.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
@@ -17,8 +17,13 @@ import 'date-fns/parse';
 import 'date-fns/startOfDay';
 
 function getDefaultValue(defaultValue, withTime) {
-    if (defaultValue && isValid(new Date(defaultValue))) {
-        return formatDate(defaultValue, withTime ? DATE_TIME_FORMAT : DATE_FORMAT);
+    if (defaultValue !== undefined) {
+        if (typeof defaultValue === 'string') {
+            return defaultValue;
+        }
+        if (isValid(new Date(defaultValue))) {
+            return formatDate(defaultValue, withTime ? DATE_TIME_FORMAT : DATE_FORMAT);
+        }
     }
     return '';
 }
@@ -44,9 +49,14 @@ var DateInput = forwardRef(function (_a, ref) {
     }, [autoCorrection, minDate, withTime, isValidValue, inputValue]);
     useEffect(function () {
         if (valueProp !== undefined) {
-            setInputValue(valueProp && isValid(valueProp)
-                ? formatDate(valueProp, withTime ? DATE_TIME_FORMAT : DATE_FORMAT)
-                : '');
+            if (typeof valueProp === 'string') {
+                setInputValue(valueProp);
+            }
+            else {
+                setInputValue(valueProp && isValid(valueProp)
+                    ? formatDate(valueProp, withTime ? DATE_TIME_FORMAT : DATE_FORMAT)
+                    : '');
+            }
         }
     }, [valueProp, withTime]);
     var getInnerError = function () {

package/universal-date-input/esm/components/date-input/index.js

@@ -15,4 +15,4 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 import 'date-fns/startOfDay';
-import '../../index.module-40563add.js';
+import '../../index.module-fe996ac6.js';

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

@@ -11,7 +11,7 @@ import { getDataTestId } from '../../../../shared/esm';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { DATE_RANGE_SEPARATOR, DEFAULT_MAX_DATE, DEFAULT_MIN_DATE } from '../../consts.js';
 import { getValidRange, formatDate, formatDateRange, isCompleteDateRange, preventDefault, isCompleteDate, parseDateString, updateRange } from '../../utils/index.js';
-import { s as styles } from '../../index.module-40563add.js';
+import { s as styles } from '../../index.module-fe996ac6.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
@@ -104,6 +104,8 @@ var DateRangeInput = forwardRef(function (_a, ref) {
         onClear === null || onClear === void 0 ? void 0 : onClear(event);
     };
     var handleBlur = function (event) {
+        if (open)
+            return;
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
         if (autoCorrection) {
             var dateFilled = isCompleteDateRange(inputValue);

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

@@ -17,4 +17,4 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 import 'date-fns/startOfDay';
-import '../../index.module-40563add.js';
+import '../../index.module-fe996ac6.js';

package/universal-date-input/esm/desktop/Component.desktop.js

@@ -25,7 +25,7 @@ import '../components/date-input/Component.js';
 import '../../../input/esm';
 import '../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-40563add.js';
+import '../index.module-fe996ac6.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/esm/desktop/index.js

@@ -26,7 +26,7 @@ import '../components/date-input/Component.js';
 import '../../../input/esm';
 import '../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-40563add.js';
+import '../index.module-fe996ac6.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/esm/index-5712fce2.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from "react";
-import { MouseEvent, ReactNode, FC, KeyboardEvent, MutableRefObject, Ref, ButtonHTMLAttributes, ElementType, RefObject, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+import { MouseEvent, ReactNode, ComponentType, KeyboardEvent, MutableRefObject, Ref, FC, ButtonHTMLAttributes, ElementType, RefObject, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
 import { DayAddons, SelectorView, View, Day, Month } from "./typings-5684a67d";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
@@ -256,7 +256,7 @@ type BaseModalProps = {
     /**
      * Компонент бэкдропа
      */
-    Backdrop?: FC<BackdropProps>;
+    Backdrop?: ComponentType<BackdropProps>;
     /**
      * Свойства для Бэкдропа
      */
@@ -377,6 +377,10 @@ type BaseModalProps = {
      * Реф, который должен быть установлен компонентной области
      */
     componentRef?: MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;
@@ -417,6 +421,10 @@ type ModalDesktopProps = BaseModalProps & {
      * @default false
      */
     hasCloser?: boolean;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type ModalMobileProps = Omit<ModalDesktopProps, "size" | "fixedPosition" | "fullscreen">;
 type View$0 = "desktop" | "mobile";
@@ -491,7 +499,7 @@ interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      */
     onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
 }
-type NavigationBarProps = {
+type NavigationBarPrivateProps = {
     /**
      * Контент шапки
      */
@@ -597,7 +605,7 @@ type NavigationBarProps = {
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
 };
-type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
+type HeaderProps = Omit<NavigationBarPrivateProps, "size" | "view" | "parentRef">;
 type FooterProps = {
     /**
      * Контент футера
@@ -724,6 +732,7 @@ declare const Modal: React.ForwardRefExoticComponent<BaseModalProps & {
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
 } & {
     view: View$0;
 } & React.RefAttributes<HTMLDivElement>>;
@@ -766,6 +775,9 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
+declare const lockScroll: () => void;
+declare const unlockScroll: () => void;
+declare const syncHeight: () => void;
 declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
 declare const getDefaultPortalContainer: () => Element;
 declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
@@ -977,8 +989,8 @@ type YearsTableProps = {
     responsive?: boolean;
 };
 declare const YearsTable: FC<YearsTableProps>;
-export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
+export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
 export * from "./Component-5684a67d";
 export type { SavedStyle, TitleProps, TextProps, Color };
 export * from "./use-skeleton-1328ead9";
-export * from "./Component-ff24af55";
+export * from "./Component-92dea7fc";

package/universal-date-input/esm/index-f034f741.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component-ff24af55";
+export * from "./Component-92dea7fc";
 export { shiftValues } from "./utils-b1bfe0d1";

package/universal-date-input/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: qh43g */
+/* hash: kwumi */
 :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 */ /* 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;
@@ -43,27 +43,27 @@
 } :root {
     --calendar-icon-color: var(--color-light-neutral-translucent-700);
     --calendar-popover-border-radius: var(--border-radius-m);
-} .universal-date-input__wrapper_1lyte {
+} .universal-date-input__wrapper_162zu {
     display: inline-block;
     outline: none;
     position: relative;
-} .universal-date-input__block_1lyte {
+} .universal-date-input__block_162zu {
     width: 100%;
-} .universal-date-input__calendarIcon_1lyte {
+} .universal-date-input__calendarIcon_162zu {
     width: 24px;
     height: 100%;
     display: block;
     color: var(--calendar-icon-color);
-} .universal-date-input__calendarContainer_1lyte {
+} .universal-date-input__calendarContainer_162zu {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300);
     width: var(--calendar-width)
-} @media (max-width: 374px) { .universal-date-input__calendarContainer_1lyte {
+} @media (max-width: 374px) { .universal-date-input__calendarContainer_162zu {
         width: 100%;
         min-width: 288px
 }
-    } .universal-date-input__blink_1lyte.universal-date-input__blink_1lyte.universal-date-input__blink_1lyte {
+    } .universal-date-input__blink_162zu.universal-date-input__blink_162zu.universal-date-input__blink_162zu {
     background-color: var(--color-light-status-muted-negative);
 }

package/universal-date-input/esm/index.js

@@ -27,7 +27,7 @@ import './components/date-input/Component.js';
 import '../../input/esm';
 import '../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-40563add.js';
+import './index.module-fe996ac6.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/esm/index.module-fe996ac6.js

@@ -0,0 +1,4 @@
+var styles = {"wrapper":"universal-date-input__wrapper_162zu","block":"universal-date-input__block_162zu","calendarIcon":"universal-date-input__calendarIcon_162zu","calendarContainer":"universal-date-input__calendarContainer_162zu","blink":"universal-date-input__blink_162zu"};
+require('./index.css');
+
+export { styles as s };

package/universal-date-input/esm/mobile/Component.mobile.js

@@ -25,7 +25,7 @@ import '../components/date-input/Component.js';
 import '../../../input/esm';
 import '../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-40563add.js';
+import '../index.module-fe996ac6.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/esm/mobile/index.js

@@ -26,7 +26,7 @@ import '../components/date-input/Component.js';
 import '../../../input/esm';
 import '../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-40563add.js';
+import '../index.module-fe996ac6.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/esm/types.d.ts

@@ -85,11 +85,11 @@ interface InnerDateInputProps extends Omit<BaseUniversalDateInputProps, 'view'>
     /**
      *  Дата
      */
-    value?: Date | number | null;
+    value?: Date | number | string | null;
     /**
      *  Дата по умолчанию
      */
-    defaultValue?: Date | number;
+    defaultValue?: Date | number | string;
     /**
      * Флаг, открыт ли календарь
      */

package/universal-date-input/esm/utils-5684a67d.d.ts

@@ -93,5 +93,7 @@ declare function getCalendarMobileTestIds(dataTestId: string): {
     closer: string;
     btnApply: string;
     btnReset: string;
+    btnNextDate: string;
+    btnPreviousDate: string;
 };
 export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds };

package/universal-date-input/index-5712fce2.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from "react";
-import { MouseEvent, ReactNode, FC, KeyboardEvent, MutableRefObject, Ref, ButtonHTMLAttributes, ElementType, RefObject, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+import { MouseEvent, ReactNode, ComponentType, KeyboardEvent, MutableRefObject, Ref, FC, ButtonHTMLAttributes, ElementType, RefObject, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
 import { DayAddons, SelectorView, View, Day, Month } from "./typings-5684a67d";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
@@ -256,7 +256,7 @@ type BaseModalProps = {
     /**
      * Компонент бэкдропа
      */
-    Backdrop?: FC<BackdropProps>;
+    Backdrop?: ComponentType<BackdropProps>;
     /**
      * Свойства для Бэкдропа
      */
@@ -377,6 +377,10 @@ type BaseModalProps = {
      * Реф, который должен быть установлен компонентной области
      */
     componentRef?: MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;
@@ -417,6 +421,10 @@ type ModalDesktopProps = BaseModalProps & {
      * @default false
      */
     hasCloser?: boolean;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type ModalMobileProps = Omit<ModalDesktopProps, "size" | "fixedPosition" | "fullscreen">;
 type View$0 = "desktop" | "mobile";
@@ -491,7 +499,7 @@ interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      */
     onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
 }
-type NavigationBarProps = {
+type NavigationBarPrivateProps = {
     /**
      * Контент шапки
      */
@@ -597,7 +605,7 @@ type NavigationBarProps = {
      */
     scrollableParentRef?: React.RefObject<HTMLDivElement>;
 };
-type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
+type HeaderProps = Omit<NavigationBarPrivateProps, "size" | "view" | "parentRef">;
 type FooterProps = {
     /**
      * Контент футера
@@ -724,6 +732,7 @@ declare const Modal: React.ForwardRefExoticComponent<BaseModalProps & {
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
 } & {
     view: View$0;
 } & React.RefAttributes<HTMLDivElement>>;
@@ -766,6 +775,9 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
+declare const lockScroll: () => void;
+declare const unlockScroll: () => void;
+declare const syncHeight: () => void;
 declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
 declare const getDefaultPortalContainer: () => Element;
 declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
@@ -977,8 +989,8 @@ type YearsTableProps = {
     responsive?: boolean;
 };
 declare const YearsTable: FC<YearsTableProps>;
-export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
+export { ResponsiveCalendarProps, ResponsiveCalendarProps as CalendarProps, CalendarResponsive, CalendarResponsive as Calendar, ModalMobile, ModalMobileProps, UseCalendarProps, useCalendar, Modal, ResponsiveContext, Content, ModalContext, SIZE_TO_CLASSNAME_MAP, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Typography, typographyPresets, TitleResponsive, getDefaultWeight, YearsTableProps, YearsTable };
 export * from "./Component-5684a67d";
 export type { SavedStyle, TitleProps, TextProps, Color };
 export * from "./use-skeleton-1328ead9";
-export * from "./Component-ff24af55";
+export * from "./Component-92dea7fc";

package/universal-date-input/index-f034f741.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component-ff24af55";
+export * from "./Component-92dea7fc";
 export { shiftValues } from "./utils-b1bfe0d1";

package/universal-date-input/index.css

@@ -1,4 +1,4 @@
-/* hash: qh43g */
+/* hash: kwumi */
 :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 */ /* 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;
@@ -43,27 +43,27 @@
 } :root {
     --calendar-icon-color: var(--color-light-neutral-translucent-700);
     --calendar-popover-border-radius: var(--border-radius-m);
-} .universal-date-input__wrapper_1lyte {
+} .universal-date-input__wrapper_162zu {
     display: inline-block;
     outline: none;
     position: relative;
-} .universal-date-input__block_1lyte {
+} .universal-date-input__block_162zu {
     width: 100%;
-} .universal-date-input__calendarIcon_1lyte {
+} .universal-date-input__calendarIcon_162zu {
     width: 24px;
     height: 100%;
     display: block;
     color: var(--calendar-icon-color);
-} .universal-date-input__calendarContainer_1lyte {
+} .universal-date-input__calendarContainer_162zu {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300);
     width: var(--calendar-width)
-} @media (max-width: 374px) { .universal-date-input__calendarContainer_1lyte {
+} @media (max-width: 374px) { .universal-date-input__calendarContainer_162zu {
         width: 100%;
         min-width: 288px
 }
-    } .universal-date-input__blink_1lyte.universal-date-input__blink_1lyte.universal-date-input__blink_1lyte {
+    } .universal-date-input__blink_162zu.universal-date-input__blink_162zu.universal-date-input__blink_162zu {
     background-color: var(--color-light-status-muted-negative);
 }