@gympass/yoga 7.87.1 → 7.88.0

package/esm/Datepicker/web/Calendar.js

@@ -1,116 +1,157 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
-
-import React, { useEffect, useState } from 'react';
-import styled from 'styled-components';
-import { Icon, Text, Box } from '@gympass/yoga';
-import { ChevronLeft, ChevronRight } from '@gympass/yoga-icons';
-import { oneOf, func, instanceOf, bool } from 'prop-types';
-import _ from 'lodash';
-var CalendarWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
-  var spacing = _ref.theme.yoga.spacing;
-  return "\n    padding: " + spacing.xsmall + "px " + spacing.xsmall + "px " + spacing.small + "px " + spacing.xsmall + "px;\n  ";
-});
-var DaysWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref2) {
-  var spacing = _ref2.theme.yoga.spacing;
-  return "\n    display: flex;\n    justify-content: space-between;\n    margin: " + spacing.xxsmall + "px " + spacing.zero + "px " + spacing.xsmall + "px " + spacing.zero + "px;\n  ";
-});
-var Day = styled(Text.SectionTitle)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref3) {
-  var colors = _ref3.theme.yoga.colors;
-  return "\n    width: 40px;\n    color: " + colors.medium + ";\n    text-align: center;\n  ";
-});
-
-var getDayFieldColor = function getDayFieldColor(selected, disabled, colors, aux) {
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState } from "react";
+import styled from "styled-components";
+import { ChevronLeft, ChevronRight } from "@gympass/yoga-icons";
+import { oneOf, func, instanceOf, bool } from "prop-types";
+import _ from "lodash";
+import { Icon, Text, Box } from "../..";
+const CalendarWrapper = styled.div`
+  ${({
+  theme: {
+    yoga: { spacing }
+  }
+}) => `
+    padding: ${spacing.xsmall}px ${spacing.xsmall}px ${spacing.small}px ${spacing.xsmall}px;
+  `}
+`;
+const DaysWrapper = styled.div`
+  ${({
+  theme: {
+    yoga: { spacing }
+  }
+}) => `
+    display: flex;
+    justify-content: space-between;
+    margin: ${spacing.xxsmall}px ${spacing.zero}px ${spacing.xsmall}px ${spacing.zero}px;
+  `}
+`;
+const Day = styled(Text.SectionTitle)`
+  ${({
+  theme: {
+    yoga: { colors }
+  }
+}) => `
+    width: 40px;
+    color: ${colors.medium};
+    text-align: center;
+  `}
+`;
+const getDayFieldColor = (selected, disabled, colors, aux) => {
   if (selected && !disabled) {
     return colors.white;
   }
-
   if (disabled) {
     return colors.text.disabled;
   }
-
-  var currentDate = new Date();
-  var val = aux.val,
-      year = aux.year,
-      month = aux.month;
-
-  if ( // if current date
-  new Date(Date.UTC(year, month, val)).getTime() === new Date(Date.UTC(currentDate.getFullYear(), currentDate.getMonth(), currentDate.getDate())).getTime()) {
+  const currentDate = /* @__PURE__ */ new Date();
+  const { val, year, month } = aux;
+  if (
+    // if current date
+    new Date(Date.UTC(year, month, val)).getTime() === new Date(
+      Date.UTC(
+        currentDate.getFullYear(),
+        currentDate.getMonth(),
+        currentDate.getDate()
+      )
+    ).getTime()
+  ) {
     return colors.primary;
   }
-
   return colors.stamina;
 };
-
-var toUTCTime = function toUTCTime(date) {
-  return Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate());
-};
-
-var isSameDate = function isSameDate(firstDate, secondDate) {
-  return firstDate.getUTCDate() === secondDate.getUTCDate() && firstDate.getUTCMonth() === secondDate.getUTCMonth() && firstDate.getUTCFullYear() === secondDate.getUTCFullYear();
-};
-
-var getDayFieldRadius = function getDayFieldRadius(aux, radii) {
-  var _Date;
-
-  var val = aux.val,
-      startDate = aux.startDate,
-      endDate = aux.endDate,
-      year = aux.year,
-      month = aux.month;
-  var currentDate = (_Date = new Date(Date.UTC(year, month, val))) == null ? void 0 : _Date.getTime();
-
+const toUTCTime = (date) => Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate());
+const isSameDate = (firstDate, secondDate) => firstDate.getUTCDate() === secondDate.getUTCDate() && firstDate.getUTCMonth() === secondDate.getUTCMonth() && firstDate.getUTCFullYear() === secondDate.getUTCFullYear();
+const getDayFieldRadius = (aux, radii) => {
+  var _a;
+  const { val, startDate, endDate, year, month } = aux;
+  const currentDate = (_a = new Date(Date.UTC(year, month, val))) == null ? void 0 : _a.getTime();
   if (currentDate === toUTCTime(startDate) && endDate) {
-    return radii.circle + "px " + radii.sharp + "px " + radii.sharp + "px " + radii.circle + "px";
+    return `${radii.circle}px ${radii.sharp}px ${radii.sharp}px ${radii.circle}px`;
   }
-
   if (currentDate === toUTCTime(endDate) && startDate) {
-    return radii.sharp + "px " + radii.circle + "px " + radii.circle + "px " + radii.sharp + "px";
+    return `${radii.sharp}px ${radii.circle}px ${radii.circle}px ${radii.sharp}px`;
   }
-
-  return radii.sharp + "px";
+  return `${radii.sharp}px`;
 };
-
-var DayField = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref4) {
-  var selected = _ref4.selected,
-      inRange = _ref4.inRange,
-      disabled = _ref4.disabled,
-      aux = _ref4.aux,
-      _ref4$theme$yoga = _ref4.theme.yoga,
-      colors = _ref4$theme$yoga.colors,
-      radii = _ref4$theme$yoga.radii,
-      spacing = _ref4$theme$yoga.spacing,
-      datepicker = _ref4$theme$yoga.components.datepicker;
-  return "\n    p {\n        color: " + getDayFieldColor(selected, disabled, colors, aux) + ";\n        z-index: 1;\n    }\n    width: " + datepicker.width.day + "px;\n    height: " + datepicker.width.day + "px;\n    padding: " + spacing.zero + "px 21.3px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: " + (inRange ? colors.clear : colors.white) + ";\n    position: relative;\n    cursor: pointer;\n    " + (selected && inRange ? "border-radius: " + getDayFieldRadius(aux, radii) + ";" : "") + "\n    " + (selected && !disabled ? "&:before {\n            content: '';\n            position: absolute;\n            background: " + colors.vibin + ";\n            width: " + datepicker.width.day + "px;\n            height: " + datepicker.width.day + "px;\n            border-radius: " + radii.circle + "px;\n        };" : "") + "\n    " + (!disabled ? "&:hover {\n            &:before {\n              content: '';\n              position: absolute;\n              border: 1px solid " + colors.secondary + ";\n              width: " + datepicker.width.day + "px;\n              height: " + datepicker.width.day + "px;\n              border-radius: " + radii.circle + "px;\n            }\n          };" : "") + "\n";
-});
-var Row = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref5) {
-  var _ref5$theme$yoga = _ref5.theme.yoga,
-      radii = _ref5$theme$yoga.radii,
-      spacing = _ref5$theme$yoga.spacing;
-  return "\n    display: flex;\n    div:first-child {\n        border-radius: " + radii.regular + "px 0 0 " + radii.regular + "px;\n    }\n    div:last-child {\n        border-radius: 0 " + radii.regular + "px " + radii.regular + "px 0;\n    }\n    padding: " + spacing.xxxsmall + "px 0px;\n";
-});
-
-function Calendar(_ref6) {
-  var type = _ref6.type,
-      startDate = _ref6.startDate,
-      endDate = _ref6.endDate,
-      onSelectSingle = _ref6.onSelectSingle,
-      onSelectRange = _ref6.onSelectRange,
-      disablePastDates = _ref6.disablePastDates,
-      disableFutureDates = _ref6.disableFutureDates,
-      disablePastFrom = _ref6.disablePastFrom,
-      disableFutureFrom = _ref6.disableFutureFrom;
-
-  var _useState = useState(new Date().getUTCMonth()),
-      month = _useState[0],
-      setMonth = _useState[1];
-
-  var _useState2 = useState(new Date().getUTCFullYear()),
-      year = _useState2[0],
-      setYear = _useState2[1];
-
-  useEffect(function () {
+const DayField = styled.div`
+  ${({
+  selected,
+  inRange,
+  disabled,
+  aux,
+  theme: {
+    yoga: {
+      colors,
+      radii,
+      spacing,
+      components: { datepicker }
+    }
+  }
+}) => `
+    p {
+        color: ${getDayFieldColor(selected, disabled, colors, aux)};
+        z-index: 1;
+    }
+    width: ${datepicker.width.day}px;
+    height: ${datepicker.width.day}px;
+    padding: ${spacing.zero}px 21.3px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: ${inRange ? colors.clear : colors.white};
+    position: relative;
+    cursor: pointer;
+    ${selected && inRange ? `border-radius: ${getDayFieldRadius(aux, radii)};` : ``}
+    ${selected && !disabled ? `&:before {
+            content: '';
+            position: absolute;
+            background: ${colors.vibin};
+            width: ${datepicker.width.day}px;
+            height: ${datepicker.width.day}px;
+            border-radius: ${radii.circle}px;
+        };` : ``}
+    ${!disabled ? `&:hover {
+            &:before {
+              content: '';
+              position: absolute;
+              border: 1px solid ${colors.secondary};
+              width: ${datepicker.width.day}px;
+              height: ${datepicker.width.day}px;
+              border-radius: ${radii.circle}px;
+            }
+          };` : ``}
+`}
+`;
+const Row = styled.div`
+  ${({
+  theme: {
+    yoga: { radii, spacing }
+  }
+}) => `
+    display: flex;
+    div:first-child {
+        border-radius: ${radii.regular}px 0 0 ${radii.regular}px;
+    }
+    div:last-child {
+        border-radius: 0 ${radii.regular}px ${radii.regular}px 0;
+    }
+    padding: ${spacing.xxxsmall}px 0px;
+`}
+`;
+function Calendar({
+  type,
+  startDate,
+  endDate,
+  onSelectSingle,
+  onSelectRange,
+  disablePastDates,
+  disableFutureDates,
+  disablePastFrom,
+  disableFutureFrom
+}) {
+  const [month, setMonth] = useState((/* @__PURE__ */ new Date()).getUTCMonth());
+  const [year, setYear] = useState((/* @__PURE__ */ new Date()).getUTCFullYear());
+  useEffect(() => {
     if (endDate) {
       setMonth(endDate.getUTCMonth());
       setYear(endDate.getUTCFullYear());
@@ -119,213 +160,191 @@ function Calendar(_ref6) {
       setYear(startDate.getUTCFullYear());
     }
   }, [startDate, endDate]);
-
-  var getDayOfWeek = function getDayOfWeek(day) {
+  const getDayOfWeek = (day) => {
     return new Date(Date.UTC(year, month, day)).getUTCDay();
   };
-
-  var getDaysInMonth = function getDaysInMonth() {
+  const getDaysInMonth = () => {
     return new Date(Date.UTC(year, month + 1, 0)).getUTCDate();
   };
-
-  var getDaysInMonthBefore = function getDaysInMonthBefore() {
+  const getDaysInMonthBefore = () => {
     return new Date(Date.UTC(year, month, 0)).getUTCDate();
   };
-
-  var toUTCTimeByDay = function toUTCTimeByDay(day) {
+  const toUTCTimeByDay = (day) => {
     return Date.UTC(year, month, day);
   };
-
-  var isEqual = function isEqual(day) {
-    var utcDate = new Date(toUTCTimeByDay(day));
+  const isEqual = (day) => {
+    const utcDate = new Date(toUTCTimeByDay(day));
     return startDate && isSameDate(startDate, utcDate) || endDate && isSameDate(endDate, utcDate);
   };
-
-  var inRange = function inRange(day) {
+  const inRange = (day) => {
     return startDate && toUTCTime(startDate) <= toUTCTimeByDay(day) && endDate && endDate.getTime() >= toUTCTimeByDay(day);
   };
-
-  var isDisabled = function isDisabled(day) {
-    var local = Date.UTC(year, month, day);
-    var now = new Date();
-    var nowUTC = Date.UTC(now.getFullYear(), now.getMonth(), now.getDate());
-    var pastDatesDisabled = disablePastDates && local < nowUTC || disablePastFrom && local < toUTCTime(disablePastFrom);
-    var futureDateDisabled = disableFutureDates && local > nowUTC || disableFutureFrom && local > toUTCTime(disableFutureFrom);
+  const isDisabled = (day) => {
+    const local = Date.UTC(year, month, day);
+    const now = /* @__PURE__ */ new Date();
+    const nowUTC = Date.UTC(now.getFullYear(), now.getMonth(), now.getDate());
+    const pastDatesDisabled = disablePastDates && local < nowUTC || disablePastFrom && local < toUTCTime(disablePastFrom);
+    const futureDateDisabled = disableFutureDates && local > nowUTC || disableFutureFrom && local > toUTCTime(disableFutureFrom);
     return pastDatesDisabled || futureDateDisabled;
   };
-
-  var _onClick = function onClick(day) {
-    var selectedDate = new Date(Date.UTC(year, month, day));
-    if (isDisabled(day)) return;
-
-    if (type === 'single') {
+  const onClick = (day) => {
+    const selectedDate = new Date(Date.UTC(year, month, day));
+    if (isDisabled(day))
+      return;
+    if (type === "single") {
       onSelectSingle(selectedDate);
-    } else if (type === 'range') {
+    } else if (type === "range") {
       onSelectRange(selectedDate);
     }
   };
-
-  var getFirstWeek = function getFirstWeek() {
-    var day = getDayOfWeek(1);
-
-    var week = _.range(1, 7 - day + 1);
-
-    var lastDayBefore = getDaysInMonthBefore();
-    var daysBefore = [];
-
-    for (var i = lastDayBefore - (day - 1); i <= lastDayBefore; i += 1) {
+  const getFirstWeek = () => {
+    const day = getDayOfWeek(1);
+    let week = _.range(1, 7 - day + 1);
+    const lastDayBefore = getDaysInMonthBefore();
+    const daysBefore = [];
+    for (let i = lastDayBefore - (day - 1); i <= lastDayBefore; i += 1) {
       daysBefore.push(i);
     }
-
     week = _.concat(daysBefore, week);
-    return week.map(function (val) {
-      return /*#__PURE__*/React.createElement(DayField, {
-        key: val,
-        disabled: val > 7 || isDisabled(val),
-        selected: isEqual(val),
-        onClick: function onClick() {
-          return val <= 7 && _onClick(val);
+    return week.map((val) => {
+      return /* @__PURE__ */ jsx(
+        DayField,
+        {
+          disabled: val > 7 || isDisabled(val),
+          selected: isEqual(val),
+          onClick: () => val <= 7 && onClick(val),
+          inRange: type === "range" && val <= 7 && inRange(val),
+          aux: { val, startDate, endDate, year, month },
+          children: /* @__PURE__ */ jsx(Text.Small, { children: val })
         },
-        inRange: type === 'range' && val <= 7 && inRange(val),
-        aux: {
-          val: val,
-          startDate: startDate,
-          endDate: endDate,
-          year: year,
-          month: month
-        }
-      }, /*#__PURE__*/React.createElement(Text.Small, null, val));
+        val
+      );
     });
   };
-
-  var getMiddleWeeks = function getMiddleWeeks() {
-    var day = getDayOfWeek(1);
-    var firstDay = 7 - day + 1;
-    var weeks = [];
-
+  const getMiddleWeeks = () => {
+    const day = getDayOfWeek(1);
+    let firstDay = 7 - day + 1;
+    const weeks = [];
     while (firstDay + 7 <= getDaysInMonth()) {
       weeks.push(_.range(firstDay, firstDay + 7));
       firstDay += 7;
     }
-
-    return weeks.map(function (week, i) {
-      var days = week.map(function (val) {
-        return /*#__PURE__*/React.createElement(DayField, {
-          selected: isEqual(val),
-          onClick: function onClick() {
-            return _onClick(val);
+    return weeks.map((week, i) => {
+      const days = week.map((val) => {
+        return /* @__PURE__ */ jsx(
+          DayField,
+          {
+            selected: isEqual(val),
+            onClick: () => onClick(val),
+            inRange: type === "range" && inRange(val),
+            disabled: isDisabled(val),
+            aux: { val, startDate, endDate, year, month },
+            children: /* @__PURE__ */ jsx(Text.Small, { children: val })
           },
-          inRange: type === 'range' && inRange(val),
-          key: val,
-          disabled: isDisabled(val),
-          aux: {
-            val: val,
-            startDate: startDate,
-            endDate: endDate,
-            year: year,
-            month: month
-          }
-        }, /*#__PURE__*/React.createElement(Text.Small, null, val));
+          val
+        );
       });
-      /* eslint-disable-next-line react/no-array-index-key */
-
-      return /*#__PURE__*/React.createElement(Row, {
-        key: i
-      }, days);
+      return /* @__PURE__ */ jsx(Row, { children: days }, i);
     });
   };
-
-  var getLastWeek = function getLastWeek() {
-    var lastDay = getDaysInMonth();
-    var day = getDayOfWeek(lastDay);
-
-    var week = _.range(lastDay - day, lastDay + 1);
-
+  const getLastWeek = () => {
+    const lastDay = getDaysInMonth();
+    const day = getDayOfWeek(lastDay);
+    let week = _.range(lastDay - day, lastDay + 1);
     week = _.concat(week, _.range(1, 7 - day));
-    return week.map(function (val) {
-      return /*#__PURE__*/React.createElement(DayField, {
-        key: val,
-        disabled: val < 7 || isDisabled(val),
-        selected: isEqual(val),
-        onClick: function onClick() {
-          return val > 7 && _onClick(val);
+    return week.map((val) => {
+      return /* @__PURE__ */ jsx(
+        DayField,
+        {
+          disabled: val < 7 || isDisabled(val),
+          selected: isEqual(val),
+          onClick: () => val > 7 && onClick(val),
+          inRange: type === "range" && val > 7 && inRange(val),
+          aux: { val, startDate, endDate, year, month },
+          children: /* @__PURE__ */ jsx(Text.Small, { children: val })
         },
-        inRange: type === 'range' && val > 7 && inRange(val),
-        aux: {
-          val: val,
-          startDate: startDate,
-          endDate: endDate,
-          year: year,
-          month: month
-        }
-      }, /*#__PURE__*/React.createElement(Text.Small, null, val));
+        val
+      );
     });
   };
-
-  var getDays = function getDays() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Row, null, getFirstWeek()), getMiddleWeeks(), /*#__PURE__*/React.createElement(Row, null, getLastWeek()));
+  const getDays = () => {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Row, { children: getFirstWeek() }),
+      getMiddleWeeks(),
+      /* @__PURE__ */ jsx(Row, { children: getLastWeek() })
+    ] });
   };
-
-  var prior = function prior() {
-    var local = month - 1;
-
+  const prior = () => {
+    let local = month - 1;
     if (local < 0) {
       local = 11;
       setYear(year - 1);
     }
-
     setMonth(local);
   };
-
-  var next = function next() {
-    var local = month + 1;
-
+  const next = () => {
+    let local = month + 1;
     if (local > 11) {
       local = 0;
       setYear(year + 1);
     }
-
     setMonth(local);
   };
-
-  return /*#__PURE__*/React.createElement(CalendarWrapper, null, /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    justifyContent: "space-between",
-    m: "xxsmall",
-    mb: "zero",
-    pb: "small"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    style: {
-      cursor: 'pointer'
-    },
-    as: ChevronLeft,
-    width: "large",
-    height: "large",
-    onClick: prior,
-    fill: "primary",
-    "data-testid": "previous-month-arrow"
-  }), /*#__PURE__*/React.createElement(Text, {
-    style: {
-      alignSelf: 'center'
-    }
-  }, new Intl.DateTimeFormat('en-US', {
-    month: 'long',
-    year: 'numeric'
-  }).format(new Date(year, month, 1, 0, 0, 0))), /*#__PURE__*/React.createElement(Icon, {
-    style: {
-      cursor: 'pointer'
-    },
-    as: ChevronRight,
-    width: "large",
-    height: "large",
-    onClick: next,
-    fill: "primary",
-    "data-testid": "next-month-arrow"
-  })), /*#__PURE__*/React.createElement(DaysWrapper, null, /*#__PURE__*/React.createElement(Day, null, "S"), /*#__PURE__*/React.createElement(Day, null, "M"), /*#__PURE__*/React.createElement(Day, null, "T"), /*#__PURE__*/React.createElement(Day, null, "W"), /*#__PURE__*/React.createElement(Day, null, "T"), /*#__PURE__*/React.createElement(Day, null, "F"), /*#__PURE__*/React.createElement(Day, null, "S")), /*#__PURE__*/React.createElement(Box, null, getDays()));
+  return /* @__PURE__ */ jsxs(CalendarWrapper, { children: [
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        display: "flex",
+        justifyContent: "space-between",
+        m: "xxsmall",
+        mb: "zero",
+        pb: "small",
+        children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              style: { cursor: "pointer" },
+              as: ChevronLeft,
+              width: "large",
+              height: "large",
+              onClick: prior,
+              fill: "primary",
+              "data-testid": "previous-month-arrow"
+            }
+          ),
+          /* @__PURE__ */ jsx(Text, { style: { alignSelf: "center" }, children: new Intl.DateTimeFormat("en-US", {
+            month: "long",
+            year: "numeric"
+          }).format(new Date(year, month, 1, 0, 0, 0)) }),
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              style: { cursor: "pointer" },
+              as: ChevronRight,
+              width: "large",
+              height: "large",
+              onClick: next,
+              fill: "primary",
+              "data-testid": "next-month-arrow"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(DaysWrapper, { children: [
+      /* @__PURE__ */ jsx(Day, { children: "S" }),
+      /* @__PURE__ */ jsx(Day, { children: "M" }),
+      /* @__PURE__ */ jsx(Day, { children: "T" }),
+      /* @__PURE__ */ jsx(Day, { children: "W" }),
+      /* @__PURE__ */ jsx(Day, { children: "T" }),
+      /* @__PURE__ */ jsx(Day, { children: "F" }),
+      /* @__PURE__ */ jsx(Day, { children: "S" })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { children: getDays() })
+  ] });
 }
-
 Calendar.propTypes = {
-  type: oneOf(['single', 'range']).isRequired,
+  type: oneOf(["single", "range"]).isRequired,
   startDate: instanceOf(Date),
   endDate: instanceOf(Date),
   onSelectSingle: func,
@@ -336,13 +355,16 @@ Calendar.propTypes = {
   disableFutureFrom: instanceOf(Date)
 };
 Calendar.defaultProps = {
-  startDate: undefined,
-  endDate: undefined,
+  startDate: void 0,
+  endDate: void 0,
   onSelectSingle: null,
   onSelectRange: null,
   disablePastDates: false,
   disableFutureDates: false,
-  disablePastFrom: undefined,
-  disableFutureFrom: undefined
+  disablePastFrom: void 0,
+  disableFutureFrom: void 0
+};
+var Calendar_default = Calendar;
+export {
+  Calendar_default as default
 };
-export default Calendar;