@alfalab/core-components 27.5.0-beta.0 → 27.5.0-beta.1

package/bottom-sheet/{component-69df90d5.js → component-5306cb91.js}

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-6ea09081.js');
+var tslib_es6 = require('./tslib.es6-f91bf751.js');
 var React = require('react');
 var cn = require('classnames');
 var reactDiv100vh = require('react-div-100vh');

package/bottom-sheet/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-6ea09081.js');
+require('./tslib.es6-f91bf751.js');
 require('react');
 require('classnames');
 require('react-div-100vh');
@@ -12,7 +12,7 @@ require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
 require('./components/backer/Component.js');
-var components_header_Component = require('./component-69df90d5.js');
+var components_header_Component = require('./component-5306cb91.js');
 require('./components/footer/Component.js');
 require('../backdrop');
 require('./components/swipeable-backdrop/Component.js');

package/bottom-sheet/components/backer/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-6ea09081.js');
+var tslib_es6 = require('../../tslib.es6-f91bf751.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsIconButton = require('../../../icon-button');

package/bottom-sheet/components/closer/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-6ea09081.js');
+var tslib_es6 = require('../../tslib.es6-f91bf751.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../../../base-modal');

package/bottom-sheet/components/header/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-6ea09081.js');
+require('../../tslib.es6-f91bf751.js');
 require('react');
 require('classnames');
 require('react-div-100vh');
@@ -12,7 +12,7 @@ require('@alfalab/icons-glyph/CrossMIcon');
 require('../closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
 require('../backer/Component.js');
-var components_header_Component = require('../../component-69df90d5.js');
+var components_header_Component = require('../../component-5306cb91.js');
 require('../footer/Component.js');
 require('../../../backdrop');
 require('../swipeable-backdrop/Component.js');

package/bottom-sheet/components/swipeable-backdrop/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-6ea09081.js');
+var tslib_es6 = require('../../tslib.es6-f91bf751.js');
 var React = require('react');
 var coreComponentsBackdrop = require('../../../backdrop');
 

package/bottom-sheet/esm/{component-e491eaff.js → component-f669f4e3.js}

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-5bf1d4c8.js';
+import { _ as __assign } from './tslib.es6-bea4085b.js';
 import React, { useContext, useEffect, forwardRef, useState, useRef, useCallback } from 'react';
 import cn from 'classnames';
 import { use100vh } from 'react-div-100vh';

package/bottom-sheet/esm/component.js

@@ -1,4 +1,4 @@
-import './tslib.es6-5bf1d4c8.js';
+import './tslib.es6-bea4085b.js';
 import 'react';
 import 'classnames';
 import 'react-div-100vh';
@@ -13,4 +13,4 @@ import './components/backer/Component.js';
 import './components/footer/Component.js';
 import '../../backdrop/esm';
 import './components/swipeable-backdrop/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-e491eaff.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-f669f4e3.js';

package/bottom-sheet/esm/components/backer/Component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-5bf1d4c8.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-bea4085b.js';
 import React from 'react';
 import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/esm';

package/bottom-sheet/esm/components/closer/Component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-5bf1d4c8.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-bea4085b.js';
 import React, { useContext, useCallback } from 'react';
 import cn from 'classnames';
 import { BaseModalContext } from '../../../../base-modal/esm';

package/bottom-sheet/esm/components/header/Component.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-5bf1d4c8.js';
+import '../../tslib.es6-bea4085b.js';
 import 'react';
 import 'classnames';
 import 'react-div-100vh';
@@ -13,4 +13,4 @@ import '../backer/Component.js';
 import '../footer/Component.js';
 import '../../../../backdrop/esm';
 import '../swipeable-backdrop/Component.js';
-export { a as Header } from '../../component-e491eaff.js';
+export { a as Header } from '../../component-f669f4e3.js';

package/bottom-sheet/esm/components/swipeable-backdrop/Component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-5bf1d4c8.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-bea4085b.js';
 import React from 'react';
 import { Backdrop } from '../../../../backdrop/esm';
 

package/bottom-sheet/esm/index.d.ts

@@ -1 +1 @@
-export * from "./component-e491eaff";
+export * from "./component-f669f4e3";

package/bottom-sheet/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-5bf1d4c8.js';
+import './tslib.es6-bea4085b.js';
 import 'react';
 import 'classnames';
 import 'react-div-100vh';
@@ -13,4 +13,4 @@ import './components/backer/Component.js';
 import './components/footer/Component.js';
 import '../../backdrop/esm';
 import './components/swipeable-backdrop/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-e491eaff.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-f669f4e3.js';

package/bottom-sheet/index.d.ts

@@ -1 +1 @@
-export * from "./component-69df90d5";
+export * from "./component-5306cb91";

package/bottom-sheet/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-6ea09081.js');
+require('./tslib.es6-f91bf751.js');
 require('react');
 require('classnames');
 require('react-div-100vh');
@@ -12,7 +12,7 @@ require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/closer/Component.js');
 require('@alfalab/icons-glyph/ArrowBackMIcon');
 require('./components/backer/Component.js');
-var components_header_Component = require('./component-69df90d5.js');
+var components_header_Component = require('./component-5306cb91.js');
 require('./components/footer/Component.js');
 require('../backdrop');
 require('./components/swipeable-backdrop/Component.js');

package/bottom-sheet/modern/component.js

@@ -12,4 +12,4 @@ import './components/backer/Component.js';
 import './components/footer/Component.js';
 import '../../backdrop/modern';
 import './components/swipeable-backdrop/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-2372f708.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-ad83ac98.js';

package/bottom-sheet/modern/components/header/Component.js

@@ -12,4 +12,4 @@ import '../backer/Component.js';
 import '../footer/Component.js';
 import '../../../../backdrop/modern';
 import '../swipeable-backdrop/Component.js';
-export { a as Header } from '../../component-2372f708.js';
+export { a as Header } from '../../component-ad83ac98.js';

package/bottom-sheet/modern/index.d.ts

@@ -1 +1 @@
-export * from "./component-2372f708";
+export * from "./component-ad83ac98";

package/bottom-sheet/modern/index.js

@@ -12,4 +12,4 @@ import './components/backer/Component.js';
 import './components/footer/Component.js';
 import '../../backdrop/modern';
 import './components/swipeable-backdrop/Component.js';
-export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-2372f708.js';
+export { B as BottomSheet, C as CLOSE_OFFSET, H as HEADER_OFFSET } from './component-ad83ac98.js';

package/calendar/Component.d.ts

@@ -15,6 +15,14 @@ type CalendarProps = {
      * Вид шапки — месяц и год или только месяц
      */
     selectorView?: SelectorView;
+    /**
+     * Возможность выбора месяца и года, если selectorView 'month-only'
+     */
+    isMonthAndYearSelectable?: boolean;
+    /**
+     * Отображать ли текущий год, если isMonthAndYearSelectable true
+     */
+    showCurrentYearSelector?: boolean;
     /**
      * Выбранная дата (timestamp)
      */
@@ -62,7 +70,7 @@ type CalendarProps = {
     /**
      * Обработчик выбора даты
      */
-    onChange?: (date?: number) => void;
+    onChange?: (date: number) => void;
     /**
      * Обработчик нажатия на кнопку месяца
      */
@@ -75,10 +83,6 @@ type CalendarProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
-    /**
-     * Нужно ли рендерить шапку календаря
-     */
-    hasHeader?: boolean;
 };
 declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
 export { CalendarProps, Calendar };

package/calendar/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-7e766274.js');
+var tslib_es6 = require('./tslib.es6-a7d75da2.js');
 var React = require('react');
 var cn = require('classnames');
 var startOfDay = require('date-fns/startOfDay');
@@ -75,9 +75,9 @@ require('./index.css');
 
 var Calendar = React.forwardRef(function (_a, ref) {
     var _b;
-    var className = _a.className, _c = _a.defaultView, defaultView = _c === void 0 ? 'days' : _c, _d = _a.selectorView, selectorView = _d === void 0 ? 'full' : _d, value = _a.value, monthTimestamp = _a.month, minDateTimestamp = _a.minDate, maxDateTimestamp = _a.maxDate, _e = _a.defaultMonth, defaultMonthTimestamp = _e === void 0 ? +new Date() : _e, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, rangeComplete = _a.rangeComplete, offDays = _a.offDays, events = _a.events, onChange = _a.onChange, onMonthChange = _a.onMonthChange, onMonthClick = _a.onMonthClick, onYearClick = _a.onYearClick, dataTestId = _a.dataTestId, _f = _a.hasHeader, hasHeader = _f === void 0 ? true : _f;
-    var _g = React.useState(defaultView), view = _g[0], setView = _g[1];
-    var _h = React.useState(false), scrolled = _h[0], setScrolled = _h[1];
+    var className = _a.className, _c = _a.defaultView, defaultView = _c === void 0 ? 'days' : _c, _d = _a.selectorView, selectorView = _d === void 0 ? 'full' : _d, isMonthAndYearSelectable = _a.isMonthAndYearSelectable, showCurrentYearSelector = _a.showCurrentYearSelector, value = _a.value, monthTimestamp = _a.month, minDateTimestamp = _a.minDate, maxDateTimestamp = _a.maxDate, _e = _a.defaultMonth, defaultMonthTimestamp = _e === void 0 ? +new Date() : _e, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, rangeComplete = _a.rangeComplete, offDays = _a.offDays, events = _a.events, onChange = _a.onChange, onMonthChange = _a.onMonthChange, onMonthClick = _a.onMonthClick, onYearClick = _a.onYearClick, dataTestId = _a.dataTestId;
+    var _f = React.useState(defaultView), view = _f[0], setView = _f[1];
+    var _g = React.useState(false), scrolled = _g[0], setScrolled = _g[1];
     var selected = React.useMemo(function () { return (value ? new Date(value) : undefined); }, [value]);
     var defaultMonth = React.useMemo(function () {
         return startOfMonth__default['default'](selected ||
@@ -92,7 +92,7 @@ var Calendar = React.forwardRef(function (_a, ref) {
     var maxDate = React.useMemo(function () { return (maxDateTimestamp ? endOfDay__default['default'](maxDateTimestamp) : undefined); }, [
         maxDateTimestamp,
     ]);
-    var _j = useCalendar.useCalendar({
+    var _h = useCalendar.useCalendar({
         month: month,
         defaultMonth: defaultMonth,
         view: view,
@@ -103,7 +103,7 @@ var Calendar = React.forwardRef(function (_a, ref) {
         events: events,
         onChange: onChange,
         onMonthChange: onMonthChange,
-    }), activeMonth = _j.activeMonth, weeks = _j.weeks, months = _j.months, years = _j.years, canSetPrevMonth = _j.canSetPrevMonth, canSetNextMonth = _j.canSetNextMonth, setMonthByDate = _j.setMonthByDate, setPrevMonth = _j.setPrevMonth, setNextMonth = _j.setNextMonth, highlighted = _j.highlighted, getDayProps = _j.getDayProps, getMonthProps = _j.getMonthProps, getYearProps = _j.getYearProps, getRootProps = _j.getRootProps;
+    }), activeMonth = _h.activeMonth, weeks = _h.weeks, months = _h.months, years = _h.years, canSetPrevMonth = _h.canSetPrevMonth, canSetNextMonth = _h.canSetNextMonth, setMonthByDate = _h.setMonthByDate, setPrevMonth = _h.setPrevMonth, setNextMonth = _h.setNextMonth, highlighted = _h.highlighted, getDayProps = _h.getDayProps, getMonthProps = _h.getMonthProps, getYearProps = _h.getYearProps, getRootProps = _h.getRootProps;
     var toggleView = React.useCallback(function (newView) {
         setView(view === newView ? 'days' : newView);
     }, [view]);
@@ -144,7 +144,7 @@ var Calendar = React.forwardRef(function (_a, ref) {
     return (React__default['default'].createElement("div", tslib_es6.__assign({}, getRootProps({ ref: ref }), { className: cn__default['default'](styles.component, className, (_b = {},
             _b[styles.sixWeeks] = weeks.length === 6,
             _b)), "data-test-id": dataTestId }),
-        hasHeader && (React__default['default'].createElement(components_header_Component.Header, { view: selectorView, withShadow: scrolled }, selectorView === 'month-only' ? (React__default['default'].createElement(components_periodSlider_Component.PeriodSlider, { className: styles.period, value: activeMonth, periodType: 'month', prevArrowDisabled: !canSetPrevMonth, nextArrowDisabled: !canSetNextMonth, hideDisabledArrows: true, onPrevArrowClick: handlePrevArrowClick, onNextArrowClick: handleNextArrowClick })) : (React__default['default'].createElement(components_monthYearHeader_Component.MonthYearHeader, { className: styles.monthYear, value: activeMonth, onMonthClick: handleMonthClick, onYearClick: handleYearClick })))),
+        React__default['default'].createElement(components_header_Component.Header, { view: selectorView, withShadow: scrolled }, selectorView === 'month-only' ? (React__default['default'].createElement(components_periodSlider_Component.PeriodSlider, { className: styles.period, value: activeMonth, periodType: 'month', prevArrowDisabled: !canSetPrevMonth, nextArrowDisabled: !canSetNextMonth, hideDisabledArrows: true, isMonthAndYearSelectable: isMonthAndYearSelectable, showCurrentYearSelector: showCurrentYearSelector, onPrevArrowClick: handlePrevArrowClick, onNextArrowClick: handleNextArrowClick, onMonthClick: handleMonthClick, onYearClick: handleYearClick })) : (React__default['default'].createElement(components_monthYearHeader_Component.MonthYearHeader, { className: styles.monthYear, value: activeMonth, onMonthClick: handleMonthClick, onYearClick: handleYearClick }))),
         React__default['default'].createElement("div", { className: cn__default['default'](styles.container, styles[view]) },
             view === 'days' && (React__default['default'].createElement(components_daysTable_Component.DaysTable, { weeks: weeks, activeMonth: activeMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, getDayProps: getDayProps, highlighted: highlighted, rangeComplete: rangeComplete })),
             view === 'months' && (React__default['default'].createElement(components_monthsTable_Component.MonthsTable, { selectedMonth: activeMonth, months: months, getMonthProps: getMonthProps })),

package/calendar/components/days-table/Component.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import React from 'react';
-import { FC, RefCallback } from "react";
+import { FC, RefCallback } from 'react';
 import { Day } from "../../typings";
 type DaysTableProps = {
     /**
@@ -31,13 +29,8 @@ type DaysTableProps = {
      * Доп. пропсы для переданного дня
      */
     getDayProps: (day: Day) => Record<string, unknown> & {
-        ref: RefCallback<HTMLTableDataCellElement>;
-        onClick: (e: React.MouseEvent<HTMLTableDataCellElement>) => void;
+        ref: RefCallback<HTMLButtonElement>;
     };
-    /**
-     * Нужно ли рендерить шапку
-     */
-    hasHeader?: boolean;
 };
 declare const DaysTable: FC<DaysTableProps>;
 export { DaysTableProps, DaysTable };

package/calendar/components/days-table/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-7e766274.js');
+var tslib_es6 = require('../../tslib.es6-a7d75da2.js');
 var React = require('react');
 var cn = require('classnames');
 require('date-fns/startOfDay');
@@ -44,11 +44,11 @@ var isSameDay__default = /*#__PURE__*/_interopDefaultLegacy(isSameDay);
 var isToday__default = /*#__PURE__*/_interopDefaultLegacy(isToday);
 var isWithinInterval__default = /*#__PURE__*/_interopDefaultLegacy(isWithinInterval);
 
-var styles = {"daysTable":"calendar__daysTable_1j1lb","dayName":"calendar__dayName_1j1lb","day":"calendar__day_1j1lb","highlighted":"calendar__highlighted_1j1lb","range":"calendar__range_1j1lb","disabled":"calendar__disabled_1j1lb","today":"calendar__today_1j1lb","rangeComplete":"calendar__rangeComplete_1j1lb","selected":"calendar__selected_1j1lb","dayWrapper":"calendar__dayWrapper_1j1lb","rangeEnd":"calendar__rangeEnd_1j1lb","rangeStart":"calendar__rangeStart_1j1lb","transitLeft":"calendar__transitLeft_1j1lb","transitRight":"calendar__transitRight_1j1lb","sharpTransitLeft":"calendar__sharpTransitLeft_1j1lb","sharpTransitRight":"calendar__sharpTransitRight_1j1lb","daysEnter":"calendar__daysEnter_1j1lb","left":"calendar__left_1j1lb","daysEnterActive":"calendar__daysEnterActive_1j1lb","daysExit":"calendar__daysExit_1j1lb","daysExitActive":"calendar__daysExitActive_1j1lb","right":"calendar__right_1j1lb","dot":"calendar__dot_1j1lb"};
+var styles = {"daysTable":"calendar__daysTable_1j1lb","dayName":"calendar__dayName_1j1lb","day":"calendar__day_1j1lb","highlighted":"calendar__highlighted_1j1lb","range":"calendar__range_1j1lb","disabled":"calendar__disabled_1j1lb","today":"calendar__today_1j1lb","rangeComplete":"calendar__rangeComplete_1j1lb","selected":"calendar__selected_1j1lb","dayWrapper":"calendar__dayWrapper_1j1lb","rangeEnd":"calendar__rangeEnd_1j1lb","rangeStart":"calendar__rangeStart_1j1lb","transitLeft":"calendar__transitLeft_1j1lb","transitRight":"calendar__transitRight_1j1lb","left":"calendar__left_1j1lb","daysEnter":"calendar__daysEnter_1j1lb","daysEnterActive":"calendar__daysEnterActive_1j1lb","daysExit":"calendar__daysExit_1j1lb","daysExitActive":"calendar__daysExitActive_1j1lb","right":"calendar__right_1j1lb","dot":"calendar__dot_1j1lb"};
 require('./index.css');
 
 var DaysTable = function (_a) {
-    var _b = _a.weeks, weeks = _b === void 0 ? [] : _b, _c = _a.activeMonth, activeMonth = _c === void 0 ? new Date() : _c, highlighted = _a.highlighted, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, _d = _a.rangeComplete, rangeComplete = _d === void 0 ? selectedFrom && selectedTo : _d, getDayProps = _a.getDayProps, _e = _a.hasHeader, hasHeader = _e === void 0 ? true : _e;
+    var _b = _a.weeks, weeks = _b === void 0 ? [] : _b, _c = _a.activeMonth, activeMonth = _c === void 0 ? new Date() : _c, highlighted = _a.highlighted, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, _d = _a.rangeComplete, rangeComplete = _d === void 0 ? selectedFrom && selectedTo : _d, getDayProps = _a.getDayProps;
     var activeMonthRef = React.useRef(activeMonth);
     activeMonthRef.current = activeMonth;
     var prevActiveMonth = hooks.usePrevious(activeMonth);
@@ -66,65 +66,44 @@ var DaysTable = function (_a) {
             (selectedTo && isSameDay__default['default'](day.date, selectedTo));
         var dayHighlighted = highlighted && isEqual__default['default'](day.date, highlighted);
         var inRange = selection && isWithinInterval__default['default'](day.date, selection);
-        var firstDayOfMonth = day.date.getDate() === 1;
-        var lastDayOfMonth = isLastDayOfMonth__default['default'](day.date);
-        var firstDayOfWeek = utils.russianWeekDay(day.date) === 0;
-        var lastDayOfWeek = utils.russianWeekDay(day.date) === 6;
-        var transitLeft = firstDayOfMonth && inRange && selection && day.date > selection.start;
-        var transitRight = lastDayOfMonth && inRange && selection && day.date < selection.end;
+        var firstDay = day.date.getDate() === 1;
+        var lastDay = isLastDayOfMonth__default['default'](day.date);
+        var transitLeft = firstDay && inRange && selection && day.date > selection.start;
+        var transitRight = lastDay && inRange && selection && day.date < selection.end;
         var rangeStart = selection && isSameDay__default['default'](day.date, selection.start);
         var rangeEnd = selection && isSameDay__default['default'](day.date, selection.end);
-        var sharpTransitLeft = firstDayOfWeek &&
-            firstDayOfMonth &&
-            inRange &&
-            selection &&
-            (isSameDay__default['default'](day.date, selection.start) || isSameDay__default['default'](day.date, selection.end));
-        var sharpTransitRight = lastDayOfWeek &&
-            lastDayOfMonth &&
-            inRange &&
-            selection &&
-            (isSameDay__default['default'](day.date, selection.start) || isSameDay__default['default'](day.date, selection.end));
         var dayProps = getDayProps(day);
-        var onClick = dayProps.onClick;
-        var handleDayClick = function (e) {
-            if (!day.disabled)
-                onClick(e);
-        };
-        return (
-        // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
-        React__default['default'].createElement("td", tslib_es6.__assign({}, dayProps, { key: day.date.getTime(), className: cn__default['default'](styles.dayWrapper, (_a = {},
+        return (React__default['default'].createElement("td", { key: day.date.getTime(), className: cn__default['default'](styles.dayWrapper, (_a = {},
                 _a[styles.range] = inRange,
                 _a[styles.rangeComplete] = inRange && rangeComplete,
                 _a[styles.transitLeft] = transitLeft,
                 _a[styles.transitRight] = transitRight,
-                _a[styles.sharpTransitLeft] = sharpTransitLeft,
-                _a[styles.sharpTransitRight] = sharpTransitRight,
                 _a[styles.rangeStart] = rangeStart,
                 _a[styles.rangeEnd] = rangeEnd,
-                _a)), align: 'center', ref: function (node) {
-                /**
-                 * После анимации реф-коллбэк вызывается еще раз, и в него передается null и старый activeMonth.
-                 * Поэтому приходится хранить актуальный месяц в рефе и сравнивать с ним.
-                 */
-                if (startOfMonth__default['default'](day.date).getTime() === activeMonthRef.current.getTime()) {
-                    dayProps.ref(node);
-                }
-            }, onClick: handleDayClick }),
-            React__default['default'].createElement(coreComponentsButton.Button, { type: 'button', view: 'ghost', size: 'xs', disabled: day.disabled, className: cn__default['default'](styles.day, (_b = {},
+                _a)) },
+            React__default['default'].createElement(coreComponentsButton.Button, tslib_es6.__assign({}, dayProps, { ref: function (node) {
+                    /**
+                     * После анимации реф-коллбэк вызывается еще раз, и в него передается null и старый activeMonth.
+                     * Поэтому приходится хранить актуальный месяц в рефе и сравнивать с ним.
+                     */
+                    if (startOfMonth__default['default'](day.date).getTime() === activeMonthRef.current.getTime()) {
+                        dayProps.ref(node);
+                    }
+                }, type: 'button', view: 'ghost', size: 'xs', disabled: day.disabled, className: cn__default['default'](styles.day, (_b = {},
                     _b[styles.selected] = daySelected,
                     _b[styles.today] = isToday__default['default'](day.date),
                     _b[styles.disabled] = day.disabled,
                     _b[styles.highlighted] = dayHighlighted,
-                    _b)) },
+                    _b)) }),
                 day.event && React__default['default'].createElement("span", { className: styles.dot }),
                 day.date.getDate())));
     };
     var renderWeek = function (week, weekIdx) { return (React__default['default'].createElement("tr", { key: weekIdx }, week.map(renderDay))); };
     return (React__default['default'].createElement("table", { className: cn__default['default'](styles.daysTable, direction && styles[direction]) },
-        hasHeader && (React__default['default'].createElement("thead", null,
-            React__default['default'].createElement("tr", null, renderHeader()))),
+        React__default['default'].createElement("thead", null,
+            React__default['default'].createElement("tr", null, renderHeader())),
         React__default['default'].createElement(reactTransitionGroup.TransitionGroup, { component: null },
-            React__default['default'].createElement(reactTransitionGroup.CSSTransition, { key: activeMonth.getTime(), timeout: 250, classNames: {
+            React__default['default'].createElement(reactTransitionGroup.CSSTransition, { key: activeMonth.getTime(), timeout: 300, classNames: {
                     enter: styles.daysEnter,
                     enterActive: styles.daysEnterActive,
                     exit: styles.daysExit,

package/calendar/components/days-table/index.css

@@ -68,8 +68,7 @@
 .calendar__daysTable_1j1lb {
     border-collapse: separate;
     border-spacing: 0;
-    position: relative;
-    width: 100%
+    position: relative
 }
 .calendar__daysTable_1j1lb th {
         padding: 0;
@@ -95,8 +94,6 @@
     line-height: 24px;
     font-weight: 400;
 
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-
     position: relative;
     width: var(--calendar-day-size);
     height: var(--calendar-day-size);
@@ -139,22 +136,15 @@
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
     }
-@media (hover) {
-            .calendar__day_1j1lb.calendar__selected_1j1lb:hover {
-                background: var(--calendar-selected-hover-background);
-            }
+.calendar__day_1j1lb.calendar__selected_1j1lb:hover {
+            background: var(--calendar-selected-hover-background);
         }
-.calendar__day_1j1lb:not(.calendar__selected_1j1lb):hover {
-        color: var(--color-light-text-primary);
-    }
 .calendar__day_1j1lb:focus {
         z-index: 1;
     }
 /* RANGE */
 .calendar__dayWrapper_1j1lb {
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    position: relative;
-    cursor: pointer
+    position: relative
 }
 .calendar__dayWrapper_1j1lb:before {
         content: '';
@@ -165,9 +155,6 @@
         width: 100%;
         height: var(--calendar-day-size);
     }
-.calendar__dayWrapper_1j1lb:focus {
-        outline: none;
-    }
 .calendar__range_1j1lb .calendar__day_1j1lb:not(.calendar__selected_1j1lb):not(.calendar__disabled_1j1lb):not(.calendar__today_1j1lb) {
         color: var(--calendar-range-color);
     }
@@ -175,16 +162,22 @@
         background: var(--calendar-range-background);
     }
 .calendar__rangeEnd_1j1lb:before {
-        width: calc(50% + 20px);
-        border-top-right-radius: var(--calendar-day-border-radius);
-        border-bottom-right-radius: var(--calendar-day-border-radius);
+        border-bottom-right-radius: 50%;
+        border-top-right-radius: 50%;
+        width: var(--calendar-day-size);
+    }
+.calendar__rangeEnd_1j1lb:after {
+        opacity: 0;
     }
 .calendar__rangeStart_1j1lb:before {
         left: auto;
         right: 0;
-        width: calc(50% + 20px);
-        border-top-left-radius: var(--calendar-day-border-radius);
-        border-bottom-left-radius: var(--calendar-day-border-radius);
+        border-bottom-left-radius: 50%;
+        border-top-left-radius: 50%;
+        width: var(--calendar-day-size);
+    }
+.calendar__rangeStart_1j1lb:after {
+        opacity: 0;
     }
 .calendar__rangeComplete_1j1lb:before {
         background: var(--calendar-range-complete-background);
@@ -226,18 +219,6 @@
 .calendar__transitRight_1j1lb:last-child:after {
             left: 0;
         }
-.calendar__sharpTransitLeft_1j1lb:first-child:before {
-            opacity: 1;
-        }
-.calendar__sharpTransitLeft_1j1lb:first-child:after {
-            opacity: 0;
-        }
-.calendar__sharpTransitRight_1j1lb:last-child:before {
-            opacity: 1;
-        }
-.calendar__sharpTransitRight_1j1lb:last-child:after {
-            opacity: 0;
-        }
 .calendar__rangeComplete_1j1lb.calendar__transitLeft_1j1lb:after {
         background: linear-gradient(
             270deg,
@@ -253,9 +234,6 @@
         );
     }
 /* SLIDE ANIMATION */
-.calendar__daysEnter_1j1lb .calendar__dayWrapper_1j1lb {
-    width: 100px;
-}
 .calendar__left_1j1lb .calendar__daysEnter_1j1lb {
         transform: translateX(var(--calendar-day-size));
     }
@@ -266,10 +244,10 @@
         transform: translateX(0%);
     }
 .calendar__left_1j1lb .calendar__daysExitActive_1j1lb {
-        transform: translateX(-1 * var(--calendar-day-size));
+        transform: translateX(calc(-1 * var(--calendar-day-size)));
     }
 .calendar__right_1j1lb .calendar__daysEnter_1j1lb {
-        transform: translateX(-1 * var(--calendar-day-size));
+        transform: translateX(calc(-1 * var(--calendar-day-size)));
     }
 .calendar__right_1j1lb .calendar__daysEnterActive_1j1lb {
         transform: translateX(0%);
@@ -311,5 +289,5 @@
 }
 .calendar__daysEnterActive_1j1lb,
 .calendar__daysExitActive_1j1lb {
-    transition: opacity 250ms, transform 250ms;
+    transition: opacity 300ms, transform 300ms;
 }

package/calendar/components/days-table/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-7e766274.js');
+require('../../tslib.es6-a7d75da2.js');
 require('react');
 require('classnames');
 require('date-fns/startOfDay');

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-7e766274.js');
+require('../../tslib.es6-a7d75da2.js');
 var React = require('react');
 var cn = require('classnames');
 require('date-fns/startOfDay');

package/calendar/components/month-year-header/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-7e766274.js');
+require('../../tslib.es6-a7d75da2.js');
 require('react');
 require('classnames');
 require('date-fns/startOfDay');

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-7e766274.js');
+var tslib_es6 = require('../../tslib.es6-a7d75da2.js');
 var React = require('react');
 require('classnames');
 require('date-fns/startOfDay');