@semcore/date-picker 4.57.2-prerelease.0 → 4.58.0-prerelease.0

package/lib/cjs/components/Calendar.js

@@ -1,7 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,54 +10,51 @@ exports.CalendarWeekDays = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _index = require("@semcore/utils/lib/core/index");
-var _core = _interopRequireWildcard(require("@semcore/core"));
-var _react = _interopRequireDefault(require("react"));
+var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
+var _fire = _interopRequireDefault(require("@semcore/core/lib/utils/fire"));
 var _dayjs = _interopRequireDefault(require("dayjs"));
-var _isBetween = _interopRequireDefault(require("dayjs/plugin/isBetween"));
-var _flexBox = require("@semcore/flex-box");
-var _fire = _interopRequireDefault(require("@semcore/utils/lib/fire"));
-var _includesDate = require("../utils/includesDate");
+var _react = _interopRequireDefault(require("react"));
 var _formatDate = require("../utils/formatDate");
-var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
+var _includesDate = require("../utils/includesDate");
+var _isBetweenPlugin = _interopRequireDefault(require("../utils/isBetweenPlugin"));
 var _excluded = ["date"];
 /*!__reshadow-styles__:"../style/calendar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCalendar_6m1bx_gg_{display:flex;flex-direction:column}.___SGridDays_6m1bx_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_6m1bx_gg_{display:grid;grid-row-gap:var(--intergalactic-spacing-2x, 8px);grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_6m1bx_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SCalendarUnit_6m1bx_gg_,.___SWeekDay_6m1bx_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px}.___SWeekDay_6m1bx_gg_{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:var(--intergalactic-regular, 400);overflow:hidden}.___SCalendarUnit_6m1bx_gg_{font-family:inherit;font-weight:400;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary, #191b23);box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:var(--intergalactic-date-picker-cell, #ffffff);border-radius:var(--intergalactic-control-rounded, 6px);box-sizing:border-box;cursor:pointer;position:relative;transition:color .15s,background .15s,box-shadow .15s,border-radius .15s .15s;outline:0;margin:4px 0 0}@media (hover:hover){.___SCalendarUnit_6m1bx_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-date-picker-cell-hover, #e0e1e9)}}.___SCalendarUnit_6m1bx_gg_.__today_6m1bx_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-control-rounded, 6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-date-picker-cell-current, #8a8e9b)}.___SCalendarUnit_6m1bx_gg_.___SCalendarUnit_6m1bx_gg_.__today_6m1bx_gg_.__endSelected_6m1bx_gg_:before,.___SCalendarUnit_6m1bx_gg_.___SCalendarUnit_6m1bx_gg_.__today_6m1bx_gg_.__startSelected_6m1bx_gg_:before{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SCalendarUnit_6m1bx_gg_.__highlighted_6m1bx_gg_,.___SCalendarUnit_6m1bx_gg_.__selected_6m1bx_gg_{border-radius:0;transition:color .15s,background .15s,box-shadow .15s,border-radius 0s 0s;color:var(--intergalactic-text-primary, #191b23)}.___SCalendarUnit_6m1bx_gg_.__selected_6m1bx_gg_{background-color:var(--intergalactic-date-picker-cell-range, #c4e5fe)}@media (hover:hover){.___SCalendarUnit_6m1bx_gg_.__selected_6m1bx_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_6m1bx_gg_.__highlighted_6m1bx_gg_{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}@media (hover:hover){.___SCalendarUnit_6m1bx_gg_.__highlighted_6m1bx_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_6m1bx_gg_.__startSelected_6m1bx_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SCalendarUnit_6m1bx_gg_.__startSelected_6m1bx_gg_:not(.__highlighted_6m1bx_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}@media (hover:hover){.___SCalendarUnit_6m1bx_gg_.__startSelected_6m1bx_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_6m1bx_gg_.__endSelected_6m1bx_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCalendarUnit_6m1bx_gg_.__endSelected_6m1bx_gg_:not(.__highlighted_6m1bx_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}@media (hover:hover){.___SCalendarUnit_6m1bx_gg_.__endSelected_6m1bx_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_6m1bx_gg_.__startHighlighted_6m1bx_gg_:not(.__selected_6m1bx_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}.___SCalendarUnit_6m1bx_gg_.__endHighlighted_6m1bx_gg_:not(.__selected_6m1bx_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_6m1bx_gg_.__startHighlighted_6m1bx_gg_.___SCalendarUnit_6m1bx_gg_.__endHighlighted_6m1bx_gg_,.___SCalendarUnit_6m1bx_gg_.__startSelected_6m1bx_gg_.___SCalendarUnit_6m1bx_gg_.__endSelected_6m1bx_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_6m1bx_gg_.__compareHighlighted_6m1bx_gg_{border-top:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-bottom:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-radius:0;transition:none}.___SCalendarUnit_6m1bx_gg_.__compareEndHighlighted_6m1bx_gg_,.___SCalendarUnit_6m1bx_gg_.__compareStartHighlighted_6m1bx_gg_{border-left:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-right:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SCalendarUnit_6m1bx_gg_.__compareEnd_6m1bx_gg_,.___SCalendarUnit_6m1bx_gg_.__compareStart_6m1bx_gg_{border-radius:0;background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SCalendarUnit_6m1bx_gg_.__compareEnd_6m1bx_gg_:hover,.___SCalendarUnit_6m1bx_gg_.__compareStart_6m1bx_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-comparison-active-hover, #5925ab)}}.___SCalendarUnit_6m1bx_gg_.__compareStartHighlighted_6m1bx_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_6m1bx_gg_.__compareEndHighlighted_6m1bx_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_6m1bx_gg_.__compareStart_6m1bx_gg_:not(.__compareHighlighted_6m1bx_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_6m1bx_gg_.__compareEnd_6m1bx_gg_:not(.__compareHighlighted_6m1bx_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_6m1bx_gg_.__outdated_6m1bx_gg_{opacity:.2}.___SCalendarUnit_6m1bx_gg_.__disabled_6m1bx_gg_{opacity:.4;cursor:default;pointer-events:none}.___SCalendar_6m1bx_gg_:focus{outline:0}.___SCalendar_6m1bx_gg_:focus .___SCalendarUnit_6m1bx_gg_.__highlighted_6m1bx_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus,\n      0px 0px 0px 3px rgba(0, 143, 248, 0.5)\n    )}.___SCalendar_6m1bx_gg_:focus:not(.___SCalendar_6m1bx_gg_:focus:has(.___SCalendarUnit_6m1bx_gg_.__highlighted_6m1bx_gg_)){box-shadow:var(--intergalactic-keyboard-focus,\n      0px 0px 0px 3px rgba(0, 143, 248, 0.5)\n    )}@media (prefers-reduced-motion){.___SCalendarUnit_6m1bx_gg_,.___SCalendarUnit_6m1bx_gg_.__highlighted_6m1bx_gg_,.___SCalendarUnit_6m1bx_gg_.__selected_6m1bx_gg_{transition:none}}", /*__inner_css_end__*/"6m1bx_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SCalendar_u4fft_gg_{display:flex;flex-direction:column;border-radius:var(--intergalactic-surface-rounded, calc(6px + 2px))}.___SCalendar_u4fft_gg_ .___SCalendarUnit_u4fft_gg_:focus-visible{outline:0}.___SGridDays_u4fft_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_u4fft_gg_{display:grid;grid-row-gap:var(--intergalactic-spacing-2x, 8px);grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_u4fft_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_u4fft_gg_{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);overflow:hidden}@supports (color:color(display-p3 0 0 0%)){.___SWeekDay_u4fft_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SWeekDay_u4fft_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SCalendarUnit_u4fft_gg_{font-family:inherit;font-weight:400;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:var(--intergalactic-date-picker-cell, rgb(255, 255, 255));align-items:center;border-radius:var(--intergalactic-control-rounded, 6px);box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px;position:relative;transition:border-radius .15s .15s;outline:0;margin:4px 0 0}@media (hover:hover){.___SCalendarUnit_u4fft_gg_:hover{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-date-picker-cell-hover, rgb(248, 249, 248))}}.___SCalendarUnit_u4fft_gg_.__today_u4fft_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-control-rounded, 6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-date-picker-cell-current, rgba(0, 6, 3, 0.337))}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_u4fft_gg_.__today_u4fft_gg_:before{border:1px solid var(--intergalactic-date-picker-cell-current, rgba(0, 6, 3, 0.337))}@media (color-gamut:p3){.___SCalendarUnit_u4fft_gg_.__today_u4fft_gg_:before{border:1px solid var(--intergalactic-date-picker-cell-current, color(display-p3 0.00414 0.0233 0.01269 / 0.337))}}}.___SCalendarUnit_u4fft_gg_.___SCalendarUnit_u4fft_gg_.__today_u4fft_gg_.__startSelected_u4fft_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_u4fft_gg_.___SCalendarUnit_u4fft_gg_.__today_u4fft_gg_.__startSelected_u4fft_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SCalendarUnit_u4fft_gg_.___SCalendarUnit_u4fft_gg_.__today_u4fft_gg_.__startSelected_u4fft_gg_:before{border-color:var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SCalendarUnit_u4fft_gg_.___SCalendarUnit_u4fft_gg_.__today_u4fft_gg_.__endSelected_u4fft_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_u4fft_gg_.___SCalendarUnit_u4fft_gg_.__today_u4fft_gg_.__endSelected_u4fft_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SCalendarUnit_u4fft_gg_.___SCalendarUnit_u4fft_gg_.__today_u4fft_gg_.__endSelected_u4fft_gg_:before{border-color:var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SCalendarUnit_u4fft_gg_.__highlighted_u4fft_gg_,.___SCalendarUnit_u4fft_gg_.__selected_u4fft_gg_{background-color:var(--intergalactic-date-picker-cell-range, rgb(239, 241, 252));border-radius:0;transition:border-radius 0s 0s;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@media (hover:hover){.___SCalendarUnit_u4fft_gg_.__selected_u4fft_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(216, 220, 248))}}@media (hover:hover){.___SCalendarUnit_u4fft_gg_.__highlighted_u4fft_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(216, 220, 248))}}.___SCalendarUnit_u4fft_gg_.__startSelected_u4fft_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-date-picker-cell-active, rgb(123, 130, 220))}.___SCalendarUnit_u4fft_gg_.__startSelected_u4fft_gg_:not(.__highlighted_u4fft_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}@media (hover:hover){.___SCalendarUnit_u4fft_gg_.__startSelected_u4fft_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-date-picker-cell-active-hover, rgb(110, 115, 215))}}.___SCalendarUnit_u4fft_gg_.__endSelected_u4fft_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(123, 130, 220));color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949))}.___SCalendarUnit_u4fft_gg_.__endSelected_u4fft_gg_:not(.__highlighted_u4fft_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}@media (hover:hover){.___SCalendarUnit_u4fft_gg_.__endSelected_u4fft_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-date-picker-cell-active-hover, rgb(110, 115, 215))}}.___SCalendarUnit_u4fft_gg_.__startHighlighted_u4fft_gg_:not(.__selected_u4fft_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}.___SCalendarUnit_u4fft_gg_.__endHighlighted_u4fft_gg_:not(.__selected_u4fft_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_u4fft_gg_.__startHighlighted_u4fft_gg_.___SCalendarUnit_u4fft_gg_.__endHighlighted_u4fft_gg_,.___SCalendarUnit_u4fft_gg_.__startSelected_u4fft_gg_.___SCalendarUnit_u4fft_gg_.__endSelected_u4fft_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_u4fft_gg_.__compareHighlighted_u4fft_gg_{border-top:2px dashed var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253));border-bottom:2px dashed var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253));border-radius:0;transition:none}.___SCalendarUnit_u4fft_gg_.__compareEndHighlighted_u4fft_gg_,.___SCalendarUnit_u4fft_gg_.__compareStartHighlighted_u4fft_gg_{border-left:2px dashed var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253));border-right:2px dashed var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SCalendarUnit_u4fft_gg_.__compareEnd_u4fft_gg_,.___SCalendarUnit_u4fft_gg_.__compareStart_u4fft_gg_{border-radius:0;background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253));color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949))}@media (hover:hover){.___SCalendarUnit_u4fft_gg_.__compareEnd_u4fft_gg_:hover,.___SCalendarUnit_u4fft_gg_.__compareStart_u4fft_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-date-picker-cell-comparison-active-hover, rgb(150, 76, 251))}}.___SCalendarUnit_u4fft_gg_.__compareStartHighlighted_u4fft_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_u4fft_gg_.__compareEndHighlighted_u4fft_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_u4fft_gg_.__compareStart_u4fft_gg_:not(.__compareHighlighted_u4fft_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_u4fft_gg_.__compareEnd_u4fft_gg_:not(.__compareHighlighted_u4fft_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_u4fft_gg_.__outdated_u4fft_gg_{opacity:.2}.___SCalendarUnit_u4fft_gg_.__disabled_u4fft_gg_{opacity:.4;cursor:default;pointer-events:none}.___SCalendar_u4fft_gg_:focus .___SCalendarUnit_u4fft_gg_.__highlighted_u4fft_gg_{z-index:1}.___SCalendar_u4fft_gg_:focus:not(.___SCalendar_u4fft_gg_:focus:has(.___SCalendarUnit_u4fft_gg_.__highlighted_u4fft_gg_)){border-radius:var(--intergalactic-surface-rounded, calc(6px + 2px))}@media (prefers-reduced-motion){.___SCalendarUnit_u4fft_gg_,.___SCalendarUnit_u4fft_gg_.__highlighted_u4fft_gg_,.___SCalendarUnit_u4fft_gg_.__selected_u4fft_gg_{transition:none}}", /*__inner_css_end__*/"u4fft_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SCalendar": "___SCalendar_6m1bx_gg_",
-  "__SGridDays": "___SGridDays_6m1bx_gg_",
-  "__SGridMonths": "___SGridMonths_6m1bx_gg_",
-  "__SWeekDays": "___SWeekDays_6m1bx_gg_",
-  "__SWeekDay": "___SWeekDay_6m1bx_gg_",
-  "__SCalendarUnit": "___SCalendarUnit_6m1bx_gg_",
-  "_startHighlighted": "__startHighlighted_6m1bx_gg_",
-  "_selected": "__selected_6m1bx_gg_",
-  "_endHighlighted": "__endHighlighted_6m1bx_gg_",
-  "_startSelected": "__startSelected_6m1bx_gg_",
-  "_endSelected": "__endSelected_6m1bx_gg_",
-  "_compareHighlighted": "__compareHighlighted_6m1bx_gg_",
-  "_compareStartHighlighted": "__compareStartHighlighted_6m1bx_gg_",
-  "_compareEndHighlighted": "__compareEndHighlighted_6m1bx_gg_",
-  "_compareStart": "__compareStart_6m1bx_gg_",
-  "_compareEnd": "__compareEnd_6m1bx_gg_",
-  "_outdated": "__outdated_6m1bx_gg_",
-  "_disabled": "__disabled_6m1bx_gg_",
-  "_highlighted": "__highlighted_6m1bx_gg_",
-  "_today": "__today_6m1bx_gg_"
+  "__SGridDays": "___SGridDays_u4fft_gg_",
+  "__SGridMonths": "___SGridMonths_u4fft_gg_",
+  "__SWeekDays": "___SWeekDays_u4fft_gg_",
+  "__SWeekDay": "___SWeekDay_u4fft_gg_",
+  "__SCalendarUnit": "___SCalendarUnit_u4fft_gg_",
+  "_startHighlighted": "__startHighlighted_u4fft_gg_",
+  "_selected": "__selected_u4fft_gg_",
+  "_endHighlighted": "__endHighlighted_u4fft_gg_",
+  "_startSelected": "__startSelected_u4fft_gg_",
+  "_endSelected": "__endSelected_u4fft_gg_",
+  "_compareHighlighted": "__compareHighlighted_u4fft_gg_",
+  "_compareStartHighlighted": "__compareStartHighlighted_u4fft_gg_",
+  "_compareEndHighlighted": "__compareEndHighlighted_u4fft_gg_",
+  "_compareStart": "__compareStart_u4fft_gg_",
+  "_compareEnd": "__compareEnd_u4fft_gg_",
+  "_outdated": "__outdated_u4fft_gg_",
+  "_disabled": "__disabled_u4fft_gg_",
+  "_highlighted": "__highlighted_u4fft_gg_",
+  "__SCalendar": "___SCalendar_u4fft_gg_",
+  "_today": "__today_u4fft_gg_"
 });
-_dayjs["default"].extend(_isBetween["default"]);
+_dayjs["default"].extend(_isBetweenPlugin["default"]);
 var range = function range(N, cb) {
   return Array.from({
     length: N
-  }, function (v, k) {
+  }, function (_v, k) {
     return cb(k);
   });
 };
@@ -73,13 +69,12 @@ function getDayJSLocaleParams(locale) {
   }, _dayjs["default"].Ls[locale]);
 }
 var CalendarWeekDaysRoot = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(CalendarWeekDaysRoot, _Component);
-  var _super = (0, _createSuper2["default"])(CalendarWeekDaysRoot);
   function CalendarWeekDaysRoot() {
     (0, _classCallCheck2["default"])(this, CalendarWeekDaysRoot);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2["default"])(this, CalendarWeekDaysRoot, arguments);
   }
-  (0, _createClass2["default"])(CalendarWeekDaysRoot, [{
+  (0, _inherits2["default"])(CalendarWeekDaysRoot, _Component);
+  return (0, _createClass2["default"])(CalendarWeekDaysRoot, [{
     key: "getDaysByWeek",
     value: function getDaysByWeek() {
       var locale = this.asProps.locale;
@@ -93,7 +88,7 @@ var CalendarWeekDaysRoot = /*#__PURE__*/function (_Component) {
         }).format(date.valueOf());
         date = date.add(1, 'day');
         return {
-          children: _short,
+          'children': _short,
           'aria-label': _long
         };
       });
@@ -110,21 +105,20 @@ var CalendarWeekDaysRoot = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _ref = this.asProps,
         _ref6;
-      var SWeekDays = _flexBox.Box;
+      var SWeekDays = _baseComponents.Box;
       var _this$asProps = this.asProps,
         Children = _this$asProps.Children,
         styles = _this$asProps.styles;
       return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWeekDays, _ref6.cn("SWeekDays", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {})));
     }
   }]);
-  return CalendarWeekDaysRoot;
 }(_core.Component);
 (0, _defineProperty2["default"])(CalendarWeekDaysRoot, "displayName", 'CalendarWeekDays');
 (0, _defineProperty2["default"])(CalendarWeekDaysRoot, "style", style);
 (0, _defineProperty2["default"])(CalendarWeekDaysRoot, "defaultProps", {
   locale: 'en',
-  children: function children(_ref17) {
-    var days = _ref17.days;
+  children: function children(_ref15) {
+    var days = _ref15.days;
     return days.map(function (data, i) {
       return /*#__PURE__*/_react["default"].createElement(CalendarWeekDays.Unit, (0, _extends2["default"])({
         key: i
@@ -132,11 +126,11 @@ var CalendarWeekDaysRoot = /*#__PURE__*/function (_Component) {
     });
   }
 });
-function CalendarWeekUnit(_ref11) {
+function CalendarWeekUnit(_ref1) {
   var _ref2 = arguments[0],
     _ref7;
-  var styles = _ref11.styles;
-  var SWeekDay = _flexBox.Box;
+  var styles = _ref1.styles;
+  var SWeekDay = _baseComponents.Box;
   return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWeekDay, _ref7.cn("SWeekDay", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "role": 'columnheader'
   }, _ref2))));
@@ -146,9 +140,9 @@ function resolveHighlighting(date, unit, highlighted) {
   var highlighted1 = highlighted[1] ? (0, _dayjs["default"])(highlighted[1]) : highlighted0;
   if (highlighted0 && highlighted1) {
     if (highlighted0 > highlighted1) {
-      var _ref12 = [highlighted0, highlighted1];
-      highlighted1 = _ref12[0];
-      highlighted0 = _ref12[1];
+      var _ref10 = [highlighted0, highlighted1];
+      highlighted1 = _ref10[0];
+      highlighted0 = _ref10[1];
     }
     return {
       highlighted: date.isBetween(highlighted0, highlighted1, unit, '[]'),
@@ -168,9 +162,9 @@ function resolveSelecting(date, unit, value) {
   var selected;
   if (value0 && value1) {
     if (value0 > value1) {
-      var _ref13 = [value0, value1];
-      value1 = _ref13[0];
-      value0 = _ref13[1];
+      var _ref11 = [value0, value1];
+      value1 = _ref11[0];
+      value0 = _ref11[1];
     }
     selected = date.isBetween(value0, value1, unit, '()');
   }
@@ -183,29 +177,28 @@ function resolveSelecting(date, unit, value) {
   };
 }
 var CalendarAbstract = /*#__PURE__*/function (_Component2) {
-  (0, _inherits2["default"])(CalendarAbstract, _Component2);
-  var _super2 = (0, _createSuper2["default"])(CalendarAbstract);
   function CalendarAbstract() {
     var _this;
     (0, _classCallCheck2["default"])(this, CalendarAbstract);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super2.call.apply(_super2, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "today", new Date(new Date().setHours(0, 0, 0, 0)));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseLeave", function () {
+    _this = (0, _callSuper2["default"])(this, CalendarAbstract, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "today", new Date(new Date().setHours(0, 0, 0, 0)));
+    (0, _defineProperty2["default"])(_this, "handleMouseLeave", function () {
       var highlighted = _this.asProps.highlighted;
-      (0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onHighlightedChange', highlighted.length ? [highlighted[0]] : []);
+      (0, _fire["default"])(_this, 'onHighlightedChange', highlighted.length ? [highlighted[0]] : []);
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "formatter", _formatDate.formatDDMMYY);
+    (0, _defineProperty2["default"])(_this, "formatter", _formatDate.formatDDMMYY);
     return _this;
   }
-  (0, _createClass2["default"])(CalendarAbstract, [{
+  (0, _inherits2["default"])(CalendarAbstract, _Component2);
+  return (0, _createClass2["default"])(CalendarAbstract, [{
     key: "createUnit",
-    value: function createUnit(_ref14, unit) {
+    value: function createUnit(_ref12, unit) {
       var _this2 = this;
-      var date = _ref14.date,
-        other = (0, _objectWithoutProperties2["default"])(_ref14, _excluded);
+      var date = _ref12.date,
+        other = (0, _objectWithoutProperties2["default"])(_ref12, _excluded);
       var self = this;
       var _this$asProps2 = this.asProps,
         _disabled = _this$asProps2.disabled,
@@ -220,27 +213,27 @@ var CalendarAbstract = /*#__PURE__*/function (_Component2) {
       var comparing = resolveSelecting(date, unit, compare !== null && compare !== void 0 ? compare : []);
       var disabled = _disabled.some((0, _includesDate.includesDate)(date, unit));
       return (0, _objectSpread2["default"])({
-        date: (0, _formatDate.formatDDMMYY)(date, locale),
-        dateKey: this.formatter(date, locale),
-        children: '',
-        role: 'gridcell',
-        startSelected: selecting.startSelected,
-        endSelected: selecting.endSelected,
-        selected: selecting.selected,
-        highlighted: highlighting.highlighted,
-        startHighlighted: highlighting.startHighlighted,
-        endHighlighted: highlighting.endHighlighted,
-        compareHighlighted: comparedHighlighting.highlighted || comparing.selected,
-        compareStartHighlighted: comparedHighlighting.startHighlighted,
-        compareEndHighlighted: comparedHighlighting.endHighlighted,
-        compareStart: comparing.startSelected,
-        compareEnd: comparing.endSelected,
+        'date': (0, _formatDate.formatDDMMYY)(date, locale),
+        'dateKey': this.formatter(date, locale),
+        'children': '',
+        'role': 'gridcell',
+        'startSelected': selecting.startSelected,
+        'endSelected': selecting.endSelected,
+        'selected': selecting.selected,
+        'highlighted': highlighting.highlighted,
+        'startHighlighted': highlighting.startHighlighted,
+        'endHighlighted': highlighting.endHighlighted,
+        'compareHighlighted': comparedHighlighting.highlighted || comparing.selected,
+        'compareStartHighlighted': comparedHighlighting.startHighlighted,
+        'compareEndHighlighted': comparedHighlighting.endHighlighted,
+        'compareStart': comparing.startSelected,
+        'compareEnd': comparing.endSelected,
         'aria-selected': selecting.selected,
         'aria-disabled': disabled,
         'aria-current': highlighting.highlighted ? 'date' : undefined,
         disabled: disabled,
-        today: date.isSame(self.today, unit),
-        onClick: function onClick() {
+        'today': date.isSame(self.today, unit),
+        'onClick': function onClick() {
           var _this2$asProps = _this2.asProps,
             range = _this2$asProps.range,
             _highlighted = _this2$asProps.highlighted;
@@ -257,7 +250,7 @@ var CalendarAbstract = /*#__PURE__*/function (_Component2) {
           }
           (0, _fire["default"])(_this2, 'onChange', date.toDate());
         },
-        onMouseEnter: function onMouseEnter() {
+        'onMouseEnter': function onMouseEnter() {
           var _this2$asProps2 = _this2.asProps,
             range = _this2$asProps2.range,
             _highlighted = _this2$asProps2.highlighted;
@@ -276,14 +269,14 @@ var CalendarAbstract = /*#__PURE__*/function (_Component2) {
     }
   }, {
     key: "getUnitProps",
-    value: function getUnitProps(_ref15, index) {
-      var dateKey = _ref15.dateKey;
+    value: function getUnitProps(_ref13, index) {
+      var dateKey = _ref13.dateKey;
       var inRow = 7;
       var unitRefs = this.asProps.unitRefs;
       return {
         'aria-colindex': index % inRow + 1,
         'aria-rowindex': Math.floor(index / inRow) + 1,
-        ref: function ref(node) {
+        'ref': function ref(node) {
           if (!dateKey) return;
           unitRefs[dateKey] = node;
         }
@@ -342,19 +335,18 @@ var CalendarAbstract = /*#__PURE__*/function (_Component2) {
       return description;
     }
   }]);
-  return CalendarAbstract;
 }(_core.Component);
 (0, _defineProperty2["default"])(CalendarAbstract, "style", style);
-function CalendarUnit(_ref16) {
+function CalendarUnit(_ref14) {
   var _ref3 = arguments[0],
     _ref8;
-  var styles = _ref16.styles,
-    date = _ref16.date,
-    _long2 = _ref16["long"],
-    outdated = _ref16.outdated,
-    disabled = _ref16.disabled,
-    highlighted = _ref16.highlighted;
-  var SCalendarUnit = _flexBox.Box;
+  var styles = _ref14.styles,
+    date = _ref14.date,
+    _long2 = _ref14["long"],
+    outdated = _ref14.outdated,
+    disabled = _ref14.disabled,
+    highlighted = _ref14.highlighted;
+  var SCalendarUnit = _baseComponents.Box;
   return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCalendarUnit, _ref8.cn("SCalendarUnit", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "use:disabled": disabled || outdated || !date,
     "aria-hidden": !date,
@@ -362,15 +354,13 @@ function CalendarUnit(_ref16) {
     "use:tabIndex": highlighted ? 0 : -1
   }, _ref3))));
 }
-CalendarUnit.enhance = [(0, _keyboardFocusEnhance["default"])()];
-var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract) {
-  (0, _inherits2["default"])(CalendarDaysRoot, _CalendarAbstract);
-  var _super3 = (0, _createSuper2["default"])(CalendarDaysRoot);
+var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract2) {
   function CalendarDaysRoot() {
     (0, _classCallCheck2["default"])(this, CalendarDaysRoot);
-    return _super3.apply(this, arguments);
+    return (0, _callSuper2["default"])(this, CalendarDaysRoot, arguments);
   }
-  (0, _createClass2["default"])(CalendarDaysRoot, [{
+  (0, _inherits2["default"])(CalendarDaysRoot, _CalendarAbstract2);
+  return (0, _createClass2["default"])(CalendarDaysRoot, [{
     key: "getDaysByMonth",
     value: function getDaysByMonth() {
       var _this4 = this;
@@ -436,7 +426,7 @@ var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract) {
     value: function render() {
       var _ref4 = this.asProps,
         _ref9;
-      var SCalendar = _flexBox.Box;
+      var SCalendar = _baseComponents.Box;
       var SGridDays = 'div';
       var _this$asProps5 = this.asProps,
         Children = _this$asProps5.Children,
@@ -449,7 +439,7 @@ var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract) {
       })), /*#__PURE__*/_react["default"].createElement(SGridDays, _ref9.cn("SGridDays", {
         "onMouseLeave": this.handleMouseLeave,
         "role": 'row'
-      }), /*#__PURE__*/_react["default"].createElement(Children, _ref9.cn("Children", {}))), /*#__PURE__*/_react["default"].createElement(_flexBox.ScreenReaderOnly, _ref9.cn("ScreenReaderOnly", {
+      }), /*#__PURE__*/_react["default"].createElement(Children, _ref9.cn("Children", {}))), /*#__PURE__*/_react["default"].createElement(_baseComponents.ScreenReaderOnly, _ref9.cn("ScreenReaderOnly", {
         "role": 'row'
       }), /*#__PURE__*/_react["default"].createElement("span", _ref9.cn("span", {
         "aria-live": 'polite',
@@ -457,7 +447,6 @@ var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract) {
       }), description)));
     }
   }]);
-  return CalendarDaysRoot;
 }(CalendarAbstract);
 (0, _defineProperty2["default"])(CalendarDaysRoot, "displayName", 'CalendarDays');
 (0, _defineProperty2["default"])(CalendarDaysRoot, "defaultProps", {
@@ -465,8 +454,8 @@ var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract) {
   disabled: [],
   value: [],
   locale: 'en',
-  children: function children(_ref18) {
-    var days = _ref18.days;
+  children: function children(_ref16) {
+    var days = _ref16.days;
     return days.map(function (data, i) {
       return /*#__PURE__*/_react["default"].createElement(CalendarDays.Unit, (0, _extends2["default"])({
         key: i
@@ -474,20 +463,19 @@ var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract) {
     });
   }
 });
-var CalendarMonthsRoot = /*#__PURE__*/function (_CalendarAbstract2) {
-  (0, _inherits2["default"])(CalendarMonthsRoot, _CalendarAbstract2);
-  var _super4 = (0, _createSuper2["default"])(CalendarMonthsRoot);
+var CalendarMonthsRoot = /*#__PURE__*/function (_CalendarAbstract3) {
   function CalendarMonthsRoot() {
     var _this5;
     (0, _classCallCheck2["default"])(this, CalendarMonthsRoot);
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-    _this5 = _super4.call.apply(_super4, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this5), "formatter", _formatDate.formatMMYY);
+    _this5 = (0, _callSuper2["default"])(this, CalendarMonthsRoot, [].concat(args));
+    (0, _defineProperty2["default"])(_this5, "formatter", _formatDate.formatMMYY);
     return _this5;
   }
-  (0, _createClass2["default"])(CalendarMonthsRoot, [{
+  (0, _inherits2["default"])(CalendarMonthsRoot, _CalendarAbstract3);
+  return (0, _createClass2["default"])(CalendarMonthsRoot, [{
     key: "getMonthsByYear",
     value: function getMonthsByYear() {
       var _this6 = this;
@@ -521,31 +509,30 @@ var CalendarMonthsRoot = /*#__PURE__*/function (_CalendarAbstract2) {
     key: "render",
     value: function render() {
       var _ref5 = this.asProps,
-        _ref10;
-      var SCalendar = _flexBox.Box;
+        _ref0;
+      var SCalendar = _baseComponents.Box;
       var SGridMonths = 'div';
       var _this$asProps7 = this.asProps,
         Children = _this$asProps7.Children,
         styles = _this$asProps7.styles;
       var description = this.describeValue();
-      return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCalendar, _ref10.cn("SCalendar", (0, _objectSpread2["default"])({}, (0, _core.assignProps)((0, _objectSpread2["default"])({}, this.getRootProps()), _ref5))), /*#__PURE__*/_react["default"].createElement(SGridMonths, _ref10.cn("SGridMonths", {
+      return _ref0 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCalendar, _ref0.cn("SCalendar", (0, _objectSpread2["default"])({}, (0, _core.assignProps)((0, _objectSpread2["default"])({}, this.getRootProps()), _ref5))), /*#__PURE__*/_react["default"].createElement(SGridMonths, _ref0.cn("SGridMonths", {
         "onMouseLeave": this.handleMouseLeave,
         "role": 'row'
-      }), /*#__PURE__*/_react["default"].createElement(Children, _ref10.cn("Children", {}))), /*#__PURE__*/_react["default"].createElement(_flexBox.ScreenReaderOnly, _ref10.cn("ScreenReaderOnly", {
+      }), /*#__PURE__*/_react["default"].createElement(Children, _ref0.cn("Children", {}))), /*#__PURE__*/_react["default"].createElement(_baseComponents.ScreenReaderOnly, _ref0.cn("ScreenReaderOnly", {
         "role": 'row'
-      }), /*#__PURE__*/_react["default"].createElement("span", _ref10.cn("span", {
+      }), /*#__PURE__*/_react["default"].createElement("span", _ref0.cn("span", {
         "aria-live": 'polite',
         "role": 'gridcell'
       }), description)));
     }
   }]);
-  return CalendarMonthsRoot;
 }(CalendarAbstract);
 (0, _defineProperty2["default"])(CalendarMonthsRoot, "displayName", 'CalendarMonths');
 (0, _defineProperty2["default"])(CalendarMonthsRoot, "defaultProps", {
   locale: 'en',
-  children: function children(_ref19) {
-    var months = _ref19.months;
+  children: function children(_ref17) {
+    var months = _ref17.months;
     return months.map(function (data, i) {
       return /*#__PURE__*/_react["default"].createElement(CalendarMonths.Unit, (0, _extends2["default"])({
         key: i
@@ -553,16 +540,13 @@ var CalendarMonthsRoot = /*#__PURE__*/function (_CalendarAbstract2) {
     });
   }
 });
-var CalendarWeekDays = (0, _core["default"])(CalendarWeekDaysRoot, {
+var CalendarWeekDays = exports.CalendarWeekDays = (0, _core.createComponent)(CalendarWeekDaysRoot, {
   Unit: CalendarWeekUnit
 });
-exports.CalendarWeekDays = CalendarWeekDays;
-var CalendarDays = (0, _core["default"])(CalendarDaysRoot, {
+var CalendarDays = exports.CalendarDays = (0, _core.createComponent)(CalendarDaysRoot, {
   Unit: CalendarUnit
 });
-exports.CalendarDays = CalendarDays;
-var CalendarMonths = (0, _core["default"])(CalendarMonthsRoot, {
+var CalendarMonths = exports.CalendarMonths = (0, _core.createComponent)(CalendarMonthsRoot, {
   Unit: CalendarUnit
 });
-exports.CalendarMonths = CalendarMonths;
 //# sourceMappingURL=Calendar.js.map