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

package/lib/es6/components/Calendar.js

@@ -1,60 +1,57 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+import _callSuper from "@babel/runtime/helpers/callSuper";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
+import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps5 } from "@semcore/core";
 import { assignProps as _assignProps4 } from "@semcore/core";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 var _excluded = ["date"];
-import React from 'react';
+import { Box, ScreenReaderOnly } from '@semcore/base-components';
+import { createComponent, Component, Root, sstyled } from '@semcore/core';
+import fire from '@semcore/core/lib/utils/fire';
 import dayjs from 'dayjs';
-import isBetween from 'dayjs/plugin/isBetween';
-import createComponent, { Component, Root, sstyled } from '@semcore/core';
-import { Box } from '@semcore/flex-box';
-import fire from '@semcore/utils/lib/fire';
-import { includesDate } from '../utils/includesDate';
-import { formatDDMMYY, formatMMYY } from '../utils/formatDate';
-import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
-import { ScreenReaderOnly } from '@semcore/flex-box';
+import React from 'react';
 /*!__reshadow-styles__:"../style/calendar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCalendar_1fvsn_gg_{display:flex;flex-direction:column}.___SGridDays_1fvsn_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_1fvsn_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_1fvsn_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_1fvsn_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_1fvsn_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SWeekDay_1fvsn_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SCalendarUnit_1fvsn_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_1fvsn_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_1fvsn_gg_.__today_1fvsn_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_1fvsn_gg_.__today_1fvsn_gg_:before{border:1px solid var(--intergalactic-date-picker-cell-current, rgba(0, 6, 3, 0.337))}@media (color-gamut:p3){.___SCalendarUnit_1fvsn_gg_.__today_1fvsn_gg_:before{border:1px solid var(--intergalactic-date-picker-cell-current, color(display-p3 0.00414 0.0233 0.01269 / 0.337))}}}.___SCalendarUnit_1fvsn_gg_.___SCalendarUnit_1fvsn_gg_.__today_1fvsn_gg_.__startSelected_1fvsn_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0)){.___SCalendarUnit_1fvsn_gg_.___SCalendarUnit_1fvsn_gg_.__today_1fvsn_gg_.__startSelected_1fvsn_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SCalendarUnit_1fvsn_gg_.___SCalendarUnit_1fvsn_gg_.__today_1fvsn_gg_.__startSelected_1fvsn_gg_:before{border-color:var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SCalendarUnit_1fvsn_gg_.___SCalendarUnit_1fvsn_gg_.__today_1fvsn_gg_.__endSelected_1fvsn_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0)){.___SCalendarUnit_1fvsn_gg_.___SCalendarUnit_1fvsn_gg_.__today_1fvsn_gg_.__endSelected_1fvsn_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SCalendarUnit_1fvsn_gg_.___SCalendarUnit_1fvsn_gg_.__today_1fvsn_gg_.__endSelected_1fvsn_gg_:before{border-color:var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SCalendarUnit_1fvsn_gg_.__selected_1fvsn_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_1fvsn_gg_.__selected_1fvsn_gg_{background-color:var(--intergalactic-date-picker-cell-range, rgb(236, 241, 255))}@media (color-gamut:p3){.___SCalendarUnit_1fvsn_gg_.__selected_1fvsn_gg_{background-color:var(--intergalactic-date-picker-cell-range, color(display-p3 0.92677 0.94582 0.99939))}}}@media (hover:hover){.___SCalendarUnit_1fvsn_gg_.__selected_1fvsn_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(207, 221, 255))}@supports (color:color(display-p3 0 0 0)){.___SCalendarUnit_1fvsn_gg_.__selected_1fvsn_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(207, 221, 255))}@media (color-gamut:p3){.___SCalendarUnit_1fvsn_gg_.__selected_1fvsn_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, color(display-p3 0.81886 0.86425 1))}}}}.___SCalendarUnit_1fvsn_gg_.__highlighted_1fvsn_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_1fvsn_gg_.__highlighted_1fvsn_gg_{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(207, 221, 255))}@media (color-gamut:p3){.___SCalendarUnit_1fvsn_gg_.__highlighted_1fvsn_gg_{background-color:var(--intergalactic-date-picker-cell-range-hover, color(display-p3 0.81886 0.86425 1))}}}@media (hover:hover){.___SCalendarUnit_1fvsn_gg_.__highlighted_1fvsn_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(207, 221, 255))}@supports (color:color(display-p3 0 0 0)){.___SCalendarUnit_1fvsn_gg_.__highlighted_1fvsn_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(207, 221, 255))}@media (color-gamut:p3){.___SCalendarUnit_1fvsn_gg_.__highlighted_1fvsn_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, color(display-p3 0.81886 0.86425 1))}}}}.___SCalendarUnit_1fvsn_gg_.__startSelected_1fvsn_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_1fvsn_gg_.__startSelected_1fvsn_gg_:not(.__highlighted_1fvsn_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_1fvsn_gg_.__startSelected_1fvsn_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_1fvsn_gg_.__endSelected_1fvsn_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_1fvsn_gg_.__endSelected_1fvsn_gg_:not(.__highlighted_1fvsn_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_1fvsn_gg_.__endSelected_1fvsn_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_1fvsn_gg_.__startHighlighted_1fvsn_gg_:not(.__selected_1fvsn_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_1fvsn_gg_.__endHighlighted_1fvsn_gg_:not(.__selected_1fvsn_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_1fvsn_gg_.__startHighlighted_1fvsn_gg_.___SCalendarUnit_1fvsn_gg_.__endHighlighted_1fvsn_gg_,.___SCalendarUnit_1fvsn_gg_.__startSelected_1fvsn_gg_.___SCalendarUnit_1fvsn_gg_.__endSelected_1fvsn_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_1fvsn_gg_.__compareHighlighted_1fvsn_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_1fvsn_gg_.__compareEndHighlighted_1fvsn_gg_,.___SCalendarUnit_1fvsn_gg_.__compareStartHighlighted_1fvsn_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_1fvsn_gg_.__compareEnd_1fvsn_gg_,.___SCalendarUnit_1fvsn_gg_.__compareStart_1fvsn_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_1fvsn_gg_.__compareEnd_1fvsn_gg_:hover,.___SCalendarUnit_1fvsn_gg_.__compareStart_1fvsn_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_1fvsn_gg_.__compareStartHighlighted_1fvsn_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1fvsn_gg_.__compareEndHighlighted_1fvsn_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1fvsn_gg_.__compareStart_1fvsn_gg_:not(.__compareHighlighted_1fvsn_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1fvsn_gg_.__compareEnd_1fvsn_gg_:not(.__compareHighlighted_1fvsn_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1fvsn_gg_.__outdated_1fvsn_gg_{opacity:.2}.___SCalendarUnit_1fvsn_gg_.__disabled_1fvsn_gg_{opacity:.4;cursor:default;pointer-events:none}.___SCalendar_1fvsn_gg_:focus{outline:0}.___SCalendar_1fvsn_gg_:focus .___SCalendarUnit_1fvsn_gg_.__highlighted_1fvsn_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_1fvsn_gg_:focus .___SCalendarUnit_1fvsn_gg_.__highlighted_1fvsn_gg_{box-shadow:var(--intergalactic-keyboard-focus,\n      0px 0px 0px 3px rgba(0, 33, 220, 0.469)\n    )}@media (color-gamut:p3){.___SCalendar_1fvsn_gg_:focus .___SCalendarUnit_1fvsn_gg_.__highlighted_1fvsn_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_1fvsn_gg_:focus:not(.___SCalendar_1fvsn_gg_:focus:has(.___SCalendarUnit_1fvsn_gg_.__highlighted_1fvsn_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_1fvsn_gg_:focus:not(.___SCalendar_1fvsn_gg_:focus:has(.___SCalendarUnit_1fvsn_gg_.__highlighted_1fvsn_gg_)){box-shadow:var(--intergalactic-keyboard-focus,\n      0px 0px 0px 3px rgba(0, 33, 220, 0.469)\n    )}@media (color-gamut:p3){.___SCalendar_1fvsn_gg_:focus:not(.___SCalendar_1fvsn_gg_:focus:has(.___SCalendarUnit_1fvsn_gg_.__highlighted_1fvsn_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_1fvsn_gg_,.___SCalendarUnit_1fvsn_gg_.__highlighted_1fvsn_gg_,.___SCalendarUnit_1fvsn_gg_.__selected_1fvsn_gg_{transition:none}}", /*__inner_css_end__*/"1fvsn_gg_"),
+var style = (/*__reshadow_css_start__*/_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_"),
 /*__reshadow_css_end__*/
 {
-  "__SCalendar": "___SCalendar_1fvsn_gg_",
-  "__SGridDays": "___SGridDays_1fvsn_gg_",
-  "__SGridMonths": "___SGridMonths_1fvsn_gg_",
-  "__SWeekDays": "___SWeekDays_1fvsn_gg_",
-  "__SWeekDay": "___SWeekDay_1fvsn_gg_",
-  "__SCalendarUnit": "___SCalendarUnit_1fvsn_gg_",
-  "_startHighlighted": "__startHighlighted_1fvsn_gg_",
-  "_selected": "__selected_1fvsn_gg_",
-  "_endHighlighted": "__endHighlighted_1fvsn_gg_",
-  "_startSelected": "__startSelected_1fvsn_gg_",
-  "_endSelected": "__endSelected_1fvsn_gg_",
-  "_compareHighlighted": "__compareHighlighted_1fvsn_gg_",
-  "_compareStartHighlighted": "__compareStartHighlighted_1fvsn_gg_",
-  "_compareEndHighlighted": "__compareEndHighlighted_1fvsn_gg_",
-  "_compareStart": "__compareStart_1fvsn_gg_",
-  "_compareEnd": "__compareEnd_1fvsn_gg_",
-  "_outdated": "__outdated_1fvsn_gg_",
-  "_disabled": "__disabled_1fvsn_gg_",
-  "_highlighted": "__highlighted_1fvsn_gg_",
-  "_today": "__today_1fvsn_gg_"
+  "__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_"
 });
+import { formatDDMMYY, formatMMYY } from '../utils/formatDate';
+import { includesDate } from '../utils/includesDate';
+import isBetween from '../utils/isBetweenPlugin';
 dayjs.extend(isBetween);
 var range = function range(N, cb) {
   return Array.from({
     length: N
-  }, function (v, k) {
+  }, function (_v, k) {
     return cb(k);
   });
 };
@@ -69,13 +66,12 @@ function getDayJSLocaleParams(locale) {
   }, dayjs.Ls[locale]);
 }
 var CalendarWeekDaysRoot = /*#__PURE__*/function (_Component) {
-  _inherits(CalendarWeekDaysRoot, _Component);
-  var _super = _createSuper(CalendarWeekDaysRoot);
   function CalendarWeekDaysRoot() {
     _classCallCheck(this, CalendarWeekDaysRoot);
-    return _super.apply(this, arguments);
+    return _callSuper(this, CalendarWeekDaysRoot, arguments);
   }
-  _createClass(CalendarWeekDaysRoot, [{
+  _inherits(CalendarWeekDaysRoot, _Component);
+  return _createClass(CalendarWeekDaysRoot, [{
     key: "getDaysByWeek",
     value: function getDaysByWeek() {
       var locale = this.asProps.locale;
@@ -89,7 +85,7 @@ var CalendarWeekDaysRoot = /*#__PURE__*/function (_Component) {
         }).format(date.valueOf());
         date = date.add(1, 'day');
         return {
-          children: _short,
+          'children': _short,
           'aria-label': _long
         };
       });
@@ -113,14 +109,13 @@ var CalendarWeekDaysRoot = /*#__PURE__*/function (_Component) {
       return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SWeekDays, _ref6.cn("SWeekDays", _objectSpread({}, _assignProps({}, _ref))), /*#__PURE__*/React.createElement(Children, _ref6.cn("Children", {})));
     }
   }]);
-  return CalendarWeekDaysRoot;
 }(Component);
 _defineProperty(CalendarWeekDaysRoot, "displayName", 'CalendarWeekDays');
 _defineProperty(CalendarWeekDaysRoot, "style", style);
 _defineProperty(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.createElement(CalendarWeekDays.Unit, _extends({
         key: i
@@ -128,10 +123,10 @@ _defineProperty(CalendarWeekDaysRoot, "defaultProps", {
     });
   }
 });
-function CalendarWeekUnit(_ref11) {
+function CalendarWeekUnit(_ref1) {
   var _ref2 = arguments[0],
     _ref7;
-  var styles = _ref11.styles;
+  var styles = _ref1.styles;
   var SWeekDay = Box;
   return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SWeekDay, _ref7.cn("SWeekDay", _objectSpread({}, _assignProps2({
     "role": 'columnheader'
@@ -142,9 +137,9 @@ function resolveHighlighting(date, unit, highlighted) {
   var highlighted1 = highlighted[1] ? dayjs(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, '[]'),
@@ -164,9 +159,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, '()');
   }
@@ -179,29 +174,28 @@ function resolveSelecting(date, unit, value) {
   };
 }
 var CalendarAbstract = /*#__PURE__*/function (_Component2) {
-  _inherits(CalendarAbstract, _Component2);
-  var _super2 = _createSuper(CalendarAbstract);
   function CalendarAbstract() {
     var _this;
     _classCallCheck(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));
-    _defineProperty(_assertThisInitialized(_this), "today", new Date(new Date().setHours(0, 0, 0, 0)));
-    _defineProperty(_assertThisInitialized(_this), "handleMouseLeave", function () {
+    _this = _callSuper(this, CalendarAbstract, [].concat(args));
+    _defineProperty(_this, "today", new Date(new Date().setHours(0, 0, 0, 0)));
+    _defineProperty(_this, "handleMouseLeave", function () {
       var highlighted = _this.asProps.highlighted;
-      fire(_assertThisInitialized(_this), 'onHighlightedChange', highlighted.length ? [highlighted[0]] : []);
+      fire(_this, 'onHighlightedChange', highlighted.length ? [highlighted[0]] : []);
     });
-    _defineProperty(_assertThisInitialized(_this), "formatter", formatDDMMYY);
+    _defineProperty(_this, "formatter", formatDDMMYY);
     return _this;
   }
-  _createClass(CalendarAbstract, [{
+  _inherits(CalendarAbstract, _Component2);
+  return _createClass(CalendarAbstract, [{
     key: "createUnit",
-    value: function createUnit(_ref14, unit) {
+    value: function createUnit(_ref12, unit) {
       var _this2 = this;
-      var date = _ref14.date,
-        other = _objectWithoutProperties(_ref14, _excluded);
+      var date = _ref12.date,
+        other = _objectWithoutProperties(_ref12, _excluded);
       var self = this;
       var _this$asProps2 = this.asProps,
         _disabled = _this$asProps2.disabled,
@@ -216,27 +210,27 @@ var CalendarAbstract = /*#__PURE__*/function (_Component2) {
       var comparing = resolveSelecting(date, unit, compare !== null && compare !== void 0 ? compare : []);
       var disabled = _disabled.some(includesDate(date, unit));
       return _objectSpread({
-        date: 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': 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;
@@ -253,7 +247,7 @@ var CalendarAbstract = /*#__PURE__*/function (_Component2) {
           }
           fire(_this2, 'onChange', date.toDate());
         },
-        onMouseEnter: function onMouseEnter() {
+        'onMouseEnter': function onMouseEnter() {
           var _this2$asProps2 = _this2.asProps,
             range = _this2$asProps2.range,
             _highlighted = _this2$asProps2.highlighted;
@@ -272,14 +266,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;
         }
@@ -338,18 +332,17 @@ var CalendarAbstract = /*#__PURE__*/function (_Component2) {
       return description;
     }
   }]);
-  return CalendarAbstract;
 }(Component);
 _defineProperty(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 styles = _ref14.styles,
+    date = _ref14.date,
+    _long2 = _ref14["long"],
+    outdated = _ref14.outdated,
+    disabled = _ref14.disabled,
+    highlighted = _ref14.highlighted;
   var SCalendarUnit = Box;
   return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SCalendarUnit, _ref8.cn("SCalendarUnit", _objectSpread({}, _assignProps3({
     "use:disabled": disabled || outdated || !date,
@@ -358,15 +351,13 @@ function CalendarUnit(_ref16) {
     "use:tabIndex": highlighted ? 0 : -1
   }, _ref3))));
 }
-CalendarUnit.enhance = [keyboardFocusEnhance()];
-var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract) {
-  _inherits(CalendarDaysRoot, _CalendarAbstract);
-  var _super3 = _createSuper(CalendarDaysRoot);
+var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract2) {
   function CalendarDaysRoot() {
     _classCallCheck(this, CalendarDaysRoot);
-    return _super3.apply(this, arguments);
+    return _callSuper(this, CalendarDaysRoot, arguments);
   }
-  _createClass(CalendarDaysRoot, [{
+  _inherits(CalendarDaysRoot, _CalendarAbstract2);
+  return _createClass(CalendarDaysRoot, [{
     key: "getDaysByMonth",
     value: function getDaysByMonth() {
       var _this4 = this;
@@ -453,7 +444,6 @@ var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract) {
       }), description)));
     }
   }]);
-  return CalendarDaysRoot;
 }(CalendarAbstract);
 _defineProperty(CalendarDaysRoot, "displayName", 'CalendarDays');
 _defineProperty(CalendarDaysRoot, "defaultProps", {
@@ -461,8 +451,8 @@ _defineProperty(CalendarDaysRoot, "defaultProps", {
   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.createElement(CalendarDays.Unit, _extends({
         key: i
@@ -470,20 +460,19 @@ _defineProperty(CalendarDaysRoot, "defaultProps", {
     });
   }
 });
-var CalendarMonthsRoot = /*#__PURE__*/function (_CalendarAbstract2) {
-  _inherits(CalendarMonthsRoot, _CalendarAbstract2);
-  var _super4 = _createSuper(CalendarMonthsRoot);
+var CalendarMonthsRoot = /*#__PURE__*/function (_CalendarAbstract3) {
   function CalendarMonthsRoot() {
     var _this5;
     _classCallCheck(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));
-    _defineProperty(_assertThisInitialized(_this5), "formatter", formatMMYY);
+    _this5 = _callSuper(this, CalendarMonthsRoot, [].concat(args));
+    _defineProperty(_this5, "formatter", formatMMYY);
     return _this5;
   }
-  _createClass(CalendarMonthsRoot, [{
+  _inherits(CalendarMonthsRoot, _CalendarAbstract3);
+  return _createClass(CalendarMonthsRoot, [{
     key: "getMonthsByYear",
     value: function getMonthsByYear() {
       var _this6 = this;
@@ -517,31 +506,30 @@ var CalendarMonthsRoot = /*#__PURE__*/function (_CalendarAbstract2) {
     key: "render",
     value: function render() {
       var _ref5 = this.asProps,
-        _ref10;
+        _ref0;
       var SCalendar = Box;
       var SGridMonths = 'div';
       var _this$asProps7 = this.asProps,
         Children = _this$asProps7.Children,
         styles = _this$asProps7.styles;
       var description = this.describeValue();
-      return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SCalendar, _ref10.cn("SCalendar", _objectSpread({}, _assignProps5(_objectSpread({}, this.getRootProps()), _ref5))), /*#__PURE__*/React.createElement(SGridMonths, _ref10.cn("SGridMonths", {
+      return _ref0 = sstyled(styles), /*#__PURE__*/React.createElement(SCalendar, _ref0.cn("SCalendar", _objectSpread({}, _assignProps5(_objectSpread({}, this.getRootProps()), _ref5))), /*#__PURE__*/React.createElement(SGridMonths, _ref0.cn("SGridMonths", {
         "onMouseLeave": this.handleMouseLeave,
         "role": 'row'
-      }), /*#__PURE__*/React.createElement(Children, _ref10.cn("Children", {}))), /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref10.cn("ScreenReaderOnly", {
+      }), /*#__PURE__*/React.createElement(Children, _ref0.cn("Children", {}))), /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref0.cn("ScreenReaderOnly", {
         "role": 'row'
-      }), /*#__PURE__*/React.createElement("span", _ref10.cn("span", {
+      }), /*#__PURE__*/React.createElement("span", _ref0.cn("span", {
         "aria-live": 'polite',
         "role": 'gridcell'
       }), description)));
     }
   }]);
-  return CalendarMonthsRoot;
 }(CalendarAbstract);
 _defineProperty(CalendarMonthsRoot, "displayName", 'CalendarMonths');
 _defineProperty(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.createElement(CalendarMonths.Unit, _extends({
         key: i