@megafon/ui-core 6.2.1 → 7.0.0-beta.1

package/dist/lib/components/Calendar/Calendar.js

@@ -1,116 +1,70 @@
 "use strict";
 
-function _typeof3(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof3 = function _typeof3(obj) { return typeof obj; }; } else { _typeof3 = function _typeof3(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof3(obj); }
-
+function _typeof3(o) { "@babel/helpers - typeof"; return _typeof3 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof3(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.CalendarDirectionTypes = exports.CalendarTypes = void 0;
-
+exports["default"] = exports.CalendarTypes = exports.CalendarDirectionTypes = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-require("core-js/modules/es.array.index-of.js");
-
 require("core-js/modules/es.symbol.js");
-
-require("core-js/modules/es.date.to-string.js");
-
-require("core-js/modules/es.array.reverse.js");
-
-require("core-js/modules/es.array.from.js");
-
-require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.array.concat.js");
-
+require("core-js/modules/es.array.from.js");
+require("core-js/modules/es.array.index-of.js");
 require("core-js/modules/es.array.map.js");
-
-require("core-js/modules/es.object.values.js");
-
-var _react = _interopRequireWildcard(require("react"));
-
+require("core-js/modules/es.array.reverse.js");
+require("core-js/modules/es.date.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+var React = _interopRequireWildcard(require("react"));
 var _hooks = require("@datepicker-react/hooks");
-
 var _uiHelpers = require("@megafon/ui-helpers");
-
 var _dateFns = require("date-fns");
-
 var _differenceInDays = _interopRequireDefault(require("date-fns/differenceInDays"));
-
 var _format = _interopRequireDefault(require("date-fns/format"));
-
 var _isAfter = _interopRequireDefault(require("date-fns/isAfter"));
-
 var _isBefore = _interopRequireDefault(require("date-fns/isBefore"));
-
 var _isEqual = _interopRequireDefault(require("date-fns/isEqual"));
-
 var _isSameMonth = _interopRequireDefault(require("date-fns/isSameMonth"));
-
 var _ru = _interopRequireDefault(require("date-fns/locale/ru"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Day = _interopRequireDefault(require("./components/Day/Day"));
-
-var _Month = _interopRequireDefault(require("./components/Month/Month"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
+var _Day = _interopRequireDefault(require("./components/_Day/Day"));
+var _Month = _interopRequireDefault(require("./components/_Month/Month"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 var formatDate = function formatDate(date, pattern) {
   var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _ru["default"];
   return (0, _format["default"])(date, pattern, {
     locale: locale
   });
 };
-
-var CalendarTypes = {
+var CalendarTypes = exports.CalendarTypes = {
   CLASSIC: 'Classic',
   MODERN: 'Modern'
 };
-exports.CalendarTypes = CalendarTypes;
-var CalendarDirectionTypes = {
+var CalendarDirectionTypes = exports.CalendarDirectionTypes = {
   PAST: 'past',
   FUTURE: 'future',
   BOTH: 'both'
 };
-exports.CalendarDirectionTypes = CalendarDirectionTypes;
-
 var weekdayLabelFormat = function weekdayLabelFormat(date) {
   return formatDate(date, 'EEEEEE');
 };
-
 var dayLabelFormat = function dayLabelFormat(date) {
   return formatDate(date, 'd');
 };
-
 var monthLabelFormat = function monthLabelFormat(date) {
   return formatDate(date, 'LLLL');
 };
-
 var generateMonthsData = function generateMonthsData(pastMonthsCount, futureMonthsCount, direction) {
   var months = [];
   var currentDate = new Date();
@@ -118,7 +72,6 @@ var generateMonthsData = function generateMonthsData(pastMonthsCount, futureMont
     year: currentDate.getFullYear(),
     month: currentDate.getMonth()
   };
-
   if (direction === 'past' || direction === 'both') {
     var pastMonths = Array.from({
       length: pastMonthsCount
@@ -133,7 +86,6 @@ var generateMonthsData = function generateMonthsData(pastMonthsCount, futureMont
   } else {
     months.push(currentMonth);
   }
-
   if (direction === 'future' || direction === 'both') {
     var futureMonths = Array.from({
       length: futureMonthsCount
@@ -144,9 +96,8 @@ var generateMonthsData = function generateMonthsData(pastMonthsCount, futureMont
         month: monthDate.getMonth()
       };
     });
-    months = [].concat((0, _toConsumableArray2["default"])(months), (0, _toConsumableArray2["default"])(futureMonths));
+    months = [].concat((0, _toConsumableArray2["default"])(months), futureMonths);
   }
-
   return months;
 };
 /* List of cases to check on component change:
@@ -159,31 +110,28 @@ var generateMonthsData = function generateMonthsData(pastMonthsCount, futureMont
 - Should correctly highlights period if start date chosen and hover on possible end date
 
 */
-
-
 var cn = (0, _uiHelpers.cnCreate)('mfui-calendar');
-
 var Calendar = function Calendar(_ref) {
   var dataAttrs = _ref.dataAttrs,
-      _ref$isSingleDate = _ref.isSingleDate,
-      isSingleDate = _ref$isSingleDate === void 0 ? false : _ref$isSingleDate,
-      _ref$startDate = _ref.startDate,
-      startDate = _ref$startDate === void 0 ? null : _ref$startDate,
-      _ref$endDate = _ref.endDate,
-      endDate = _ref$endDate === void 0 ? null : _ref$endDate,
-      className = _ref.className,
-      onChange = _ref.onChange,
-      minBookingDate = _ref.minBookingDate,
-      maxBookingDate = _ref.maxBookingDate,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'Classic' : _ref$type,
-      _ref$pastMonthsCount = _ref.pastMonthsCount,
-      pastMonthsCount = _ref$pastMonthsCount === void 0 ? 1 : _ref$pastMonthsCount,
-      _ref$futureMonthsCoun = _ref.futureMonthsCount,
-      futureMonthsCount = _ref$futureMonthsCoun === void 0 ? 1 : _ref$futureMonthsCoun,
-      _ref$direction = _ref.direction,
-      direction = _ref$direction === void 0 ? 'past' : _ref$direction;
-  var calendarStateFromProps = (0, _react.useMemo)(function () {
+    _ref$isSingleDate = _ref.isSingleDate,
+    isSingleDate = _ref$isSingleDate === void 0 ? false : _ref$isSingleDate,
+    _ref$startDate = _ref.startDate,
+    startDate = _ref$startDate === void 0 ? null : _ref$startDate,
+    _ref$endDate = _ref.endDate,
+    endDate = _ref$endDate === void 0 ? null : _ref$endDate,
+    className = _ref.className,
+    onChange = _ref.onChange,
+    minBookingDate = _ref.minBookingDate,
+    maxBookingDate = _ref.maxBookingDate,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'Classic' : _ref$type,
+    _ref$pastMonthsCount = _ref.pastMonthsCount,
+    pastMonthsCount = _ref$pastMonthsCount === void 0 ? 1 : _ref$pastMonthsCount,
+    _ref$futureMonthsCoun = _ref.futureMonthsCount,
+    futureMonthsCount = _ref$futureMonthsCoun === void 0 ? 1 : _ref$futureMonthsCoun,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? 'past' : _ref$direction;
+  var calendarStateFromProps = React.useMemo(function () {
     var isInitialDatesEqual = startDate && endDate && (0, _isEqual["default"])(startDate, endDate);
     var isStartFocus = !startDate || endDate && !isInitialDatesEqual;
     var isStartDateBlocked = startDate && minBookingDate && maxBookingDate && ((0, _isAfter["default"])(minBookingDate, startDate) || (0, _isBefore["default"])(maxBookingDate, startDate));
@@ -195,57 +143,51 @@ var Calendar = function Calendar(_ref) {
       focusedInput: isStartFocus ? _hooks.START_DATE : _hooks.END_DATE
     };
   }, [startDate, endDate, isSingleDate, minBookingDate, maxBookingDate]);
-  var monthsData = (0, _react.useMemo)(function () {
+  var monthsData = React.useMemo(function () {
     return generateMonthsData(pastMonthsCount, futureMonthsCount, direction);
   }, [pastMonthsCount, futureMonthsCount, direction]);
-
-  var _useState = (0, _react.useState)(calendarStateFromProps),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      calendarState = _useState2[0],
-      setCalendarState = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(undefined),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      hoveredDate = _useState4[0],
-      setHoveredDate = _useState4[1];
-
-  var isUserChoice = (0, _react.useRef)(false);
-  var currentMonthRef = (0, _react.useRef)(null);
+  var _React$useState = React.useState(calendarStateFromProps),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    calendarState = _React$useState2[0],
+    setCalendarState = _React$useState2[1];
+  var _React$useState3 = React.useState(undefined),
+    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+    hoveredDate = _React$useState4[0],
+    setHoveredDate = _React$useState4[1];
+  var isUserChoice = React.useRef(false);
+  var currentMonthRef = React.useRef(null);
   var stateStartDate = calendarState.startDate,
-      stateEndDate = calendarState.endDate,
-      stateFocusedInput = calendarState.focusedInput;
+    stateEndDate = calendarState.endDate,
+    stateFocusedInput = calendarState.focusedInput;
   var isModernType = type === CalendarTypes.MODERN;
-
   var _a = (0, _hooks.useDatepicker)((0, _extends2["default"])({
-    onDatesChange: function onDatesChange() {
-      return undefined;
-    },
-    numberOfMonths: 1,
-    minBookingDate: minBookingDate,
-    maxBookingDate: maxBookingDate,
-    initialVisibleMonth: stateStartDate || undefined
-  }, calendarState)),
-      firstDayOfWeek = _a.firstDayOfWeek,
-      activeMonths = _a.activeMonths,
-      goToPreviousMonths = _a.goToPreviousMonths,
-      goToNextMonths = _a.goToNextMonths,
-      goToDate = _a.goToDate,
-      pickerProps = __rest(_a, ["firstDayOfWeek", "activeMonths", "goToPreviousMonths", "goToNextMonths", "goToDate"]);
-
-  (0, _react.useEffect)(function () {
+      onDatesChange: function onDatesChange() {
+        return undefined;
+      },
+      numberOfMonths: 1,
+      minBookingDate: minBookingDate,
+      maxBookingDate: maxBookingDate,
+      initialVisibleMonth: stateStartDate || undefined
+    }, calendarState)),
+    firstDayOfWeek = _a.firstDayOfWeek,
+    activeMonths = _a.activeMonths,
+    goToPreviousMonths = _a.goToPreviousMonths,
+    goToNextMonths = _a.goToNextMonths,
+    goToDate = _a.goToDate,
+    pickerProps = __rest(_a, ["firstDayOfWeek", "activeMonths", "goToPreviousMonths", "goToNextMonths", "goToDate"]);
+  React.useEffect(function () {
     isUserChoice.current = false;
   }, [startDate]);
-  (0, _react.useEffect)(function () {
+  React.useEffect(function () {
     var propsStartDate = calendarStateFromProps.startDate;
     setCalendarState(calendarStateFromProps);
-    !isUserChoice.current && propsStartDate && goToDate(propsStartDate); // eslint-disable-next-line react-hooks/exhaustive-deps
+    !isUserChoice.current && propsStartDate && goToDate(propsStartDate);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [calendarStateFromProps]);
-  (0, _react.useEffect)(function () {
+  React.useEffect(function () {
     var _a, _b;
-
     if (isModernType && direction !== 'future') {
       var parentElement = (_a = currentMonthRef.current) === null || _a === void 0 ? void 0 : _a.parentNode;
-
       if (parentElement && currentMonthRef.current) {
         parentElement.scrollTo({
           top: ((_b = currentMonthRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight) * pastMonthsCount || 0
@@ -253,7 +195,6 @@ var Calendar = function Calendar(_ref) {
       }
     }
   }, [isModernType, direction, pastMonthsCount]);
-
   var getCalendarState = function getCalendarState(date) {
     var isStartChose = stateFocusedInput === _hooks.START_DATE;
     var isEndChose = stateFocusedInput === _hooks.END_DATE;
@@ -265,10 +206,8 @@ var Calendar = function Calendar(_ref) {
     var isClickAfterChosenEndDate = stateEndDate && isStartChose && (0, _isAfter["default"])(date, stateEndDate || 0);
     var isClickBeforeStartDate = stateStartDate && isEndChose && !(0, _isAfter["default"])(date, stateStartDate || 0);
     var isStartDateChose = isStartDateClick || isEndDateClick || isClickBeforeChosenEndDate || isClickAfterChosenEndDate || isClickBeforeStartDate;
-
     if (isModernType) {
       var resetEndDateCondition = isStartChose || !stateStartDate || !!stateEndDate;
-
       if (resetEndDateCondition || isEndChose && stateStartDate && (0, _isBefore["default"])(date, stateStartDate)) {
         return {
           startDate: date,
@@ -276,7 +215,6 @@ var Calendar = function Calendar(_ref) {
           focusedInput: _hooks.END_DATE
         };
       }
-
       if (isEndChose && stateStartDate) {
         return {
           startDate: stateStartDate,
@@ -285,13 +223,11 @@ var Calendar = function Calendar(_ref) {
         };
       }
     }
-
     switch (true) {
       case isSingleDate:
         return (0, _extends2["default"])((0, _extends2["default"])({}, calendarState), {
           startDate: date
         });
-
       case isPeriodNarrow:
         {
           var isCloserToStart = stateStartDate && stateEndDate && (0, _differenceInDays["default"])(stateStartDate, date) >= (0, _differenceInDays["default"])(date, stateEndDate);
@@ -301,20 +237,17 @@ var Calendar = function Calendar(_ref) {
             focusedInput: _hooks.START_DATE
           });
         }
-
       case isStartDateChose:
         return {
           startDate: date,
           endDate: null,
           focusedInput: _hooks.END_DATE
         };
-
       case isEndDateChose:
         return (0, _extends2["default"])((0, _extends2["default"])({}, calendarState), {
           endDate: date,
           focusedInput: _hooks.START_DATE
         });
-
       default:
         return (0, _extends2["default"])((0, _extends2["default"])({}, calendarState), {
           startDate: date,
@@ -322,46 +255,38 @@ var Calendar = function Calendar(_ref) {
         });
     }
   };
-
   var isDateHighlighted = function isDateHighlighted(date) {
     if (!stateStartDate || !!stateEndDate || isSingleDate) {
       return false;
     }
-
     return !!stateStartDate && !!hoveredDate && (0, _isAfter["default"])(hoveredDate, date) && (0, _isBefore["default"])(stateStartDate, date);
   };
-
   var handleDaySelect = function handleDaySelect(date) {
     var nextState = getCalendarState(date);
     var nextStartDate = nextState.startDate,
-        nextEndDate = nextState.endDate;
+      nextEndDate = nextState.endDate;
     setCalendarState(nextState);
     isUserChoice.current = true;
     onChange === null || onChange === void 0 ? void 0 : onChange(nextStartDate, nextEndDate);
   };
-
   var handleDateHover = function handleDateHover(date) {
-    return setHoveredDate(date);
+    date && setHoveredDate(date);
   };
-
   var handleDateMouseLeave = function handleDateMouseLeave() {
     return setHoveredDate(undefined);
   };
-
   var renderDays = function renderDays(days) {
     var correctionIndex = 0;
     return days.map(function (day, index) {
       if ((0, _typeof2["default"])(day) === 'object') {
         var date = day.date,
-            dayLabel = day.dayLabel;
-
+          dayLabel = day.dayLabel;
         if (!dayLabel) {
-          return /*#__PURE__*/_react["default"].createElement("div", {
+          return /*#__PURE__*/React.createElement("div", {
             key: index + String(date)
           });
         }
-
-        return /*#__PURE__*/_react["default"].createElement(_Day["default"], (0, _extends2["default"])({
+        return /*#__PURE__*/React.createElement(_Day["default"], (0, _extends2["default"])({
           dataAttrs: {
             root: (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.day, index + 1 - correctionIndex))
           },
@@ -376,38 +301,35 @@ var Calendar = function Calendar(_ref) {
           isModern: isModernType
         }));
       }
-
       correctionIndex += 1;
-      return /*#__PURE__*/_react["default"].createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         key: index + day
       });
     });
   };
-
   var renderMonths = function renderMonths() {
     var monthsArray = isModernType ? monthsData : activeMonths;
     return monthsArray.map(function (_ref2) {
       var month = _ref2.month,
-          year = _ref2.year; // eslint-disable-next-line react-hooks/rules-of-hooks
-
+        year = _ref2.year;
+      // eslint-disable-next-line react-hooks/rules-of-hooks
       var _useMonth = (0, _hooks.useMonth)({
-        year: year,
-        month: month,
-        firstDayOfWeek: firstDayOfWeek,
-        dayLabelFormat: dayLabelFormat,
-        weekdayLabelFormat: weekdayLabelFormat,
-        monthLabelFormat: monthLabelFormat
-      }),
-          days = _useMonth.days,
-          weekdayLabels = _useMonth.weekdayLabels,
-          monthLabel = _useMonth.monthLabel;
-
+          year: year,
+          month: month,
+          firstDayOfWeek: firstDayOfWeek,
+          dayLabelFormat: dayLabelFormat,
+          weekdayLabelFormat: weekdayLabelFormat,
+          monthLabelFormat: monthLabelFormat
+        }),
+        days = _useMonth.days,
+        weekdayLabels = _useMonth.weekdayLabels,
+        monthLabel = _useMonth.monthLabel;
       var isPrevMonthDisabled = !!minBookingDate && (0, _isSameMonth["default"])(new Date(year, month, 1), minBookingDate);
       var isNextMonthDisabled = !!maxBookingDate && (0, _isSameMonth["default"])(new Date(year, month, 1), maxBookingDate);
       var isCurrentMonth = new Date().getFullYear() === year && new Date().getMonth() === month;
-      return /*#__PURE__*/_react["default"].createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         ref: isCurrentMonth ? currentMonthRef : null
-      }, /*#__PURE__*/_react["default"].createElement(_Month["default"], {
+      }, /*#__PURE__*/React.createElement(_Month["default"], {
         dataAttrs: {
           root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.month,
           arrowLeft: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.arrowLeft,
@@ -425,33 +347,10 @@ var Calendar = function Calendar(_ref) {
       }, renderDays(days)));
     });
   };
-
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn([className], {
       modern: isModernType
     })
   }), renderMonths());
 };
-
-Calendar.propTypes = {
-  dataAttrs: _propTypes["default"].shape({
-    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
-    day: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
-    month: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
-    arrowLeft: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
-    arrowRight: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
-  }),
-  isSingleDate: _propTypes["default"].bool,
-  className: _propTypes["default"].string,
-  startDate: _propTypes["default"].instanceOf(Date),
-  endDate: _propTypes["default"].instanceOf(Date),
-  minBookingDate: _propTypes["default"].instanceOf(Date),
-  maxBookingDate: _propTypes["default"].instanceOf(Date),
-  type: _propTypes["default"].oneOf(Object.values(CalendarTypes)),
-  pastMonthsCount: _propTypes["default"].number,
-  futureMonthsCount: _propTypes["default"].number,
-  direction: _propTypes["default"].oneOf(Object.values(CalendarDirectionTypes)),
-  onChange: _propTypes["default"].func
-};
-var _default = Calendar;
-exports["default"] = _default;
+var _default = exports["default"] = Calendar;

package/dist/lib/components/Calendar/components/_Day/Day.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-day{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;-webkit-box-sizing:content-box;box-sizing:content-box;color:var(--content);cursor:pointer;height:32px;line-height:24px;outline:none;padding:0 10px 8px 0;position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:32px;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:12px;line-height:18px}.mfui-day:last-child{padding-right:0}.mfui-day:not(:disabled):not(.mfui-day_active):focus:after,.mfui-day:not(:disabled):not(.mfui-day_active):hover:after,.mfui-day_active-modern:after,.mfui-day_active:after{background-color:var(--spbSky0);border-radius:50%!important;color:var(--content);content:"";height:32px;left:0;position:absolute;top:0;width:32px;z-index:1}.mfui-day_active-modern:after{height:38px;width:38px}.mfui-day_active-modern:hover:after{background-color:var(--brandGreen)!important}.mfui-day:not(:disabled):not(.mfui-day_active):hover:after{background-color:var(--spbSky0);color:var(--content)}.mfui-day:not(:disabled):not(.mfui-day_active):focus:after,.mfui-day_active-modern:after,.mfui-day_active:after{background-color:var(--brandGreen)}.mfui-day_disabled{cursor:default;opacity:.3;pointer-events:none}.mfui-day:not(:disabled):not(.mfui-day_active):focus,.mfui-day_active,.mfui-day_active-modern:after{color:var(--stcWhite)}.mfui-day_active+.mfui-day_active:before,.mfui-day_between:hover+.mfui-day:not(.mfui-day_monday).mfui-day_active:before{background-color:var(--spbSky1);content:"";display:block;height:32px;left:-22px;position:absolute;top:0;width:32px;z-index:-1}.mfui-day_between{border-radius:0;position:relative}.mfui-day_between:before{left:-22px;padding:0 20px}.mfui-day_between:after,.mfui-day_between:before{background-color:var(--spbSky1);content:"";display:block;height:32px;position:absolute;top:0;z-index:-1}.mfui-day_between:after{right:-16px;width:40px}.mfui-day_last,.mfui-day_sunday{border-radius:50%}.mfui-day_last:after,.mfui-day_sunday:after{border-radius:50%;right:10px;width:32px}.mfui-day_last:after{right:0}.mfui-day_first,.mfui-day_monday{border-radius:50%}.mfui-day_first:before,.mfui-day_monday:before{border-radius:50%;left:0;padding:0;width:32px}.mfui-day_sunday.mfui-day_first{border-radius:50%}.mfui-day__label{position:relative;z-index:99}.mfui-day_modern{height:38px;width:38.29px}.mfui-day_modern:not(:disabled):not(.mfui-day_active-modern):focus:after,.mfui-day_modern:not(:disabled):not(.mfui-day_active-modern):hover:after,.mfui-day_modern_active-modern:after{background-color:var(--spbSky0);border-radius:50%!important;color:var(--content);content:"";height:38px;left:0;position:absolute;top:0;width:38px;z-index:1}.mfui-day_modern:not(:disabled):not(.mfui-day_active-modern):hover:after{background-color:var(--spbSky0);color:var(--content)}.mfui-day_modern:not(:disabled):not(.mfui-day_active-modern):focus:after,.mfui-day_modern_active-modern:after{background-color:var(--brandGreen)}.mfui-day:not(:disabled):focus,.mfui-day_active-modern{color:var(--stcWhite)}.mfui-day_active-modern+.mfui-day_active-modern:before,.mfui-day_between-modern:hover+.mfui-day:not(.mfui-day_monday-modern).mfui-day_active-modern:before{background-color:var(--spbSky1);content:"";display:block;height:38px;left:-22px;position:absolute;top:0;width:40px;z-index:-1}.mfui-day_between-modern{border-radius:0;position:relative}.mfui-day_between-modern:before{left:-28px;padding:0 29px}.mfui-day_between-modern:after,.mfui-day_between-modern:before{background-color:var(--spbSky1);content:"";display:block;height:38px;position:absolute;top:0;z-index:-1}.mfui-day_between-modern:after{right:-18px;width:45px}.mfui-day_last-modern,.mfui-day_sunday-modern{border-radius:50%}.mfui-day_last-modern:before,.mfui-day_sunday-modern:before{padding-left:20px}.mfui-day_last-modern:after,.mfui-day_sunday-modern:after{border-radius:50%;right:10px;width:38.29px}.mfui-day_last-modern:after{right:0}.mfui-day_first-modern,.mfui-day_monday-modern{border-radius:50%}.mfui-day_first-modern:before,.mfui-day_monday-modern:before{border-radius:50%;left:0;padding:0;width:38px}.mfui-day_sunday-modern.mfui-day_first-modern{border-radius:50%}.mfui-day__label_modern{font-size:15px;font-weight:400;line-height:24px;text-align:center}

package/dist/lib/components/Calendar/components/{Day → _Day}/Day.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import './Day.less';
+import * as React from 'react';
+import './Day.scss';
 export interface IDayPickerProps {
     dataAttrs?: {
         root?: Record<string, string>;
@@ -14,13 +14,13 @@ export interface IDayPickerProps {
     onDateSelect: (date: Date) => void;
     onDateFocus: (date: Date) => void;
 }
-export declare type DayType = {
+export type DayType = {
     isBetween?: boolean;
     dayLabel?: string;
     date: Date;
     isModern?: boolean;
     onMouseLeave?: () => void;
 };
-export declare type IDayProps = IDayPickerProps & DayType;
+export type IDayProps = IDayPickerProps & DayType;
 declare const Day: React.FC<IDayProps>;
 export default Day;