@semcore/date-picker 4.58.0-prerelease.5 → 4.58.0-prerelease.6

package/lib/cjs/components/Calendar.js

@@ -1,6 +1,7 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,51 +11,54 @@ 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 _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 _index = require("@semcore/utils/lib/core/index");
+var _core = _interopRequireWildcard(require("@semcore/core"));
 var _react = _interopRequireDefault(require("react"));
-var _formatDate = require("../utils/formatDate");
+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 _isBetweenPlugin = _interopRequireDefault(require("../utils/isBetweenPlugin"));
+var _formatDate = require("../utils/formatDate");
+var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
 var _excluded = ["date"];
 /*!__reshadow-styles__:"../style/calendar.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SCalendar_851hu_gg_{display:flex;flex-direction:column;border-radius:var(--intergalactic-surface-rounded, calc(6px + 2px))}.___SCalendar_851hu_gg_ .___SCalendarUnit_851hu_gg_:focus-visible{outline:0}.___SGridDays_851hu_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_851hu_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_851hu_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_851hu_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_851hu_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SWeekDay_851hu_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SCalendarUnit_851hu_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_851hu_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_851hu_gg_.__today_851hu_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_851hu_gg_.__today_851hu_gg_:before{border:1px solid var(--intergalactic-date-picker-cell-current, rgba(0, 6, 3, 0.337))}@media (color-gamut:p3){.___SCalendarUnit_851hu_gg_.__today_851hu_gg_:before{border:1px solid var(--intergalactic-date-picker-cell-current, color(display-p3 0.00414 0.0233 0.01269 / 0.337))}}}.___SCalendarUnit_851hu_gg_.___SCalendarUnit_851hu_gg_.__today_851hu_gg_.__startSelected_851hu_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_851hu_gg_.___SCalendarUnit_851hu_gg_.__today_851hu_gg_.__startSelected_851hu_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SCalendarUnit_851hu_gg_.___SCalendarUnit_851hu_gg_.__today_851hu_gg_.__startSelected_851hu_gg_:before{border-color:var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SCalendarUnit_851hu_gg_.___SCalendarUnit_851hu_gg_.__today_851hu_gg_.__endSelected_851hu_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_851hu_gg_.___SCalendarUnit_851hu_gg_.__today_851hu_gg_.__endSelected_851hu_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SCalendarUnit_851hu_gg_.___SCalendarUnit_851hu_gg_.__today_851hu_gg_.__endSelected_851hu_gg_:before{border-color:var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SCalendarUnit_851hu_gg_.__selected_851hu_gg_{background-color:var(--intergalactic-date-picker-cell-range, rgb(236, 241, 255));border-radius:0;transition:border-radius 0s 0s;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_851hu_gg_.__selected_851hu_gg_{background-color:var(--intergalactic-date-picker-cell-range, rgb(236, 241, 255))}@media (color-gamut:p3){.___SCalendarUnit_851hu_gg_.__selected_851hu_gg_{background-color:var(--intergalactic-date-picker-cell-range, color(display-p3 0.92677 0.94582 0.99939))}}}@media (hover:hover){.___SCalendarUnit_851hu_gg_.__selected_851hu_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(207, 221, 255))}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_851hu_gg_.__selected_851hu_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(207, 221, 255))}@media (color-gamut:p3){.___SCalendarUnit_851hu_gg_.__selected_851hu_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, color(display-p3 0.8189 0.86425 1))}}}}.___SCalendarUnit_851hu_gg_.__highlighted_851hu_gg_{background-color:var(--intergalactic-date-picker-cell-range, rgb(236, 241, 255));border-radius:0;transition:border-radius 0s 0s;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_851hu_gg_.__highlighted_851hu_gg_{background-color:var(--intergalactic-date-picker-cell-range, rgb(236, 241, 255))}@media (color-gamut:p3){.___SCalendarUnit_851hu_gg_.__highlighted_851hu_gg_{background-color:var(--intergalactic-date-picker-cell-range, color(display-p3 0.92677 0.94582 0.99939))}}}@media (hover:hover){.___SCalendarUnit_851hu_gg_.__highlighted_851hu_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(207, 221, 255))}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_851hu_gg_.__highlighted_851hu_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(207, 221, 255))}@media (color-gamut:p3){.___SCalendarUnit_851hu_gg_.__highlighted_851hu_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, color(display-p3 0.8189 0.86425 1))}}}}.___SCalendarUnit_851hu_gg_.__startSelected_851hu_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-date-picker-cell-active, rgb(118, 128, 231))}.___SCalendarUnit_851hu_gg_.__startSelected_851hu_gg_:not(.__highlighted_851hu_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_851hu_gg_.__startSelected_851hu_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-date-picker-cell-active-hover, rgb(107, 113, 225))}}.___SCalendarUnit_851hu_gg_.__endSelected_851hu_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(118, 128, 231));color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949))}.___SCalendarUnit_851hu_gg_.__endSelected_851hu_gg_:not(.__highlighted_851hu_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_851hu_gg_.__endSelected_851hu_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-date-picker-cell-active-hover, rgb(107, 113, 225))}}.___SCalendarUnit_851hu_gg_.__startHighlighted_851hu_gg_:not(.__selected_851hu_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_851hu_gg_.__endHighlighted_851hu_gg_:not(.__selected_851hu_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_851hu_gg_.__startHighlighted_851hu_gg_.___SCalendarUnit_851hu_gg_.__endHighlighted_851hu_gg_,.___SCalendarUnit_851hu_gg_.__startSelected_851hu_gg_.___SCalendarUnit_851hu_gg_.__endSelected_851hu_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_851hu_gg_.__compareHighlighted_851hu_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_851hu_gg_.__compareEndHighlighted_851hu_gg_,.___SCalendarUnit_851hu_gg_.__compareStartHighlighted_851hu_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_851hu_gg_.__compareEnd_851hu_gg_,.___SCalendarUnit_851hu_gg_.__compareStart_851hu_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_851hu_gg_.__compareEnd_851hu_gg_:hover,.___SCalendarUnit_851hu_gg_.__compareStart_851hu_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_851hu_gg_.__compareStartHighlighted_851hu_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_851hu_gg_.__compareEndHighlighted_851hu_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_851hu_gg_.__compareStart_851hu_gg_:not(.__compareHighlighted_851hu_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_851hu_gg_.__compareEnd_851hu_gg_:not(.__compareHighlighted_851hu_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_851hu_gg_.__outdated_851hu_gg_{opacity:.2}.___SCalendarUnit_851hu_gg_.__disabled_851hu_gg_{opacity:.4;cursor:default;pointer-events:none}.___SCalendar_851hu_gg_:focus .___SCalendarUnit_851hu_gg_.__highlighted_851hu_gg_{z-index:1}.___SCalendar_851hu_gg_:focus:not(.___SCalendar_851hu_gg_:focus:has(.___SCalendarUnit_851hu_gg_.__highlighted_851hu_gg_)){border-radius:var(--intergalactic-surface-rounded, calc(6px + 2px))}@media (prefers-reduced-motion){.___SCalendarUnit_851hu_gg_,.___SCalendarUnit_851hu_gg_.__highlighted_851hu_gg_,.___SCalendarUnit_851hu_gg_.__selected_851hu_gg_{transition:none}}", /*__inner_css_end__*/"851hu_gg_"),
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCalendar_13v73_gg_{display:flex;flex-direction:column}.___SGridDays_13v73_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_13v73_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_13v73_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_13v73_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_13v73_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SWeekDay_13v73_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SCalendarUnit_13v73_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:color .15s,background .15s,box-shadow .15s,border-radius .15s .15s;outline:0;margin:4px 0 0}@media (hover:hover){.___SCalendarUnit_13v73_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_13v73_gg_.__today_13v73_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_13v73_gg_.__today_13v73_gg_:before{border:1px solid var(--intergalactic-date-picker-cell-current, rgba(0, 6, 3, 0.337))}@media (color-gamut:p3){.___SCalendarUnit_13v73_gg_.__today_13v73_gg_:before{border:1px solid var(--intergalactic-date-picker-cell-current, color(display-p3 0.00414 0.0233 0.01269 / 0.337))}}}.___SCalendarUnit_13v73_gg_.___SCalendarUnit_13v73_gg_.__today_13v73_gg_.__startSelected_13v73_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0)){.___SCalendarUnit_13v73_gg_.___SCalendarUnit_13v73_gg_.__today_13v73_gg_.__startSelected_13v73_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SCalendarUnit_13v73_gg_.___SCalendarUnit_13v73_gg_.__today_13v73_gg_.__startSelected_13v73_gg_:before{border-color:var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SCalendarUnit_13v73_gg_.___SCalendarUnit_13v73_gg_.__today_13v73_gg_.__endSelected_13v73_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0)){.___SCalendarUnit_13v73_gg_.___SCalendarUnit_13v73_gg_.__today_13v73_gg_.__endSelected_13v73_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SCalendarUnit_13v73_gg_.___SCalendarUnit_13v73_gg_.__today_13v73_gg_.__endSelected_13v73_gg_:before{border-color:var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SCalendarUnit_13v73_gg_.__selected_13v73_gg_{background-color:var(--intergalactic-date-picker-cell-range, rgb(236, 241, 255));border-radius:0;transition:color .15s,background .15s,box-shadow .15s,border-radius 0s 0s;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0)){.___SCalendarUnit_13v73_gg_.__selected_13v73_gg_{background-color:var(--intergalactic-date-picker-cell-range, rgb(236, 241, 255))}@media (color-gamut:p3){.___SCalendarUnit_13v73_gg_.__selected_13v73_gg_{background-color:var(--intergalactic-date-picker-cell-range, color(display-p3 0.92677 0.94582 0.99939))}}}@media (hover:hover){.___SCalendarUnit_13v73_gg_.__selected_13v73_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(207, 221, 255))}@supports (color:color(display-p3 0 0 0)){.___SCalendarUnit_13v73_gg_.__selected_13v73_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(207, 221, 255))}@media (color-gamut:p3){.___SCalendarUnit_13v73_gg_.__selected_13v73_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, color(display-p3 0.81886 0.86425 1))}}}}.___SCalendarUnit_13v73_gg_.__highlighted_13v73_gg_{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(207, 221, 255));border-radius:0;transition:color .15s,background .15s,box-shadow .15s,border-radius 0s 0s;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0)){.___SCalendarUnit_13v73_gg_.__highlighted_13v73_gg_{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(207, 221, 255))}@media (color-gamut:p3){.___SCalendarUnit_13v73_gg_.__highlighted_13v73_gg_{background-color:var(--intergalactic-date-picker-cell-range-hover, color(display-p3 0.81886 0.86425 1))}}}@media (hover:hover){.___SCalendarUnit_13v73_gg_.__highlighted_13v73_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(207, 221, 255))}@supports (color:color(display-p3 0 0 0)){.___SCalendarUnit_13v73_gg_.__highlighted_13v73_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(207, 221, 255))}@media (color-gamut:p3){.___SCalendarUnit_13v73_gg_.__highlighted_13v73_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, color(display-p3 0.81886 0.86425 1))}}}}.___SCalendarUnit_13v73_gg_.__startSelected_13v73_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-date-picker-cell-active, rgb(118, 128, 231))}.___SCalendarUnit_13v73_gg_.__startSelected_13v73_gg_:not(.__highlighted_13v73_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_13v73_gg_.__startSelected_13v73_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-date-picker-cell-active-hover, rgb(107, 113, 225))}}.___SCalendarUnit_13v73_gg_.__endSelected_13v73_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(118, 128, 231));color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949))}.___SCalendarUnit_13v73_gg_.__endSelected_13v73_gg_:not(.__highlighted_13v73_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_13v73_gg_.__endSelected_13v73_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-date-picker-cell-active-hover, rgb(107, 113, 225))}}.___SCalendarUnit_13v73_gg_.__startHighlighted_13v73_gg_:not(.__selected_13v73_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_13v73_gg_.__endHighlighted_13v73_gg_:not(.__selected_13v73_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_13v73_gg_.__startHighlighted_13v73_gg_.___SCalendarUnit_13v73_gg_.__endHighlighted_13v73_gg_,.___SCalendarUnit_13v73_gg_.__startSelected_13v73_gg_.___SCalendarUnit_13v73_gg_.__endSelected_13v73_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_13v73_gg_.__compareHighlighted_13v73_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_13v73_gg_.__compareEndHighlighted_13v73_gg_,.___SCalendarUnit_13v73_gg_.__compareStartHighlighted_13v73_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_13v73_gg_.__compareEnd_13v73_gg_,.___SCalendarUnit_13v73_gg_.__compareStart_13v73_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_13v73_gg_.__compareEnd_13v73_gg_:hover,.___SCalendarUnit_13v73_gg_.__compareStart_13v73_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_13v73_gg_.__compareStartHighlighted_13v73_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_13v73_gg_.__compareEndHighlighted_13v73_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_13v73_gg_.__compareStart_13v73_gg_:not(.__compareHighlighted_13v73_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_13v73_gg_.__compareEnd_13v73_gg_:not(.__compareHighlighted_13v73_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_13v73_gg_.__outdated_13v73_gg_{opacity:.2}.___SCalendarUnit_13v73_gg_.__disabled_13v73_gg_{opacity:.4;cursor:default;pointer-events:none}.___SCalendar_13v73_gg_:focus{outline:0}.___SCalendar_13v73_gg_:focus .___SCalendarUnit_13v73_gg_.__highlighted_13v73_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus,\n      0px 0px 0px 3px rgba(0, 33, 220, 0.469)\n    )}@supports (color:color(display-p3 0 0 0)){.___SCalendar_13v73_gg_:focus .___SCalendarUnit_13v73_gg_.__highlighted_13v73_gg_{box-shadow:var(--intergalactic-keyboard-focus,\n      0px 0px 0px 3px rgba(0, 33, 220, 0.469)\n    )}@media (color-gamut:p3){.___SCalendar_13v73_gg_:focus .___SCalendarUnit_13v73_gg_.__highlighted_13v73_gg_{box-shadow:var(--intergalactic-keyboard-focus,\n      0px 0px 0px 3px color(display-p3 0.03256 0.12227 0.83249 / 0.469)\n    )}}}.___SCalendar_13v73_gg_:focus:not(.___SCalendar_13v73_gg_:focus:has(.___SCalendarUnit_13v73_gg_.__highlighted_13v73_gg_)){box-shadow:var(--intergalactic-keyboard-focus,\n      0px 0px 0px 3px rgba(0, 33, 220, 0.469)\n    )}@supports (color:color(display-p3 0 0 0)){.___SCalendar_13v73_gg_:focus:not(.___SCalendar_13v73_gg_:focus:has(.___SCalendarUnit_13v73_gg_.__highlighted_13v73_gg_)){box-shadow:var(--intergalactic-keyboard-focus,\n      0px 0px 0px 3px rgba(0, 33, 220, 0.469)\n    )}@media (color-gamut:p3){.___SCalendar_13v73_gg_:focus:not(.___SCalendar_13v73_gg_:focus:has(.___SCalendarUnit_13v73_gg_.__highlighted_13v73_gg_)){box-shadow:var(--intergalactic-keyboard-focus,\n      0px 0px 0px 3px color(display-p3 0.03256 0.12227 0.83249 / 0.469)\n    )}}}@media (prefers-reduced-motion){.___SCalendarUnit_13v73_gg_,.___SCalendarUnit_13v73_gg_.__highlighted_13v73_gg_,.___SCalendarUnit_13v73_gg_.__selected_13v73_gg_{transition:none}}", /*__inner_css_end__*/"13v73_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SGridDays": "___SGridDays_851hu_gg_",
-  "__SGridMonths": "___SGridMonths_851hu_gg_",
-  "__SWeekDays": "___SWeekDays_851hu_gg_",
-  "__SWeekDay": "___SWeekDay_851hu_gg_",
-  "__SCalendarUnit": "___SCalendarUnit_851hu_gg_",
-  "_startHighlighted": "__startHighlighted_851hu_gg_",
-  "_selected": "__selected_851hu_gg_",
-  "_endHighlighted": "__endHighlighted_851hu_gg_",
-  "_startSelected": "__startSelected_851hu_gg_",
-  "_endSelected": "__endSelected_851hu_gg_",
-  "_compareHighlighted": "__compareHighlighted_851hu_gg_",
-  "_compareStartHighlighted": "__compareStartHighlighted_851hu_gg_",
-  "_compareEndHighlighted": "__compareEndHighlighted_851hu_gg_",
-  "_compareStart": "__compareStart_851hu_gg_",
-  "_compareEnd": "__compareEnd_851hu_gg_",
-  "_outdated": "__outdated_851hu_gg_",
-  "_disabled": "__disabled_851hu_gg_",
-  "_highlighted": "__highlighted_851hu_gg_",
-  "__SCalendar": "___SCalendar_851hu_gg_",
-  "_today": "__today_851hu_gg_"
+  "__SCalendar": "___SCalendar_13v73_gg_",
+  "__SGridDays": "___SGridDays_13v73_gg_",
+  "__SGridMonths": "___SGridMonths_13v73_gg_",
+  "__SWeekDays": "___SWeekDays_13v73_gg_",
+  "__SWeekDay": "___SWeekDay_13v73_gg_",
+  "__SCalendarUnit": "___SCalendarUnit_13v73_gg_",
+  "_startHighlighted": "__startHighlighted_13v73_gg_",
+  "_selected": "__selected_13v73_gg_",
+  "_endHighlighted": "__endHighlighted_13v73_gg_",
+  "_startSelected": "__startSelected_13v73_gg_",
+  "_endSelected": "__endSelected_13v73_gg_",
+  "_compareHighlighted": "__compareHighlighted_13v73_gg_",
+  "_compareStartHighlighted": "__compareStartHighlighted_13v73_gg_",
+  "_compareEndHighlighted": "__compareEndHighlighted_13v73_gg_",
+  "_compareStart": "__compareStart_13v73_gg_",
+  "_compareEnd": "__compareEnd_13v73_gg_",
+  "_outdated": "__outdated_13v73_gg_",
+  "_disabled": "__disabled_13v73_gg_",
+  "_highlighted": "__highlighted_13v73_gg_",
+  "_today": "__today_13v73_gg_"
 });
-_dayjs["default"].extend(_isBetweenPlugin["default"]);
+_dayjs["default"].extend(_isBetween["default"]);
 var range = function range(N, cb) {
   return Array.from({
     length: N
-  }, function (_v, k) {
+  }, function (v, k) {
     return cb(k);
   });
 };
@@ -69,12 +73,13 @@ 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 (0, _callSuper2["default"])(this, CalendarWeekDaysRoot, arguments);
+    return _super.apply(this, arguments);
   }
-  (0, _inherits2["default"])(CalendarWeekDaysRoot, _Component);
-  return (0, _createClass2["default"])(CalendarWeekDaysRoot, [{
+  (0, _createClass2["default"])(CalendarWeekDaysRoot, [{
     key: "getDaysByWeek",
     value: function getDaysByWeek() {
       var locale = this.asProps.locale;
@@ -88,7 +93,7 @@ var CalendarWeekDaysRoot = /*#__PURE__*/function (_Component) {
         }).format(date.valueOf());
         date = date.add(1, 'day');
         return {
-          'children': _short,
+          children: _short,
           'aria-label': _long
         };
       });
@@ -105,20 +110,21 @@ var CalendarWeekDaysRoot = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _ref = this.asProps,
         _ref6;
-      var SWeekDays = _baseComponents.Box;
+      var SWeekDays = _flexBox.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(_ref15) {
-    var days = _ref15.days;
+  children: function children(_ref17) {
+    var days = _ref17.days;
     return days.map(function (data, i) {
       return /*#__PURE__*/_react["default"].createElement(CalendarWeekDays.Unit, (0, _extends2["default"])({
         key: i
@@ -126,11 +132,11 @@ var CalendarWeekDaysRoot = /*#__PURE__*/function (_Component) {
     });
   }
 });
-function CalendarWeekUnit(_ref1) {
+function CalendarWeekUnit(_ref11) {
   var _ref2 = arguments[0],
     _ref7;
-  var styles = _ref1.styles;
-  var SWeekDay = _baseComponents.Box;
+  var styles = _ref11.styles;
+  var SWeekDay = _flexBox.Box;
   return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWeekDay, _ref7.cn("SWeekDay", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "role": 'columnheader'
   }, _ref2))));
@@ -140,9 +146,9 @@ function resolveHighlighting(date, unit, highlighted) {
   var highlighted1 = highlighted[1] ? (0, _dayjs["default"])(highlighted[1]) : highlighted0;
   if (highlighted0 && highlighted1) {
     if (highlighted0 > highlighted1) {
-      var _ref10 = [highlighted0, highlighted1];
-      highlighted1 = _ref10[0];
-      highlighted0 = _ref10[1];
+      var _ref12 = [highlighted0, highlighted1];
+      highlighted1 = _ref12[0];
+      highlighted0 = _ref12[1];
     }
     return {
       highlighted: date.isBetween(highlighted0, highlighted1, unit, '[]'),
@@ -162,9 +168,9 @@ function resolveSelecting(date, unit, value) {
   var selected;
   if (value0 && value1) {
     if (value0 > value1) {
-      var _ref11 = [value0, value1];
-      value1 = _ref11[0];
-      value0 = _ref11[1];
+      var _ref13 = [value0, value1];
+      value1 = _ref13[0];
+      value0 = _ref13[1];
     }
     selected = date.isBetween(value0, value1, unit, '()');
   }
@@ -177,28 +183,29 @@ 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 = (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 () {
+    _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 () {
       var highlighted = _this.asProps.highlighted;
-      (0, _fire["default"])(_this, 'onHighlightedChange', highlighted.length ? [highlighted[0]] : []);
+      (0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onHighlightedChange', highlighted.length ? [highlighted[0]] : []);
     });
-    (0, _defineProperty2["default"])(_this, "formatter", _formatDate.formatDDMMYY);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "formatter", _formatDate.formatDDMMYY);
     return _this;
   }
-  (0, _inherits2["default"])(CalendarAbstract, _Component2);
-  return (0, _createClass2["default"])(CalendarAbstract, [{
+  (0, _createClass2["default"])(CalendarAbstract, [{
     key: "createUnit",
-    value: function createUnit(_ref12, unit) {
+    value: function createUnit(_ref14, unit) {
       var _this2 = this;
-      var date = _ref12.date,
-        other = (0, _objectWithoutProperties2["default"])(_ref12, _excluded);
+      var date = _ref14.date,
+        other = (0, _objectWithoutProperties2["default"])(_ref14, _excluded);
       var self = this;
       var _this$asProps2 = this.asProps,
         _disabled = _this$asProps2.disabled,
@@ -213,27 +220,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;
@@ -250,7 +257,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;
@@ -269,14 +276,14 @@ var CalendarAbstract = /*#__PURE__*/function (_Component2) {
     }
   }, {
     key: "getUnitProps",
-    value: function getUnitProps(_ref13, index) {
-      var dateKey = _ref13.dateKey;
+    value: function getUnitProps(_ref15, index) {
+      var dateKey = _ref15.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;
         }
@@ -335,18 +342,19 @@ var CalendarAbstract = /*#__PURE__*/function (_Component2) {
       return description;
     }
   }]);
+  return CalendarAbstract;
 }(_core.Component);
 (0, _defineProperty2["default"])(CalendarAbstract, "style", style);
-function CalendarUnit(_ref14) {
+function CalendarUnit(_ref16) {
   var _ref3 = arguments[0],
     _ref8;
-  var styles = _ref14.styles,
-    date = _ref14.date,
-    _long2 = _ref14["long"],
-    outdated = _ref14.outdated,
-    disabled = _ref14.disabled,
-    highlighted = _ref14.highlighted;
-  var SCalendarUnit = _baseComponents.Box;
+  var styles = _ref16.styles,
+    date = _ref16.date,
+    _long2 = _ref16["long"],
+    outdated = _ref16.outdated,
+    disabled = _ref16.disabled,
+    highlighted = _ref16.highlighted;
+  var SCalendarUnit = _flexBox.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,
@@ -354,13 +362,15 @@ function CalendarUnit(_ref14) {
     "use:tabIndex": highlighted ? 0 : -1
   }, _ref3))));
 }
-var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract2) {
+CalendarUnit.enhance = [(0, _keyboardFocusEnhance["default"])()];
+var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract) {
+  (0, _inherits2["default"])(CalendarDaysRoot, _CalendarAbstract);
+  var _super3 = (0, _createSuper2["default"])(CalendarDaysRoot);
   function CalendarDaysRoot() {
     (0, _classCallCheck2["default"])(this, CalendarDaysRoot);
-    return (0, _callSuper2["default"])(this, CalendarDaysRoot, arguments);
+    return _super3.apply(this, arguments);
   }
-  (0, _inherits2["default"])(CalendarDaysRoot, _CalendarAbstract2);
-  return (0, _createClass2["default"])(CalendarDaysRoot, [{
+  (0, _createClass2["default"])(CalendarDaysRoot, [{
     key: "getDaysByMonth",
     value: function getDaysByMonth() {
       var _this4 = this;
@@ -426,7 +436,7 @@ var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract2) {
     value: function render() {
       var _ref4 = this.asProps,
         _ref9;
-      var SCalendar = _baseComponents.Box;
+      var SCalendar = _flexBox.Box;
       var SGridDays = 'div';
       var _this$asProps5 = this.asProps,
         Children = _this$asProps5.Children,
@@ -439,7 +449,7 @@ var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract2) {
       })), /*#__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(_baseComponents.ScreenReaderOnly, _ref9.cn("ScreenReaderOnly", {
+      }), /*#__PURE__*/_react["default"].createElement(Children, _ref9.cn("Children", {}))), /*#__PURE__*/_react["default"].createElement(_flexBox.ScreenReaderOnly, _ref9.cn("ScreenReaderOnly", {
         "role": 'row'
       }), /*#__PURE__*/_react["default"].createElement("span", _ref9.cn("span", {
         "aria-live": 'polite',
@@ -447,6 +457,7 @@ var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract2) {
       }), description)));
     }
   }]);
+  return CalendarDaysRoot;
 }(CalendarAbstract);
 (0, _defineProperty2["default"])(CalendarDaysRoot, "displayName", 'CalendarDays');
 (0, _defineProperty2["default"])(CalendarDaysRoot, "defaultProps", {
@@ -454,8 +465,8 @@ var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract2) {
   disabled: [],
   value: [],
   locale: 'en',
-  children: function children(_ref16) {
-    var days = _ref16.days;
+  children: function children(_ref18) {
+    var days = _ref18.days;
     return days.map(function (data, i) {
       return /*#__PURE__*/_react["default"].createElement(CalendarDays.Unit, (0, _extends2["default"])({
         key: i
@@ -463,19 +474,20 @@ var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract2) {
     });
   }
 });
-var CalendarMonthsRoot = /*#__PURE__*/function (_CalendarAbstract3) {
+var CalendarMonthsRoot = /*#__PURE__*/function (_CalendarAbstract2) {
+  (0, _inherits2["default"])(CalendarMonthsRoot, _CalendarAbstract2);
+  var _super4 = (0, _createSuper2["default"])(CalendarMonthsRoot);
   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 = (0, _callSuper2["default"])(this, CalendarMonthsRoot, [].concat(args));
-    (0, _defineProperty2["default"])(_this5, "formatter", _formatDate.formatMMYY);
+    _this5 = _super4.call.apply(_super4, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this5), "formatter", _formatDate.formatMMYY);
     return _this5;
   }
-  (0, _inherits2["default"])(CalendarMonthsRoot, _CalendarAbstract3);
-  return (0, _createClass2["default"])(CalendarMonthsRoot, [{
+  (0, _createClass2["default"])(CalendarMonthsRoot, [{
     key: "getMonthsByYear",
     value: function getMonthsByYear() {
       var _this6 = this;
@@ -509,30 +521,31 @@ var CalendarMonthsRoot = /*#__PURE__*/function (_CalendarAbstract3) {
     key: "render",
     value: function render() {
       var _ref5 = this.asProps,
-        _ref0;
-      var SCalendar = _baseComponents.Box;
+        _ref10;
+      var SCalendar = _flexBox.Box;
       var SGridMonths = 'div';
       var _this$asProps7 = this.asProps,
         Children = _this$asProps7.Children,
         styles = _this$asProps7.styles;
       var description = this.describeValue();
-      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", {
+      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", {
         "onMouseLeave": this.handleMouseLeave,
         "role": 'row'
-      }), /*#__PURE__*/_react["default"].createElement(Children, _ref0.cn("Children", {}))), /*#__PURE__*/_react["default"].createElement(_baseComponents.ScreenReaderOnly, _ref0.cn("ScreenReaderOnly", {
+      }), /*#__PURE__*/_react["default"].createElement(Children, _ref10.cn("Children", {}))), /*#__PURE__*/_react["default"].createElement(_flexBox.ScreenReaderOnly, _ref10.cn("ScreenReaderOnly", {
         "role": 'row'
-      }), /*#__PURE__*/_react["default"].createElement("span", _ref0.cn("span", {
+      }), /*#__PURE__*/_react["default"].createElement("span", _ref10.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(_ref17) {
-    var months = _ref17.months;
+  children: function children(_ref19) {
+    var months = _ref19.months;
     return months.map(function (data, i) {
       return /*#__PURE__*/_react["default"].createElement(CalendarMonths.Unit, (0, _extends2["default"])({
         key: i
@@ -540,13 +553,16 @@ var CalendarMonthsRoot = /*#__PURE__*/function (_CalendarAbstract3) {
     });
   }
 });
-var CalendarWeekDays = exports.CalendarWeekDays = (0, _core.createComponent)(CalendarWeekDaysRoot, {
+var CalendarWeekDays = (0, _core["default"])(CalendarWeekDaysRoot, {
   Unit: CalendarWeekUnit
 });
-var CalendarDays = exports.CalendarDays = (0, _core.createComponent)(CalendarDaysRoot, {
+exports.CalendarWeekDays = CalendarWeekDays;
+var CalendarDays = (0, _core["default"])(CalendarDaysRoot, {
   Unit: CalendarUnit
 });
-var CalendarMonths = exports.CalendarMonths = (0, _core.createComponent)(CalendarMonthsRoot, {
+exports.CalendarDays = CalendarDays;
+var CalendarMonths = (0, _core["default"])(CalendarMonthsRoot, {
   Unit: CalendarUnit
 });
+exports.CalendarMonths = CalendarMonths;
 //# sourceMappingURL=Calendar.js.map