@alfalab/core-components-date-range-input 3.0.11 → 3.0.12

package/{modern/Component-72308007.d.ts → Component-10db897e.d.ts}

@@ -2,5 +2,5 @@
 import React from 'react';
 import { NavigationBarProps } from "./types-1c79e231";
 declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component-63dec22f";
+export * from "./Component-69921c40";
 export { NavigationBar };

package/Component-89f0cb07.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import React from "react";
+import { FC } from "react";
+import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
+type SpinnerProps = {
+    /**
+     * Управление видимостью компонента
+     */
+    visible?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: "xs" | "s" | "m";
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор компонента в DOM
+     */
+    id?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Палитра, в контексте которой используется спиннер
+     */
+    colors?: "default" | "inverted";
+};
+declare const Spinner: FC<SpinnerProps>;
+/**
+ * Минимальное время отображения лоадера - 500мс,
+ * чтобы при быстрых ответах от сервера кнопка не «моргала».
+ */
+declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
+declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };

package/Component-b5b4c59f.d.ts

@@ -383,6 +383,7 @@ declare const CalendarMobile: React.ForwardRefExoticComponent<CalendarDesktopPro
      */
     allowSelectionFromEmptyRange?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component.mobile-755fbaa3";
+export { ButtonMobile } from "./Component.mobile-16b1285a";
+export type { CommonButtonProps as ButtonMobileProps } from "./typings-89f0cb07";
 export { ModalMobile, ModalMobileProps, Content, ResponsiveContext, Modal, ModalContext, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, CalendarMobileProps, CalendarMobile };
 export type { SavedStyle };

package/Component.desktop-0aa4e915.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { CommonButtonProps } from "./typings-89f0cb07";
+declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonDesktop };

package/Component.desktop-b5b4c59f.d.ts

@@ -202,4 +202,4 @@ type CalendarDesktopProps = {
 };
 declare const CalendarDesktop: React.ForwardRefExoticComponent<CalendarDesktopProps & React.RefAttributes<HTMLDivElement>>;
 export { HeaderProps, Header, MonthYearHeaderProps, MonthYearHeader, MonthsTableProps, MonthsTable, formatPeriod, getYearSelectorValue, shiftValues, YearsTableProps, YearsTable, CalendarDesktopProps, CalendarDesktop };
-export * from "./Component-63dec22f";
+export * from "./Component-69921c40";

package/Component.mobile-16b1285a.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { CommonButtonProps } from "./typings-89f0cb07";
+declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonMobile };

package/{Component.responsive-2e2b2125.d.ts → Component.responsive-0aa4e915.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { ButtonProps } from "./typings-9211a437";
+import { ButtonProps } from "./typings-89f0cb07";
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { Button };

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

@@ -24,7 +24,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultCompat(dateFnsIsValid);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var styles = {"component":"date-range-input__component_wks86","calendarContainer":"date-range-input__calendarContainer_wks86","calendarResponsive":"date-range-input__calendarResponsive_wks86","block":"date-range-input__block_wks86","calendarIcon":"date-range-input__calendarIcon_wks86"};
+var styles = {"component":"date-range-input__component_1hqhh","calendarContainer":"date-range-input__calendarContainer_1hqhh","calendarResponsive":"date-range-input__calendarResponsive_1hqhh","block":"date-range-input__block_1hqhh","calendarIcon":"date-range-input__calendarIcon_1hqhh"};
 require('./index.css')
 
 var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
@@ -215,12 +215,13 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
     return (React__default.default.createElement("div", { className: cn__default.default(styles.component, className, (_b = {},
             _b[styles.block] = block,
             _b)), onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
-        InputComponent ? (React__default.default.createElement(InputComponent, tslib.__assign({}, restProps, { block: block, ref: mergeRefs__default.default([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
+        InputComponent ? (React__default.default.createElement(InputComponent, tslib.__assign({ autoComplete: picker ? 'off' : undefined }, restProps, { block: block, ref: mergeRefs__default.default([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
                 rightAddons,
                 picker && (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 's' }))) }))) : null,
-        picker && (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(styles.calendarContainer, (_c = {},
-                _c[styles.calendarResponsive] = calendarResponsive,
-                _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar()))));
+        picker &&
+            (view === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(styles.calendarContainer, (_c = {},
+                    _c[styles.calendarResponsive] = calendarResponsive,
+                    _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
 });
 
 exports.DateRangeInput = DateRangeInput;

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

@@ -1,4 +1,4 @@
-/* hash: 1fu7x */
+/* hash: 1vwf3 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb; /* 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 */
@@ -41,24 +41,24 @@
     /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-} .date-range-input__component_wks86 {
+} .date-range-input__component_1hqhh {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_wks86 {
+} .date-range-input__calendarContainer_1hqhh {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .date-range-input__calendarContainer_wks86 {
+} @media (max-width: 374px) { .date-range-input__calendarContainer_1hqhh {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_wks86 {
+    } .date-range-input__calendarResponsive_1hqhh {
     width: var(--calendar-width);
-} .date-range-input__block_wks86 {
+} .date-range-input__block_1hqhh {
     width: 100%;
-} .date-range-input__calendarIcon_wks86 {
+} .date-range-input__calendarIcon_1hqhh {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/{Component-72308007.d.ts → cssm/Component-10db897e.d.ts}

@@ -2,5 +2,5 @@
 import React from 'react';
 import { NavigationBarProps } from "./types-1c79e231";
 declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component-63dec22f";
+export * from "./Component-69921c40";
 export { NavigationBar };

package/cssm/Component-89f0cb07.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import React from "react";
+import { FC } from "react";
+import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
+type SpinnerProps = {
+    /**
+     * Управление видимостью компонента
+     */
+    visible?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: "xs" | "s" | "m";
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор компонента в DOM
+     */
+    id?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Палитра, в контексте которой используется спиннер
+     */
+    colors?: "default" | "inverted";
+};
+declare const Spinner: FC<SpinnerProps>;
+/**
+ * Минимальное время отображения лоадера - 500мс,
+ * чтобы при быстрых ответах от сервера кнопка не «моргала».
+ */
+declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
+declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };

package/cssm/Component-b5b4c59f.d.ts

@@ -383,6 +383,7 @@ declare const CalendarMobile: React.ForwardRefExoticComponent<CalendarDesktopPro
      */
     allowSelectionFromEmptyRange?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component.mobile-755fbaa3";
+export { ButtonMobile } from "./Component.mobile-16b1285a";
+export type { CommonButtonProps as ButtonMobileProps } from "./typings-89f0cb07";
 export { ModalMobile, ModalMobileProps, Content, ResponsiveContext, Modal, ModalContext, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, CalendarMobileProps, CalendarMobile };
 export type { SavedStyle };

package/cssm/Component.desktop-0aa4e915.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { CommonButtonProps } from "./typings-89f0cb07";
+declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonDesktop };

package/cssm/Component.desktop-b5b4c59f.d.ts

@@ -202,4 +202,4 @@ type CalendarDesktopProps = {
 };
 declare const CalendarDesktop: React.ForwardRefExoticComponent<CalendarDesktopProps & React.RefAttributes<HTMLDivElement>>;
 export { HeaderProps, Header, MonthYearHeaderProps, MonthYearHeader, MonthsTableProps, MonthsTable, formatPeriod, getYearSelectorValue, shiftValues, YearsTableProps, YearsTable, CalendarDesktopProps, CalendarDesktop };
-export * from "./Component-63dec22f";
+export * from "./Component-69921c40";

package/cssm/Component.mobile-16b1285a.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { CommonButtonProps } from "./typings-89f0cb07";
+declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonMobile };

package/{esm/Component.responsive-2e2b2125.d.ts → cssm/Component.responsive-0aa4e915.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { ButtonProps } from "./typings-9211a437";
+import { ButtonProps } from "./typings-89f0cb07";
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { Button };

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

@@ -214,12 +214,13 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
     return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className, (_b = {},
             _b[styles__default.default.block] = block,
             _b)), onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
-        InputComponent ? (React__default.default.createElement(InputComponent, tslib.__assign({}, restProps, { block: block, ref: mergeRefs__default.default([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
+        InputComponent ? (React__default.default.createElement(InputComponent, tslib.__assign({ autoComplete: picker ? 'off' : undefined }, restProps, { block: block, ref: mergeRefs__default.default([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
                 rightAddons,
                 picker && (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles__default.default.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 's' }))) }))) : null,
-        picker && (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(styles__default.default.calendarContainer, (_c = {},
-                _c[styles__default.default.calendarResponsive] = calendarResponsive,
-                _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar()))));
+        picker &&
+            (view === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(styles__default.default.calendarContainer, (_c = {},
+                    _c[styles__default.default.calendarResponsive] = calendarResponsive,
+                    _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
 });
 
 exports.DateRangeInput = DateRangeInput;

package/cssm/desktop-63dec22f.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component.desktop-2e2b2125";
+export * from "./Component.desktop-b5b4c59f";
 export {};

package/cssm/desktop-69921c40.d.ts

@@ -0,0 +1,2 @@
+export { ButtonDesktop } from "./Component.desktop-0aa4e915";
+export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";

package/cssm/{index-72308007.d.ts → index-10db897e.d.ts}

@@ -10,10 +10,6 @@ declare function easeInOutQuad(x: number): number;
 declare const easingFns: {
     easeInOutQuad: typeof easeInOutQuad;
 };
-declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
-declare const inputUtils: {
-    disableUserInput: typeof disableUserInput;
-};
 /**
  * Возвращает true, если значение равно null или undefined
  */
@@ -51,4 +47,4 @@ declare const maskUtils: {
     prefixPostprocessor: typeof prefixPostprocessor;
     caretGuard: typeof caretGuard;
 };
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils, maskUtils };
+export { isClient, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils };

package/cssm/index-89f0cb07.d.ts

@@ -0,0 +1,2 @@
+export { Button } from "./Component.responsive-0aa4e915";
+export type { ButtonProps } from "./typings-89f0cb07";

package/{esm/typings-9211a437.d.ts → cssm/typings-89f0cb07.d.ts}

@@ -69,6 +69,8 @@ type ComponentProps = {
      * Дочерние элементы.
      */
     children?: ReactNode;
+};
+type PrivateButtonProps = {
     /**
      * Основные стили компонента.
      */
@@ -80,16 +82,12 @@ type ComponentProps = {
      */
     colorStylesMap: StyleColors;
 };
-type AnchorBaseButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeBaseButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;
-type BaseButtonProps = Partial<AnchorBaseButtonProps | NativeBaseButtonProps>;
-type AnchorButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & ButtonHTMLAttributes<HTMLButtonElement>;
-type ButtonProps = Partial<AnchorButtonProps | NativeButtonProps> & {
+type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
+type ButtonProps = CommonButtonProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
      */
     breakpoint?: number;
 };
-export { StyleColors, ComponentProps, AnchorBaseButtonProps, NativeBaseButtonProps, BaseButtonProps, AnchorButtonProps, NativeButtonProps, ButtonProps };
+export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };

package/desktop-63dec22f.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component.desktop-2e2b2125";
+export * from "./Component.desktop-b5b4c59f";
 export {};

package/desktop-69921c40.d.ts

@@ -0,0 +1,2 @@
+export { ButtonDesktop } from "./Component.desktop-0aa4e915";
+export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";

package/esm/Component-89f0cb07.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import React from "react";
+import { FC } from "react";
+import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
+type SpinnerProps = {
+    /**
+     * Управление видимостью компонента
+     */
+    visible?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: "xs" | "s" | "m";
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор компонента в DOM
+     */
+    id?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Палитра, в контексте которой используется спиннер
+     */
+    colors?: "default" | "inverted";
+};
+declare const Spinner: FC<SpinnerProps>;
+/**
+ * Минимальное время отображения лоадера - 500мс,
+ * чтобы при быстрых ответах от сервера кнопка не «моргала».
+ */
+declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
+declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };

package/esm/Component-b5b4c59f.d.ts

@@ -383,6 +383,7 @@ declare const CalendarMobile: React.ForwardRefExoticComponent<CalendarDesktopPro
      */
     allowSelectionFromEmptyRange?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component.mobile-755fbaa3";
+export { ButtonMobile } from "./Component.mobile-89f0cb07";
+export type { CommonButtonProps as ButtonMobileProps } from "./typings-89f0cb07";
 export { ModalMobile, ModalMobileProps, Content, ResponsiveContext, Modal, ModalContext, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, CalendarMobileProps, CalendarMobile };
 export type { SavedStyle };

package/esm/Component.desktop-0aa4e915.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { CommonButtonProps } from "./typings-89f0cb07";
+declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonDesktop };

package/esm/Component.desktop-b5b4c59f.d.ts

@@ -195,4 +195,4 @@ type CalendarDesktopProps = {
 };
 declare const CalendarDesktop: React.ForwardRefExoticComponent<CalendarDesktopProps & React.RefAttributes<HTMLDivElement>>;
 export { HeaderProps, Header, MonthYearHeaderProps, MonthYearHeader, MonthsTableProps, MonthsTable, YearsTableProps, YearsTable, CalendarDesktopProps, CalendarDesktop };
-export * from "./Component-63dec22f";
+export * from "./Component-69921c40";

package/esm/Component.mobile-89f0cb07.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { CommonButtonProps } from "./typings-89f0cb07";
+declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonMobile };

package/{modern/Component.responsive-2e2b2125.d.ts → esm/Component.responsive-0aa4e915.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { ButtonProps } from "./typings-9211a437";
+import { ButtonProps } from "./typings-89f0cb07";
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { Button };

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

@@ -12,7 +12,7 @@ import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { parseTimestampToDate, DATE_FORMAT, format, parseDateString, DATE_MASK, isCompleteDateInput, isValid } from '../../utils/format.js';
 import 'date-fns/parse';
 
-var styles = {"component":"date-range-input__component_wks86","calendarContainer":"date-range-input__calendarContainer_wks86","calendarResponsive":"date-range-input__calendarResponsive_wks86","block":"date-range-input__block_wks86","calendarIcon":"date-range-input__calendarIcon_wks86"};
+var styles = {"component":"date-range-input__component_1hqhh","calendarContainer":"date-range-input__calendarContainer_1hqhh","calendarResponsive":"date-range-input__calendarResponsive_1hqhh","block":"date-range-input__block_1hqhh","calendarIcon":"date-range-input__calendarIcon_1hqhh"};
 require('./index.css')
 
 var DateRangeInput = React.forwardRef(function (_a, ref) {
@@ -203,12 +203,13 @@ var DateRangeInput = React.forwardRef(function (_a, ref) {
     return (React.createElement("div", { className: cn(styles.component, className, (_b = {},
             _b[styles.block] = block,
             _b)), onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
-        InputComponent ? (React.createElement(InputComponent, __assign({}, restProps, { block: block, ref: mergeRefs([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, rightAddons: React.createElement(React.Fragment, null,
+        InputComponent ? (React.createElement(InputComponent, __assign({ autoComplete: picker ? 'off' : undefined }, restProps, { block: block, ref: mergeRefs([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, rightAddons: React.createElement(React.Fragment, null,
                 rightAddons,
                 picker && (React.createElement(IconButton, { className: styles.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon, size: 's' }))) }))) : null,
-        picker && (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn(styles.calendarContainer, (_c = {},
-                _c[styles.calendarResponsive] = calendarResponsive,
-                _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar()))));
+        picker &&
+            (view === 'desktop' ? (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn(styles.calendarContainer, (_c = {},
+                    _c[styles.calendarResponsive] = calendarResponsive,
+                    _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
 });
 
 export { DateRangeInput };

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

@@ -1,4 +1,4 @@
-/* hash: 1fu7x */
+/* hash: 1vwf3 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb; /* 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 */
@@ -41,24 +41,24 @@
     /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-} .date-range-input__component_wks86 {
+} .date-range-input__component_1hqhh {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_wks86 {
+} .date-range-input__calendarContainer_1hqhh {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .date-range-input__calendarContainer_wks86 {
+} @media (max-width: 374px) { .date-range-input__calendarContainer_1hqhh {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_wks86 {
+    } .date-range-input__calendarResponsive_1hqhh {
     width: var(--calendar-width);
-} .date-range-input__block_wks86 {
+} .date-range-input__block_1hqhh {
     width: 100%;
-} .date-range-input__calendarIcon_wks86 {
+} .date-range-input__calendarIcon_1hqhh {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/esm/desktop-63dec22f.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component.desktop-2e2b2125";
+export * from "./Component.desktop-b5b4c59f";
 export {};

package/esm/desktop-69921c40.d.ts

@@ -0,0 +1,2 @@
+export { ButtonDesktop } from "./Component.desktop-0aa4e915";
+export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";

package/{index-72308007.d.ts → esm/index-10db897e.d.ts}

@@ -10,10 +10,6 @@ declare function easeInOutQuad(x: number): number;
 declare const easingFns: {
     easeInOutQuad: typeof easeInOutQuad;
 };
-declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
-declare const inputUtils: {
-    disableUserInput: typeof disableUserInput;
-};
 /**
  * Возвращает true, если значение равно null или undefined
  */
@@ -51,4 +47,4 @@ declare const maskUtils: {
     prefixPostprocessor: typeof prefixPostprocessor;
     caretGuard: typeof caretGuard;
 };
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils, maskUtils };
+export { isClient, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils };

package/esm/index-89f0cb07.d.ts

@@ -0,0 +1,2 @@
+export { Button } from "./Component.responsive-0aa4e915";
+export type { ButtonProps } from "./typings-89f0cb07";

package/esm/index-ebda875c.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export * from "./Component-72308007";
+export * from "./Component-10db897e";

package/{modern/typings-9211a437.d.ts → esm/typings-89f0cb07.d.ts}

@@ -69,6 +69,8 @@ type ComponentProps = {
      * Дочерние элементы.
      */
     children?: ReactNode;
+};
+type PrivateButtonProps = {
     /**
      * Основные стили компонента.
      */
@@ -80,16 +82,12 @@ type ComponentProps = {
      */
     colorStylesMap: StyleColors;
 };
-type AnchorBaseButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeBaseButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;
-type BaseButtonProps = Partial<AnchorBaseButtonProps | NativeBaseButtonProps>;
-type AnchorButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & ButtonHTMLAttributes<HTMLButtonElement>;
-type ButtonProps = Partial<AnchorButtonProps | NativeButtonProps> & {
+type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
+type ButtonProps = CommonButtonProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
      */
     breakpoint?: number;
 };
-export { StyleColors, ComponentProps, AnchorBaseButtonProps, NativeBaseButtonProps, BaseButtonProps, AnchorButtonProps, NativeButtonProps, ButtonProps };
+export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };

package/{esm/index-72308007.d.ts → index-10db897e.d.ts}

@@ -10,10 +10,6 @@ declare function easeInOutQuad(x: number): number;
 declare const easingFns: {
     easeInOutQuad: typeof easeInOutQuad;
 };
-declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
-declare const inputUtils: {
-    disableUserInput: typeof disableUserInput;
-};
 /**
  * Возвращает true, если значение равно null или undefined
  */
@@ -51,4 +47,4 @@ declare const maskUtils: {
     prefixPostprocessor: typeof prefixPostprocessor;
     caretGuard: typeof caretGuard;
 };
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils, maskUtils };
+export { isClient, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils };

package/index-89f0cb07.d.ts

@@ -0,0 +1,2 @@
+export { Button } from "./Component.responsive-0aa4e915";
+export type { ButtonProps } from "./typings-89f0cb07";

package/{cssm/Component-72308007.d.ts → modern/Component-10db897e.d.ts}

@@ -2,5 +2,5 @@
 import React from 'react';
 import { NavigationBarProps } from "./types-1c79e231";
 declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component-63dec22f";
+export * from "./Component-69921c40";
 export { NavigationBar };

package/modern/Component-89f0cb07.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import React from "react";
+import { FC } from "react";
+import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
+type SpinnerProps = {
+    /**
+     * Управление видимостью компонента
+     */
+    visible?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: "xs" | "s" | "m";
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор компонента в DOM
+     */
+    id?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Палитра, в контексте которой используется спиннер
+     */
+    colors?: "default" | "inverted";
+};
+declare const Spinner: FC<SpinnerProps>;
+/**
+ * Минимальное время отображения лоадера - 500мс,
+ * чтобы при быстрых ответах от сервера кнопка не «моргала».
+ */
+declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
+declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };

package/modern/Component-b5b4c59f.d.ts

@@ -383,6 +383,7 @@ declare const CalendarMobile: React.ForwardRefExoticComponent<CalendarDesktopPro
      */
     allowSelectionFromEmptyRange?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component.mobile-755fbaa3";
+export { ButtonMobile } from "./Component.mobile-16b1285a";
+export type { CommonButtonProps as ButtonMobileProps } from "./typings-89f0cb07";
 export { ModalMobile, ModalMobileProps, Content, ResponsiveContext, Modal, ModalContext, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, CalendarMobileProps, CalendarMobile };
 export type { SavedStyle };

package/modern/Component.desktop-0aa4e915.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { CommonButtonProps } from "./typings-89f0cb07";
+declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonDesktop };

package/modern/Component.desktop-b5b4c59f.d.ts

@@ -202,4 +202,4 @@ type CalendarDesktopProps = {
 };
 declare const CalendarDesktop: React.ForwardRefExoticComponent<CalendarDesktopProps & React.RefAttributes<HTMLDivElement>>;
 export { HeaderProps, Header, MonthYearHeaderProps, MonthYearHeader, MonthsTableProps, MonthsTable, formatPeriod, getYearSelectorValue, shiftValues, YearsTableProps, YearsTable, CalendarDesktopProps, CalendarDesktop };
-export * from "./Component-63dec22f";
+export * from "./Component-69921c40";

package/modern/Component.mobile-16b1285a.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { CommonButtonProps } from "./typings-89f0cb07";
+declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonMobile };

package/{cssm/Component.responsive-2e2b2125.d.ts → modern/Component.responsive-0aa4e915.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { ButtonProps } from "./typings-9211a437";
+import { ButtonProps } from "./typings-89f0cb07";
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { Button };

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

@@ -11,7 +11,7 @@ import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { parseTimestampToDate, DATE_FORMAT, format, parseDateString, DATE_MASK, isCompleteDateInput, isValid } from '../../utils/format.js';
 import 'date-fns/parse';
 
-const styles = {"component":"date-range-input__component_wks86","calendarContainer":"date-range-input__calendarContainer_wks86","calendarResponsive":"date-range-input__calendarResponsive_wks86","block":"date-range-input__block_wks86","calendarIcon":"date-range-input__calendarIcon_wks86"};
+const styles = {"component":"date-range-input__component_1hqhh","calendarContainer":"date-range-input__calendarContainer_1hqhh","calendarResponsive":"date-range-input__calendarResponsive_1hqhh","block":"date-range-input__block_1hqhh","calendarIcon":"date-range-input__calendarIcon_1hqhh"};
 require('./index.css')
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
@@ -197,12 +197,13 @@ const DateRangeInput = React.forwardRef(({ className, inputClassName, popoverCla
     return (React.createElement("div", { className: cn(styles.component, className, {
             [styles.block]: block,
         }), onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
-        InputComponent ? (React.createElement(InputComponent, { ...restProps, block: block, ref: mergeRefs([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, rightAddons: React.createElement(React.Fragment, null,
+        InputComponent ? (React.createElement(InputComponent, { autoComplete: picker ? 'off' : undefined, ...restProps, block: block, ref: mergeRefs([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, rightAddons: React.createElement(React.Fragment, null,
                 rightAddons,
                 picker && (React.createElement(IconButton, { className: styles.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon, size: 's' }))) })) : null,
-        picker && (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn(styles.calendarContainer, {
-                [styles.calendarResponsive]: calendarResponsive,
-            }), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar()))));
+        picker &&
+            (view === 'desktop' ? (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn(styles.calendarContainer, {
+                    [styles.calendarResponsive]: calendarResponsive,
+                }), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
 });
 
 export { DateRangeInput };

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

@@ -1,4 +1,4 @@
-/* hash: 1fu7x */
+/* hash: 1vwf3 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb; /* 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 */
@@ -41,24 +41,24 @@
     /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-} .date-range-input__component_wks86 {
+} .date-range-input__component_1hqhh {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_wks86 {
+} .date-range-input__calendarContainer_1hqhh {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .date-range-input__calendarContainer_wks86 {
+} @media (max-width: 374px) { .date-range-input__calendarContainer_1hqhh {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_wks86 {
+    } .date-range-input__calendarResponsive_1hqhh {
     width: var(--calendar-width);
-} .date-range-input__block_wks86 {
+} .date-range-input__block_1hqhh {
     width: 100%;
-} .date-range-input__calendarIcon_wks86 {
+} .date-range-input__calendarIcon_1hqhh {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/modern/desktop-63dec22f.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component.desktop-2e2b2125";
+export * from "./Component.desktop-b5b4c59f";
 export {};

package/modern/desktop-69921c40.d.ts

@@ -0,0 +1,2 @@
+export { ButtonDesktop } from "./Component.desktop-0aa4e915";
+export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";

package/modern/{index-72308007.d.ts → index-10db897e.d.ts}

@@ -10,10 +10,6 @@ declare function easeInOutQuad(x: number): number;
 declare const easingFns: {
     easeInOutQuad: typeof easeInOutQuad;
 };
-declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
-declare const inputUtils: {
-    disableUserInput: typeof disableUserInput;
-};
 /**
  * Возвращает true, если значение равно null или undefined
  */
@@ -51,4 +47,4 @@ declare const maskUtils: {
     prefixPostprocessor: typeof prefixPostprocessor;
     caretGuard: typeof caretGuard;
 };
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils, maskUtils };
+export { isClient, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils };

package/modern/index-89f0cb07.d.ts

@@ -0,0 +1,2 @@
+export { Button } from "./Component.responsive-0aa4e915";
+export type { ButtonProps } from "./typings-89f0cb07";

package/{typings-9211a437.d.ts → modern/typings-89f0cb07.d.ts}

@@ -69,6 +69,8 @@ type ComponentProps = {
      * Дочерние элементы.
      */
     children?: ReactNode;
+};
+type PrivateButtonProps = {
     /**
      * Основные стили компонента.
      */
@@ -80,16 +82,12 @@ type ComponentProps = {
      */
     colorStylesMap: StyleColors;
 };
-type AnchorBaseButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeBaseButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;
-type BaseButtonProps = Partial<AnchorBaseButtonProps | NativeBaseButtonProps>;
-type AnchorButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & ButtonHTMLAttributes<HTMLButtonElement>;
-type ButtonProps = Partial<AnchorButtonProps | NativeButtonProps> & {
+type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
+type ButtonProps = CommonButtonProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
      */
     breakpoint?: number;
 };
-export { StyleColors, ComponentProps, AnchorBaseButtonProps, NativeBaseButtonProps, BaseButtonProps, AnchorButtonProps, NativeButtonProps, ButtonProps };
+export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-date-range-input",
-    "version": "3.0.11",
+    "version": "3.0.12",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -35,9 +35,9 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-input": "^12.2.0",
-        "@alfalab/core-components-icon-button": "^6.3.0",
-        "@alfalab/core-components-calendar": "^7.0.8",
+        "@alfalab/core-components-input": "^12.2.1",
+        "@alfalab/core-components-icon-button": "^6.3.1",
+        "@alfalab/core-components-calendar": "^7.0.9",
         "@alfalab/core-components-popover": "^6.1.0",
         "@alfalab/hooks": "^1.13.0",
         "@alfalab/icons-glyph": "^2.108.0",

package/src/components/date-range-input/Component.tsx

@@ -458,6 +458,7 @@ export const DateRangeInput = React.forwardRef<HTMLInputElement, DateRangeInputP
             >
                 {InputComponent ? (
                     <InputComponent
+                        autoComplete={picker ? 'off' : undefined}
                         {...restProps}
                         block={block}
                         ref={mergeRefs([ref, inputRef])}
@@ -484,24 +485,27 @@ export const DateRangeInput = React.forwardRef<HTMLInputElement, DateRangeInputP
                         }
                     />
                 ) : null}
-                {picker && (
-                    <Popover
-                        open={open}
-                        useAnchorWidth={useAnchorWidth}
-                        anchorElement={inputRef.current as HTMLElement}
-                        popperClassName={cn(styles.calendarContainer, {
-                            [styles.calendarResponsive]: calendarResponsive,
-                        })}
-                        className={popoverClassName}
-                        position={popoverPosition}
-                        offset={[0, 8]}
-                        withTransition={false}
-                        preventFlip={preventFlip}
-                        zIndex={zIndexPopover}
-                    >
-                        {renderCalendar()}
-                    </Popover>
-                )}
+                {picker &&
+                    (view === 'desktop' ? (
+                        <Popover
+                            open={open}
+                            useAnchorWidth={useAnchorWidth}
+                            anchorElement={inputRef.current as HTMLElement}
+                            popperClassName={cn(styles.calendarContainer, {
+                                [styles.calendarResponsive]: calendarResponsive,
+                            })}
+                            className={popoverClassName}
+                            position={popoverPosition}
+                            offset={[0, 8]}
+                            withTransition={false}
+                            preventFlip={preventFlip}
+                            zIndex={zIndexPopover}
+                        >
+                            {renderCalendar()}
+                        </Popover>
+                    ) : (
+                        renderCalendar()
+                    ))}
             </div>
         );
     },

package/{cssm/typings-9211a437.d.ts → typings-89f0cb07.d.ts}

@@ -69,6 +69,8 @@ type ComponentProps = {
      * Дочерние элементы.
      */
     children?: ReactNode;
+};
+type PrivateButtonProps = {
     /**
      * Основные стили компонента.
      */
@@ -80,16 +82,12 @@ type ComponentProps = {
      */
     colorStylesMap: StyleColors;
 };
-type AnchorBaseButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeBaseButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;
-type BaseButtonProps = Partial<AnchorBaseButtonProps | NativeBaseButtonProps>;
-type AnchorButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & ButtonHTMLAttributes<HTMLButtonElement>;
-type ButtonProps = Partial<AnchorButtonProps | NativeButtonProps> & {
+type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
+type ButtonProps = CommonButtonProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
      */
     breakpoint?: number;
 };
-export { StyleColors, ComponentProps, AnchorBaseButtonProps, NativeBaseButtonProps, BaseButtonProps, AnchorButtonProps, NativeButtonProps, ButtonProps };
+export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };

package/Component.desktop-2e2b2125.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonDesktopProps, ButtonDesktop };

package/Component.mobile-755fbaa3.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonMobileProps, ButtonMobile };

package/cssm/Component.desktop-2e2b2125.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonDesktopProps, ButtonDesktop };

package/cssm/Component.mobile-755fbaa3.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonMobileProps, ButtonMobile };

package/cssm/index-9211a437.d.ts

@@ -1,2 +0,0 @@
-export { Button } from "./Component.responsive-2e2b2125";
-export type { ButtonProps } from "./typings-9211a437";

package/esm/Component.desktop-2e2b2125.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonDesktopProps, ButtonDesktop };

package/esm/Component.mobile-755fbaa3.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonMobileProps, ButtonMobile };

package/esm/index-9211a437.d.ts

@@ -1,2 +0,0 @@
-export { Button } from "./Component.responsive-2e2b2125";
-export type { ButtonProps } from "./typings-9211a437";

package/index-9211a437.d.ts

@@ -1,2 +0,0 @@
-export { Button } from "./Component.responsive-2e2b2125";
-export type { ButtonProps } from "./typings-9211a437";

package/modern/Component.desktop-2e2b2125.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonDesktopProps, ButtonDesktop };

package/modern/Component.mobile-755fbaa3.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
-type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonMobileProps, ButtonMobile };

package/modern/index-9211a437.d.ts

@@ -1,2 +0,0 @@
-export { Button } from "./Component.responsive-2e2b2125";
-export type { ButtonProps } from "./typings-9211a437";