@megafon/ui-core 6.0.0-beta.4 → 6.0.1

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

@@ -1,53 +1,88 @@
 "use strict";
 
-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); }
+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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = 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"));
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.concat.js");
+
 require("core-js/modules/es.array.index-of.js");
+
+require("core-js/modules/es.symbol.js");
+
 require("core-js/modules/es.array.map.js");
+
 require("core-js/modules/es.date.to-string.js");
-var React = _interopRequireWildcard(require("react"));
+
+require("core-js/modules/es.array.concat.js");
+
+var _react = _interopRequireWildcard(require("react"));
+
 var _hooks = require("@datepicker-react/hooks");
+
 var _uiHelpers = require("@megafon/ui-helpers");
+
 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 _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 && Object.prototype.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; }
+
+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 __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 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');
 };
@@ -61,20 +96,23 @@ var monthLabelFormat = function monthLabelFormat(date) {
 - 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;
-  var calendarStateFromProps = 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;
+  var calendarStateFromProps = (0, _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));
@@ -86,42 +124,47 @@ var Calendar = function Calendar(_ref) {
       focusedInput: isStartFocus ? _hooks.START_DATE : _hooks.END_DATE
     };
   }, [startDate, endDate, isSingleDate, minBookingDate, maxBookingDate]);
-  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 _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 stateStartDate = calendarState.startDate,
-    stateEndDate = calendarState.endDate,
-    stateFocusedInput = calendarState.focusedInput;
+      stateEndDate = calendarState.endDate,
+      stateFocusedInput = calendarState.focusedInput;
+
   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"]);
-  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"]);
+
+  (0, _react.useEffect)(function () {
     isUserChoice.current = false;
   }, [startDate]);
-  React.useEffect(function () {
+  (0, _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]);
+
   var getCalendarState = function getCalendarState(date) {
     var isStartChose = stateFocusedInput === _hooks.START_DATE;
     var isEndChose = stateFocusedInput === _hooks.END_DATE;
@@ -133,11 +176,13 @@ 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;
+
     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);
@@ -147,17 +192,20 @@ 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,
@@ -165,38 +213,46 @@ 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) {
-    date && setHoveredDate(date);
+    return 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.createElement("div", {
+          return /*#__PURE__*/_react["default"].createElement("div", {
             key: index + String(date)
           });
         }
-        return /*#__PURE__*/React.createElement(_Day["default"], (0, _extends2["default"])({
+
+        return /*#__PURE__*/_react["default"].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))
           },
@@ -210,31 +266,34 @@ var Calendar = function Calendar(_ref) {
           isBetween: isDateHighlighted(date)
         }));
       }
+
       correctionIndex += 1;
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         key: index + day
       });
     });
   };
+
   var renderMonths = function renderMonths() {
     return activeMonths.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);
-      return /*#__PURE__*/React.createElement(_Month["default"], {
+      return /*#__PURE__*/_react["default"].createElement(_Month["default"], {
         dataAttrs: {
           root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.month,
           arrowLeft: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.arrowLeft,
@@ -251,8 +310,27 @@ var Calendar = function Calendar(_ref) {
       }, renderDays(days));
     });
   };
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn([className])
   }), renderMonths());
 };
-var _default = exports["default"] = Calendar;
+
+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),
+  onChange: _propTypes["default"].func
+};
+var _default = Calendar;
+exports["default"] = _default;

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

@@ -0,0 +1,128 @@
+.mfui-day {
+  position: relative;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+  width: 32px;
+  height: 32px;
+  padding: 0 10px 8px 0;
+  border: none;
+  color: var(--content);
+  line-height: 24px;
+  text-decoration: none;
+  background-color: rgba(0, 0, 0, 0);
+  outline: none;
+  cursor: pointer;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  -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):hover:after,
+.mfui-day:not(:disabled):not(.mfui-day_active):focus:after,
+.mfui-day_active:after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1;
+  width: 32px;
+  height: 32px;
+  border-radius: 50% !important;
+  color: var(--content);
+  background-color: var(--spbSky0);
+}
+.mfui-day:not(:disabled):not(.mfui-day_active):hover:after {
+  color: var(--content);
+  background-color: var(--spbSky0);
+}
+.mfui-day:not(:disabled):not(.mfui-day_active):focus:after,
+.mfui-day_active:after {
+  background-color: var(--brandGreen);
+}
+.mfui-day_disabled {
+  cursor: default;
+  opacity: 0.3;
+  pointer-events: none;
+}
+.mfui-day_active,
+.mfui-day:not(:disabled):not(.mfui-day_active):focus {
+  color: var(--stcWhite);
+}
+.mfui-day_active + .mfui-day_active:before,
+.mfui-day_between:hover + .mfui-day:not(.mfui-day_monday).mfui-day_active:before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: -22px;
+  z-index: -1;
+  display: block;
+  width: 32px;
+  height: 32px;
+  background-color: var(--spbSky1);
+}
+.mfui-day_between {
+  position: relative;
+  border-radius: 0;
+}
+.mfui-day_between:before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: -22px;
+  z-index: -1;
+  display: block;
+  height: 32px;
+  padding: 0 20px;
+  background-color: var(--spbSky1);
+}
+.mfui-day_between:after {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: -16px;
+  z-index: -1;
+  display: block;
+  width: 40px;
+  height: 32px;
+  background-color: var(--spbSky1);
+}
+.mfui-day_sunday,
+.mfui-day_last {
+  border-radius: 50%;
+}
+.mfui-day_sunday:after,
+.mfui-day_last:after {
+  right: 10px;
+  width: 32px;
+  border-radius: 50%;
+}
+.mfui-day_last:after {
+  right: 0;
+}
+.mfui-day_monday,
+.mfui-day_first {
+  border-radius: 50%;
+}
+.mfui-day_monday:before,
+.mfui-day_first:before {
+  left: 0;
+  width: 32px;
+  padding: 0;
+  border-radius: 50%;
+}
+.mfui-day_sunday.mfui-day_first {
+  border-radius: 50%;
+}
+.mfui-day__label {
+  position: relative;
+  z-index: 99;
+}

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

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

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

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+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");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _hooks = require("@datepicker-react/hooks");
+
+var _uiHelpers = require("@megafon/ui-helpers");
+
+var _isFirstDayOfMonth = _interopRequireDefault(require("date-fns/isFirstDayOfMonth"));
+
+var _isLastDayOfMonth = _interopRequireDefault(require("date-fns/isLastDayOfMonth"));
+
+var _isMonday = _interopRequireDefault(require("date-fns/isMonday"));
+
+var _isSunday = _interopRequireDefault(require("date-fns/isSunday"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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];
+  }
+
+  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 cn = (0, _uiHelpers.cnCreate)('mfui-day');
+
+var Day = function Day(_a) {
+  var dataAttrs = _a.dataAttrs,
+      _a$isBetween = _a.isBetween,
+      isBetween = _a$isBetween === void 0 ? false : _a$isBetween,
+      dayLabel = _a.dayLabel,
+      date = _a.date,
+      onMouseLeave = _a.onMouseLeave,
+      pickerProps = __rest(_a, ["dataAttrs", "isBetween", "dayLabel", "date", "onMouseLeave"]);
+
+  var dayRef = _react["default"].useRef(null);
+
+  var _useDay = (0, _hooks.useDay)((0, _extends2["default"])({
+    date: date,
+    dayRef: dayRef
+  }, pickerProps)),
+      isSelected = _useDay.isSelected,
+      isSelectedStartOrEnd = _useDay.isSelectedStartOrEnd,
+      isDateDisabled = _useDay.disabledDate,
+      onClick = _useDay.onClick,
+      onKeyDown = _useDay.onKeyDown,
+      onMouseEnter = _useDay.onMouseEnter,
+      tabIndex = _useDay.tabIndex;
+
+  var modClasses = {
+    active: isSelectedStartOrEnd,
+    disabled: isDateDisabled,
+    between: isBetween || isSelected && !isSelectedStartOrEnd,
+    sunday: (0, _isSunday["default"])(date),
+    monday: (0, _isMonday["default"])(date),
+    first: !isSelectedStartOrEnd && (0, _isFirstDayOfMonth["default"])(date),
+    last: !isSelectedStartOrEnd && (0, _isLastDayOfMonth["default"])(date)
+  };
+
+  var handleMouseLeave = function handleMouseLeave() {
+    onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave();
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+    onClick: onClick,
+    onKeyDown: onKeyDown,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    tabIndex: tabIndex,
+    type: "button",
+    ref: dayRef,
+    className: cn(modClasses)
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: cn('label')
+  }, dayLabel));
+};
+
+Day.propTypes = {
+  dataAttrs: _propTypes["default"].shape({
+    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
+  }),
+  dayLabel: _propTypes["default"].string,
+  date: _propTypes["default"].instanceOf(Date).isRequired,
+  focusedDate: _propTypes["default"].instanceOf(Date),
+  isDateSelected: _propTypes["default"].func.isRequired,
+  isDateHovered: _propTypes["default"].func.isRequired,
+  isFirstOrLastSelectedDate: _propTypes["default"].func.isRequired,
+  isDateBlocked: _propTypes["default"].func.isRequired,
+  isDateFocused: _propTypes["default"].func.isRequired,
+  onDateHover: _propTypes["default"].func.isRequired,
+  onDateSelect: _propTypes["default"].func.isRequired,
+  onDateFocus: _propTypes["default"].func.isRequired
+};
+var _default = Day;
+exports["default"] = _default;