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

package/lib/esm/components/PickerAbstract.mjs

@@ -1,90 +1,93 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 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 { sstyled, CORE_INSTANCE, assignProps, Component } from "@semcore/core";
-import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
-import Dropdown from "@semcore/dropdown";
-import dayjs from "dayjs";
+import { sstyled } from "@semcore/utils/lib/core/index";
+import { CORE_INSTANCE, sstyled as sstyled$1, assignProps, Component } from "@semcore/core";
 import React from "react";
+import dayjs from "dayjs";
+import Dropdown from "@semcore/dropdown";
+import i18nEnhance from "@semcore/utils/lib/enhances/i18nEnhance";
 import { localizedMessages } from "../translations/__intergalactic-dynamic-locales.mjs";
-import { formatMMYY, formatDDMMYY } from "../utils/formatDate.mjs";
 import { includesDate } from "../utils/includesDate.mjs";
+import { formatMMYY, formatDDMMYY } from "../utils/formatDate.mjs";
 /*!__reshadow-styles__:"../style/date-picker.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPopper_9s22y_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_9s22y_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_9s22y_gg_:active,.___SPopper_9s22y_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_9s22y_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_9s22y_gg_,.___STitle_9s22y_gg_{display:flex;align-items:center}.___STitle_9s22y_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));height:32px;width:100%;justify-content:center}.___SToday_9s22y_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_9s22y_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_9s22y_gg_ .___SInner_9s22y_gg_{justify-content:flex-start}.___SInputMask_9s22y_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_9s22y_gg_.__animationsDisabled_9s22y_gg_{transition:none}.___SInputMask_9s22y_gg_ .___SValue_9s22y_gg_{letter-spacing:0}.___SInputMask_9s22y_gg_ .___SValue_9s22y_gg_:focus{outline:0}.___SIndicator_9s22y_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SIndicator_9s22y_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_9s22y_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_9s22y_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_9s22y_gg_._range_value_9s22y_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(123, 130, 220))}.___SRangeIndicator_9s22y_gg_._range_compare_9s22y_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_9s22y_gg_.__disabled_9s22y_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_9s22y_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_9s22y_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_9s22y_gg_ .___SMask_9s22y_gg_,.___SDateRange_9s22y_gg_ .___SValue_9s22y_gg_,.___SSingleDateInput_9s22y_gg_ .___SMask_9s22y_gg_,.___SSingleDateInput_9s22y_gg_ .___SValue_9s22y_gg_{opacity:0}.___SSingleDateInput_9s22y_gg_:focus-within .___SHumanizedDate_9s22y_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_9s22y_gg_:focus-within .___SMask_9s22y_gg_,.___SSingleDateInput_9s22y_gg_:focus-within .___SValue_9s22y_gg_{opacity:1}.___SDateRange_9s22y_gg_:focus-within .___SHumanizedDate_9s22y_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_9s22y_gg_:focus-within .___SMask_9s22y_gg_,.___SDateRange_9s22y_gg_:focus-within .___SValue_9s22y_gg_{opacity:1}.___SInputMask_9s22y_gg_.__noHumanizedDate_9s22y_gg_ .___SMask_9s22y_gg_,.___SInputMask_9s22y_gg_.__noHumanizedDate_9s22y_gg_ .___SValue_9s22y_gg_{opacity:1}.___SDateRange_9s22y_gg_ .___SInputMask_9s22y_gg_:focus-within .___SMask_9s22y_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgb(231, 234, 251))}.___SDateRange_9s22y_gg_:focus-within .___SRangeSep_9s22y_gg_,.___SRangeSep_9s22y_gg_.__fulfilled_9s22y_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_9s22y_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));padding:var(--intergalactic-spacing-4x, 16px)}@supports (color:color(display-p3 0 0 0%)){.___SRangeComparatorHeader_9s22y_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_9s22y_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_9s22y_gg_,.___SRangeCalendar_9s22y_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_9s22y_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SFooter_9s22y_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_9s22y_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_9s22y_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_9s22y_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_9s22y_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_9s22y_gg_{transition:none}}",
+    ".___SPopper_7h9qp_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_7h9qp_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_7h9qp_gg_:active,.___SPopper_7h9qp_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_7h9qp_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_7h9qp_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 18, 193, 0.441))}.___SHeader_7h9qp_gg_,.___STitle_7h9qp_gg_{display:flex;align-items:center}.___STitle_7h9qp_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));height:32px;width:100%;justify-content:center}.___SToday_7h9qp_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_7h9qp_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_7h9qp_gg_ .___SInner_7h9qp_gg_{justify-content:flex-start}.___SInputMask_7h9qp_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_7h9qp_gg_.__animationsDisabled_7h9qp_gg_{transition:none}.___SInputMask_7h9qp_gg_ .___SValue_7h9qp_gg_{letter-spacing:0}.___SIndicator_7h9qp_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0)){.___SIndicator_7h9qp_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_7h9qp_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_7h9qp_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_7h9qp_gg_._range_value_7h9qp_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(123, 130, 220))}.___SRangeIndicator_7h9qp_gg_._range_compare_7h9qp_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_7h9qp_gg_.__disabled_7h9qp_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_7h9qp_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_7h9qp_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_7h9qp_gg_ .___SMask_7h9qp_gg_,.___SDateRange_7h9qp_gg_ .___SValue_7h9qp_gg_,.___SSingleDateInput_7h9qp_gg_ .___SMask_7h9qp_gg_,.___SSingleDateInput_7h9qp_gg_ .___SValue_7h9qp_gg_{opacity:0}.___SSingleDateInput_7h9qp_gg_:focus-within .___SHumanizedDate_7h9qp_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_,.___SSingleDateInput_7h9qp_gg_:focus-within .___SValue_7h9qp_gg_{opacity:1}.___SDateRange_7h9qp_gg_:focus-within .___SHumanizedDate_7h9qp_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_,.___SDateRange_7h9qp_gg_:focus-within .___SValue_7h9qp_gg_{opacity:1}.___SInputMask_7h9qp_gg_.__noHumanizedDate_7h9qp_gg_ .___SMask_7h9qp_gg_,.___SInputMask_7h9qp_gg_.__noHumanizedDate_7h9qp_gg_ .___SValue_7h9qp_gg_{opacity:1}.___SDateRange_7h9qp_gg_ .___SInputMask_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 31, 207, 0.093))}@supports (color:color(display-p3 0 0 0)){.___SDateRange_7h9qp_gg_ .___SInputMask_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 31, 207, 0.093))}@media (color-gamut:p3){.___SDateRange_7h9qp_gg_ .___SInputMask_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.02831 0.11224 0.78317 / 0.093))}}}.___SDateRange_7h9qp_gg_:focus-within .___SRangeSep_7h9qp_gg_,.___SRangeSep_7h9qp_gg_.__fulfilled_7h9qp_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_7h9qp_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));padding:var(--intergalactic-spacing-4x, 16px)}@supports (color:color(display-p3 0 0 0)){.___SRangeComparatorHeader_7h9qp_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_7h9qp_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_7h9qp_gg_,.___SRangeCalendar_7h9qp_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_7h9qp_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0)){.___SFooter_7h9qp_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_7h9qp_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_7h9qp_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_7h9qp_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_7h9qp_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_7h9qp_gg_{transition:none}}",
     /*__inner_css_end__*/
-    "9s22y_gg_"
+    "7h9qp_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHeader": "___SHeader_9s22y_gg_",
-    "__STitle": "___STitle_9s22y_gg_",
-    "__SToday": "___SToday_9s22y_gg_",
-    "__SPeriod": "___SPeriod_9s22y_gg_",
-    "__SButton": "___SButton_9s22y_gg_",
-    "__SInner": "___SInner_9s22y_gg_",
-    "__SInputMask": "___SInputMask_9s22y_gg_",
-    "_animationsDisabled": "__animationsDisabled_9s22y_gg_",
-    "__SIndicator": "___SIndicator_9s22y_gg_",
-    "__SRangeIndicator": "___SRangeIndicator_9s22y_gg_",
-    "_range_value": "_range_value_9s22y_gg_",
-    "_range_compare": "_range_compare_9s22y_gg_",
-    "_disabled": "__disabled_9s22y_gg_",
-    "__SHumanizedDate": "___SHumanizedDate_9s22y_gg_",
-    "__SMask": "___SMask_9s22y_gg_",
-    "__SSingleDateInput": "___SSingleDateInput_9s22y_gg_",
-    "__SValue": "___SValue_9s22y_gg_",
-    "__SDateRange": "___SDateRange_9s22y_gg_",
-    "_noHumanizedDate": "__noHumanizedDate_9s22y_gg_",
-    "__SRangeSep": "___SRangeSep_9s22y_gg_",
-    "_fulfilled": "__fulfilled_9s22y_gg_",
-    "__SRangeComparatorHeader": "___SRangeComparatorHeader_9s22y_gg_",
-    "__SRangeCalendar": "___SRangeCalendar_9s22y_gg_",
-    "__SFooter": "___SFooter_9s22y_gg_",
-    "__SPeriodsList": "___SPeriodsList_9s22y_gg_",
-    "__STooltip": "___STooltip_9s22y_gg_",
-    "__SCompareToggle": "___SCompareToggle_9s22y_gg_",
-    "__SPopper": "___SPopper_9s22y_gg_"
+    "__SHeader": "___SHeader_7h9qp_gg_",
+    "__STitle": "___STitle_7h9qp_gg_",
+    "__SToday": "___SToday_7h9qp_gg_",
+    "__SPeriod": "___SPeriod_7h9qp_gg_",
+    "__SButton": "___SButton_7h9qp_gg_",
+    "__SInner": "___SInner_7h9qp_gg_",
+    "__SInputMask": "___SInputMask_7h9qp_gg_",
+    "_animationsDisabled": "__animationsDisabled_7h9qp_gg_",
+    "__SValue": "___SValue_7h9qp_gg_",
+    "__SIndicator": "___SIndicator_7h9qp_gg_",
+    "__SRangeIndicator": "___SRangeIndicator_7h9qp_gg_",
+    "_range_value": "_range_value_7h9qp_gg_",
+    "_range_compare": "_range_compare_7h9qp_gg_",
+    "_disabled": "__disabled_7h9qp_gg_",
+    "__SHumanizedDate": "___SHumanizedDate_7h9qp_gg_",
+    "__SMask": "___SMask_7h9qp_gg_",
+    "__SSingleDateInput": "___SSingleDateInput_7h9qp_gg_",
+    "__SDateRange": "___SDateRange_7h9qp_gg_",
+    "_noHumanizedDate": "__noHumanizedDate_7h9qp_gg_",
+    "__SRangeSep": "___SRangeSep_7h9qp_gg_",
+    "_fulfilled": "__fulfilled_7h9qp_gg_",
+    "__SRangeComparatorHeader": "___SRangeComparatorHeader_7h9qp_gg_",
+    "__SRangeCalendar": "___SRangeCalendar_7h9qp_gg_",
+    "__SFooter": "___SFooter_7h9qp_gg_",
+    "__SPeriodsList": "___SPeriodsList_7h9qp_gg_",
+    "__STooltip": "___STooltip_7h9qp_gg_",
+    "__SCompareToggle": "___SCompareToggle_7h9qp_gg_",
+    "__SPopper": "___SPopper_7h9qp_gg_"
   })
 );
 var INTERACTION_TAGS = ["INPUT"];
 var INTERACTION_KEYS = ["ArrowDown", "Enter", " "];
 var defaultDisplayedPeriod = new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0));
-var PickerAbstract = /* @__PURE__ */ (function(_Component) {
+var PickerAbstract = /* @__PURE__ */ function(_Component) {
+  _inherits(PickerAbstract2, _Component);
+  var _super = _createSuper(PickerAbstract2);
   function PickerAbstract2() {
     var _this;
     _classCallCheck(this, PickerAbstract2);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, PickerAbstract2, [].concat(args));
-    _defineProperty(_this, "prevButtonRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_this, "nextButtonRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_this, "popperRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_this, "unitRefs", {});
-    _defineProperty(_this, "navigateStep", void 0);
-    _defineProperty(_this, "keyDiff", void 0);
-    _defineProperty(_this, "keyStep", void 0);
-    _defineProperty(_this, "navigateView", function(direction) {
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "popperRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "unitRefs", {});
+    _defineProperty(_assertThisInitialized(_this), "navigateStep", void 0);
+    _defineProperty(_assertThisInitialized(_this), "keyDiff", void 0);
+    _defineProperty(_assertThisInitialized(_this), "keyStep", void 0);
+    _defineProperty(_assertThisInitialized(_this), "navigateView", function(direction) {
       var displayedPeriod = _this.asProps.displayedPeriod;
       var action = direction >= 1 ? "add" : "subtract";
       var date = dayjs(displayedPeriod)[action](1, _this.navigateStep).toDate();
       _this.handlers.displayedPeriod(date);
     });
-    _defineProperty(_this, "bindHandlerNavigateClick", function(direction) {
+    _defineProperty(_assertThisInitialized(_this), "bindHandlerNavigateClick", function(direction) {
       return function() {
         _this.navigateView(direction);
       };
     });
-    _defineProperty(_this, "handlerKeyDown", function(place) {
+    _defineProperty(_assertThisInitialized(_this), "handlerKeyDown", function(place) {
       return function(e) {
-        var _this$asProps = _this.asProps, value = _this$asProps.value, displayedPeriod = _this$asProps.displayedPeriod, highlighted = _this$asProps.highlighted, _disabled = _this$asProps.disabled, visible = _this$asProps.visible;
-        var key = e.key, target = e.target;
-        if ([" ", "Enter"].includes(key) && [_this.prevButtonRef.current, _this.nextButtonRef.current].includes(target)) return;
+        var _this$asProps = _this.asProps, value = _this$asProps.value, displayedPeriod = _this$asProps.displayedPeriod, highlighted = _this$asProps.highlighted;
+        _this$asProps.disabled;
+        var visible = _this$asProps.visible;
+        var key = e.key;
         if (place === "trigger" && INTERACTION_KEYS.includes(key)) {
           e.stopPropagation();
           _this.handlers.visible(!visible);
@@ -99,7 +102,7 @@ var PickerAbstract = /* @__PURE__ */ (function(_Component) {
         var getCurrentHighlightedDay = function getCurrentHighlightedDay2(day2) {
           return day2.toDate();
         };
-        if (place === "popper" && (e.key === " " || e.key === "Enter") && highlighted.length) {
+        if (place === "popper" && (e.key === " " || e.key === "Enter" && highlighted.length)) {
           if (!_this.isDisabled(highlighted[0])) {
             _this.handlers.value(highlighted[0]);
           }
@@ -116,15 +119,14 @@ var PickerAbstract = /* @__PURE__ */ (function(_Component) {
             e.preventDefault();
             var formatter = _this.keyStep === "month" ? formatMMYY : formatDDMMYY;
             var formattedDate = formatter(current_day, _this.asProps.locale);
-            (_this$unitRefs$format = _this.unitRefs[formattedDate]) === null || _this$unitRefs$format === void 0 || _this$unitRefs$format.focus();
+            (_this$unitRefs$format = _this.unitRefs[formattedDate]) === null || _this$unitRefs$format === void 0 ? void 0 : _this$unitRefs$format.focus();
           }
         }
       };
     });
     return _this;
   }
-  _inherits(PickerAbstract2, _Component);
-  return _createClass(PickerAbstract2, [{
+  _createClass(PickerAbstract2, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
       var _this2 = this;
@@ -200,8 +202,7 @@ var PickerAbstract = /* @__PURE__ */ (function(_Component) {
       var getI18nText = this.asProps.getI18nText;
       var navigateStep = this.navigateStep;
       return {
-        "ref": this.nextButtonRef,
-        "onClick": this.bindHandlerNavigateClick(1),
+        onClick: this.bindHandlerNavigateClick(1),
         getI18nText,
         "aria-label": navigateStep === "month" ? getI18nText("nextMonth") : getI18nText("nextYear")
       };
@@ -212,8 +213,7 @@ var PickerAbstract = /* @__PURE__ */ (function(_Component) {
       var getI18nText = this.asProps.getI18nText;
       var navigateStep = this.navigateStep;
       return {
-        "ref": this.prevButtonRef,
-        "onClick": this.bindHandlerNavigateClick(-1),
+        onClick: this.bindHandlerNavigateClick(-1),
         getI18nText,
         "aria-label": navigateStep === "month" ? getI18nText("prevMonth") : getI18nText("prevYear")
       };
@@ -241,7 +241,7 @@ var PickerAbstract = /* @__PURE__ */ (function(_Component) {
     value: function render() {
       var _ref = this.asProps, _ref2;
       var _this$asProps4 = this.asProps, styles = _this$asProps4.styles, Children = _this$asProps4.Children, providedAriaLabel = _this$asProps4["aria-label"];
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, (_ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(Dropdown, assignProps({
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, (_ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(Dropdown, assignProps({
         "use:aria-label": providedAriaLabel,
         "__excludeProps": ["onChange", "value"]
       }, _ref), /* @__PURE__ */ React.createElement(Children, _ref2.cn("Children", {})))));
@@ -262,7 +262,8 @@ var PickerAbstract = /* @__PURE__ */ (function(_Component) {
       };
     }
   }]);
-})(Component);
+  return PickerAbstract2;
+}(Component);
 _defineProperty(PickerAbstract, "displayName", "DatePicker");
 _defineProperty(PickerAbstract, "style", style);
 _defineProperty(PickerAbstract, "enhance", [i18nEnhance(localizedMessages)]);

package/lib/esm/components/RangePickerAbstract.mjs

@@ -1,58 +1,60 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 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 _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { sstyled, CORE_INSTANCE, assignProps, Component } from "@semcore/core";
-import { Flex, Box } from "@semcore/base-components";
+import { sstyled } from "@semcore/utils/lib/core/index";
+import { CORE_INSTANCE, sstyled as sstyled$1, assignProps, Component } from "@semcore/core";
+import React from "react";
+import dayjs from "dayjs";
 import Button from "@semcore/button";
-import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
+import { Flex, Box } from "@semcore/flex-box";
 import Divider from "@semcore/divider";
 import Dropdown from "@semcore/dropdown";
-import dayjs from "dayjs";
-import React from "react";
+import i18nEnhance from "@semcore/utils/lib/enhances/i18nEnhance";
 import { localizedMessages } from "../translations/__intergalactic-dynamic-locales.mjs";
-import { formatMMYY, formatDDMMYY } from "../utils/formatDate.mjs";
 import { includesDate } from "../utils/includesDate.mjs";
+import { formatMMYY, formatDDMMYY } from "../utils/formatDate.mjs";
 /*!__reshadow-styles__:"../style/date-picker.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPopper_9s22y_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_9s22y_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_9s22y_gg_:active,.___SPopper_9s22y_gg_:focus{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_9s22y_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SHeader_9s22y_gg_,.___STitle_9s22y_gg_{display:flex;align-items:center}.___STitle_9s22y_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));height:32px;width:100%;justify-content:center}.___SToday_9s22y_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_9s22y_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_9s22y_gg_ .___SInner_9s22y_gg_{justify-content:flex-start}.___SInputMask_9s22y_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_9s22y_gg_.__animationsDisabled_9s22y_gg_{transition:none}.___SInputMask_9s22y_gg_ .___SValue_9s22y_gg_{letter-spacing:0}.___SInputMask_9s22y_gg_ .___SValue_9s22y_gg_:focus{outline:0}.___SIndicator_9s22y_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SIndicator_9s22y_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_9s22y_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_9s22y_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_9s22y_gg_._range_value_9s22y_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(123, 130, 220))}.___SRangeIndicator_9s22y_gg_._range_compare_9s22y_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_9s22y_gg_.__disabled_9s22y_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_9s22y_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_9s22y_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_9s22y_gg_ .___SMask_9s22y_gg_,.___SDateRange_9s22y_gg_ .___SValue_9s22y_gg_,.___SSingleDateInput_9s22y_gg_ .___SMask_9s22y_gg_,.___SSingleDateInput_9s22y_gg_ .___SValue_9s22y_gg_{opacity:0}.___SSingleDateInput_9s22y_gg_:focus-within .___SHumanizedDate_9s22y_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_9s22y_gg_:focus-within .___SMask_9s22y_gg_,.___SSingleDateInput_9s22y_gg_:focus-within .___SValue_9s22y_gg_{opacity:1}.___SDateRange_9s22y_gg_:focus-within .___SHumanizedDate_9s22y_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_9s22y_gg_:focus-within .___SMask_9s22y_gg_,.___SDateRange_9s22y_gg_:focus-within .___SValue_9s22y_gg_{opacity:1}.___SInputMask_9s22y_gg_.__noHumanizedDate_9s22y_gg_ .___SMask_9s22y_gg_,.___SInputMask_9s22y_gg_.__noHumanizedDate_9s22y_gg_ .___SValue_9s22y_gg_{opacity:1}.___SDateRange_9s22y_gg_ .___SInputMask_9s22y_gg_:focus-within .___SMask_9s22y_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgb(231, 234, 251))}.___SDateRange_9s22y_gg_:focus-within .___SRangeSep_9s22y_gg_,.___SRangeSep_9s22y_gg_.__fulfilled_9s22y_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_9s22y_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));padding:var(--intergalactic-spacing-4x, 16px)}@supports (color:color(display-p3 0 0 0%)){.___SRangeComparatorHeader_9s22y_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_9s22y_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_9s22y_gg_,.___SRangeCalendar_9s22y_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_9s22y_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SFooter_9s22y_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_9s22y_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_9s22y_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_9s22y_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_9s22y_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_9s22y_gg_{transition:none}}",
+    ".___SPopper_7h9qp_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_7h9qp_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_7h9qp_gg_:active,.___SPopper_7h9qp_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_7h9qp_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_7h9qp_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 18, 193, 0.441))}.___SHeader_7h9qp_gg_,.___STitle_7h9qp_gg_{display:flex;align-items:center}.___STitle_7h9qp_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));height:32px;width:100%;justify-content:center}.___SToday_7h9qp_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_7h9qp_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_7h9qp_gg_ .___SInner_7h9qp_gg_{justify-content:flex-start}.___SInputMask_7h9qp_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_7h9qp_gg_.__animationsDisabled_7h9qp_gg_{transition:none}.___SInputMask_7h9qp_gg_ .___SValue_7h9qp_gg_{letter-spacing:0}.___SIndicator_7h9qp_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0)){.___SIndicator_7h9qp_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SIndicator_7h9qp_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SRangeIndicator_7h9qp_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_7h9qp_gg_._range_value_7h9qp_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(123, 130, 220))}.___SRangeIndicator_7h9qp_gg_._range_compare_7h9qp_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SRangeIndicator_7h9qp_gg_.__disabled_7h9qp_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4)}.___SHumanizedDate_7h9qp_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_7h9qp_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_7h9qp_gg_ .___SMask_7h9qp_gg_,.___SDateRange_7h9qp_gg_ .___SValue_7h9qp_gg_,.___SSingleDateInput_7h9qp_gg_ .___SMask_7h9qp_gg_,.___SSingleDateInput_7h9qp_gg_ .___SValue_7h9qp_gg_{opacity:0}.___SSingleDateInput_7h9qp_gg_:focus-within .___SHumanizedDate_7h9qp_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_,.___SSingleDateInput_7h9qp_gg_:focus-within .___SValue_7h9qp_gg_{opacity:1}.___SDateRange_7h9qp_gg_:focus-within .___SHumanizedDate_7h9qp_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_,.___SDateRange_7h9qp_gg_:focus-within .___SValue_7h9qp_gg_{opacity:1}.___SInputMask_7h9qp_gg_.__noHumanizedDate_7h9qp_gg_ .___SMask_7h9qp_gg_,.___SInputMask_7h9qp_gg_.__noHumanizedDate_7h9qp_gg_ .___SValue_7h9qp_gg_{opacity:1}.___SDateRange_7h9qp_gg_ .___SInputMask_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 31, 207, 0.093))}@supports (color:color(display-p3 0 0 0)){.___SDateRange_7h9qp_gg_ .___SInputMask_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 31, 207, 0.093))}@media (color-gamut:p3){.___SDateRange_7h9qp_gg_ .___SInputMask_7h9qp_gg_:focus-within .___SMask_7h9qp_gg_{background-color:var(--intergalactic-bg-highlight-focus, color(display-p3 0.02831 0.11224 0.78317 / 0.093))}}}.___SDateRange_7h9qp_gg_:focus-within .___SRangeSep_7h9qp_gg_,.___SRangeSep_7h9qp_gg_.__fulfilled_7h9qp_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}.___SRangeComparatorHeader_7h9qp_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));padding:var(--intergalactic-spacing-4x, 16px)}@supports (color:color(display-p3 0 0 0)){.___SRangeComparatorHeader_7h9qp_gg_{border-bottom:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SRangeComparatorHeader_7h9qp_gg_{border-bottom:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SFooter_7h9qp_gg_,.___SRangeCalendar_7h9qp_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_7h9qp_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0)){.___SFooter_7h9qp_gg_{border-top:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SFooter_7h9qp_gg_{border-top:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPeriodsList_7h9qp_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_7h9qp_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_7h9qp_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_7h9qp_gg_{transition:none}}",
     /*__inner_css_end__*/
-    "9s22y_gg_"
+    "7h9qp_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHeader": "___SHeader_9s22y_gg_",
-    "__STitle": "___STitle_9s22y_gg_",
-    "__SToday": "___SToday_9s22y_gg_",
-    "__SPeriod": "___SPeriod_9s22y_gg_",
-    "__SButton": "___SButton_9s22y_gg_",
-    "__SInner": "___SInner_9s22y_gg_",
-    "__SInputMask": "___SInputMask_9s22y_gg_",
-    "_animationsDisabled": "__animationsDisabled_9s22y_gg_",
-    "__SIndicator": "___SIndicator_9s22y_gg_",
-    "__SRangeIndicator": "___SRangeIndicator_9s22y_gg_",
-    "_range_value": "_range_value_9s22y_gg_",
-    "_range_compare": "_range_compare_9s22y_gg_",
-    "_disabled": "__disabled_9s22y_gg_",
-    "__SHumanizedDate": "___SHumanizedDate_9s22y_gg_",
-    "__SMask": "___SMask_9s22y_gg_",
-    "__SSingleDateInput": "___SSingleDateInput_9s22y_gg_",
-    "__SValue": "___SValue_9s22y_gg_",
-    "__SDateRange": "___SDateRange_9s22y_gg_",
-    "_noHumanizedDate": "__noHumanizedDate_9s22y_gg_",
-    "__SRangeSep": "___SRangeSep_9s22y_gg_",
-    "_fulfilled": "__fulfilled_9s22y_gg_",
-    "__SRangeComparatorHeader": "___SRangeComparatorHeader_9s22y_gg_",
-    "__SRangeCalendar": "___SRangeCalendar_9s22y_gg_",
-    "__SFooter": "___SFooter_9s22y_gg_",
-    "__SPeriodsList": "___SPeriodsList_9s22y_gg_",
-    "__STooltip": "___STooltip_9s22y_gg_",
-    "__SCompareToggle": "___SCompareToggle_9s22y_gg_",
-    "__SPopper": "___SPopper_9s22y_gg_"
+    "__SHeader": "___SHeader_7h9qp_gg_",
+    "__STitle": "___STitle_7h9qp_gg_",
+    "__SToday": "___SToday_7h9qp_gg_",
+    "__SPeriod": "___SPeriod_7h9qp_gg_",
+    "__SButton": "___SButton_7h9qp_gg_",
+    "__SInner": "___SInner_7h9qp_gg_",
+    "__SInputMask": "___SInputMask_7h9qp_gg_",
+    "_animationsDisabled": "__animationsDisabled_7h9qp_gg_",
+    "__SValue": "___SValue_7h9qp_gg_",
+    "__SIndicator": "___SIndicator_7h9qp_gg_",
+    "__SRangeIndicator": "___SRangeIndicator_7h9qp_gg_",
+    "_range_value": "_range_value_7h9qp_gg_",
+    "_range_compare": "_range_compare_7h9qp_gg_",
+    "_disabled": "__disabled_7h9qp_gg_",
+    "__SHumanizedDate": "___SHumanizedDate_7h9qp_gg_",
+    "__SMask": "___SMask_7h9qp_gg_",
+    "__SSingleDateInput": "___SSingleDateInput_7h9qp_gg_",
+    "__SDateRange": "___SDateRange_7h9qp_gg_",
+    "_noHumanizedDate": "__noHumanizedDate_7h9qp_gg_",
+    "__SRangeSep": "___SRangeSep_7h9qp_gg_",
+    "_fulfilled": "__fulfilled_7h9qp_gg_",
+    "__SRangeComparatorHeader": "___SRangeComparatorHeader_7h9qp_gg_",
+    "__SRangeCalendar": "___SRangeCalendar_7h9qp_gg_",
+    "__SFooter": "___SFooter_7h9qp_gg_",
+    "__SPeriodsList": "___SPeriodsList_7h9qp_gg_",
+    "__STooltip": "___STooltip_7h9qp_gg_",
+    "__SCompareToggle": "___SCompareToggle_7h9qp_gg_",
+    "__SPopper": "___SPopper_7h9qp_gg_"
   })
 );
 var INTERACTION_TAGS = ["INPUT"];
@@ -63,40 +65,36 @@ function getEndDate(value) {
   var _value = _slicedToArray(value, 2), startDate = _value[0], _value$ = _value[1], endDate = _value$ === void 0 ? startDate : _value$;
   return endDate;
 }
-var RangePickerAbstract = /* @__PURE__ */ (function(_Component) {
+var RangePickerAbstract = /* @__PURE__ */ function(_Component) {
+  _inherits(RangePickerAbstract2, _Component);
+  var _super = _createSuper(RangePickerAbstract2);
   function RangePickerAbstract2() {
     var _this;
     _classCallCheck(this, RangePickerAbstract2);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, RangePickerAbstract2, [].concat(args));
-    _defineProperty(_this, "applyButtonRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_this, "resetButtonRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_this, "prevButtonRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_this, "nextButtonRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_this, "popperRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_this, "periodRefs", []);
-    _defineProperty(_this, "unitRefs", {});
-    _defineProperty(_this, "navigateStep", void 0);
-    _defineProperty(_this, "keyDiff", void 0);
-    _defineProperty(_this, "keyStep", void 0);
-    _defineProperty(_this, "navigateView", function(direction) {
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "popperRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "unitRefs", {});
+    _defineProperty(_assertThisInitialized(_this), "navigateStep", void 0);
+    _defineProperty(_assertThisInitialized(_this), "keyDiff", void 0);
+    _defineProperty(_assertThisInitialized(_this), "keyStep", void 0);
+    _defineProperty(_assertThisInitialized(_this), "navigateView", function(direction) {
       var displayedPeriod = _this.asProps.displayedPeriod;
       var action = direction >= 1 ? "add" : "subtract";
       var date = dayjs(displayedPeriod)[action](1, _this.navigateStep).toDate();
       _this.handlers.displayedPeriod(date);
     });
-    _defineProperty(_this, "bindHandlerNavigateClick", function(direction) {
+    _defineProperty(_assertThisInitialized(_this), "bindHandlerNavigateClick", function(direction) {
       return function() {
         return _this.navigateView(direction);
       };
     });
-    _defineProperty(_this, "handlerKeyDown", function(place) {
+    _defineProperty(_assertThisInitialized(_this), "handlerKeyDown", function(place) {
       return function(e) {
         var _this$asProps = _this.asProps, displayedPeriod = _this$asProps.displayedPeriod, highlighted = _this$asProps.highlighted, preselectedValue = _this$asProps.preselectedValue, visible = _this$asProps.visible;
-        var key = e.key, target = e.target;
-        if ([" ", "Enter"].includes(key) && [_this.prevButtonRef.current, _this.nextButtonRef.current].includes(target)) return;
+        var key = e.key;
         if (place === "trigger" && INTERACTION_KEYS.includes(key)) {
           e.stopPropagation();
           _this.handlers.visible(!visible);
@@ -130,13 +128,7 @@ var RangePickerAbstract = /* @__PURE__ */ (function(_Component) {
         if (place === "popper" && e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
           return _this.handleApplyClick();
         }
-        var isPeriodTarget = _this.periodRefs.find(function(el) {
-          return el === target;
-        });
-        var isResetButtonTarget = target === _this.resetButtonRef.current;
-        var isApplyButtonTarget = target === _this.applyButtonRef.current;
-        var areTargetedControls = isPeriodTarget || isResetButtonTarget || isApplyButtonTarget;
-        if (place === "popper" && e.key === " " && highlighted.length && !areTargetedControls) {
+        if (place === "popper" && e.key === " " && highlighted.length) {
           var highlightedDate = highlighted[1] || highlighted[0];
           if (!_this.isDisabled(highlightedDate)) {
             _this.handleChange(highlightedDate);
@@ -167,23 +159,18 @@ var RangePickerAbstract = /* @__PURE__ */ (function(_Component) {
             var _this$unitRefs$format;
             var formatter = _this.keyStep === "month" ? formatMMYY : formatDDMMYY;
             var formattedDate = formatter(changedDate, _this.asProps.locale);
-            (_this$unitRefs$format = _this.unitRefs[formattedDate]) === null || _this$unitRefs$format === void 0 || _this$unitRefs$format.focus();
+            (_this$unitRefs$format = _this.unitRefs[formattedDate]) === null || _this$unitRefs$format === void 0 ? void 0 : _this$unitRefs$format.focus();
           }
         }
       };
     });
-    _defineProperty(_this, "handleReset", function() {
-      _this.handleChange([]);
-      _this.handlers.value([]);
-      _this.handlers.visible(false);
-    });
-    _defineProperty(_this, "handleApply", function(value) {
+    _defineProperty(_assertThisInitialized(_this), "handleApply", function(value) {
       var _value2 = _slicedToArray(value, 2), startDate = _value2[0], _value2$ = _value2[1], endDate = _value2$ === void 0 ? startDate : _value2$;
       _this.handleChange([]);
       _this.handlers.value([startDate, endDate]);
       _this.handlers.visible(false);
     });
-    _defineProperty(_this, "handleChange", function(date) {
+    _defineProperty(_assertThisInitialized(_this), "handleChange", function(date) {
       var preselectedValue = _this.asProps.preselectedValue;
       var highlighted = [];
       if (Array.isArray(date)) {
@@ -202,14 +189,13 @@ var RangePickerAbstract = /* @__PURE__ */ (function(_Component) {
       _this.handlers.preselectedValue(preselectedValue);
       _this.handlers.highlighted(highlighted);
     });
-    _defineProperty(_this, "handleApplyClick", function() {
+    _defineProperty(_assertThisInitialized(_this), "handleApplyClick", function() {
       var _this$asProps2 = _this.asProps, value = _this$asProps2.value, preselectedValue = _this$asProps2.preselectedValue;
       return _this.handleApply(preselectedValue.length ? preselectedValue : value);
     });
     return _this;
   }
-  _inherits(RangePickerAbstract2, _Component);
-  return _createClass(RangePickerAbstract2, [{
+  _createClass(RangePickerAbstract2, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
       var _this2 = this;
@@ -308,7 +294,7 @@ var RangePickerAbstract = /* @__PURE__ */ (function(_Component) {
     }
   }, {
     key: "getTitleProps",
-    value: function getTitleProps(_props, index) {
+    value: function getTitleProps(props, index) {
       var _this$asProps5 = this.asProps, locale = _this$asProps5.locale, displayedPeriod = _this$asProps5.displayedPeriod;
       return {
         children: new Intl.DateTimeFormat(locale, {
@@ -323,8 +309,7 @@ var RangePickerAbstract = /* @__PURE__ */ (function(_Component) {
       var getI18nText = this.asProps.getI18nText;
       var navigateStep = this.navigateStep;
       return {
-        "ref": this.nextButtonRef,
-        "onClick": this.bindHandlerNavigateClick(1),
+        onClick: this.bindHandlerNavigateClick(1),
         getI18nText,
         "aria-label": navigateStep === "month" ? getI18nText("nextMonth") : getI18nText("nextYear")
       };
@@ -335,8 +320,7 @@ var RangePickerAbstract = /* @__PURE__ */ (function(_Component) {
       var getI18nText = this.asProps.getI18nText;
       var navigateStep = this.navigateStep;
       return {
-        "ref": this.prevButtonRef,
-        "onClick": this.bindHandlerNavigateClick(-1),
+        onClick: this.bindHandlerNavigateClick(-1),
         getI18nText,
         "aria-label": navigateStep === "month" ? getI18nText("prevMonth") : getI18nText("prevYear")
       };
@@ -363,22 +347,15 @@ var RangePickerAbstract = /* @__PURE__ */ (function(_Component) {
   }, {
     key: "getPeriodProps",
     value: function getPeriodProps() {
-      var _this3 = this;
       var _this$asProps7 = this.asProps, _this$asProps7$period = _this$asProps7.periods, periods = _this$asProps7$period === void 0 ? this.getDefaultPeriods() : _this$asProps7$period, value = _this$asProps7.value, onHighlightedChange = _this$asProps7.onHighlightedChange, onDisplayedPeriodChange = _this$asProps7.onDisplayedPeriodChange, preselectedValue = _this$asProps7.preselectedValue, getI18nText = _this$asProps7.getI18nText;
       return {
         periods,
-        "value": preselectedValue.length ? preselectedValue : value,
-        "onChange": this.handleApply,
+        value: preselectedValue.length ? preselectedValue : value,
+        onChange: this.handleApply,
         onHighlightedChange,
         onDisplayedPeriodChange,
-        "role": "listbox",
-        "aria-label": getI18nText("periods"),
-        "periodRef": function periodRef(index) {
-          return function(element) {
-            if (!element) return;
-            _this3.periodRefs[index] = element;
-          };
-        }
+        role: "listbox",
+        "aria-label": getI18nText("periods")
       };
     }
   }, {
@@ -387,18 +364,19 @@ var RangePickerAbstract = /* @__PURE__ */ (function(_Component) {
       var getI18nText = this.asProps.getI18nText;
       return {
         getI18nText,
-        onClick: this.handleApplyClick,
-        ref: this.applyButtonRef
+        onClick: this.handleApplyClick
       };
     }
   }, {
     key: "getResetProps",
     value: function getResetProps() {
+      var _this3 = this;
       var getI18nText = this.asProps.getI18nText;
       return {
         getI18nText,
-        onClick: this.handleReset,
-        ref: this.resetButtonRef
+        onClick: function onClick() {
+          return _this3.handleApply([]);
+        }
       };
     }
   }, {
@@ -406,7 +384,7 @@ var RangePickerAbstract = /* @__PURE__ */ (function(_Component) {
     value: function render() {
       var _ref = this.asProps, _ref4;
       var _this$asProps8 = this.asProps, Children = _this$asProps8.Children, styles = _this$asProps8.styles, providedAriaLabel = _this$asProps8["aria-label"];
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, (_ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(Dropdown, assignProps({
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, (_ref4 = sstyled$1(styles), /* @__PURE__ */ React.createElement(Dropdown, assignProps({
         "use:aria-label": providedAriaLabel,
         "__excludeProps": ["onChange", "value"]
       }, _ref), /* @__PURE__ */ React.createElement(Children, _ref4.cn("Children", {})))));
@@ -428,7 +406,8 @@ var RangePickerAbstract = /* @__PURE__ */ (function(_Component) {
       };
     }
   }]);
-})(Component);
+  return RangePickerAbstract2;
+}(Component);
 _defineProperty(RangePickerAbstract, "displayName", "DatePicker");
 _defineProperty(RangePickerAbstract, "style", style);
 _defineProperty(RangePickerAbstract, "enhance", [i18nEnhance(localizedMessages)]);