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

package/lib/es6/components/Calendar.js

@@ -1,57 +1,60 @@
 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/core";
+import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 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 { 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 React from 'react';
+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';
 /*!__reshadow-styles__:"../style/calendar.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_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_"),
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCalendar_36dvl_gg_{display:flex;flex-direction:column}.___SGridDays_36dvl_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_36dvl_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_36dvl_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_36dvl_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_36dvl_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SWeekDay_36dvl_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SCalendarUnit_36dvl_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_36dvl_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_36dvl_gg_.__today_36dvl_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_36dvl_gg_.__today_36dvl_gg_:before{border:1px solid var(--intergalactic-date-picker-cell-current, rgba(0, 6, 3, 0.337))}@media (color-gamut:p3){.___SCalendarUnit_36dvl_gg_.__today_36dvl_gg_:before{border:1px solid var(--intergalactic-date-picker-cell-current, color(display-p3 0.00414 0.0233 0.01269 / 0.337))}}}.___SCalendarUnit_36dvl_gg_.___SCalendarUnit_36dvl_gg_.__today_36dvl_gg_.__startSelected_36dvl_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0)){.___SCalendarUnit_36dvl_gg_.___SCalendarUnit_36dvl_gg_.__today_36dvl_gg_.__startSelected_36dvl_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SCalendarUnit_36dvl_gg_.___SCalendarUnit_36dvl_gg_.__today_36dvl_gg_.__startSelected_36dvl_gg_:before{border-color:var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SCalendarUnit_36dvl_gg_.___SCalendarUnit_36dvl_gg_.__today_36dvl_gg_.__endSelected_36dvl_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0)){.___SCalendarUnit_36dvl_gg_.___SCalendarUnit_36dvl_gg_.__today_36dvl_gg_.__endSelected_36dvl_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SCalendarUnit_36dvl_gg_.___SCalendarUnit_36dvl_gg_.__today_36dvl_gg_.__endSelected_36dvl_gg_:before{border-color:var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SCalendarUnit_36dvl_gg_.__highlighted_36dvl_gg_,.___SCalendarUnit_36dvl_gg_.__selected_36dvl_gg_{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))}.___SCalendarUnit_36dvl_gg_.__selected_36dvl_gg_{background-color:var(--intergalactic-date-picker-cell-range, rgb(239, 241, 252))}@media (hover:hover){.___SCalendarUnit_36dvl_gg_.__selected_36dvl_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(216, 220, 248))}}.___SCalendarUnit_36dvl_gg_.__highlighted_36dvl_gg_{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(216, 220, 248))}@media (hover:hover){.___SCalendarUnit_36dvl_gg_.__highlighted_36dvl_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(216, 220, 248))}}.___SCalendarUnit_36dvl_gg_.__startSelected_36dvl_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_36dvl_gg_.__startSelected_36dvl_gg_:not(.__highlighted_36dvl_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_36dvl_gg_.__startSelected_36dvl_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_36dvl_gg_.__endSelected_36dvl_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_36dvl_gg_.__endSelected_36dvl_gg_:not(.__highlighted_36dvl_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_36dvl_gg_.__endSelected_36dvl_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_36dvl_gg_.__startHighlighted_36dvl_gg_:not(.__selected_36dvl_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_36dvl_gg_.__endHighlighted_36dvl_gg_:not(.__selected_36dvl_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_36dvl_gg_.__startHighlighted_36dvl_gg_.___SCalendarUnit_36dvl_gg_.__endHighlighted_36dvl_gg_,.___SCalendarUnit_36dvl_gg_.__startSelected_36dvl_gg_.___SCalendarUnit_36dvl_gg_.__endSelected_36dvl_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_36dvl_gg_.__compareHighlighted_36dvl_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_36dvl_gg_.__compareEndHighlighted_36dvl_gg_,.___SCalendarUnit_36dvl_gg_.__compareStartHighlighted_36dvl_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_36dvl_gg_.__compareEnd_36dvl_gg_,.___SCalendarUnit_36dvl_gg_.__compareStart_36dvl_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_36dvl_gg_.__compareEnd_36dvl_gg_:hover,.___SCalendarUnit_36dvl_gg_.__compareStart_36dvl_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_36dvl_gg_.__compareStartHighlighted_36dvl_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_36dvl_gg_.__compareEndHighlighted_36dvl_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_36dvl_gg_.__compareStart_36dvl_gg_:not(.__compareHighlighted_36dvl_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_36dvl_gg_.__compareEnd_36dvl_gg_:not(.__compareHighlighted_36dvl_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_36dvl_gg_.__outdated_36dvl_gg_{opacity:.2}.___SCalendarUnit_36dvl_gg_.__disabled_36dvl_gg_{opacity:.4;cursor:default;pointer-events:none}.___SCalendar_36dvl_gg_:focus{outline:0}.___SCalendar_36dvl_gg_:focus .___SCalendarUnit_36dvl_gg_.__highlighted_36dvl_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus,\n      0px 0px 0px 3px rgba(0, 18, 193, 0.441)\n    )}.___SCalendar_36dvl_gg_:focus:not(.___SCalendar_36dvl_gg_:focus:has(.___SCalendarUnit_36dvl_gg_.__highlighted_36dvl_gg_)){box-shadow:var(--intergalactic-keyboard-focus,\n      0px 0px 0px 3px rgba(0, 18, 193, 0.441)\n    )}@media (prefers-reduced-motion){.___SCalendarUnit_36dvl_gg_,.___SCalendarUnit_36dvl_gg_.__highlighted_36dvl_gg_,.___SCalendarUnit_36dvl_gg_.__selected_36dvl_gg_{transition:none}}", /*__inner_css_end__*/"36dvl_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__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_"
+  "__SCalendar": "___SCalendar_36dvl_gg_",
+  "__SGridDays": "___SGridDays_36dvl_gg_",
+  "__SGridMonths": "___SGridMonths_36dvl_gg_",
+  "__SWeekDays": "___SWeekDays_36dvl_gg_",
+  "__SWeekDay": "___SWeekDay_36dvl_gg_",
+  "__SCalendarUnit": "___SCalendarUnit_36dvl_gg_",
+  "_startHighlighted": "__startHighlighted_36dvl_gg_",
+  "_selected": "__selected_36dvl_gg_",
+  "_endHighlighted": "__endHighlighted_36dvl_gg_",
+  "_startSelected": "__startSelected_36dvl_gg_",
+  "_endSelected": "__endSelected_36dvl_gg_",
+  "_compareHighlighted": "__compareHighlighted_36dvl_gg_",
+  "_compareStartHighlighted": "__compareStartHighlighted_36dvl_gg_",
+  "_compareEndHighlighted": "__compareEndHighlighted_36dvl_gg_",
+  "_compareStart": "__compareStart_36dvl_gg_",
+  "_compareEnd": "__compareEnd_36dvl_gg_",
+  "_outdated": "__outdated_36dvl_gg_",
+  "_disabled": "__disabled_36dvl_gg_",
+  "_highlighted": "__highlighted_36dvl_gg_",
+  "_today": "__today_36dvl_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);
   });
 };
@@ -66,12 +69,13 @@ function getDayJSLocaleParams(locale) {
   }, dayjs.Ls[locale]);
 }
 var CalendarWeekDaysRoot = /*#__PURE__*/function (_Component) {
+  _inherits(CalendarWeekDaysRoot, _Component);
+  var _super = _createSuper(CalendarWeekDaysRoot);
   function CalendarWeekDaysRoot() {
     _classCallCheck(this, CalendarWeekDaysRoot);
-    return _callSuper(this, CalendarWeekDaysRoot, arguments);
+    return _super.apply(this, arguments);
   }
-  _inherits(CalendarWeekDaysRoot, _Component);
-  return _createClass(CalendarWeekDaysRoot, [{
+  _createClass(CalendarWeekDaysRoot, [{
     key: "getDaysByWeek",
     value: function getDaysByWeek() {
       var locale = this.asProps.locale;
@@ -85,7 +89,7 @@ var CalendarWeekDaysRoot = /*#__PURE__*/function (_Component) {
         }).format(date.valueOf());
         date = date.add(1, 'day');
         return {
-          'children': _short,
+          children: _short,
           'aria-label': _long
         };
       });
@@ -109,13 +113,14 @@ 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(_ref15) {
-    var days = _ref15.days;
+  children: function children(_ref17) {
+    var days = _ref17.days;
     return days.map(function (data, i) {
       return /*#__PURE__*/React.createElement(CalendarWeekDays.Unit, _extends({
         key: i
@@ -123,10 +128,10 @@ _defineProperty(CalendarWeekDaysRoot, "defaultProps", {
     });
   }
 });
-function CalendarWeekUnit(_ref1) {
+function CalendarWeekUnit(_ref11) {
   var _ref2 = arguments[0],
     _ref7;
-  var styles = _ref1.styles;
+  var styles = _ref11.styles;
   var SWeekDay = Box;
   return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SWeekDay, _ref7.cn("SWeekDay", _objectSpread({}, _assignProps2({
     "role": 'columnheader'
@@ -137,9 +142,9 @@ function resolveHighlighting(date, unit, highlighted) {
   var highlighted1 = highlighted[1] ? dayjs(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, '[]'),
@@ -159,9 +164,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, '()');
   }
@@ -174,28 +179,29 @@ 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 = _callSuper(this, CalendarAbstract, [].concat(args));
-    _defineProperty(_this, "today", new Date(new Date().setHours(0, 0, 0, 0)));
-    _defineProperty(_this, "handleMouseLeave", function () {
+    _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 () {
       var highlighted = _this.asProps.highlighted;
-      fire(_this, 'onHighlightedChange', highlighted.length ? [highlighted[0]] : []);
+      fire(_assertThisInitialized(_this), 'onHighlightedChange', highlighted.length ? [highlighted[0]] : []);
     });
-    _defineProperty(_this, "formatter", formatDDMMYY);
+    _defineProperty(_assertThisInitialized(_this), "formatter", formatDDMMYY);
     return _this;
   }
-  _inherits(CalendarAbstract, _Component2);
-  return _createClass(CalendarAbstract, [{
+  _createClass(CalendarAbstract, [{
     key: "createUnit",
-    value: function createUnit(_ref12, unit) {
+    value: function createUnit(_ref14, unit) {
       var _this2 = this;
-      var date = _ref12.date,
-        other = _objectWithoutProperties(_ref12, _excluded);
+      var date = _ref14.date,
+        other = _objectWithoutProperties(_ref14, _excluded);
       var self = this;
       var _this$asProps2 = this.asProps,
         _disabled = _this$asProps2.disabled,
@@ -210,27 +216,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;
@@ -247,7 +253,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;
@@ -266,14 +272,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;
         }
@@ -332,17 +338,18 @@ var CalendarAbstract = /*#__PURE__*/function (_Component2) {
       return description;
     }
   }]);
+  return CalendarAbstract;
 }(Component);
 _defineProperty(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 styles = _ref16.styles,
+    date = _ref16.date,
+    _long2 = _ref16["long"],
+    outdated = _ref16.outdated,
+    disabled = _ref16.disabled,
+    highlighted = _ref16.highlighted;
   var SCalendarUnit = Box;
   return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SCalendarUnit, _ref8.cn("SCalendarUnit", _objectSpread({}, _assignProps3({
     "use:disabled": disabled || outdated || !date,
@@ -351,13 +358,15 @@ function CalendarUnit(_ref14) {
     "use:tabIndex": highlighted ? 0 : -1
   }, _ref3))));
 }
-var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract2) {
+CalendarUnit.enhance = [keyboardFocusEnhance()];
+var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract) {
+  _inherits(CalendarDaysRoot, _CalendarAbstract);
+  var _super3 = _createSuper(CalendarDaysRoot);
   function CalendarDaysRoot() {
     _classCallCheck(this, CalendarDaysRoot);
-    return _callSuper(this, CalendarDaysRoot, arguments);
+    return _super3.apply(this, arguments);
   }
-  _inherits(CalendarDaysRoot, _CalendarAbstract2);
-  return _createClass(CalendarDaysRoot, [{
+  _createClass(CalendarDaysRoot, [{
     key: "getDaysByMonth",
     value: function getDaysByMonth() {
       var _this4 = this;
@@ -444,6 +453,7 @@ var CalendarDaysRoot = /*#__PURE__*/function (_CalendarAbstract2) {
       }), description)));
     }
   }]);
+  return CalendarDaysRoot;
 }(CalendarAbstract);
 _defineProperty(CalendarDaysRoot, "displayName", 'CalendarDays');
 _defineProperty(CalendarDaysRoot, "defaultProps", {
@@ -451,8 +461,8 @@ _defineProperty(CalendarDaysRoot, "defaultProps", {
   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.createElement(CalendarDays.Unit, _extends({
         key: i
@@ -460,19 +470,20 @@ _defineProperty(CalendarDaysRoot, "defaultProps", {
     });
   }
 });
-var CalendarMonthsRoot = /*#__PURE__*/function (_CalendarAbstract3) {
+var CalendarMonthsRoot = /*#__PURE__*/function (_CalendarAbstract2) {
+  _inherits(CalendarMonthsRoot, _CalendarAbstract2);
+  var _super4 = _createSuper(CalendarMonthsRoot);
   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 = _callSuper(this, CalendarMonthsRoot, [].concat(args));
-    _defineProperty(_this5, "formatter", formatMMYY);
+    _this5 = _super4.call.apply(_super4, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this5), "formatter", formatMMYY);
     return _this5;
   }
-  _inherits(CalendarMonthsRoot, _CalendarAbstract3);
-  return _createClass(CalendarMonthsRoot, [{
+  _createClass(CalendarMonthsRoot, [{
     key: "getMonthsByYear",
     value: function getMonthsByYear() {
       var _this6 = this;
@@ -506,30 +517,31 @@ var CalendarMonthsRoot = /*#__PURE__*/function (_CalendarAbstract3) {
     key: "render",
     value: function render() {
       var _ref5 = this.asProps,
-        _ref0;
+        _ref10;
       var SCalendar = Box;
       var SGridMonths = 'div';
       var _this$asProps7 = this.asProps,
         Children = _this$asProps7.Children,
         styles = _this$asProps7.styles;
       var description = this.describeValue();
-      return _ref0 = sstyled(styles), /*#__PURE__*/React.createElement(SCalendar, _ref0.cn("SCalendar", _objectSpread({}, _assignProps5(_objectSpread({}, this.getRootProps()), _ref5))), /*#__PURE__*/React.createElement(SGridMonths, _ref0.cn("SGridMonths", {
+      return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SCalendar, _ref10.cn("SCalendar", _objectSpread({}, _assignProps5(_objectSpread({}, this.getRootProps()), _ref5))), /*#__PURE__*/React.createElement(SGridMonths, _ref10.cn("SGridMonths", {
         "onMouseLeave": this.handleMouseLeave,
         "role": 'row'
-      }), /*#__PURE__*/React.createElement(Children, _ref0.cn("Children", {}))), /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref0.cn("ScreenReaderOnly", {
+      }), /*#__PURE__*/React.createElement(Children, _ref10.cn("Children", {}))), /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref10.cn("ScreenReaderOnly", {
         "role": 'row'
-      }), /*#__PURE__*/React.createElement("span", _ref0.cn("span", {
+      }), /*#__PURE__*/React.createElement("span", _ref10.cn("span", {
         "aria-live": 'polite',
         "role": 'gridcell'
       }), description)));
     }
   }]);
+  return CalendarMonthsRoot;
 }(CalendarAbstract);
 _defineProperty(CalendarMonthsRoot, "displayName", 'CalendarMonths');
 _defineProperty(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.createElement(CalendarMonths.Unit, _extends({
         key: i