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

package/Component-72308007.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { NavigationBarProps } from "./types-83e2bd9e";
+import { NavigationBarProps } from "./types-1c79e231";
 declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
 export * from "./Component-63dec22f";
 export { NavigationBar };

package/{Component-8b5756fe.d.ts → Component-b5b4c59f.d.ts}

@@ -4,8 +4,8 @@ import React from "react";
 import { ReactNode, FC, KeyboardEvent, MouseEvent, MutableRefObject, Ref, RefObject } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
-import { NavigationBarProps } from "./types-83e2bd9e";
-import { CalendarDesktopProps } from "./Component.desktop-8b5756fe";
+import { NavigationBarProps } from "./types-1c79e231";
+import { CalendarDesktopProps } from "./Component.desktop-b5b4c59f";
 type BackdropProps = Partial<TransitionProps> & {
     /**
      * Прозрачный бэкдроп

package/Component.desktop-785df74d.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
+declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlDesktopProps, FormControlDesktop };

package/{esm/Component.desktop-8b5756fe.d.ts → Component.desktop-b5b4c59f.d.ts}

@@ -16,6 +16,10 @@ type HeaderProps = {
      * Дочерние элементы.
      */
     children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
 };
 declare const Header: FC<HeaderProps>;
 type MonthYearHeaderProps = {
@@ -79,10 +83,6 @@ type YearsTableProps = {
      * Доп. пропсы для переданного года
      */
     getYearProps: (year: Date) => Record<string, unknown>;
-    /**
-     * Обработчик скролла
-     */
-    onScroll: (scrollTop: number) => void;
     /**
      * Должен ли календарь подстраиваться под ширину родителя.
      */
@@ -94,6 +94,14 @@ type CalendarDesktopProps = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Дополнительный класс шапки десктопного календаря
+     */
+    headerClassName?: string;
+    /**
+     * Дополнительный класс контента десктопного календаря
+     */
+    contentClassName?: string;
     /**
      * Вид по умолчанию (выбор дней, месяцев, лет)
      */

package/Component.desktop.js

@@ -9,8 +9,8 @@ var desktop = require('@alfalab/core-components-input/desktop');
 var components_dateRangeInput_Component = require('./components/date-range-input/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('date-fns');
 require('date-fns/isValid');
+require('date-fns/startOfMonth');
 require('@alfalab/core-components-calendar/shared');
 require('@alfalab/core-components-icon-button');
 require('@alfalab/core-components-popover');

package/Component.mobile-d7e9f69d.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
+declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlMobileProps, FormControlMobile };

package/Component.mobile-ebda875c.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
-type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
-declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
-export { FormControlMobileProps, FormControlMobile };
+import { BaseInputProps } from "./index-ebda875c";
+type InputMobileProps = Omit<BaseInputProps, 'FormControlComponent' | 'colorStyles'>;
+declare const InputMobile: React.ForwardRefExoticComponent<InputMobileProps & React.RefAttributes<HTMLInputElement>>;
+export * from "./Component.mobile-d7e9f69d";
+export { InputMobileProps, InputMobile };

package/Component.mobile.js

@@ -9,8 +9,8 @@ var mobile = require('@alfalab/core-components-input/mobile');
 var components_dateRangeInput_Component = require('./components/date-range-input/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('date-fns');
 require('date-fns/isValid');
+require('date-fns/startOfMonth');
 require('@alfalab/core-components-calendar/shared');
 require('@alfalab/core-components-icon-button');
 require('@alfalab/core-components-popover');

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

@@ -1,66 +1,5 @@
 /// <reference types="react" />
-import React from "react";
-import { FC, ReactNode } from "react";
+import React from 'react';
 import { ButtonProps } from "./typings-9211a437";
-type MqProps = {
-    /**
-     * Media выражение или кастомный запрос из `mq.json`, например `--mobile`.
-     */
-    query?: string;
-    /**
-     * Запрос на поддержку тач-событий
-     */
-    touch?: boolean;
-    /**
-     * Дочерние элементы.
-     */
-    children?: ReactNode;
-    /**
-     * Обработчик изменений в совпадении запросов
-     */
-    onMatchChange?: (isMatched: boolean) => void;
-};
-declare const Mq: FC<MqProps>;
-/**
- * Хук для медиа запросов.
- * @param query media выражение или кастомный запрос из `mq.json`, например `--mobile`.
- * @param defaultValue Значение по-умолчанию.
- */
-declare const useMatchMedia: (query: string, defaultValue?: boolean | (() => boolean)) => boolean[];
-/**
- * Возвращает MediaQueryList для заданного media-выражения.
- *
- * @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
- */
-declare function getMatchMedia(queryProp: string): MediaQueryList;
-/**
- * Удаляет MediaQueryList.
- *
- * @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
- */
-declare function releaseMatchMedia(queryProp: string): void;
-/**
- * Возвращает `true`, если есть поддержка `Pointer Events`
- */
-declare function isPointerEventsSupported(): boolean;
-/**
- * Возвращает `true`, если есть поддержка `Touch Events`
- */
-declare function isTouchSupported(): boolean;
-declare const _exports: {
-    "--mobile-xs": string;
-    "--mobile-s": string;
-    "--mobile-m": string;
-    "--mobile-l": string;
-    "--mobile": string;
-    "--tablet-s": string;
-    "--tablet-m": string;
-    "--tablet": string;
-    "--desktop-s": string;
-    "--desktop-m": string;
-    "--desktop-l": string;
-    "--desktop-xl": string;
-    "--desktop": string;
-};
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { _exports as default, MqProps, Mq, useMatchMedia, getMatchMedia, releaseMatchMedia, isPointerEventsSupported, isTouchSupported, Button };
+export { Button };

package/Component.responsive-785df74d.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { FormControlProps, FormControl };

package/Component.responsive.js

@@ -12,8 +12,8 @@ require('@alfalab/core-components-input/desktop');
 require('./components/date-range-input/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('date-fns');
 require('date-fns/isValid');
+require('date-fns/startOfMonth');
 require('@alfalab/core-components-calendar/shared');
 require('@alfalab/core-components-icon-button');
 require('@alfalab/core-components-popover');

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

@@ -6,8 +6,8 @@ var tslib = require('tslib');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
-var dateFns = require('date-fns');
 var dateFnsIsValid = require('date-fns/isValid');
+var startOfMonth = require('date-fns/startOfMonth');
 var shared = require('@alfalab/core-components-calendar/shared');
 var coreComponentsIconButton = require('@alfalab/core-components-icon-button');
 var coreComponentsPopover = require('@alfalab/core-components-popover');
@@ -22,8 +22,9 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 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_anmtt","calendarContainer":"date-range-input__calendarContainer_anmtt","calendarResponsive":"date-range-input__calendarResponsive_anmtt","block":"date-range-input__block_anmtt","calendarIcon":"date-range-input__calendarIcon_anmtt"};
+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"};
 require('./index.css')
 
 var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
@@ -204,8 +205,8 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
         }
     };
     var renderCalendar = function () {
-        var activeMonth = (selectedTo && dateFns.startOfMonth(selectedTo)) ||
-            (selectedFrom && dateFns.startOfMonth(selectedFrom));
+        var activeMonth = (selectedTo && startOfMonth__default.default(selectedTo)) ||
+            (selectedFrom && startOfMonth__default.default(selectedFrom));
         return Calendar ? (
         // eslint-disable-next-line jsx-a11y/no-static-element-interactions
         React__default.default.createElement("div", { onMouseDown: handleCalendarWrapperMouseDown },

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

@@ -1,4 +1,4 @@
-/* hash: 1iaxs */
+/* hash: 1fu7x */
 :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_anmtt {
+} .date-range-input__component_wks86 {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_anmtt {
+} .date-range-input__calendarContainer_wks86 {
     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_anmtt {
+} @media (max-width: 374px) { .date-range-input__calendarContainer_wks86 {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_anmtt {
+    } .date-range-input__calendarResponsive_wks86 {
     width: var(--calendar-width);
-} .date-range-input__block_anmtt {
+} .date-range-input__block_wks86 {
     width: 100%;
-} .date-range-input__calendarIcon_anmtt {
+} .date-range-input__calendarIcon_wks86 {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

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

@@ -7,8 +7,8 @@ require('tslib');
 require('react');
 require('react-merge-refs');
 require('classnames');
-require('date-fns');
 require('date-fns/isValid');
+require('date-fns/startOfMonth');
 require('@alfalab/core-components-calendar/shared');
 require('@alfalab/core-components-icon-button');
 require('@alfalab/core-components-popover');

package/cssm/Component-72308007.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { NavigationBarProps } from "./types-83e2bd9e";
+import { NavigationBarProps } from "./types-1c79e231";
 declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
 export * from "./Component-63dec22f";
 export { NavigationBar };

package/{esm/Component-8b5756fe.d.ts → cssm/Component-b5b4c59f.d.ts}

@@ -4,8 +4,8 @@ import React from "react";
 import { ReactNode, FC, KeyboardEvent, MouseEvent, MutableRefObject, Ref, RefObject } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
-import { NavigationBarProps } from "./types-83e2bd9e";
-import { CalendarDesktopProps } from "./Component.desktop-8b5756fe";
+import { NavigationBarProps } from "./types-1c79e231";
+import { CalendarDesktopProps } from "./Component.desktop-b5b4c59f";
 type BackdropProps = Partial<TransitionProps> & {
     /**
      * Прозрачный бэкдроп

package/cssm/Component.desktop-785df74d.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
+declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlDesktopProps, FormControlDesktop };

package/{Component.desktop-8b5756fe.d.ts → cssm/Component.desktop-b5b4c59f.d.ts}

@@ -16,6 +16,10 @@ type HeaderProps = {
      * Дочерние элементы.
      */
     children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
 };
 declare const Header: FC<HeaderProps>;
 type MonthYearHeaderProps = {
@@ -79,10 +83,6 @@ type YearsTableProps = {
      * Доп. пропсы для переданного года
      */
     getYearProps: (year: Date) => Record<string, unknown>;
-    /**
-     * Обработчик скролла
-     */
-    onScroll: (scrollTop: number) => void;
     /**
      * Должен ли календарь подстраиваться под ширину родителя.
      */
@@ -94,6 +94,14 @@ type CalendarDesktopProps = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Дополнительный класс шапки десктопного календаря
+     */
+    headerClassName?: string;
+    /**
+     * Дополнительный класс контента десктопного календаря
+     */
+    contentClassName?: string;
     /**
      * Вид по умолчанию (выбор дней, месяцев, лет)
      */

package/cssm/Component.desktop.js

@@ -9,8 +9,8 @@ var desktop = require('@alfalab/core-components-input/cssm/desktop');
 var components_dateRangeInput_Component = require('./components/date-range-input/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('date-fns');
 require('date-fns/isValid');
+require('date-fns/startOfMonth');
 require('@alfalab/core-components-calendar/cssm/shared');
 require('@alfalab/core-components-icon-button/cssm');
 require('@alfalab/core-components-popover/cssm');

package/cssm/Component.mobile-d7e9f69d.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
+declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlMobileProps, FormControlMobile };

package/cssm/Component.mobile-ebda875c.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
-type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
-declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
-export { FormControlMobileProps, FormControlMobile };
+import { BaseInputProps } from "./index-ebda875c";
+type InputMobileProps = Omit<BaseInputProps, 'FormControlComponent' | 'colorStyles'>;
+declare const InputMobile: React.ForwardRefExoticComponent<InputMobileProps & React.RefAttributes<HTMLInputElement>>;
+export * from "./Component.mobile-d7e9f69d";
+export { InputMobileProps, InputMobile };

package/cssm/Component.mobile.js

@@ -9,8 +9,8 @@ var mobile = require('@alfalab/core-components-input/cssm/mobile');
 var components_dateRangeInput_Component = require('./components/date-range-input/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('date-fns');
 require('date-fns/isValid');
+require('date-fns/startOfMonth');
 require('@alfalab/core-components-calendar/cssm/shared');
 require('@alfalab/core-components-icon-button/cssm');
 require('@alfalab/core-components-popover/cssm');

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

@@ -1,66 +1,5 @@
 /// <reference types="react" />
-import React from "react";
-import { FC, ReactNode } from "react";
+import React from 'react';
 import { ButtonProps } from "./typings-9211a437";
-type MqProps = {
-    /**
-     * Media выражение или кастомный запрос из `mq.json`, например `--mobile`.
-     */
-    query?: string;
-    /**
-     * Запрос на поддержку тач-событий
-     */
-    touch?: boolean;
-    /**
-     * Дочерние элементы.
-     */
-    children?: ReactNode;
-    /**
-     * Обработчик изменений в совпадении запросов
-     */
-    onMatchChange?: (isMatched: boolean) => void;
-};
-declare const Mq: FC<MqProps>;
-/**
- * Хук для медиа запросов.
- * @param query media выражение или кастомный запрос из `mq.json`, например `--mobile`.
- * @param defaultValue Значение по-умолчанию.
- */
-declare const useMatchMedia: (query: string, defaultValue?: boolean | (() => boolean)) => boolean[];
-/**
- * Возвращает MediaQueryList для заданного media-выражения.
- *
- * @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
- */
-declare function getMatchMedia(queryProp: string): MediaQueryList;
-/**
- * Удаляет MediaQueryList.
- *
- * @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
- */
-declare function releaseMatchMedia(queryProp: string): void;
-/**
- * Возвращает `true`, если есть поддержка `Pointer Events`
- */
-declare function isPointerEventsSupported(): boolean;
-/**
- * Возвращает `true`, если есть поддержка `Touch Events`
- */
-declare function isTouchSupported(): boolean;
-declare const _exports: {
-    "--mobile-xs": string;
-    "--mobile-s": string;
-    "--mobile-m": string;
-    "--mobile-l": string;
-    "--mobile": string;
-    "--tablet-s": string;
-    "--tablet-m": string;
-    "--tablet": string;
-    "--desktop-s": string;
-    "--desktop-m": string;
-    "--desktop-l": string;
-    "--desktop-xl": string;
-    "--desktop": string;
-};
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { _exports as default, MqProps, Mq, useMatchMedia, getMatchMedia, releaseMatchMedia, isPointerEventsSupported, isTouchSupported, Button };
+export { Button };

package/cssm/Component.responsive-785df74d.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { FormControlProps, FormControl };

package/cssm/Component.responsive.js

@@ -12,8 +12,8 @@ require('@alfalab/core-components-input/cssm/desktop');
 require('./components/date-range-input/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('date-fns');
 require('date-fns/isValid');
+require('date-fns/startOfMonth');
 require('@alfalab/core-components-calendar/cssm/shared');
 require('@alfalab/core-components-icon-button/cssm');
 require('@alfalab/core-components-popover/cssm');

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

@@ -6,8 +6,8 @@ var tslib = require('tslib');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
-var dateFns = require('date-fns');
 var dateFnsIsValid = require('date-fns/isValid');
+var startOfMonth = require('date-fns/startOfMonth');
 var shared = require('@alfalab/core-components-calendar/cssm/shared');
 var coreComponentsIconButton = require('@alfalab/core-components-icon-button/cssm');
 var coreComponentsPopover = require('@alfalab/core-components-popover/cssm');
@@ -23,6 +23,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultCompat(dateFnsIsValid);
+var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
@@ -203,8 +204,8 @@ var DateRangeInput = React__default.default.forwardRef(function (_a, ref) {
         }
     };
     var renderCalendar = function () {
-        var activeMonth = (selectedTo && dateFns.startOfMonth(selectedTo)) ||
-            (selectedFrom && dateFns.startOfMonth(selectedFrom));
+        var activeMonth = (selectedTo && startOfMonth__default.default(selectedTo)) ||
+            (selectedFrom && startOfMonth__default.default(selectedFrom));
         return Calendar ? (
         // eslint-disable-next-line jsx-a11y/no-static-element-interactions
         React__default.default.createElement("div", { onMouseDown: handleCalendarWrapperMouseDown },

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

@@ -7,8 +7,8 @@ require('tslib');
 require('react');
 require('react-merge-refs');
 require('classnames');
-require('date-fns');
 require('date-fns/isValid');
+require('date-fns/startOfMonth');
 require('@alfalab/core-components-calendar/cssm/shared');
 require('@alfalab/core-components-icon-button/cssm');
 require('@alfalab/core-components-popover/cssm');

package/cssm/desktop.js

@@ -10,8 +10,8 @@ require('@alfalab/core-components-input/cssm/desktop');
 require('./components/date-range-input/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('date-fns');
 require('date-fns/isValid');
+require('date-fns/startOfMonth');
 require('@alfalab/core-components-calendar/cssm/shared');
 require('@alfalab/core-components-icon-button/cssm');
 require('@alfalab/core-components-popover/cssm');

package/cssm/index-3109f463.d.ts

@@ -0,0 +1,62 @@
+import { FC, ReactNode } from "react";
+type MqProps = {
+    /**
+     * Media выражение или кастомный запрос из `mq.json`, например `--mobile`.
+     */
+    query?: string;
+    /**
+     * Запрос на поддержку тач-событий
+     */
+    touch?: boolean;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+    /**
+     * Обработчик изменений в совпадении запросов
+     */
+    onMatchChange?: (isMatched: boolean) => void;
+};
+declare const Mq: FC<MqProps>;
+/**
+ * Хук для медиа запросов.
+ * @param query media выражение или кастомный запрос из `mq.json`, например `--mobile`.
+ * @param defaultValue Значение по-умолчанию.
+ */
+declare const useMatchMedia: (query: string, defaultValue?: boolean | (() => boolean)) => boolean[];
+/**
+ * Возвращает MediaQueryList для заданного media-выражения.
+ *
+ * @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
+ */
+declare function getMatchMedia(queryProp: string): MediaQueryList;
+/**
+ * Удаляет MediaQueryList.
+ *
+ * @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
+ */
+declare function releaseMatchMedia(queryProp: string): void;
+/**
+ * Возвращает `true`, если есть поддержка `Pointer Events`
+ */
+declare function isPointerEventsSupported(): boolean;
+/**
+ * Возвращает `true`, если есть поддержка `Touch Events`
+ */
+declare function isTouchSupported(): boolean;
+declare const _exports: {
+    "--mobile-xs": string;
+    "--mobile-s": string;
+    "--mobile-m": string;
+    "--mobile-l": string;
+    "--mobile": string;
+    "--tablet-s": string;
+    "--tablet-m": string;
+    "--tablet": string;
+    "--desktop-s": string;
+    "--desktop-m": string;
+    "--desktop-l": string;
+    "--desktop-xl": string;
+    "--desktop": string;
+};
+export { _exports as default, MqProps, Mq, useMatchMedia, getMatchMedia, releaseMatchMedia, isPointerEventsSupported, isTouchSupported };

package/cssm/index-f034f741.d.ts

@@ -77,4 +77,4 @@ type PeriodSliderProps = {
 };
 declare const PeriodSlider: FC<PeriodSliderProps>;
 export { PeriodType, PeriodSliderProps, PeriodSlider };
-export { shiftValues } from "./Component.desktop-8b5756fe";
+export { shiftValues } from "./Component.desktop-b5b4c59f";