@semcore/date-picker 4.57.0 → 4.57.1

package/lib/esm/components/Calendar.mjs

@@ -1,138 +1,152 @@
-import Y from "@babel/runtime/helpers/esm/extends";
-import T from "@babel/runtime/helpers/esm/toConsumableArray";
-import ne from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import D from "@babel/runtime/helpers/esm/assertThisInitialized";
-import R from "@babel/runtime/helpers/esm/classCallCheck";
-import O from "@babel/runtime/helpers/esm/createClass";
-import B from "@babel/runtime/helpers/esm/inherits";
-import I from "@babel/runtime/helpers/esm/createSuper";
-import p from "@babel/runtime/helpers/esm/defineProperty";
-import f from "@babel/runtime/helpers/esm/objectSpread2";
-import { sstyled as ce } from "@semcore/utils/lib/core/index";
-import z, { sstyled as H, assignProps as w, Component as X } from "@semcore/core";
-import h from "react";
-import m from "dayjs";
-import oe from "dayjs/plugin/isBetween";
-import { ScreenReaderOnly as Z, Box as E } from "@semcore/flex-box";
-import k from "@semcore/utils/lib/fire";
-import { includesDate as _e } from "../utils/includesDate.mjs";
-import { formatDDMMYY as J, formatMMYY as de } from "../utils/formatDate.mjs";
-import le from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
-var ge = ["date"], ee = (
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { sstyled } from "@semcore/utils/lib/core/index";
+import createComponent, { sstyled as sstyled$1, assignProps, Component } from "@semcore/core";
+import React from "react";
+import dayjs from "dayjs";
+import isBetween from "dayjs/plugin/isBetween";
+import { ScreenReaderOnly, Box } from "@semcore/flex-box";
+import fire from "@semcore/utils/lib/fire";
+import { includesDate } from "../utils/includesDate.mjs";
+import { formatDDMMYY, formatMMYY } from "../utils/formatDate.mjs";
+import keyboardFocusEnhance from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
+var _excluded = ["date"];
+/*!__reshadow-styles__:"../style/calendar.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (ce.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    `.___SCalendar_16cc6_gg_{display:flex;flex-direction:column}.___SGridDays_16cc6_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_16cc6_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_16cc6_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SCalendarUnit_16cc6_gg_,.___SWeekDay_16cc6_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px}.___SWeekDay_16cc6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:var(--intergalactic-regular, 400);overflow:hidden}.___SCalendarUnit_16cc6_gg_{font-family:inherit;font-weight:400;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary, #191b23);box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:var(--intergalactic-date-picker-cell, #ffffff);border-radius:var(--intergalactic-control-rounded, 6px);box-sizing:border-box;cursor:pointer;position:relative;transition:color .15s,background .15s,box-shadow .15s,border-radius .15s .15s;outline:0;margin:4px 0 0}@media (hover:hover){.___SCalendarUnit_16cc6_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-date-picker-cell-hover, #e0e1e9)}}.___SCalendarUnit_16cc6_gg_.__today_16cc6_gg_:before{content:"";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-control-rounded, 6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-date-picker-cell-current, #8a8e9b)}.___SCalendarUnit_16cc6_gg_.___SCalendarUnit_16cc6_gg_.__today_16cc6_gg_.__endSelected_16cc6_gg_:before,.___SCalendarUnit_16cc6_gg_.___SCalendarUnit_16cc6_gg_.__today_16cc6_gg_.__startSelected_16cc6_gg_:before{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SCalendarUnit_16cc6_gg_.__highlighted_16cc6_gg_,.___SCalendarUnit_16cc6_gg_.__selected_16cc6_gg_{border-radius:0;transition:color .15s,background .15s,box-shadow .15s,border-radius 0s 0s;color:var(--intergalactic-text-primary, #191b23)}.___SCalendarUnit_16cc6_gg_.__selected_16cc6_gg_{background-color:var(--intergalactic-date-picker-cell-range, #c4e5fe)}@media (hover:hover){.___SCalendarUnit_16cc6_gg_.__selected_16cc6_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_16cc6_gg_.__highlighted_16cc6_gg_{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}@media (hover:hover){.___SCalendarUnit_16cc6_gg_.__highlighted_16cc6_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_16cc6_gg_.__startSelected_16cc6_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SCalendarUnit_16cc6_gg_.__startSelected_16cc6_gg_:not(.__highlighted_16cc6_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_16cc6_gg_.__startSelected_16cc6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_16cc6_gg_.__endSelected_16cc6_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCalendarUnit_16cc6_gg_.__endSelected_16cc6_gg_:not(.__highlighted_16cc6_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_16cc6_gg_.__endSelected_16cc6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_16cc6_gg_.__startHighlighted_16cc6_gg_:not(.__selected_16cc6_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_16cc6_gg_.__endHighlighted_16cc6_gg_:not(.__selected_16cc6_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_16cc6_gg_.__startHighlighted_16cc6_gg_.___SCalendarUnit_16cc6_gg_.__endHighlighted_16cc6_gg_,.___SCalendarUnit_16cc6_gg_.__startSelected_16cc6_gg_.___SCalendarUnit_16cc6_gg_.__endSelected_16cc6_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_16cc6_gg_.__compareHighlighted_16cc6_gg_{border-top:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-bottom:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-radius:0;transition:none}.___SCalendarUnit_16cc6_gg_.__compareEndHighlighted_16cc6_gg_,.___SCalendarUnit_16cc6_gg_.__compareStartHighlighted_16cc6_gg_{border-left:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-right:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SCalendarUnit_16cc6_gg_.__compareEnd_16cc6_gg_,.___SCalendarUnit_16cc6_gg_.__compareStart_16cc6_gg_{border-radius:0;background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SCalendarUnit_16cc6_gg_.__compareEnd_16cc6_gg_:hover,.___SCalendarUnit_16cc6_gg_.__compareStart_16cc6_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-comparison-active-hover, #5925ab)}}.___SCalendarUnit_16cc6_gg_.__compareStartHighlighted_16cc6_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_16cc6_gg_.__compareEndHighlighted_16cc6_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_16cc6_gg_.__compareStart_16cc6_gg_:not(.__compareHighlighted_16cc6_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_16cc6_gg_.__compareEnd_16cc6_gg_:not(.__compareHighlighted_16cc6_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_16cc6_gg_.__outdated_16cc6_gg_{opacity:.2}.___SCalendarUnit_16cc6_gg_.__disabled_16cc6_gg_{opacity:.4;cursor:default;pointer-events:none}.___SCalendar_16cc6_gg_:focus{outline:0}.___SCalendar_16cc6_gg_:focus .___SCalendarUnit_16cc6_gg_.__highlighted_16cc6_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus,
-      0px 0px 0px 3px rgba(0, 143, 248, 0.5)
-    )}.___SCalendar_16cc6_gg_:focus:not(.___SCalendar_16cc6_gg_:focus:has(.___SCalendarUnit_16cc6_gg_.__highlighted_16cc6_gg_)){box-shadow:var(--intergalactic-keyboard-focus,
-      0px 0px 0px 3px rgba(0, 143, 248, 0.5)
-    )}@media (prefers-reduced-motion){.___SCalendarUnit_16cc6_gg_,.___SCalendarUnit_16cc6_gg_.__highlighted_16cc6_gg_,.___SCalendarUnit_16cc6_gg_.__selected_16cc6_gg_{transition:none}}`,
-    "16cc6_gg_"
-  ), {
-    __SCalendar: "___SCalendar_16cc6_gg_",
-    __SGridDays: "___SGridDays_16cc6_gg_",
-    __SGridMonths: "___SGridMonths_16cc6_gg_",
-    __SWeekDays: "___SWeekDays_16cc6_gg_",
-    __SWeekDay: "___SWeekDay_16cc6_gg_",
-    __SCalendarUnit: "___SCalendarUnit_16cc6_gg_",
-    _startHighlighted: "__startHighlighted_16cc6_gg_",
-    _selected: "__selected_16cc6_gg_",
-    _endHighlighted: "__endHighlighted_16cc6_gg_",
-    _startSelected: "__startSelected_16cc6_gg_",
-    _endSelected: "__endSelected_16cc6_gg_",
-    _compareHighlighted: "__compareHighlighted_16cc6_gg_",
-    _compareStartHighlighted: "__compareStartHighlighted_16cc6_gg_",
-    _compareEndHighlighted: "__compareEndHighlighted_16cc6_gg_",
-    _compareStart: "__compareStart_16cc6_gg_",
-    _compareEnd: "__compareEnd_16cc6_gg_",
-    _outdated: "__outdated_16cc6_gg_",
-    _disabled: "__disabled_16cc6_gg_",
-    _highlighted: "__highlighted_16cc6_gg_",
-    _today: "__today_16cc6_gg_"
+    '.___SCalendar_1ejnt_gg_{display:flex;flex-direction:column}.___SGridDays_1ejnt_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_1ejnt_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_1ejnt_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SCalendarUnit_1ejnt_gg_,.___SWeekDay_1ejnt_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px}.___SWeekDay_1ejnt_gg_{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:var(--intergalactic-regular, 400);overflow:hidden}.___SCalendarUnit_1ejnt_gg_{font-family:inherit;font-weight:400;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary, #191b23);box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:var(--intergalactic-date-picker-cell, #ffffff);border-radius:var(--intergalactic-control-rounded, 6px);box-sizing:border-box;cursor:pointer;position:relative;transition:color .15s,background .15s,box-shadow .15s,border-radius .15s .15s;outline:0;margin:4px 0 0}@media (hover:hover){.___SCalendarUnit_1ejnt_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-date-picker-cell-hover, #e0e1e9)}}.___SCalendarUnit_1ejnt_gg_.__today_1ejnt_gg_:before{content:"";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-control-rounded, 6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-date-picker-cell-current, #8a8e9b)}.___SCalendarUnit_1ejnt_gg_.___SCalendarUnit_1ejnt_gg_.__today_1ejnt_gg_.__endSelected_1ejnt_gg_:before,.___SCalendarUnit_1ejnt_gg_.___SCalendarUnit_1ejnt_gg_.__today_1ejnt_gg_.__startSelected_1ejnt_gg_:before{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SCalendarUnit_1ejnt_gg_.__highlighted_1ejnt_gg_,.___SCalendarUnit_1ejnt_gg_.__selected_1ejnt_gg_{border-radius:0;transition:color .15s,background .15s,box-shadow .15s,border-radius 0s 0s;color:var(--intergalactic-text-primary, #191b23)}.___SCalendarUnit_1ejnt_gg_.__selected_1ejnt_gg_{background-color:var(--intergalactic-date-picker-cell-range, #c4e5fe)}@media (hover:hover){.___SCalendarUnit_1ejnt_gg_.__selected_1ejnt_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_1ejnt_gg_.__highlighted_1ejnt_gg_{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}@media (hover:hover){.___SCalendarUnit_1ejnt_gg_.__highlighted_1ejnt_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_1ejnt_gg_.__startSelected_1ejnt_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SCalendarUnit_1ejnt_gg_.__startSelected_1ejnt_gg_:not(.__highlighted_1ejnt_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_1ejnt_gg_.__startSelected_1ejnt_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_1ejnt_gg_.__endSelected_1ejnt_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCalendarUnit_1ejnt_gg_.__endSelected_1ejnt_gg_:not(.__highlighted_1ejnt_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_1ejnt_gg_.__endSelected_1ejnt_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_1ejnt_gg_.__startHighlighted_1ejnt_gg_:not(.__selected_1ejnt_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_1ejnt_gg_.__endHighlighted_1ejnt_gg_:not(.__selected_1ejnt_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_1ejnt_gg_.__startHighlighted_1ejnt_gg_.___SCalendarUnit_1ejnt_gg_.__endHighlighted_1ejnt_gg_,.___SCalendarUnit_1ejnt_gg_.__startSelected_1ejnt_gg_.___SCalendarUnit_1ejnt_gg_.__endSelected_1ejnt_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_1ejnt_gg_.__compareHighlighted_1ejnt_gg_{border-top:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-bottom:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-radius:0;transition:none}.___SCalendarUnit_1ejnt_gg_.__compareEndHighlighted_1ejnt_gg_,.___SCalendarUnit_1ejnt_gg_.__compareStartHighlighted_1ejnt_gg_{border-left:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-right:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SCalendarUnit_1ejnt_gg_.__compareEnd_1ejnt_gg_,.___SCalendarUnit_1ejnt_gg_.__compareStart_1ejnt_gg_{border-radius:0;background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SCalendarUnit_1ejnt_gg_.__compareEnd_1ejnt_gg_:hover,.___SCalendarUnit_1ejnt_gg_.__compareStart_1ejnt_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-comparison-active-hover, #5925ab)}}.___SCalendarUnit_1ejnt_gg_.__compareStartHighlighted_1ejnt_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1ejnt_gg_.__compareEndHighlighted_1ejnt_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1ejnt_gg_.__compareStart_1ejnt_gg_:not(.__compareHighlighted_1ejnt_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1ejnt_gg_.__compareEnd_1ejnt_gg_:not(.__compareHighlighted_1ejnt_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1ejnt_gg_.__outdated_1ejnt_gg_{opacity:.2}.___SCalendarUnit_1ejnt_gg_.__disabled_1ejnt_gg_{opacity:.4;cursor:default;pointer-events:none}.___SCalendar_1ejnt_gg_:focus{outline:0}.___SCalendar_1ejnt_gg_:focus .___SCalendarUnit_1ejnt_gg_.__highlighted_1ejnt_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus,\n      0px 0px 0px 3px rgba(0, 143, 248, 0.5)\n    )}.___SCalendar_1ejnt_gg_:focus:not(.___SCalendar_1ejnt_gg_:focus:has(.___SCalendarUnit_1ejnt_gg_.__highlighted_1ejnt_gg_)){box-shadow:var(--intergalactic-keyboard-focus,\n      0px 0px 0px 3px rgba(0, 143, 248, 0.5)\n    )}@media (prefers-reduced-motion){.___SCalendarUnit_1ejnt_gg_,.___SCalendarUnit_1ejnt_gg_.__highlighted_1ejnt_gg_,.___SCalendarUnit_1ejnt_gg_.__selected_1ejnt_gg_{transition:none}}',
+    /*__inner_css_end__*/
+    "1ejnt_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SCalendar": "___SCalendar_1ejnt_gg_",
+    "__SGridDays": "___SGridDays_1ejnt_gg_",
+    "__SGridMonths": "___SGridMonths_1ejnt_gg_",
+    "__SWeekDays": "___SWeekDays_1ejnt_gg_",
+    "__SWeekDay": "___SWeekDay_1ejnt_gg_",
+    "__SCalendarUnit": "___SCalendarUnit_1ejnt_gg_",
+    "_startHighlighted": "__startHighlighted_1ejnt_gg_",
+    "_selected": "__selected_1ejnt_gg_",
+    "_endHighlighted": "__endHighlighted_1ejnt_gg_",
+    "_startSelected": "__startSelected_1ejnt_gg_",
+    "_endSelected": "__endSelected_1ejnt_gg_",
+    "_compareHighlighted": "__compareHighlighted_1ejnt_gg_",
+    "_compareStartHighlighted": "__compareStartHighlighted_1ejnt_gg_",
+    "_compareEndHighlighted": "__compareEndHighlighted_1ejnt_gg_",
+    "_compareStart": "__compareStart_1ejnt_gg_",
+    "_compareEnd": "__compareEnd_1ejnt_gg_",
+    "_outdated": "__outdated_1ejnt_gg_",
+    "_disabled": "__disabled_1ejnt_gg_",
+    "_highlighted": "__highlighted_1ejnt_gg_",
+    "_today": "__today_1ejnt_gg_"
   })
 );
-m.extend(oe);
-var P = function(l, a) {
+dayjs.extend(isBetween);
+var range = function range2(N, cb) {
   return Array.from({
-    length: l
-  }, function(t, e) {
-    return a(e);
+    length: N
+  }, function(v, k) {
+    return cb(k);
   });
 };
-function re(o) {
-  return o.includes("en") || o.includes("ja") ? f({
-    weekStart: 0
-  }, m.Ls[o]) : f({
+function getDayJSLocaleParams(locale) {
+  if (locale.includes("en") || locale.includes("ja")) {
+    return _objectSpread({
+      weekStart: 0
+    }, dayjs.Ls[locale]);
+  }
+  return _objectSpread({
     weekStart: 1
-  }, m.Ls[o]);
+  }, dayjs.Ls[locale]);
 }
-var G = /* @__PURE__ */ function(o) {
-  B(a, o);
-  var l = I(a);
-  function a() {
-    return R(this, a), l.apply(this, arguments);
+var CalendarWeekDaysRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(CalendarWeekDaysRoot2, _Component);
+  var _super = _createSuper(CalendarWeekDaysRoot2);
+  function CalendarWeekDaysRoot2() {
+    _classCallCheck(this, CalendarWeekDaysRoot2);
+    return _super.apply(this, arguments);
   }
-  return O(a, [{
+  _createClass(CalendarWeekDaysRoot2, [{
     key: "getDaysByWeek",
-    value: function() {
-      var e = this.asProps.locale, r = m().locale(e, re(e)).startOf("week");
-      return P(7, function() {
-        var n = new Intl.DateTimeFormat(e, {
+    value: function getDaysByWeek() {
+      var locale = this.asProps.locale;
+      var date = dayjs().locale(locale, getDayJSLocaleParams(locale)).startOf("week");
+      return range(7, function() {
+        var _short = new Intl.DateTimeFormat(locale, {
           weekday: "short"
-        }).format(r.valueOf()), c = new Intl.DateTimeFormat(e, {
+        }).format(date.valueOf());
+        var _long = new Intl.DateTimeFormat(locale, {
           weekday: "long"
-        }).format(r.valueOf());
-        return r = r.add(1, "day"), {
-          children: n,
-          "aria-label": c
+        }).format(date.valueOf());
+        date = date.add(1, "day");
+        return {
+          children: _short,
+          "aria-label": _long
         };
       });
     }
   }, {
     key: "setContext",
-    value: function() {
+    value: function setContext() {
       return {
         days: this.getDaysByWeek()
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var e = this.asProps, r, n = E, c = this.asProps, _ = c.Children, i = c.styles;
-      return r = H(i), /* @__PURE__ */ h.createElement(n, r.cn("SWeekDays", f({}, w({}, e))), /* @__PURE__ */ h.createElement(_, r.cn("Children", {})));
+    value: function render() {
+      var _ref = this.asProps, _ref6;
+      var SWeekDays = Box;
+      var _this$asProps = this.asProps, Children = _this$asProps.Children, styles = _this$asProps.styles;
+      return _ref6 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SWeekDays, _ref6.cn("SWeekDays", _objectSpread({}, assignProps({}, _ref))), /* @__PURE__ */ React.createElement(Children, _ref6.cn("Children", {})));
     }
-  }]), a;
-}(X);
-p(G, "displayName", "CalendarWeekDays");
-p(G, "style", ee);
-p(G, "defaultProps", {
+  }]);
+  return CalendarWeekDaysRoot2;
+}(Component);
+_defineProperty(CalendarWeekDaysRoot, "displayName", "CalendarWeekDays");
+_defineProperty(CalendarWeekDaysRoot, "style", style);
+_defineProperty(CalendarWeekDaysRoot, "defaultProps", {
   locale: "en",
-  children: function(l) {
-    var a = l.days;
-    return a.map(function(t, e) {
-      return /* @__PURE__ */ h.createElement(te.Unit, Y({
-        key: e
-      }, t));
+  children: function children(_ref17) {
+    var days = _ref17.days;
+    return days.map(function(data, i) {
+      return /* @__PURE__ */ React.createElement(CalendarWeekDays.Unit, _extends({
+        key: i
+      }, data));
     });
   }
 });
-function se(o) {
-  var l = arguments[0], a, t = o.styles, e = E;
-  return a = H(t), /* @__PURE__ */ h.createElement(e, a.cn("SWeekDay", f({}, w({
-    role: "columnheader"
-  }, l))));
+function CalendarWeekUnit(_ref11) {
+  var _ref2 = arguments[0], _ref7;
+  var styles = _ref11.styles;
+  var SWeekDay = Box;
+  return _ref7 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SWeekDay, _ref7.cn("SWeekDay", _objectSpread({}, assignProps({
+    "role": "columnheader"
+  }, _ref2))));
 }
-function q(o, l, a) {
-  var t = a[0] ? m(a[0]) : null, e = a[1] ? m(a[1]) : t;
-  if (t && e) {
-    if (t > e) {
-      var r = [t, e];
-      e = r[0], t = r[1];
+function resolveHighlighting(date, unit, highlighted) {
+  var highlighted0 = highlighted[0] ? dayjs(highlighted[0]) : null;
+  var highlighted1 = highlighted[1] ? dayjs(highlighted[1]) : highlighted0;
+  if (highlighted0 && highlighted1) {
+    if (highlighted0 > highlighted1) {
+      var _ref12 = [highlighted0, highlighted1];
+      highlighted1 = _ref12[0];
+      highlighted0 = _ref12[1];
     }
     return {
-      highlighted: o.isBetween(t, e, l, "[]"),
-      startHighlighted: t && o.isSame(t, "date"),
-      endHighlighted: e && o.isSame(e, "date")
+      highlighted: date.isBetween(highlighted0, highlighted1, unit, "[]"),
+      startHighlighted: highlighted0 && date.isSame(highlighted0, "date"),
+      endHighlighted: highlighted1 && date.isSame(highlighted1, "date")
     };
   }
   return {
@@ -141,88 +155,125 @@ function q(o, l, a) {
     endHighlighted: void 0
   };
 }
-function Q(o, l, a) {
-  var t = a[0] ? m(a[0]) : null, e = a[1] ? m(a[1]) : null, r;
-  if (t && e) {
-    if (t > e) {
-      var n = [t, e];
-      e = n[0], t = n[1];
+function resolveSelecting(date, unit, value) {
+  var value0 = value[0] ? dayjs(value[0]) : null;
+  var value1 = value[1] ? dayjs(value[1]) : null;
+  var selected;
+  if (value0 && value1) {
+    if (value0 > value1) {
+      var _ref13 = [value0, value1];
+      value1 = _ref13[0];
+      value0 = _ref13[1];
     }
-    r = o.isBetween(t, e, l, "()");
+    selected = date.isBetween(value0, value1, unit, "()");
   }
-  var c = t && o.isSame(t, l), _ = e && o.isSame(e, l);
+  var startSelected = value0 && date.isSame(value0, unit);
+  var endSelected = value1 && date.isSame(value1, unit);
   return {
-    selected: r,
-    startSelected: c,
-    endSelected: _
+    selected,
+    startSelected,
+    endSelected
   };
 }
-var A = /* @__PURE__ */ function(o) {
-  B(a, o);
-  var l = I(a);
-  function a() {
-    var t;
-    R(this, a);
-    for (var e = arguments.length, r = new Array(e), n = 0; n < e; n++)
-      r[n] = arguments[n];
-    return t = l.call.apply(l, [this].concat(r)), p(D(t), "today", new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0))), p(D(t), "handleMouseLeave", function() {
-      var c = t.asProps.highlighted;
-      k(D(t), "onHighlightedChange", c.length ? [c[0]] : []);
-    }), p(D(t), "formatter", J), t;
+var CalendarAbstract = /* @__PURE__ */ function(_Component2) {
+  _inherits(CalendarAbstract2, _Component2);
+  var _super2 = _createSuper(CalendarAbstract2);
+  function CalendarAbstract2() {
+    var _this;
+    _classCallCheck(this, CalendarAbstract2);
+    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((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)));
+    _defineProperty(_assertThisInitialized(_this), "handleMouseLeave", function() {
+      var highlighted = _this.asProps.highlighted;
+      fire(_assertThisInitialized(_this), "onHighlightedChange", highlighted.length ? [highlighted[0]] : []);
+    });
+    _defineProperty(_assertThisInitialized(_this), "formatter", formatDDMMYY);
+    return _this;
   }
-  return O(a, [{
+  _createClass(CalendarAbstract2, [{
     key: "createUnit",
-    value: function(e, r) {
-      var n = this, c = e.date, _ = ne(e, ge), i = this, d = this.asProps, g = d.disabled, s = d.value, y = d.compare, S = d.highlighted, b = d.compareHighlighted, C = d.locale, u = q(c, r, S ?? []), $ = q(c, r, b ?? []), M = Q(c, r, s ?? []), L = Q(c, r, y ?? []), K = g.some(_e(c, r));
-      return f({
-        date: J(c, C),
-        dateKey: this.formatter(c, C),
+    value: function createUnit(_ref14, unit) {
+      var _this2 = this;
+      var date = _ref14.date, other = _objectWithoutProperties(_ref14, _excluded);
+      var self = this;
+      var _this$asProps2 = this.asProps, _disabled = _this$asProps2.disabled, value = _this$asProps2.value, compare = _this$asProps2.compare, highlighted = _this$asProps2.highlighted, compareHighlighted = _this$asProps2.compareHighlighted, locale = _this$asProps2.locale;
+      var highlighting = resolveHighlighting(date, unit, highlighted !== null && highlighted !== void 0 ? highlighted : []);
+      var comparedHighlighting = resolveHighlighting(date, unit, compareHighlighted !== null && compareHighlighted !== void 0 ? compareHighlighted : []);
+      var selecting = resolveSelecting(date, unit, value !== null && value !== void 0 ? value : []);
+      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: M.startSelected,
-        endSelected: M.endSelected,
-        selected: M.selected,
-        highlighted: u.highlighted,
-        startHighlighted: u.startHighlighted,
-        endHighlighted: u.endHighlighted,
-        compareHighlighted: $.highlighted || L.selected,
-        compareStartHighlighted: $.startHighlighted,
-        compareEndHighlighted: $.endHighlighted,
-        compareStart: L.startSelected,
-        compareEnd: L.endSelected,
-        "aria-selected": M.selected,
-        "aria-disabled": K,
-        "aria-current": u.highlighted ? "date" : void 0,
-        disabled: K,
-        today: c.isSame(i.today, r),
-        onClick: function() {
-          var U = n.asProps, W = U.range, x = U.highlighted, v = [c.valueOf()];
-          x.length === 1 ? v = [x[0], c.valueOf()] : x.length >= 2 && (v = []), W === "compare" ? k(n, "onCompareHighlightedChange", v) : k(n, "onHighlightedChange", v), k(n, "onChange", c.toDate());
+        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" : void 0,
+        disabled,
+        today: date.isSame(self.today, unit),
+        onClick: function onClick() {
+          var _this2$asProps = _this2.asProps, range3 = _this2$asProps.range, _highlighted = _this2$asProps.highlighted;
+          var highlighted2 = [date.valueOf()];
+          if (_highlighted.length === 1) {
+            highlighted2 = [_highlighted[0], date.valueOf()];
+          } else if (_highlighted.length >= 2) {
+            highlighted2 = [];
+          }
+          if (range3 === "compare") {
+            fire(_this2, "onCompareHighlightedChange", highlighted2);
+          } else {
+            fire(_this2, "onHighlightedChange", highlighted2);
+          }
+          fire(_this2, "onChange", date.toDate());
         },
-        onMouseEnter: function() {
-          var U = n.asProps, W = U.range, x = U.highlighted, v = W === "compare" ? n.asProps.compare : n.asProps.value;
-          if (x[0] || (v ?? []).length === 1) {
-            var ie = x[0] || (v ?? [])[0], N = [ie.valueOf(), c.valueOf()];
-            W === "compare" ? k(n, "onCompareHighlightedChange", N) : k(n, "onHighlightedChange", N);
+        onMouseEnter: function onMouseEnter() {
+          var _this2$asProps2 = _this2.asProps, range3 = _this2$asProps2.range, _highlighted = _this2$asProps2.highlighted;
+          var value2 = range3 === "compare" ? _this2.asProps.compare : _this2.asProps.value;
+          if (_highlighted[0] || (value2 !== null && value2 !== void 0 ? value2 : []).length === 1) {
+            var startDate = _highlighted[0] || (value2 !== null && value2 !== void 0 ? value2 : [])[0];
+            var _highlighted2 = [startDate.valueOf(), date.valueOf()];
+            if (range3 === "compare") {
+              fire(_this2, "onCompareHighlightedChange", _highlighted2);
+            } else {
+              fire(_this2, "onHighlightedChange", _highlighted2);
+            }
           }
         }
-      }, _);
+      }, other);
     }
   }, {
     key: "getUnitProps",
-    value: function(e, r) {
-      var n = e.dateKey, c = 7, _ = this.asProps.unitRefs;
+    value: function getUnitProps(_ref15, index) {
+      var dateKey = _ref15.dateKey;
+      var inRow = 7;
+      var unitRefs = this.asProps.unitRefs;
       return {
-        "aria-colindex": r % c + 1,
-        "aria-rowindex": Math.floor(r / c) + 1,
-        ref: function(d) {
-          n && (_[n] = d);
+        "aria-colindex": index % inRow + 1,
+        "aria-rowindex": Math.floor(index / inRow) + 1,
+        ref: function ref(node) {
+          if (!dateKey) return;
+          unitRefs[dateKey] = node;
         }
       };
     }
   }, {
     key: "getRootProps",
-    value: function() {
+    value: function getRootProps() {
       return {
         role: "grid",
         tabIndex: 0
@@ -230,178 +281,249 @@ var A = /* @__PURE__ */ function(o) {
     }
   }, {
     key: "describeValue",
-    value: function() {
-      var e = this, r = this.asProps, n = r.locale, c = r.getI18nText, _ = r.actionsDescribing, i = this.asProps.value || [], d = this.asProps.compare || [];
-      if (!_) return null;
-      var g = function(S, b) {
-        return c(S, b ? {
-          date: e.formatter(b, n)
+    value: function describeValue() {
+      var _this3 = this;
+      var _this$asProps3 = this.asProps, locale = _this$asProps3.locale, getI18nText = _this$asProps3.getI18nText, actionsDescribing = _this$asProps3.actionsDescribing;
+      var value = this.asProps.value || [];
+      var compare = this.asProps.compare || [];
+      if (!actionsDescribing) return null;
+      var t = function t2(key, date) {
+        return getI18nText(key, date ? {
+          date: _this3.formatter(date, locale)
         } : void 0);
-      }, s = "";
-      return i.length === 1 || d.length === 1 ? s += g("selectingStarted") + ". " : (i.length === 2 || d.length === 2) && (s += g("selectingFinished") + ". "), _ === "range" ? ((i[0] || i[1]) && (s += g("dateRange") + " "), i[0] && (s += g("fromDate", i[0]) + ", "), i[1] && (s += g("toDate", i[1]) + ". ")) : _ === "range-compare" && (d.length === 1 ? (s += g("dateRange2") + " ", d[0] && (s += g("fromDate", i[0]) + ", "), d[1] && (s += g("toDate", i[1]) + ". ")) : ((i[0] || i[1]) && (s += g("dateRange1") + " "), i[0] && (s += g("fromDate", i[0]) + ", "), i[1] && (s += g("toDate", i[1]) + ". "), d.length > 0 && (s += g("dateRange2") + " ", d[0] && (s += g("fromDate", d[0]) + ", "), d[1] && (s += g("toDate", d[1]) + ". ")))), s;
+      };
+      var description = "";
+      if (value.length === 1 || compare.length === 1) {
+        description += t("selectingStarted") + ". ";
+      } else if (value.length === 2 || compare.length === 2) {
+        description += t("selectingFinished") + ". ";
+      }
+      if (actionsDescribing === "range") {
+        if (value[0] || value[1]) description += t("dateRange") + " ";
+        if (value[0]) description += t("fromDate", value[0]) + ", ";
+        if (value[1]) description += t("toDate", value[1]) + ". ";
+      } else if (actionsDescribing === "range-compare") {
+        if (compare.length === 1) {
+          description += t("dateRange2") + " ";
+          if (compare[0]) description += t("fromDate", value[0]) + ", ";
+          if (compare[1]) description += t("toDate", value[1]) + ". ";
+        } else {
+          if (value[0] || value[1]) description += t("dateRange1") + " ";
+          if (value[0]) description += t("fromDate", value[0]) + ", ";
+          if (value[1]) description += t("toDate", value[1]) + ". ";
+          if (compare.length > 0) {
+            description += t("dateRange2") + " ";
+            if (compare[0]) description += t("fromDate", compare[0]) + ", ";
+            if (compare[1]) description += t("toDate", compare[1]) + ". ";
+          }
+        }
+      }
+      return description;
     }
-  }]), a;
-}(X);
-p(A, "style", ee);
-function F(o) {
-  var l = arguments[0], a, t = o.styles, e = o.date, r = o.long, n = o.outdated, c = o.disabled, _ = o.highlighted, i = E;
-  return a = H(t), /* @__PURE__ */ h.createElement(i, a.cn("SCalendarUnit", f({}, w({
-    "use:disabled": c || n || !e,
-    "aria-hidden": !e,
-    "aria-label": r || e,
-    "use:tabIndex": _ ? 0 : -1
-  }, l))));
+  }]);
+  return CalendarAbstract2;
+}(Component);
+_defineProperty(CalendarAbstract, "style", style);
+function CalendarUnit(_ref16) {
+  var _ref3 = arguments[0], _ref8;
+  var styles = _ref16.styles, date = _ref16.date, _long2 = _ref16["long"], outdated = _ref16.outdated, disabled = _ref16.disabled, highlighted = _ref16.highlighted;
+  var SCalendarUnit = Box;
+  return _ref8 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SCalendarUnit, _ref8.cn("SCalendarUnit", _objectSpread({}, assignProps({
+    "use:disabled": disabled || outdated || !date,
+    "aria-hidden": !date,
+    "aria-label": _long2 || date,
+    "use:tabIndex": highlighted ? 0 : -1
+  }, _ref3))));
 }
-F.enhance = [le()];
-var j = /* @__PURE__ */ function(o) {
-  B(a, o);
-  var l = I(a);
-  function a() {
-    return R(this, a), l.apply(this, arguments);
+CalendarUnit.enhance = [keyboardFocusEnhance()];
+var CalendarDaysRoot = /* @__PURE__ */ function(_CalendarAbstract) {
+  _inherits(CalendarDaysRoot2, _CalendarAbstract);
+  var _super3 = _createSuper(CalendarDaysRoot2);
+  function CalendarDaysRoot2() {
+    _classCallCheck(this, CalendarDaysRoot2);
+    return _super3.apply(this, arguments);
   }
-  return O(a, [{
+  _createClass(CalendarDaysRoot2, [{
     key: "getDaysByMonth",
-    value: function() {
-      var e = this, r = this.asProps, n = r.displayedPeriod, c = r.renderOutdated, _ = r.locale, i = m(n).startOf("month"), d = i.subtract(1, "month"), g = i.add(1, "month"), s = i.locale(_, re(_)).startOf("week").get("d") ? (i.get("d") || 7) - 1 : i.get("d"), y = s ? P(d.daysInMonth(), function(C) {
-        var u = e.createUnit({
-          date: d,
-          outdated: !0,
-          i: C
+    value: function getDaysByMonth() {
+      var _this4 = this;
+      var _this$asProps4 = this.asProps, displayedPeriod = _this$asProps4.displayedPeriod, renderOutdated = _this$asProps4.renderOutdated, locale = _this$asProps4.locale;
+      var date = dayjs(displayedPeriod).startOf("month");
+      var prevDate = date.subtract(1, "month");
+      var nextDate = date.add(1, "month");
+      var dateStartOfWeek = date.locale(locale, getDayJSLocaleParams(locale)).startOf("week").get("d") ? (date.get("d") || 7) - 1 : date.get("d");
+      var prevMonthDays = dateStartOfWeek ? range(prevDate.daysInMonth(), function(i) {
+        var day = _this4.createUnit({
+          date: prevDate,
+          outdated: true,
+          i
         }, "date");
-        return u.children = String(d.get("date")), d = d.add(1, "day"), u;
-      }).slice(-s) : [], S = P(i.daysInMonth(), function(C) {
-        var u = e.createUnit({
-          date: i,
-          i: C
+        day.children = String(prevDate.get("date"));
+        prevDate = prevDate.add(1, "day");
+        return day;
+      }).slice(-dateStartOfWeek) : [];
+      var monthDays = range(date.daysInMonth(), function(i) {
+        var day = _this4.createUnit({
+          date,
+          i
         }, "date");
-        return u.children = String(i.get("date")), i = i.add(1, "day"), u;
-      }), b = P(42 - y.length - S.length, function(C) {
-        var u = e.createUnit({
-          date: g,
-          outdated: !0,
-          i: C
+        day.children = String(date.get("date"));
+        date = date.add(1, "day");
+        return day;
+      });
+      var nextMonthDays = range(42 - prevMonthDays.length - monthDays.length, function(i) {
+        var day = _this4.createUnit({
+          date: nextDate,
+          outdated: true,
+          i
         }, "date");
-        return u.children = String(g.get("date")), g = g.add(1, "day"), u;
+        day.children = String(nextDate.get("date"));
+        nextDate = nextDate.add(1, "day");
+        return day;
       });
-      return c || (y = y.map(function() {
-        return {
-          disabled: !0,
-          children: ""
-        };
-      }), b = []), [].concat(T(y), T(S), T(b));
+      if (!renderOutdated) {
+        prevMonthDays = prevMonthDays.map(function() {
+          return {
+            disabled: true,
+            children: ""
+          };
+        });
+        nextMonthDays = [];
+      }
+      return [].concat(_toConsumableArray(prevMonthDays), _toConsumableArray(monthDays), _toConsumableArray(nextMonthDays));
     }
   }, {
     key: "setContext",
-    value: function() {
+    value: function setContext() {
       return {
         days: this.getDaysByMonth()
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var e = this.asProps, r, n = E, c = "div", _ = this.asProps, i = _.Children, d = _.styles, g = _.locale, s = this.describeValue();
-      return r = H(d), /* @__PURE__ */ h.createElement(n, r.cn("SCalendar", f({}, w(f({}, this.getRootProps()), e))), /* @__PURE__ */ h.createElement(te, r.cn("CalendarWeekDays", {
-        locale: g,
-        role: "row"
-      })), /* @__PURE__ */ h.createElement(c, r.cn("SGridDays", {
-        onMouseLeave: this.handleMouseLeave,
-        role: "row"
-      }), /* @__PURE__ */ h.createElement(i, r.cn("Children", {}))), /* @__PURE__ */ h.createElement(Z, r.cn("ScreenReaderOnly", {
-        role: "row"
-      }), /* @__PURE__ */ h.createElement("span", r.cn("span", {
+    value: function render() {
+      var _ref4 = this.asProps, _ref9;
+      var SCalendar = Box;
+      var SGridDays = "div";
+      var _this$asProps5 = this.asProps, Children = _this$asProps5.Children, styles = _this$asProps5.styles, locale = _this$asProps5.locale;
+      var description = this.describeValue();
+      return _ref9 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SCalendar, _ref9.cn("SCalendar", _objectSpread({}, assignProps(_objectSpread({}, this.getRootProps()), _ref4))), /* @__PURE__ */ React.createElement(CalendarWeekDays, _ref9.cn("CalendarWeekDays", {
+        "locale": locale,
+        "role": "row"
+      })), /* @__PURE__ */ React.createElement(SGridDays, _ref9.cn("SGridDays", {
+        "onMouseLeave": this.handleMouseLeave,
+        "role": "row"
+      }), /* @__PURE__ */ React.createElement(Children, _ref9.cn("Children", {}))), /* @__PURE__ */ React.createElement(ScreenReaderOnly, _ref9.cn("ScreenReaderOnly", {
+        "role": "row"
+      }), /* @__PURE__ */ React.createElement("span", _ref9.cn("span", {
         "aria-live": "polite",
-        role: "gridcell"
-      }), s)));
+        "role": "gridcell"
+      }), description)));
     }
-  }]), a;
-}(A);
-p(j, "displayName", "CalendarDays");
-p(j, "defaultProps", {
+  }]);
+  return CalendarDaysRoot2;
+}(CalendarAbstract);
+_defineProperty(CalendarDaysRoot, "displayName", "CalendarDays");
+_defineProperty(CalendarDaysRoot, "defaultProps", {
   displayedPeriod: new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)),
   disabled: [],
   value: [],
   locale: "en",
-  children: function(l) {
-    var a = l.days;
-    return a.map(function(t, e) {
-      return /* @__PURE__ */ h.createElement(he.Unit, Y({
-        key: e
-      }, t));
+  children: function children2(_ref18) {
+    var days = _ref18.days;
+    return days.map(function(data, i) {
+      return /* @__PURE__ */ React.createElement(CalendarDays.Unit, _extends({
+        key: i
+      }, data));
     });
   }
 });
-var V = /* @__PURE__ */ function(o) {
-  B(a, o);
-  var l = I(a);
-  function a() {
-    var t;
-    R(this, a);
-    for (var e = arguments.length, r = new Array(e), n = 0; n < e; n++)
-      r[n] = arguments[n];
-    return t = l.call.apply(l, [this].concat(r)), p(D(t), "formatter", de), t;
+var CalendarMonthsRoot = /* @__PURE__ */ function(_CalendarAbstract2) {
+  _inherits(CalendarMonthsRoot2, _CalendarAbstract2);
+  var _super4 = _createSuper(CalendarMonthsRoot2);
+  function CalendarMonthsRoot2() {
+    var _this5;
+    _classCallCheck(this, CalendarMonthsRoot2);
+    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);
+    return _this5;
   }
-  return O(a, [{
+  _createClass(CalendarMonthsRoot2, [{
     key: "getMonthsByYear",
-    value: function() {
-      var e = this, r = this.asProps, n = r.displayedPeriod, c = r.locale, _ = m(n).startOf("year");
-      return P(12, function() {
-        var i = e.createUnit({
-          date: _
+    value: function getMonthsByYear() {
+      var _this6 = this;
+      var _this$asProps6 = this.asProps, displayedPeriod = _this$asProps6.displayedPeriod, locale = _this$asProps6.locale;
+      var date = dayjs(displayedPeriod).startOf("year");
+      return range(12, function() {
+        var month = _this6.createUnit({
+          date
         }, "month");
-        return i.children = new Intl.DateTimeFormat(c, {
+        month.children = new Intl.DateTimeFormat(locale, {
           month: "short"
-        }).format(_.valueOf()), i.long = new Intl.DateTimeFormat(c, {
+        }).format(date.valueOf());
+        month["long"] = new Intl.DateTimeFormat(locale, {
           month: "long",
           year: "numeric"
-        }).format(_.valueOf()), _ = _.add(1, "month"), i;
+        }).format(date.valueOf());
+        date = date.add(1, "month");
+        return month;
       });
     }
   }, {
     key: "setContext",
-    value: function() {
+    value: function setContext() {
       return {
         months: this.getMonthsByYear()
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var e = this.asProps, r, n = E, c = "div", _ = this.asProps, i = _.Children, d = _.styles, g = this.describeValue();
-      return r = H(d), /* @__PURE__ */ h.createElement(n, r.cn("SCalendar", f({}, w(f({}, this.getRootProps()), e))), /* @__PURE__ */ h.createElement(c, r.cn("SGridMonths", {
-        onMouseLeave: this.handleMouseLeave,
-        role: "row"
-      }), /* @__PURE__ */ h.createElement(i, r.cn("Children", {}))), /* @__PURE__ */ h.createElement(Z, r.cn("ScreenReaderOnly", {
-        role: "row"
-      }), /* @__PURE__ */ h.createElement("span", r.cn("span", {
+    value: function render() {
+      var _ref5 = this.asProps, _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 _ref10 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SCalendar, _ref10.cn("SCalendar", _objectSpread({}, assignProps(_objectSpread({}, this.getRootProps()), _ref5))), /* @__PURE__ */ React.createElement(SGridMonths, _ref10.cn("SGridMonths", {
+        "onMouseLeave": this.handleMouseLeave,
+        "role": "row"
+      }), /* @__PURE__ */ React.createElement(Children, _ref10.cn("Children", {}))), /* @__PURE__ */ React.createElement(ScreenReaderOnly, _ref10.cn("ScreenReaderOnly", {
+        "role": "row"
+      }), /* @__PURE__ */ React.createElement("span", _ref10.cn("span", {
         "aria-live": "polite",
-        role: "gridcell"
-      }), g)));
+        "role": "gridcell"
+      }), description)));
     }
-  }]), a;
-}(A);
-p(V, "displayName", "CalendarMonths");
-p(V, "defaultProps", {
+  }]);
+  return CalendarMonthsRoot2;
+}(CalendarAbstract);
+_defineProperty(CalendarMonthsRoot, "displayName", "CalendarMonths");
+_defineProperty(CalendarMonthsRoot, "defaultProps", {
   locale: "en",
-  children: function(l) {
-    var a = l.months;
-    return a.map(function(t, e) {
-      return /* @__PURE__ */ h.createElement(ue.Unit, Y({
-        key: e
-      }, t));
+  children: function children3(_ref19) {
+    var months = _ref19.months;
+    return months.map(function(data, i) {
+      return /* @__PURE__ */ React.createElement(CalendarMonths.Unit, _extends({
+        key: i
+      }, data));
     });
   }
 });
-var te = z(G, {
-  Unit: se
-}), he = z(j, {
-  Unit: F
-}), ue = z(V, {
-  Unit: F
+var CalendarWeekDays = createComponent(CalendarWeekDaysRoot, {
+  Unit: CalendarWeekUnit
+});
+var CalendarDays = createComponent(CalendarDaysRoot, {
+  Unit: CalendarUnit
+});
+var CalendarMonths = createComponent(CalendarMonthsRoot, {
+  Unit: CalendarUnit
 });
 export {
-  he as CalendarDays,
-  ue as CalendarMonths,
-  F as CalendarUnit,
-  te as CalendarWeekDays
+  CalendarDays,
+  CalendarMonths,
+  CalendarUnit,
+  CalendarWeekDays
 };