@alfalab/core-components 45.9.0 → 45.10.0

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

@@ -1,4 +1,4 @@
-/* hash: 1k412 */
+/* hash: 2a8v4 */
 :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; /* 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 */
@@ -38,13 +38,13 @@
     /* disabled */
 
     /* marker */
-} .calendar__header_qyt2v {
+} .calendar__header_1g0y7 {
     width: 100%;
     box-sizing: border-box;
     padding: var(--gap-m) var(--gap-m) var(--gap-s);
     transition: box-shadow 0.2s ease;
     display: flex;
     justify-content: center;
-} .calendar__withShadow_qyt2v {
+} .calendar__withShadow_1g0y7 {
     box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
 }

package/calendar/esm/components/month-year-header/Component.js

@@ -29,7 +29,7 @@ import '../../../../shared/esm';
 import 'tslib';
 import '../../../../button/esm/desktop';
 
-var styles = {"component":"calendar__component_g4t5x","button":"calendar__button_g4t5x","month":"calendar__month_g4t5x","year":"calendar__year_g4t5x","buttonContent":"calendar__buttonContent_g4t5x","upDownIcon":"calendar__upDownIcon_g4t5x"};
+var styles = {"component":"calendar__component_1plt2","button":"calendar__button_1plt2","month":"calendar__month_1plt2","year":"calendar__year_1plt2","buttonContent":"calendar__buttonContent_1plt2","upDownIcon":"calendar__upDownIcon_1plt2"};
 require('./index.css');
 
 var MonthYearHeader = function (_a) {

package/calendar/esm/components/month-year-header/index.css

@@ -1,4 +1,4 @@
-/* hash: 1sbkc */
+/* hash: rsvb7 */
 :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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -37,33 +37,33 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_g4t5x {
+} .calendar__component_1plt2 {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
-} .cc-calendar .calendar__button_g4t5x {
+} .cc-calendar .calendar__button_1plt2 {
         border-radius: var(--border-radius-s);
-    } .calendar__month_g4t5x {
+    } .calendar__month_1plt2 {
     flex-basis: 65%
-} @media (max-width: 374px) { .calendar__month_g4t5x {
+} @media (max-width: 374px) { .calendar__month_1plt2 {
         flex-grow: 1
 }
-    } .calendar__year_g4t5x {
+    } .calendar__year_1plt2 {
     flex-basis: 35%;
     margin-left: var(--gap-xs)
-} @media (max-width: 374px) { .calendar__year_g4t5x {
+} @media (max-width: 374px) { .calendar__year_1plt2 {
         width: 90px
 }
-    } .calendar__buttonContent_g4t5x {
+    } .calendar__buttonContent_1plt2 {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
-} .calendar__upDownIcon_g4t5x {
+} .calendar__upDownIcon_1plt2 {
     margin-left: var(--gap-xs)
-} @media (max-width: 374px) { .calendar__upDownIcon_g4t5x {
+} @media (max-width: 374px) { .calendar__upDownIcon_1plt2 {
         margin-left: auto
 }
     }

package/calendar/esm/components/months-table/Component.js

@@ -30,7 +30,7 @@ import 'date-fns/subMonths';
 import '../../../../shared/esm';
 import '../../../../button/esm/desktop';
 
-var styles = {"monthsTable":"calendar__monthsTable_1r4rx","responsive":"calendar__responsive_1r4rx","button":"calendar__button_1r4rx"};
+var styles = {"monthsTable":"calendar__monthsTable_1c8k8","responsive":"calendar__responsive_1c8k8","button":"calendar__button_1c8k8"};
 require('./index.css');
 
 var MonthsTable = function (_a) {

package/calendar/esm/components/months-table/index.css

@@ -1,4 +1,4 @@
-/* hash: 1vqch */
+/* hash: 1r34v */
 :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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -49,40 +49,40 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__monthsTable_1r4rx {
+} .cc-calendar .calendar__monthsTable_1c8k8 {
         display: flex;
         flex-wrap: wrap;
         width: var(--calendar-inner-width)
-    } @media (max-width: 374px) { .cc-calendar .calendar__monthsTable_1r4rx {
+    } @media (max-width: 374px) { .cc-calendar .calendar__monthsTable_1c8k8 {
             width: var(--calendar-mobile-inner-width);
             padding-top: var(--gap-xs)
     }
-        } .cc-calendar .calendar__monthsTable_1r4rx.calendar__responsive_1r4rx {
+        } .cc-calendar .calendar__monthsTable_1c8k8.calendar__responsive_1c8k8 {
             width: 100%
-        } .cc-calendar .calendar__monthsTable_1r4rx.calendar__responsive_1r4rx .calendar__button_1r4rx {
+        } .cc-calendar .calendar__monthsTable_1c8k8.calendar__responsive_1c8k8 .calendar__button_1c8k8 {
                 width: calc(33.333% - var(--gap-2xs) / 1.5);
-            } .cc-calendar .calendar__monthsTable_1r4rx:not(.calendar__responsive_1r4rx) .calendar__button_1r4rx {
+            } .cc-calendar .calendar__monthsTable_1c8k8:not(.calendar__responsive_1c8k8) .calendar__button_1c8k8 {
                 width: var(--calendar-select-button-width)
-            } @media (max-width: 374px) { .cc-calendar .calendar__monthsTable_1r4rx:not(.calendar__responsive_1r4rx) .calendar__button_1r4rx {
+            } @media (max-width: 374px) { .cc-calendar .calendar__monthsTable_1c8k8:not(.calendar__responsive_1c8k8) .calendar__button_1c8k8 {
                     width: var(--calendar-mobile-select-button-width)
             }
 
-                    .cc-calendar .calendar__monthsTable_1r4rx:not(.calendar__responsive_1r4rx) .calendar__button_1r4rx:nth-child(3n) {
+                    .cc-calendar .calendar__monthsTable_1c8k8:not(.calendar__responsive_1c8k8) .calendar__button_1c8k8:nth-child(3n) {
                         margin-right: var(--gap-2xs);
                     }
 
-                    .cc-calendar .calendar__monthsTable_1r4rx:not(.calendar__responsive_1r4rx) .calendar__button_1r4rx:nth-child(2n) {
+                    .cc-calendar .calendar__monthsTable_1c8k8:not(.calendar__responsive_1c8k8) .calendar__button_1c8k8:nth-child(2n) {
                         margin-right: 0;
-                    } .cc-calendar .calendar__monthsTable_1r4rx:not(.calendar__responsive_1r4rx) .calendar__button_1r4rx {
+                    } .cc-calendar .calendar__monthsTable_1c8k8:not(.calendar__responsive_1c8k8) .calendar__button_1c8k8 {
 
                     height: 36px
             }
-                } .cc-calendar .calendar__button_1r4rx {
+                } .cc-calendar .calendar__button_1c8k8 {
         margin-right: var(--gap-2xs);
         margin-bottom: var(--gap-xs)
-    } .cc-calendar .calendar__button_1r4rx:nth-child(3n) {
+    } .cc-calendar .calendar__button_1c8k8:nth-child(3n) {
             margin-right: 0;
-        } @media (max-width: 374px) { .cc-calendar .calendar__button_1r4rx {
+        } @media (max-width: 374px) { .cc-calendar .calendar__button_1c8k8 {
             height: 36px
     }
         }

package/calendar/esm/components/period-slider/Component.js

@@ -4,6 +4,7 @@ import endOfWeek from 'date-fns/endOfWeek';
 import startOfWeek from 'date-fns/startOfWeek';
 import { ButtonDesktop } from '../../../../button/esm/desktop';
 import { IconButton } from '../../../../icon-button/esm';
+import { getDataTestId } from '../../../../shared/esm';
 import { ChevronBackMIcon } from '@alfalab/icons-glyph/ChevronBackMIcon';
 import { monthName } from '../../utils.js';
 import { getYearSelectorValue, shiftValues, formatPeriod } from './utils.js';
@@ -27,7 +28,6 @@ import 'date-fns/startOfMonth';
 import 'date-fns/startOfYear';
 import 'date-fns/subDays';
 import 'date-fns/subMonths';
-import '../../../../shared/esm';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
 import 'date-fns/addYears';
@@ -40,12 +40,12 @@ import 'date-fns/isToday';
 import 'date-fns/isYesterday';
 import 'date-fns/startOfQuarter';
 
-var styles = {"component":"calendar__component_37xam","period":"calendar__period_37xam","clicablePeriod":"calendar__clicablePeriod_37xam","empty":"calendar__empty_37xam","arrow":"calendar__arrow_37xam","full":"calendar__full_37xam","yearSelectorButton":"calendar__yearSelectorButton_37xam"};
+var styles = {"component":"calendar__component_sa2fq","period":"calendar__period_sa2fq","clicablePeriod":"calendar__clicablePeriod_sa2fq","empty":"calendar__empty_sa2fq","arrow":"calendar__arrow_sa2fq","full":"calendar__full_sa2fq","yearSelectorButton":"calendar__yearSelectorButton_sa2fq"};
 require('./index.css');
 
 var PeriodSlider = function (_a) {
-    var value = _a.value, _b = _a.periodType, periodType = _b === void 0 ? 'month' : _b, className = _a.className, _c = _a.periodFormatter, periodFormatter = _c === void 0 ? formatPeriod : _c, _d = _a.prevArrowDisabled, prevArrowDisabled = _d === void 0 ? false : _d, _e = _a.nextArrowDisabled, nextArrowDisabled = _e === void 0 ? false : _e, _f = _a.hideDisabledArrows, hideDisabledArrows = _f === void 0 ? false : _f, _g = _a.isMonthAndYearSelectable, isMonthAndYearSelectable = _g === void 0 ? false : _g, _h = _a.showCurrentYearSelector, showCurrentYearSelector = _h === void 0 ? false : _h, _j = _a.onPrevArrowClick, onPrevArrowClick = _j === void 0 ? function () { return null; } : _j, _k = _a.onNextArrowClick, onNextArrowClick = _k === void 0 ? function () { return null; } : _k, onMonthClick = _a.onMonthClick, onYearClick = _a.onYearClick, onPeriodClick = _a.onPeriodClick, dataTestId = _a.dataTestId, _l = _a.emptyValueText, emptyValueText = _l === void 0 ? 'Укажите период' : _l;
-    var _m = useMemo(function () {
+    var value = _a.value, _b = _a.periodType, periodType = _b === void 0 ? 'month' : _b, className = _a.className, _c = _a.periodFormatter, periodFormatter = _c === void 0 ? formatPeriod : _c, _d = _a.prevArrowDisabled, prevArrowDisabled = _d === void 0 ? false : _d, _e = _a.nextArrowDisabled, nextArrowDisabled = _e === void 0 ? false : _e, _f = _a.hideDisabledArrows, hideDisabledArrows = _f === void 0 ? false : _f, _g = _a.isMonthAndYearSelectable, isMonthAndYearSelectable = _g === void 0 ? false : _g, _h = _a.showCurrentYearSelector, showCurrentYearSelector = _h === void 0 ? false : _h, _j = _a.onPrevArrowClick, onPrevArrowClick = _j === void 0 ? function () { return null; } : _j, _k = _a.onNextArrowClick, onNextArrowClick = _k === void 0 ? function () { return null; } : _k, onMonthClick = _a.onMonthClick, onYearClick = _a.onYearClick, onPeriodClick = _a.onPeriodClick, _l = _a.dataTestId, dataTestId = _l === void 0 ? 'period-slider' : _l, _m = _a.emptyValueText, emptyValueText = _m === void 0 ? 'Укажите период' : _m;
+    var _o = useMemo(function () {
         var _a;
         var from;
         var to;
@@ -62,7 +62,7 @@ var PeriodSlider = function (_a) {
             }
         }
         return [from, to];
-    }, [periodType, value]), valueFrom = _m[0], valueTo = _m[1];
+    }, [periodType, value]), valueFrom = _o[0], valueTo = _o[1];
     var yearSelectorValue = useMemo(function () { return getYearSelectorValue(valueFrom, showCurrentYearSelector); }, [showCurrentYearSelector, valueFrom]);
     var showArrow = function (direction) {
         if (hideDisabledArrows) {
@@ -110,9 +110,9 @@ var PeriodSlider = function (_a) {
         return (React.createElement("span", { className: styles.period }, periodFormatter(valueFrom, valueTo, periodType, showCurrentYearSelector)));
     };
     return (React.createElement("div", { className: cn(styles.component, className), "aria-live": 'polite', "data-test-id": dataTestId },
-        showArrow('prev') && (React.createElement(IconButton, { size: 'xs', className: styles.arrow, icon: ChevronBackMIcon, onClick: handlePrevArrowClick, disabled: prevArrowDisabled || !valueFrom, "aria-label": '\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' })),
+        showArrow('prev') && (React.createElement(IconButton, { size: 'xs', className: styles.arrow, icon: ChevronBackMIcon, onClick: handlePrevArrowClick, disabled: prevArrowDisabled || !valueFrom, "aria-label": '\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434', dataTestId: getDataTestId(dataTestId, 'btn-previous-day') })),
         renderHeader(),
-        showArrow('next') && (React.createElement(IconButton, { size: 'xs', className: styles.arrow, icon: ChevronBackMIcon, onClick: handleNextArrowClick, disabled: nextArrowDisabled || !valueFrom, "aria-label": '\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434' }))));
+        showArrow('next') && (React.createElement(IconButton, { size: 'xs', className: styles.arrow, icon: ChevronBackMIcon, onClick: handleNextArrowClick, disabled: nextArrowDisabled || !valueFrom, "aria-label": '\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u043F\u0435\u0440\u0438\u043E\u0434', dataTestId: getDataTestId(dataTestId, 'btn-next-day') }))));
 };
 
 export { PeriodSlider };

package/calendar/esm/components/period-slider/index.css

@@ -1,4 +1,4 @@
-/* hash: i6xxn */
+/* hash: beonw */
 :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-text-secondary: rgba(4, 4, 19, 0.55); /* 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 */
@@ -42,37 +42,37 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_37xam {
+} .calendar__component_sa2fq {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
-} .calendar__period_37xam {
+} .calendar__period_sa2fq {
     font-family: var(--calendar-month-only-header-font-family);
     font-size: var(--calendar-month-only-header-font-size);
     font-weight: var(--calendar-month-only-header-font-weight);
     line-height: 24px;
     text-align: center
-} @media (max-width: 374px) { .calendar__period_37xam {
+} @media (max-width: 374px) { .calendar__period_sa2fq {
         width: auto;
         flex-grow: 1
 }
-    } .calendar__clicablePeriod_37xam {
+    } .calendar__clicablePeriod_sa2fq {
     cursor: pointer;
-} .calendar__empty_37xam {
+} .calendar__empty_sa2fq {
     color: var(--color-light-text-secondary);
-} .calendar__arrow_37xam {
+} .calendar__arrow_sa2fq {
     position: absolute;
     top: 4px
-} .calendar__arrow_37xam:first-child {
+} .calendar__arrow_sa2fq:first-child {
         left: 0;
-    } .calendar__arrow_37xam:last-child {
+    } .calendar__arrow_sa2fq:last-child {
         right: 0;
         transform: rotateY(180deg);
-    } @media (max-width: 374px) { .calendar__full_37xam .calendar__arrow_37xam {
+    } @media (max-width: 374px) { .calendar__full_sa2fq .calendar__arrow_sa2fq {
         display: none
 }
-    } .calendar__yearSelectorButton_37xam {
+    } .calendar__yearSelectorButton_sa2fq {
     margin-left: var(--gap-xs);
 }

package/calendar/esm/components/period-slider/index.js

@@ -6,6 +6,7 @@ import 'date-fns/endOfWeek';
 import 'date-fns/startOfWeek';
 import '../../../../button/esm/desktop';
 import '../../../../icon-button/esm';
+import '../../../../shared/esm';
 import '@alfalab/icons-glyph/ChevronBackMIcon';
 import '../../utils.js';
 import 'date-fns/addDays';
@@ -28,7 +29,6 @@ import 'date-fns/startOfMonth';
 import 'date-fns/startOfYear';
 import 'date-fns/subDays';
 import 'date-fns/subMonths';
-import '../../../../shared/esm';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
 import 'date-fns/addYears';

package/calendar/esm/components/select-button/Component.js

@@ -3,7 +3,7 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { ButtonDesktop } from '../../../../button/esm/desktop';
 
-var styles = {"button":"calendar__button_3utj2","filled":"calendar__filled_3utj2","current":"calendar__current_3utj2","selected":"calendar__selected_3utj2"};
+var styles = {"button":"calendar__button_swyo6","filled":"calendar__filled_swyo6","current":"calendar__current_swyo6","selected":"calendar__selected_swyo6"};
 require('./index.css');
 
 var SelectButton = forwardRef(function (_a, ref) {

package/calendar/esm/components/select-button/index.css

@@ -1,4 +1,4 @@
-/* hash: 1w9q1 */
+/* hash: efxte */
 :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-accent-secondary: #212124;
@@ -46,7 +46,7 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__button_3utj2 {
+} .cc-calendar .calendar__button_swyo6 {
         font-size: 16px;
         line-height: 24px;
         font-weight: 400;
@@ -56,23 +56,23 @@
         padding: 0 var(--gap-xs);
         background-color: transparent;
         border-radius: var(--border-radius-l)
-    } .cc-calendar .calendar__button_3utj2:not(:disabled):hover {
+    } .cc-calendar .calendar__button_swyo6:not(:disabled):hover {
             background-color: var(--color-light-transparent-default-hover);
             color: var(--color-light-text-primary);
-        } .cc-calendar .calendar__button_3utj2.calendar__filled_3utj2 {
+        } .cc-calendar .calendar__button_swyo6.calendar__filled_swyo6 {
             background-color: var(--color-light-neutral-translucent-300)
-        } .cc-calendar .calendar__button_3utj2.calendar__filled_3utj2:not(:disabled):hover {
+        } .cc-calendar .calendar__button_swyo6.calendar__filled_swyo6:not(:disabled):hover {
                 background-color: var(--color-light-neutral-translucent-300-hover);
-            } .cc-calendar .calendar__button_3utj2.calendar__current_3utj2 {
+            } .cc-calendar .calendar__button_swyo6.calendar__current_swyo6 {
             color: var(--calendar-today-color);
             font-weight: bold;
-        } .cc-calendar .calendar__button_3utj2.calendar__selected_3utj2,
-        .cc-calendar .calendar__button_3utj2.calendar__selected_3utj2:disabled {
+        } .cc-calendar .calendar__button_swyo6.calendar__selected_swyo6,
+        .cc-calendar .calendar__button_swyo6.calendar__selected_swyo6:disabled {
             background-color: var(--calendar-select-button-selected-background);
             color: var(--color-light-text-primary-inverted)
-        } .cc-calendar .calendar__button_3utj2.calendar__selected_3utj2:not(:disabled):hover, .cc-calendar .calendar__button_3utj2.calendar__selected_3utj2:disabled:not(:disabled):hover {
+        } .cc-calendar .calendar__button_swyo6.calendar__selected_swyo6:not(:disabled):hover, .cc-calendar .calendar__button_swyo6.calendar__selected_swyo6:disabled:not(:disabled):hover {
                 background-color: var(--calendar-select-button-selected-background);
                 color: var(--color-light-text-primary-inverted);
-            } .cc-calendar .calendar__button_3utj2 > * {
+            } .cc-calendar .calendar__button_swyo6 > * {
             flex-grow: 1;
         }

package/calendar/esm/components/years-table/Component.js

@@ -6,7 +6,7 @@ import isThisYear from 'date-fns/isThisYear';
 import { SelectButton } from '../select-button/Component.js';
 import '../../../../button/esm/desktop';
 
-var styles = {"yearsTable":"calendar__yearsTable_ggqbe","responsive":"calendar__responsive_ggqbe","inner":"calendar__inner_ggqbe","button":"calendar__button_ggqbe"};
+var styles = {"yearsTable":"calendar__yearsTable_15ivg","responsive":"calendar__responsive_15ivg","inner":"calendar__inner_15ivg","button":"calendar__button_15ivg"};
 require('./index.css');
 
 var YearsTable = function (_a) {

package/calendar/esm/components/years-table/index.css

@@ -1,4 +1,4 @@
-/* hash: 1jz67 */
+/* hash: 25dzi */
 :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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -49,43 +49,43 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__yearsTable_ggqbe {
+} .cc-calendar .calendar__yearsTable_15ivg {
         width: 100%
-    } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_ggqbe {
+    } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_15ivg {
             padding-top: var(--gap-xs)
     }
-        } .cc-calendar .calendar__yearsTable_ggqbe.calendar__responsive_ggqbe .calendar__inner_ggqbe {
+        } .cc-calendar .calendar__yearsTable_15ivg.calendar__responsive_15ivg .calendar__inner_15ivg {
                 width: 100%;
-            } .cc-calendar .calendar__yearsTable_ggqbe.calendar__responsive_ggqbe .calendar__button_ggqbe {
+            } .cc-calendar .calendar__yearsTable_15ivg.calendar__responsive_15ivg .calendar__button_15ivg {
                 width: calc(33.333% - var(--gap-2xs) / 1.5);
-            } .cc-calendar .calendar__yearsTable_ggqbe:not(.calendar__responsive_ggqbe) .calendar__inner_ggqbe {
+            } .cc-calendar .calendar__yearsTable_15ivg:not(.calendar__responsive_15ivg) .calendar__inner_15ivg {
                 width: var(--calendar-inner-width);
                 margin: 0 auto
-            } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_ggqbe:not(.calendar__responsive_ggqbe) .calendar__inner_ggqbe {
+            } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_15ivg:not(.calendar__responsive_15ivg) .calendar__inner_15ivg {
                     width: var(--calendar-mobile-inner-width)
             }
-                } .cc-calendar .calendar__yearsTable_ggqbe:not(.calendar__responsive_ggqbe) .calendar__button_ggqbe {
+                } .cc-calendar .calendar__yearsTable_15ivg:not(.calendar__responsive_15ivg) .calendar__button_15ivg {
                 width: var(--calendar-select-button-width)
-            } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_ggqbe:not(.calendar__responsive_ggqbe) .calendar__button_ggqbe {
+            } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_15ivg:not(.calendar__responsive_15ivg) .calendar__button_15ivg {
                     width: var(--calendar-mobile-select-button-width)
             }
 
-                    .cc-calendar .calendar__yearsTable_ggqbe:not(.calendar__responsive_ggqbe) .calendar__button_ggqbe:nth-child(3n) {
+                    .cc-calendar .calendar__yearsTable_15ivg:not(.calendar__responsive_15ivg) .calendar__button_15ivg:nth-child(3n) {
                         margin-right: var(--gap-2xs);
                     }
 
-                    .cc-calendar .calendar__yearsTable_ggqbe:not(.calendar__responsive_ggqbe) .calendar__button_ggqbe:nth-child(2n) {
+                    .cc-calendar .calendar__yearsTable_15ivg:not(.calendar__responsive_15ivg) .calendar__button_15ivg:nth-child(2n) {
                         margin-right: 0;
                     }
-                } .cc-calendar .calendar__inner_ggqbe {
+                } .cc-calendar .calendar__inner_15ivg {
         position: relative;
         overflow: hidden;
-    } .cc-calendar .calendar__button_ggqbe {
+    } .cc-calendar .calendar__button_15ivg {
         margin-right: var(--gap-2xs);
         margin-bottom: var(--gap-xs)
-    } .cc-calendar .calendar__button_ggqbe:nth-child(3n) {
+    } .cc-calendar .calendar__button_15ivg:nth-child(3n) {
             margin-right: 0;
-        } @media (max-width: 374px) { .cc-calendar .calendar__button_ggqbe {
+        } @media (max-width: 374px) { .cc-calendar .calendar__button_15ivg {
             height: 36px
     }
         }

package/calendar/esm/desktop/Component.desktop.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import endOfDay from 'date-fns/endOfDay';
 import startOfDay from 'date-fns/startOfDay';
 import startOfMonth from 'date-fns/startOfMonth';
-import { hooks } from '../../../shared/esm';
+import { hooks, getDataTestId } from '../../../shared/esm';
 import { useLayoutEffect_SAFE_FOR_SSR, useDidUpdateEffect } from '@alfalab/hooks';
 import { DaysTable } from '../components/days-table/Component.js';
 import { Header } from '../components/header/Component.js';
@@ -62,7 +62,7 @@ import 'react-merge-refs';
 import 'date-fns/setYear';
 import 'date-fns/subYears';
 
-var styles = {"component":"calendar__component_7oawk","responsive":"calendar__responsive_7oawk","period":"calendar__period_7oawk","monthYear":"calendar__monthYear_7oawk","container":"calendar__container_7oawk","customScrollbar":"calendar__customScrollbar_7oawk","nativeScrollbar":"calendar__nativeScrollbar_7oawk","sixWeeks":"calendar__sixWeeks_7oawk"};
+var styles = {"component":"calendar__component_mkilf","responsive":"calendar__responsive_mkilf","period":"calendar__period_mkilf","monthYear":"calendar__monthYear_mkilf","container":"calendar__container_mkilf","customScrollbar":"calendar__customScrollbar_mkilf","nativeScrollbar":"calendar__nativeScrollbar_mkilf","sixWeeks":"calendar__sixWeeks_mkilf"};
 require('./desktop.css');
 
 var useCustomWebkitScrollbar = hooks.useCustomWebkitScrollbar;
@@ -155,7 +155,7 @@ var CalendarDesktop = forwardRef(function (_a, ref) {
             _b[styles.sixWeeks] = weeks.length === 6,
             _b[styles.responsive] = responsive,
             _b)), "data-test-id": dataTestId }),
-        hasHeader && (React.createElement(Header, { view: selectorView, withShadow: scrolled, className: headerClassName }, selectorView === 'month-only' ? (React.createElement(PeriodSlider, { className: styles.period, value: activeMonth, periodType: 'month', prevArrowDisabled: !canSetPrevMonth, nextArrowDisabled: !canSetNextMonth, hideDisabledArrows: true, showCurrentYearSelector: showCurrentYearSelector, onPrevArrowClick: handlePrevArrowClick, onNextArrowClick: handleNextArrowClick, onPeriodClick: onPeriodClick })) : (React.createElement(MonthYearHeader, { className: styles.monthYear, value: activeMonth, onMonthClick: handleMonthClick, onYearClick: handleYearClick })))),
+        hasHeader && (React.createElement(Header, { view: selectorView, withShadow: scrolled, className: headerClassName }, selectorView === 'month-only' ? (React.createElement(PeriodSlider, { className: styles.period, value: activeMonth, periodType: 'month', prevArrowDisabled: !canSetPrevMonth, nextArrowDisabled: !canSetNextMonth, hideDisabledArrows: true, showCurrentYearSelector: showCurrentYearSelector, onPrevArrowClick: handlePrevArrowClick, onNextArrowClick: handleNextArrowClick, onPeriodClick: onPeriodClick, dataTestId: getDataTestId(dataTestId, 'slider') })) : (React.createElement(MonthYearHeader, { className: styles.monthYear, value: activeMonth, onMonthClick: handleMonthClick, onYearClick: handleYearClick })))),
         React.createElement("div", { ref: scrollableNodeRef, className: cn(styles.container, (_c = {},
                 _c[styles.customScrollbar] = view === 'years' && shouldUseCustomScrollbar,
                 _c[styles.nativeScrollbar] = view === 'years' && !shouldUseCustomScrollbar,

package/calendar/esm/desktop/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 1u5hv */
+/* hash: 1ysph */
 :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 { /* 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 */
     --color-light-graphic-primary-alpha-30: rgba(14, 14, 14, 0.3);
@@ -44,26 +44,26 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_7oawk {
+} .calendar__component_mkilf {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
     flex-direction: column;
     overflow: hidden;
     outline: none
-} @media (max-width: 374px) { .calendar__component_7oawk {
+} @media (max-width: 374px) { .calendar__component_mkilf {
         align-items: center;
         width: 100%
 }
-    } .calendar__component_7oawk.calendar__responsive_7oawk {
+    } .calendar__component_mkilf.calendar__responsive_mkilf {
         width: 100%
-    } .calendar__component_7oawk.calendar__responsive_7oawk .calendar__period_7oawk {
+    } .calendar__component_mkilf.calendar__responsive_mkilf .calendar__period_mkilf {
             width: 100%;
-        } .calendar__component_7oawk.calendar__responsive_7oawk .calendar__monthYear_7oawk {
+        } .calendar__component_mkilf.calendar__responsive_mkilf .calendar__monthYear_mkilf {
             width: 100%;
-        } .calendar__component_7oawk.calendar__responsive_7oawk .calendar__container_7oawk {
+        } .calendar__component_mkilf.calendar__responsive_mkilf .calendar__container_mkilf {
             width: 100%;
-        } .calendar__container_7oawk {
+        } .calendar__container_mkilf {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -71,65 +71,65 @@
     box-sizing: border-box;
     flex-grow: 1;
     overflow: hidden
-} .calendar__container_7oawk.calendar__customScrollbar_7oawk {
+} .calendar__container_mkilf.calendar__customScrollbar_mkilf {
         overflow: auto;
         cursor: auto;
-    } .calendar__container_7oawk.calendar__customScrollbar_7oawk::-webkit-scrollbar {
+    } .calendar__container_mkilf.calendar__customScrollbar_mkilf::-webkit-scrollbar {
         width: 12px;
         height: 12px;
-    } .calendar__container_7oawk.calendar__customScrollbar_7oawk::-webkit-scrollbar-track {
+    } .calendar__container_mkilf.calendar__customScrollbar_mkilf::-webkit-scrollbar-track {
         background-color: transparent;
-    } .calendar__container_7oawk.calendar__customScrollbar_7oawk::-webkit-scrollbar-track-piece {
+    } .calendar__container_mkilf.calendar__customScrollbar_mkilf::-webkit-scrollbar-track-piece {
         background-color: transparent;
-    } .calendar__container_7oawk.calendar__customScrollbar_7oawk::-webkit-scrollbar-thumb {
+    } .calendar__container_mkilf.calendar__customScrollbar_mkilf::-webkit-scrollbar-thumb {
         background-color: var(--color-light-graphic-primary-alpha-30);
         border-color: transparent;
         border-style: solid;
         border-width: 4px;
         background-clip: padding-box;
-    } .calendar__container_7oawk.calendar__customScrollbar_7oawk::-webkit-scrollbar-thumb:vertical {
+    } .calendar__container_mkilf.calendar__customScrollbar_mkilf::-webkit-scrollbar-thumb:vertical {
         border-radius: var(--border-radius-circle) / 6px;
         min-height: 40px;
-    } .calendar__container_7oawk.calendar__customScrollbar_7oawk::-webkit-scrollbar-thumb:vertical:hover {
+    } .calendar__container_mkilf.calendar__customScrollbar_mkilf::-webkit-scrollbar-thumb:vertical:hover {
         border-radius: var(--border-radius-circle) / 7px;
         border-width: 4px 3px;
-    } .calendar__container_7oawk.calendar__customScrollbar_7oawk::-webkit-scrollbar-thumb:horizontal {
+    } .calendar__container_mkilf.calendar__customScrollbar_mkilf::-webkit-scrollbar-thumb:horizontal {
         border-radius: 6px / var(--border-radius-circle);
         min-width: 40px;
-    } .calendar__container_7oawk.calendar__customScrollbar_7oawk::-webkit-scrollbar-thumb:horizontal:hover {
+    } .calendar__container_mkilf.calendar__customScrollbar_mkilf::-webkit-scrollbar-thumb:horizontal:hover {
         border-radius: 7px / var(--border-radius-circle);
         border-width: 3px 4px;
-    } .calendar__container_7oawk.calendar__customScrollbar_7oawk::-webkit-scrollbar-thumb:active {
+    } .calendar__container_mkilf.calendar__customScrollbar_mkilf::-webkit-scrollbar-thumb:active {
         background-color: var(--color-light-graphic-primary-alpha-60);
-    } .calendar__container_7oawk.calendar__customScrollbar_7oawk::-webkit-resizer {
+    } .calendar__container_mkilf.calendar__customScrollbar_mkilf::-webkit-resizer {
         background: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="%2386868a" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.64645 0.646447C8.84171 0.841709 8.84171 1.15829 8.64645 1.35355L1.35355 8.64645C1.15829 8.84171 0.841709 8.84171 0.646447 8.64645C0.451184 8.45118 0.451184 8.1346 0.646447 7.93934L7.93934 0.646447C8.1346 0.451184 8.45118 0.451184 8.64645 0.646447ZM8.64645 3.64645C8.84171 3.84171 8.84171 4.15829 8.64645 4.35355L4.35355 8.64645C4.15829 8.84171 3.84171 8.84171 3.64645 8.64645C3.45118 8.45118 3.45118 8.1346 3.64645 7.93934L7.93934 3.64645C8.1346 3.45118 8.45118 3.45118 8.64645 3.64645Z" /></svg>')
             no-repeat right bottom;
-    } .calendar__container_7oawk.calendar__customScrollbar_7oawk::-webkit-scrollbar-button,
-    .calendar__container_7oawk.calendar__customScrollbar_7oawk::-webkit-scrollbar-corner {
+    } .calendar__container_mkilf.calendar__customScrollbar_mkilf::-webkit-scrollbar-button,
+    .calendar__container_mkilf.calendar__customScrollbar_mkilf::-webkit-scrollbar-corner {
         display: none;
-    } .calendar__container_7oawk.calendar__customScrollbar_7oawk {
+    } .calendar__container_mkilf.calendar__customScrollbar_mkilf {
 
         display: block;
         padding-right: var(--gap-2xs);
         overflow: hidden auto;
         scrollbar-gutter: stable;
-    } .calendar__container_7oawk.calendar__nativeScrollbar_7oawk {
+    } .calendar__container_mkilf.calendar__nativeScrollbar_mkilf {
         overflow: hidden auto;
-    } @media (max-width: 374px) { .calendar__container_7oawk {
+    } @media (max-width: 374px) { .calendar__container_mkilf {
         width: 288px
 }
-    } .calendar__sixWeeks_7oawk {
+    } .calendar__sixWeeks_mkilf {
     height: 388px;
-} .calendar__period_7oawk {
+} .calendar__period_mkilf {
     width: var(--calendar-inner-width)
-} @media (max-width: 374px) { .calendar__period_7oawk {
+} @media (max-width: 374px) { .calendar__period_mkilf {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto
 }
-    } .calendar__monthYear_7oawk {
+    } .calendar__monthYear_mkilf {
     width: var(--calendar-inner-width)
-} @media (max-width: 374px) { .calendar__monthYear_7oawk {
+} @media (max-width: 374px) { .calendar__monthYear_mkilf {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto

package/calendar/esm/utils.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 };