intergalactic 15.51.0-prerelease.0-prerelease-677bb0c2 → 15.52.0-prerelease-e6d2b891

package/date-picker/lib/cjs/components/PickerAbstract.js

@@ -19,34 +19,35 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
 var _intergalacticDynamicLocales = require("../translations/__intergalactic-dynamic-locales");
 var _includesDate = _interopRequireDefault(require("../utils/includesDate"));
 /*__reshadow-styles__:"../style/date-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPopper_vw2nd_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_vw2nd_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_vw2nd_gg_:active,.___SPopper_vw2nd_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_vw2nd_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_vw2nd_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_vw2nd_gg_,.___STitle_vw2nd_gg_{display:flex;align-items:center}.___STitle_vw2nd_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_vw2nd_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_vw2nd_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_vw2nd_gg_ .___SInner_vw2nd_gg_{justify-content:flex-start}.___SInputMask_vw2nd_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal}.___SIndicator_vw2nd_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_vw2nd_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_vw2nd_gg_._range_value_vw2nd_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_vw2nd_gg_._range_compare_vw2nd_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_vw2nd_gg_.__disabled_vw2nd_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_vw2nd_gg_{position:absolute;pointer-events:none}.___SDateRange_vw2nd_gg_ .___SMask_vw2nd_gg_,.___SDateRange_vw2nd_gg_ .___SValue_vw2nd_gg_,.___SSingleDateInput_vw2nd_gg_ .___SMask_vw2nd_gg_,.___SSingleDateInput_vw2nd_gg_ .___SValue_vw2nd_gg_{opacity:0}.___SSingleDateInput_vw2nd_gg_:focus-within .___SHumanizedDate_vw2nd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_vw2nd_gg_:focus-within .___SMask_vw2nd_gg_,.___SSingleDateInput_vw2nd_gg_:focus-within .___SValue_vw2nd_gg_{opacity:1}.___SDateRange_vw2nd_gg_:focus-within .___SHumanizedDate_vw2nd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_vw2nd_gg_:focus-within .___SMask_vw2nd_gg_,.___SDateRange_vw2nd_gg_:focus-within .___SValue_vw2nd_gg_{opacity:1}.___SInputMask_vw2nd_gg_.__noHumanizedDate_vw2nd_gg_ .___SMask_vw2nd_gg_,.___SInputMask_vw2nd_gg_.__noHumanizedDate_vw2nd_gg_ .___SValue_vw2nd_gg_{opacity:1}.___SDateRange_vw2nd_gg_ .___SInputMask_vw2nd_gg_:focus-within .___SMask_vw2nd_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_vw2nd_gg_:focus-within .___SRangeSep_vw2nd_gg_,.___SRangeSep_vw2nd_gg_.__fulfilled_vw2nd_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_vw2nd_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_vw2nd_gg_,.___SRangeComparatorHeader_vw2nd_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_vw2nd_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_vw2nd_gg_,.___SPeriodsList_vw2nd_gg_{padding:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "vw2nd_gg_") /*__reshadow_css_end__*/, {
-  "__SHeader": "___SHeader_vw2nd_gg_",
-  "__STitle": "___STitle_vw2nd_gg_",
-  "__SToday": "___SToday_vw2nd_gg_",
-  "__SPeriod": "___SPeriod_vw2nd_gg_",
-  "__SButton": "___SButton_vw2nd_gg_",
-  "__SInner": "___SInner_vw2nd_gg_",
-  "__SInputMask": "___SInputMask_vw2nd_gg_",
-  "__SIndicator": "___SIndicator_vw2nd_gg_",
-  "__SRangeIndicator": "___SRangeIndicator_vw2nd_gg_",
-  "_range_value": "_range_value_vw2nd_gg_",
-  "_range_compare": "_range_compare_vw2nd_gg_",
-  "_disabled": "__disabled_vw2nd_gg_",
-  "__SHumanizedDate": "___SHumanizedDate_vw2nd_gg_",
-  "__SSingleDateInput": "___SSingleDateInput_vw2nd_gg_",
-  "__SValue": "___SValue_vw2nd_gg_",
-  "__SDateRange": "___SDateRange_vw2nd_gg_",
-  "__SMask": "___SMask_vw2nd_gg_",
-  "_noHumanizedDate": "__noHumanizedDate_vw2nd_gg_",
-  "__SRangeSep": "___SRangeSep_vw2nd_gg_",
-  "_fulfilled": "__fulfilled_vw2nd_gg_",
-  "__SRangeComparatorHeader": "___SRangeComparatorHeader_vw2nd_gg_",
-  "__SRangeCalendar": "___SRangeCalendar_vw2nd_gg_",
-  "__SFooter": "___SFooter_vw2nd_gg_",
-  "__SPeriodsList": "___SPeriodsList_vw2nd_gg_",
-  "__SPopper": "___SPopper_vw2nd_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPopper_1hpbh_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1hpbh_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1hpbh_gg_:active,.___SPopper_1hpbh_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1hpbh_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_1hpbh_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_1hpbh_gg_,.___STitle_1hpbh_gg_{display:flex;align-items:center}.___STitle_1hpbh_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_1hpbh_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1hpbh_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1hpbh_gg_ .___SInner_1hpbh_gg_{justify-content:flex-start}.___SInputMask_1hpbh_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal}.___SIndicator_1hpbh_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_1hpbh_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1hpbh_gg_._range_value_1hpbh_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_1hpbh_gg_._range_compare_1hpbh_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_1hpbh_gg_.__disabled_1hpbh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_1hpbh_gg_{position:absolute;pointer-events:none}.___SDateRange_1hpbh_gg_ .___SMask_1hpbh_gg_,.___SDateRange_1hpbh_gg_ .___SValue_1hpbh_gg_,.___SSingleDateInput_1hpbh_gg_ .___SMask_1hpbh_gg_,.___SSingleDateInput_1hpbh_gg_ .___SValue_1hpbh_gg_{opacity:0}.___SSingleDateInput_1hpbh_gg_:focus-within .___SHumanizedDate_1hpbh_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1hpbh_gg_:focus-within .___SMask_1hpbh_gg_,.___SSingleDateInput_1hpbh_gg_:focus-within .___SValue_1hpbh_gg_{opacity:1}.___SDateRange_1hpbh_gg_:focus-within .___SHumanizedDate_1hpbh_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1hpbh_gg_:focus-within .___SMask_1hpbh_gg_,.___SDateRange_1hpbh_gg_:focus-within .___SValue_1hpbh_gg_{opacity:1}.___SInputMask_1hpbh_gg_.__noHumanizedDate_1hpbh_gg_ .___SMask_1hpbh_gg_,.___SInputMask_1hpbh_gg_.__noHumanizedDate_1hpbh_gg_ .___SValue_1hpbh_gg_{opacity:1}.___SDateRange_1hpbh_gg_ .___SInputMask_1hpbh_gg_:focus-within .___SMask_1hpbh_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1hpbh_gg_:focus-within .___SRangeSep_1hpbh_gg_,.___SRangeSep_1hpbh_gg_.__fulfilled_1hpbh_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_1hpbh_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_1hpbh_gg_,.___SRangeComparatorHeader_1hpbh_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1hpbh_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_1hpbh_gg_,.___SPeriodsList_1hpbh_gg_{padding:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "1hpbh_gg_") /*__reshadow_css_end__*/, {
+  "__SHeader": "___SHeader_1hpbh_gg_",
+  "__STitle": "___STitle_1hpbh_gg_",
+  "__SToday": "___SToday_1hpbh_gg_",
+  "__SPeriod": "___SPeriod_1hpbh_gg_",
+  "__SButton": "___SButton_1hpbh_gg_",
+  "__SInner": "___SInner_1hpbh_gg_",
+  "__SInputMask": "___SInputMask_1hpbh_gg_",
+  "__SIndicator": "___SIndicator_1hpbh_gg_",
+  "__SRangeIndicator": "___SRangeIndicator_1hpbh_gg_",
+  "_range_value": "_range_value_1hpbh_gg_",
+  "_range_compare": "_range_compare_1hpbh_gg_",
+  "_disabled": "__disabled_1hpbh_gg_",
+  "__SHumanizedDate": "___SHumanizedDate_1hpbh_gg_",
+  "__SSingleDateInput": "___SSingleDateInput_1hpbh_gg_",
+  "__SValue": "___SValue_1hpbh_gg_",
+  "__SDateRange": "___SDateRange_1hpbh_gg_",
+  "__SMask": "___SMask_1hpbh_gg_",
+  "_noHumanizedDate": "__noHumanizedDate_1hpbh_gg_",
+  "__SRangeSep": "___SRangeSep_1hpbh_gg_",
+  "_fulfilled": "__fulfilled_1hpbh_gg_",
+  "__SRangeComparatorHeader": "___SRangeComparatorHeader_1hpbh_gg_",
+  "__SRangeCalendar": "___SRangeCalendar_1hpbh_gg_",
+  "__SFooter": "___SFooter_1hpbh_gg_",
+  "__SPeriodsList": "___SPeriodsList_1hpbh_gg_",
+  "__SPopper": "___SPopper_1hpbh_gg_"
 });
 var INTERACTION_TAGS = ['INPUT'];
+var INTERACTION_KEYS = ['ArrowDown', 'Enter', 'Space'];
 var defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));
 var PickerAbstract = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(PickerAbstract, _Component);
@@ -58,13 +59,10 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
     _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "popperRef", /*#__PURE__*/_react["default"].createRef());
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "navigateStep", void 0);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "keyDiff", void 0);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "keyStep", void 0);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
-      // To remove after removing button trigger
-      defaultInteraction: 'focus'
-    });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "navigateView", function (direction) {
       var displayedPeriod = _this.asProps.displayedPeriod;
       var action = direction >= 1 ? 'add' : 'subtract';
@@ -76,39 +74,47 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
         _this.navigateView(direction);
       };
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerKeyDown", function (e) {
-      if (e.target !== e.currentTarget) return;
-      var _this$asProps = _this.asProps,
-        value = _this$asProps.value,
-        displayedPeriod = _this$asProps.displayedPeriod,
-        highlighted = _this$asProps.highlighted,
-        _disabled = _this$asProps.disabled;
-      var day = _this.keyDiff[e.code];
-      var getCurrentHighlightedDay = function getCurrentHighlightedDay(day) {
-        var current_day = day.toDate();
-        var isDisabledDay = _disabled.some((0, _includesDate["default"])((0, _dayjs["default"])(current_day), 'date'));
-        return isDisabledDay ? null : current_day;
-      };
-      if (e.key === 'Space' || e.key === 'Enter' && highlighted.length) {
-        _this.handlers.value(highlighted[0]);
-        e.preventDefault();
-      }
-      if (day) {
-        if (INTERACTION_TAGS.includes(e.target.tagName)) return;
-        var current_highlighted = !highlighted[0] && !value ? (0, _dayjs["default"])(highlighted[0] || displayedPeriod) : (0, _dayjs["default"])(displayedPeriod).add(day, _this.keyStep);
-        var current_day = getCurrentHighlightedDay(current_highlighted) || getCurrentHighlightedDay((0, _dayjs["default"])(highlighted[0] || displayedPeriod));
-        if (current_day) {
-          _this.handlers.highlighted([current_day]);
-          _this.handlers.displayedPeriod(current_day);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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.code;
+        if (place === 'trigger' && INTERACTION_KEYS.includes(key)) {
+          e.stopPropagation();
+          _this.handlers.visible(!visible);
+          setTimeout(function () {
+            var popper = _this.popperRef.current;
+            if (popper) {
+              popper.focus();
+            }
+          }, 0);
+        }
+        if (e.target !== e.currentTarget) return;
+        var day = _this.keyDiff[e.code];
+        var getCurrentHighlightedDay = function getCurrentHighlightedDay(day) {
+          var current_day = day.toDate();
+          var isDisabledDay = _disabled.some((0, _includesDate["default"])((0, _dayjs["default"])(current_day), 'date'));
+          return isDisabledDay ? null : current_day;
+        };
+        if (place === 'popper' && (e.key === 'Space' || e.key === 'Enter' && highlighted.length)) {
+          _this.handlers.value(highlighted[0]);
           e.preventDefault();
         }
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setDefaultInteractionToClick", function () {
-      if (_this.state.defaultInteraction === 'click') return;
-      _this.setState({
-        defaultInteraction: 'click'
-      });
+        if (day) {
+          if (INTERACTION_TAGS.includes(e.target.tagName)) return;
+          var current_highlighted = !highlighted[0] && !value ? (0, _dayjs["default"])(highlighted[0] || displayedPeriod) : (0, _dayjs["default"])(displayedPeriod).add(day, _this.keyStep);
+          var current_day = getCurrentHighlightedDay(current_highlighted) || getCurrentHighlightedDay((0, _dayjs["default"])(highlighted[0] || displayedPeriod));
+          if (current_day) {
+            _this.handlers.highlighted([current_day]);
+            _this.handlers.displayedPeriod(current_day);
+            e.preventDefault();
+          }
+        }
+      };
     });
     return _this;
   }
@@ -117,19 +123,23 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
     value: function uncontrolledProps() {
       var _this2 = this;
       return {
-        displayedPeriod: [null, function () {
-          _this2.handlers.visible(true);
-        }],
+        displayedPeriod: null,
         visible: [null, function (visible) {
           var _this2$asProps = _this2.asProps,
             value = _this2$asProps.value,
             displayedPeriod = _this2$asProps.displayedPeriod;
           if (!visible) {
             _this2.handlers.highlighted([]);
-            _this2.handlers.displayedPeriod(value || _this2.props.defaultDisplayedPeriod);
           }
-          if (visible && value && value !== displayedPeriod) {
-            _this2.handlers.displayedPeriod(value);
+          if (visible) {
+            if (value && value !== displayedPeriod) {
+              _this2.handlers.displayedPeriod(value);
+            } else if (!value) {
+              var _this2$props = _this2.props,
+                _displayedPeriod = _this2$props.displayedPeriod,
+                _defaultDisplayedPeriod = _this2$props.defaultDisplayedPeriod;
+              _this2.handlers.displayedPeriod(_displayedPeriod || _defaultDisplayedPeriod);
+            }
           }
         }],
         highlighted: null,
@@ -150,8 +160,7 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
       return {
         size: size,
         empty: !value,
-        onKeyDown: this.handlerKeyDown,
-        setDefaultInteractionToClick: this.setDefaultInteractionToClick
+        onKeyDown: this.handlerKeyDown('trigger')
       };
     }
   }, {
@@ -160,7 +169,8 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
       var Picker = this[_core.CORE_INSTANCE];
       return {
         tabIndex: 0,
-        onKeyDown: this.handlerKeyDown,
+        ref: this.popperRef,
+        onKeyDown: this.handlerKeyDown('popper'),
         children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Picker.Header, null), /*#__PURE__*/_react["default"].createElement(Picker.Calendar, null))
       };
     }
@@ -224,10 +234,8 @@ var PickerAbstract = /*#__PURE__*/function (_Component) {
         styles = _this$asProps4.styles,
         Children = _this$asProps4.Children,
         providedAriaLabel = _this$asProps4['aria-label'];
-      var defaultInteraction = this.state.defaultInteraction;
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (_ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_dropdown["default"], (0, _core.assignProps)({
         "use:aria-label": providedAriaLabel,
-        "interaction": defaultInteraction,
         "__excludeProps": ['onChange', 'value']
       }, _ref), /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})))));
     }

package/date-picker/lib/cjs/components/PickerAbstract.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerAbstract.js","names":["_core","require","_react","_interopRequireDefault","_dayjs","_dropdown","_i18nEnhance","_intergalacticDynamicLocales","_includesDate","style","sstyled","insert","INTERACTION_TAGS","defaultDisplayedPeriod","Date","setHours","PickerAbstract","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","defaultInteraction","direction","displayedPeriod","asProps","action","date","dayjs","navigateStep","toDate","handlers","navigateView","e","target","currentTarget","_this$asProps","value","highlighted","_disabled","disabled","day","keyDiff","code","getCurrentHighlightedDay","current_day","isDisabledDay","some","includesDate","key","preventDefault","includes","tagName","current_highlighted","add","keyStep","state","setState","_createClass2","uncontrolledProps","_this2","visible","_this2$asProps","props","undefined","getButtonTriggerProps","_this$asProps2","size","empty","onKeyDown","handlerKeyDown","setDefaultInteractionToClick","getPopperProps","Picker","CORE_INSTANCE","tabIndex","children","createElement","Fragment","Header","Calendar","getHeaderProps","Prev","Title","Next","getTitleProps","getNextProps","onClick","bindHandlerNavigateClick","getI18nText","getPrevProps","getCalendarProps","_this$asProps3","locale","onVisibleChange","onChange","renderOutdated","render","_ref","_ref2","_this$asProps4","styles","Children","providedAriaLabel","Dropdown","assignProps","cn","defaultProps","_ref3","defaultValue","i18n","localizedMessages","defaultVisible","defaultHighlighted","Component","i18nEnhance","amount","unit","subtract","_default","exports"],"sources":["../../../src/components/PickerAbstract.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, CORE_INSTANCE, sstyled } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport { localizedMessages } from '../translations/__intergalactic-dynamic-locales';\n\nimport style from '../style/date-picker.shadow.css';\nimport includesDate from '../utils/includesDate';\n\nconst INTERACTION_TAGS = ['INPUT'];\n\nconst defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));\n\nclass PickerAbstract extends Component {\n  static displayName = 'DatePicker';\n  static style = style;\n  static defaultProps({ value, defaultValue }) {\n    return {\n      i18n: localizedMessages,\n      locale: 'en',\n      defaultDisplayedPeriod: value || defaultValue || defaultDisplayedPeriod,\n      defaultValue: null,\n      defaultVisible: false,\n      defaultHighlighted: [],\n      disabled: [],\n      size: 'm',\n    };\n  }\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static add = (date, amount, unit) => {\n    return dayjs(date).add(amount, unit).toDate();\n  };\n\n  static subtract = (date, amount, unit) => {\n    return dayjs(date).subtract(amount, unit).toDate();\n  };\n\n  navigateStep;\n  keyDiff;\n  keyStep;\n\n  state = {\n    // To remove after removing button trigger\n    defaultInteraction: 'focus',\n  };\n  uncontrolledProps() {\n    return {\n      displayedPeriod: [\n        null,\n        () => {\n          this.handlers.visible(true);\n        },\n      ],\n      visible: [\n        null,\n        (visible) => {\n          const { value, displayedPeriod } = this.asProps;\n\n          if (!visible) {\n            this.handlers.highlighted([]);\n            this.handlers.displayedPeriod(value || this.props.defaultDisplayedPeriod);\n          }\n\n          if (visible && value && value !== displayedPeriod) {\n            this.handlers.displayedPeriod(value);\n          }\n        },\n      ],\n      highlighted: null,\n      value: [\n        null,\n        (value) => {\n          if (value) {\n            this.handlers.visible(false);\n          }\n          this.handlers.displayedPeriod(value ?? undefined);\n        },\n      ],\n    };\n  }\n\n  navigateView = (direction) => {\n    const { displayedPeriod } = this.asProps;\n    const action = direction >= 1 ? 'add' : 'subtract';\n    const date = dayjs(displayedPeriod)[action](1, this.navigateStep).toDate();\n    this.handlers.displayedPeriod(date);\n  };\n\n  bindHandlerNavigateClick = (direction) => () => {\n    this.navigateView(direction);\n  };\n\n  handlerKeyDown = (e) => {\n    if (e.target !== e.currentTarget) return;\n    const { value, displayedPeriod, highlighted, disabled: _disabled } = this.asProps;\n    const day = this.keyDiff[e.code];\n\n    const getCurrentHighlightedDay = (day) => {\n      const current_day = day.toDate();\n      const isDisabledDay = _disabled.some(includesDate(dayjs(current_day), 'date'));\n      return isDisabledDay ? null : current_day;\n    };\n\n    if (e.key === 'Space' || (e.key === 'Enter' && highlighted.length)) {\n      this.handlers.value(highlighted[0]);\n      e.preventDefault();\n    }\n    if (day) {\n      if (INTERACTION_TAGS.includes(e.target.tagName)) return;\n      const current_highlighted =\n        !highlighted[0] && !value\n          ? dayjs(highlighted[0] || displayedPeriod)\n          : dayjs(displayedPeriod).add(day, this.keyStep);\n      const current_day =\n        getCurrentHighlightedDay(current_highlighted) ||\n        getCurrentHighlightedDay(dayjs(highlighted[0] || displayedPeriod));\n\n      if (current_day) {\n        this.handlers.highlighted([current_day]);\n        this.handlers.displayedPeriod(current_day);\n        e.preventDefault();\n      }\n    }\n  };\n\n  setDefaultInteractionToClick = () => {\n    if (this.state.defaultInteraction === 'click') return;\n    this.setState({ defaultInteraction: 'click' });\n  };\n\n  getButtonTriggerProps() {\n    const { value, size } = this.asProps;\n\n    return {\n      size,\n      empty: !value,\n      onKeyDown: this.handlerKeyDown,\n      setDefaultInteractionToClick: this.setDefaultInteractionToClick,\n    };\n  }\n\n  getPopperProps() {\n    const Picker = this[CORE_INSTANCE];\n    return {\n      tabIndex: 0,\n      onKeyDown: this.handlerKeyDown,\n      children: (\n        <>\n          <Picker.Header />\n          <Picker.Calendar />\n        </>\n      ),\n    };\n  }\n\n  getHeaderProps() {\n    const Picker = this[CORE_INSTANCE];\n    return {\n      children: (\n        <>\n          <Picker.Prev />\n          <Picker.Title />\n          <Picker.Next />\n        </>\n      ),\n    };\n  }\n\n  getTitleProps() {\n    return {};\n  }\n\n  getNextProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(1),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getPrevProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(-1),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getCalendarProps() {\n    const { locale, displayedPeriod, disabled, value, highlighted, onVisibleChange, onChange } =\n      this.asProps;\n    return {\n      locale,\n      displayedPeriod,\n      disabled,\n      onChange,\n      highlighted,\n      value: [value, value],\n      renderOutdated: true,\n      onVisibleChange,\n    };\n  }\n\n  render() {\n    const { styles, Children, 'aria-label': providedAriaLabel } = this.asProps;\n    const { defaultInteraction } = this.state;\n\n    return (\n      <>\n        {sstyled(styles)(\n          <Root\n            render={Dropdown}\n            use:aria-label={providedAriaLabel}\n            interaction={defaultInteraction}\n            __excludeProps={['onChange', 'value']}\n          >\n            <Children />\n          </Root>,\n        )}\n      </>\n    );\n  }\n}\n\nexport default PickerAbstract;\n"],"mappings":"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"}
+{"version":3,"file":"PickerAbstract.js","names":["_core","require","_react","_interopRequireDefault","_dayjs","_dropdown","_i18nEnhance","_intergalacticDynamicLocales","_includesDate","style","sstyled","insert","INTERACTION_TAGS","INTERACTION_KEYS","defaultDisplayedPeriod","Date","setHours","PickerAbstract","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","direction","displayedPeriod","asProps","action","date","dayjs","navigateStep","toDate","handlers","navigateView","place","e","_this$asProps","value","highlighted","_disabled","disabled","visible","key","code","includes","stopPropagation","setTimeout","popper","popperRef","current","focus","target","currentTarget","day","keyDiff","getCurrentHighlightedDay","current_day","isDisabledDay","some","includesDate","preventDefault","tagName","current_highlighted","add","keyStep","_createClass2","uncontrolledProps","_this2","_this2$asProps","_this2$props","props","undefined","getButtonTriggerProps","_this$asProps2","size","empty","onKeyDown","handlerKeyDown","getPopperProps","Picker","CORE_INSTANCE","tabIndex","ref","children","createElement","Fragment","Header","Calendar","getHeaderProps","Prev","Title","Next","getTitleProps","getNextProps","onClick","bindHandlerNavigateClick","getI18nText","getPrevProps","getCalendarProps","_this$asProps3","locale","onVisibleChange","onChange","renderOutdated","render","_ref","_ref2","_this$asProps4","styles","Children","providedAriaLabel","Dropdown","assignProps","cn","defaultProps","_ref3","defaultValue","i18n","localizedMessages","defaultVisible","defaultHighlighted","Component","i18nEnhance","amount","unit","subtract","_default","exports"],"sources":["../../../src/components/PickerAbstract.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, CORE_INSTANCE, sstyled } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport { localizedMessages } from '../translations/__intergalactic-dynamic-locales';\n\nimport style from '../style/date-picker.shadow.css';\nimport includesDate from '../utils/includesDate';\n\nconst INTERACTION_TAGS = ['INPUT'];\nconst INTERACTION_KEYS = ['ArrowDown', 'Enter', 'Space'];\n\nconst defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));\n\nclass PickerAbstract extends Component {\n  static displayName = 'DatePicker';\n  static style = style;\n  static defaultProps({ value, defaultValue }) {\n    return {\n      i18n: localizedMessages,\n      locale: 'en',\n      defaultDisplayedPeriod: value || defaultValue || defaultDisplayedPeriod,\n      defaultValue: null,\n      defaultVisible: false,\n      defaultHighlighted: [],\n      disabled: [],\n      size: 'm',\n    };\n  }\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static add = (date, amount, unit) => {\n    return dayjs(date).add(amount, unit).toDate();\n  };\n\n  static subtract = (date, amount, unit) => {\n    return dayjs(date).subtract(amount, unit).toDate();\n  };\n\n  popperRef = React.createRef();\n\n  navigateStep;\n  keyDiff;\n  keyStep;\n\n  uncontrolledProps() {\n    return {\n      displayedPeriod: null,\n      visible: [\n        null,\n        (visible) => {\n          const { value, displayedPeriod } = this.asProps;\n\n          if (!visible) {\n            this.handlers.highlighted([]);\n          }\n\n          if (visible) {\n            if (value && value !== displayedPeriod) {\n              this.handlers.displayedPeriod(value);\n            } else if (!value) {\n              const { displayedPeriod, defaultDisplayedPeriod } = this.props;\n              this.handlers.displayedPeriod(displayedPeriod || defaultDisplayedPeriod);\n            }\n          }\n        },\n      ],\n      highlighted: null,\n      value: [\n        null,\n        (value) => {\n          if (value) {\n            this.handlers.visible(false);\n          }\n          this.handlers.displayedPeriod(value ?? undefined);\n        },\n      ],\n    };\n  }\n\n  navigateView = (direction) => {\n    const { displayedPeriod } = this.asProps;\n    const action = direction >= 1 ? 'add' : 'subtract';\n    const date = dayjs(displayedPeriod)[action](1, this.navigateStep).toDate();\n    this.handlers.displayedPeriod(date);\n  };\n\n  bindHandlerNavigateClick = (direction) => () => {\n    this.navigateView(direction);\n  };\n\n  handlerKeyDown = (place) => (e) => {\n    const { value, displayedPeriod, highlighted, disabled: _disabled, visible } = this.asProps;\n    const key = e.code;\n\n    if (place === 'trigger' && INTERACTION_KEYS.includes(key)) {\n      e.stopPropagation();\n      this.handlers.visible(!visible);\n\n      setTimeout(() => {\n        const popper = this.popperRef.current;\n\n        if (popper) {\n          popper.focus();\n        }\n      }, 0);\n    }\n\n    if (e.target !== e.currentTarget) return;\n    const day = this.keyDiff[e.code];\n\n    const getCurrentHighlightedDay = (day) => {\n      const current_day = day.toDate();\n      const isDisabledDay = _disabled.some(includesDate(dayjs(current_day), 'date'));\n      return isDisabledDay ? null : current_day;\n    };\n\n    if (place === 'popper' && (e.key === 'Space' || (e.key === 'Enter' && highlighted.length))) {\n      this.handlers.value(highlighted[0]);\n      e.preventDefault();\n    }\n    if (day) {\n      if (INTERACTION_TAGS.includes(e.target.tagName)) return;\n      const current_highlighted =\n        !highlighted[0] && !value\n          ? dayjs(highlighted[0] || displayedPeriod)\n          : dayjs(displayedPeriod).add(day, this.keyStep);\n      const current_day =\n        getCurrentHighlightedDay(current_highlighted) ||\n        getCurrentHighlightedDay(dayjs(highlighted[0] || displayedPeriod));\n\n      if (current_day) {\n        this.handlers.highlighted([current_day]);\n        this.handlers.displayedPeriod(current_day);\n        e.preventDefault();\n      }\n    }\n  };\n\n  getButtonTriggerProps() {\n    const { value, size } = this.asProps;\n\n    return {\n      size,\n      empty: !value,\n      onKeyDown: this.handlerKeyDown('trigger'),\n    };\n  }\n\n  getPopperProps() {\n    const Picker = this[CORE_INSTANCE];\n    return {\n      tabIndex: 0,\n      ref: this.popperRef,\n      onKeyDown: this.handlerKeyDown('popper'),\n      children: (\n        <>\n          <Picker.Header />\n          <Picker.Calendar />\n        </>\n      ),\n    };\n  }\n\n  getHeaderProps() {\n    const Picker = this[CORE_INSTANCE];\n    return {\n      children: (\n        <>\n          <Picker.Prev />\n          <Picker.Title />\n          <Picker.Next />\n        </>\n      ),\n    };\n  }\n\n  getTitleProps() {\n    return {};\n  }\n\n  getNextProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(1),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getPrevProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(-1),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getCalendarProps() {\n    const { locale, displayedPeriod, disabled, value, highlighted, onVisibleChange, onChange } =\n      this.asProps;\n    return {\n      locale,\n      displayedPeriod,\n      disabled,\n      onChange,\n      highlighted,\n      value: [value, value],\n      renderOutdated: true,\n      onVisibleChange,\n    };\n  }\n\n  render() {\n    const { styles, Children, 'aria-label': providedAriaLabel } = this.asProps;\n\n    return (\n      <>\n        {sstyled(styles)(\n          <Root\n            render={Dropdown}\n            use:aria-label={providedAriaLabel}\n            __excludeProps={['onChange', 'value']}\n          >\n            <Children />\n          </Root>,\n        )}\n      </>\n    );\n  }\n}\n\nexport default PickerAbstract;\n"],"mappings":"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"}

package/date-picker/lib/cjs/components/RangePickerAbstract.js

@@ -25,34 +25,35 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
 var _intergalacticDynamicLocales = require("../translations/__intergalactic-dynamic-locales");
 var _includesDate = _interopRequireDefault(require("../utils/includesDate"));
 /*__reshadow-styles__:"../style/date-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPopper_vw2nd_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_vw2nd_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_vw2nd_gg_:active,.___SPopper_vw2nd_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_vw2nd_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_vw2nd_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_vw2nd_gg_,.___STitle_vw2nd_gg_{display:flex;align-items:center}.___STitle_vw2nd_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_vw2nd_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_vw2nd_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_vw2nd_gg_ .___SInner_vw2nd_gg_{justify-content:flex-start}.___SInputMask_vw2nd_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal}.___SIndicator_vw2nd_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_vw2nd_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_vw2nd_gg_._range_value_vw2nd_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_vw2nd_gg_._range_compare_vw2nd_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_vw2nd_gg_.__disabled_vw2nd_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_vw2nd_gg_{position:absolute;pointer-events:none}.___SDateRange_vw2nd_gg_ .___SMask_vw2nd_gg_,.___SDateRange_vw2nd_gg_ .___SValue_vw2nd_gg_,.___SSingleDateInput_vw2nd_gg_ .___SMask_vw2nd_gg_,.___SSingleDateInput_vw2nd_gg_ .___SValue_vw2nd_gg_{opacity:0}.___SSingleDateInput_vw2nd_gg_:focus-within .___SHumanizedDate_vw2nd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_vw2nd_gg_:focus-within .___SMask_vw2nd_gg_,.___SSingleDateInput_vw2nd_gg_:focus-within .___SValue_vw2nd_gg_{opacity:1}.___SDateRange_vw2nd_gg_:focus-within .___SHumanizedDate_vw2nd_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_vw2nd_gg_:focus-within .___SMask_vw2nd_gg_,.___SDateRange_vw2nd_gg_:focus-within .___SValue_vw2nd_gg_{opacity:1}.___SInputMask_vw2nd_gg_.__noHumanizedDate_vw2nd_gg_ .___SMask_vw2nd_gg_,.___SInputMask_vw2nd_gg_.__noHumanizedDate_vw2nd_gg_ .___SValue_vw2nd_gg_{opacity:1}.___SDateRange_vw2nd_gg_ .___SInputMask_vw2nd_gg_:focus-within .___SMask_vw2nd_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_vw2nd_gg_:focus-within .___SRangeSep_vw2nd_gg_,.___SRangeSep_vw2nd_gg_.__fulfilled_vw2nd_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_vw2nd_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_vw2nd_gg_,.___SRangeComparatorHeader_vw2nd_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_vw2nd_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_vw2nd_gg_,.___SPeriodsList_vw2nd_gg_{padding:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "vw2nd_gg_") /*__reshadow_css_end__*/, {
-  "__SHeader": "___SHeader_vw2nd_gg_",
-  "__STitle": "___STitle_vw2nd_gg_",
-  "__SToday": "___SToday_vw2nd_gg_",
-  "__SPeriod": "___SPeriod_vw2nd_gg_",
-  "__SButton": "___SButton_vw2nd_gg_",
-  "__SInner": "___SInner_vw2nd_gg_",
-  "__SInputMask": "___SInputMask_vw2nd_gg_",
-  "__SIndicator": "___SIndicator_vw2nd_gg_",
-  "__SRangeIndicator": "___SRangeIndicator_vw2nd_gg_",
-  "_range_value": "_range_value_vw2nd_gg_",
-  "_range_compare": "_range_compare_vw2nd_gg_",
-  "_disabled": "__disabled_vw2nd_gg_",
-  "__SHumanizedDate": "___SHumanizedDate_vw2nd_gg_",
-  "__SSingleDateInput": "___SSingleDateInput_vw2nd_gg_",
-  "__SValue": "___SValue_vw2nd_gg_",
-  "__SDateRange": "___SDateRange_vw2nd_gg_",
-  "__SMask": "___SMask_vw2nd_gg_",
-  "_noHumanizedDate": "__noHumanizedDate_vw2nd_gg_",
-  "__SRangeSep": "___SRangeSep_vw2nd_gg_",
-  "_fulfilled": "__fulfilled_vw2nd_gg_",
-  "__SRangeComparatorHeader": "___SRangeComparatorHeader_vw2nd_gg_",
-  "__SRangeCalendar": "___SRangeCalendar_vw2nd_gg_",
-  "__SFooter": "___SFooter_vw2nd_gg_",
-  "__SPeriodsList": "___SPeriodsList_vw2nd_gg_",
-  "__SPopper": "___SPopper_vw2nd_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPopper_1hpbh_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1hpbh_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1hpbh_gg_:active,.___SPopper_1hpbh_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1hpbh_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_1hpbh_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_1hpbh_gg_,.___STitle_1hpbh_gg_{display:flex;align-items:center}.___STitle_1hpbh_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_1hpbh_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1hpbh_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1hpbh_gg_ .___SInner_1hpbh_gg_{justify-content:flex-start}.___SInputMask_1hpbh_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal}.___SIndicator_1hpbh_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_1hpbh_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1hpbh_gg_._range_value_1hpbh_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_1hpbh_gg_._range_compare_1hpbh_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_1hpbh_gg_.__disabled_1hpbh_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_1hpbh_gg_{position:absolute;pointer-events:none}.___SDateRange_1hpbh_gg_ .___SMask_1hpbh_gg_,.___SDateRange_1hpbh_gg_ .___SValue_1hpbh_gg_,.___SSingleDateInput_1hpbh_gg_ .___SMask_1hpbh_gg_,.___SSingleDateInput_1hpbh_gg_ .___SValue_1hpbh_gg_{opacity:0}.___SSingleDateInput_1hpbh_gg_:focus-within .___SHumanizedDate_1hpbh_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1hpbh_gg_:focus-within .___SMask_1hpbh_gg_,.___SSingleDateInput_1hpbh_gg_:focus-within .___SValue_1hpbh_gg_{opacity:1}.___SDateRange_1hpbh_gg_:focus-within .___SHumanizedDate_1hpbh_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1hpbh_gg_:focus-within .___SMask_1hpbh_gg_,.___SDateRange_1hpbh_gg_:focus-within .___SValue_1hpbh_gg_{opacity:1}.___SInputMask_1hpbh_gg_.__noHumanizedDate_1hpbh_gg_ .___SMask_1hpbh_gg_,.___SInputMask_1hpbh_gg_.__noHumanizedDate_1hpbh_gg_ .___SValue_1hpbh_gg_{opacity:1}.___SDateRange_1hpbh_gg_ .___SInputMask_1hpbh_gg_:focus-within .___SMask_1hpbh_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1hpbh_gg_:focus-within .___SRangeSep_1hpbh_gg_,.___SRangeSep_1hpbh_gg_.__fulfilled_1hpbh_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_1hpbh_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_1hpbh_gg_,.___SRangeComparatorHeader_1hpbh_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1hpbh_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_1hpbh_gg_,.___SPeriodsList_1hpbh_gg_{padding:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "1hpbh_gg_") /*__reshadow_css_end__*/, {
+  "__SHeader": "___SHeader_1hpbh_gg_",
+  "__STitle": "___STitle_1hpbh_gg_",
+  "__SToday": "___SToday_1hpbh_gg_",
+  "__SPeriod": "___SPeriod_1hpbh_gg_",
+  "__SButton": "___SButton_1hpbh_gg_",
+  "__SInner": "___SInner_1hpbh_gg_",
+  "__SInputMask": "___SInputMask_1hpbh_gg_",
+  "__SIndicator": "___SIndicator_1hpbh_gg_",
+  "__SRangeIndicator": "___SRangeIndicator_1hpbh_gg_",
+  "_range_value": "_range_value_1hpbh_gg_",
+  "_range_compare": "_range_compare_1hpbh_gg_",
+  "_disabled": "__disabled_1hpbh_gg_",
+  "__SHumanizedDate": "___SHumanizedDate_1hpbh_gg_",
+  "__SSingleDateInput": "___SSingleDateInput_1hpbh_gg_",
+  "__SValue": "___SValue_1hpbh_gg_",
+  "__SDateRange": "___SDateRange_1hpbh_gg_",
+  "__SMask": "___SMask_1hpbh_gg_",
+  "_noHumanizedDate": "__noHumanizedDate_1hpbh_gg_",
+  "__SRangeSep": "___SRangeSep_1hpbh_gg_",
+  "_fulfilled": "__fulfilled_1hpbh_gg_",
+  "__SRangeComparatorHeader": "___SRangeComparatorHeader_1hpbh_gg_",
+  "__SRangeCalendar": "___SRangeCalendar_1hpbh_gg_",
+  "__SFooter": "___SFooter_1hpbh_gg_",
+  "__SPeriodsList": "___SPeriodsList_1hpbh_gg_",
+  "__SPopper": "___SPopper_1hpbh_gg_"
 });
 var INTERACTION_TAGS = ['INPUT'];
+var INTERACTION_KEYS = ['ArrowDown', 'Enter', 'Space'];
 var defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));
 function getEndDate(value) {
   if (!Array.isArray(value)) return null;
@@ -72,13 +73,10 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
     _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "popperRef", /*#__PURE__*/_react["default"].createRef());
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "navigateStep", void 0);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "keyDiff", void 0);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "keyStep", void 0);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
-      // To remove after removing button trigger
-      defaultInteraction: 'focus'
-    });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "navigateView", function (direction) {
       var displayedPeriod = _this.asProps.displayedPeriod;
       var action = direction >= 1 ? 'add' : 'subtract';
@@ -90,54 +88,68 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
         return _this.navigateView(direction);
       };
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerKeyDown", function (e) {
-      if (e.target !== e.currentTarget) return;
-      var _this$asProps = _this.asProps,
-        displayedPeriod = _this$asProps.displayedPeriod,
-        highlighted = _this$asProps.highlighted,
-        preselectedValue = _this$asProps.preselectedValue;
-      var day = _this.keyDiff[e.code];
-      var setNextDisplayedPeriod = function setNextDisplayedPeriod(next_highlighted) {
-        var _next_highlighted = (0, _slicedToArray2["default"])(next_highlighted, 2),
-          left_period = _next_highlighted[0],
-          right_period = _next_highlighted[1];
-        var monthDisplayedPeriod = displayedPeriod === null || displayedPeriod === void 0 ? void 0 : displayedPeriod.getMonth();
-        var period = right_period || left_period;
-        if (period) {
-          if (!monthDisplayedPeriod) {
-            return period;
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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.code;
+        if (place === 'trigger' && INTERACTION_KEYS.includes(key)) {
+          e.stopPropagation();
+          _this.handlers.visible(!visible);
+          setTimeout(function () {
+            var popper = _this.popperRef.current;
+            if (popper) {
+              popper.focus();
+            }
+          }, 0);
+        }
+        if (e.target !== e.currentTarget) return;
+        var day = _this.keyDiff[key];
+        var setNextDisplayedPeriod = function setNextDisplayedPeriod(next_highlighted) {
+          var _next_highlighted = (0, _slicedToArray2["default"])(next_highlighted, 2),
+            left_period = _next_highlighted[0],
+            right_period = _next_highlighted[1];
+          var monthDisplayedPeriod = displayedPeriod === null || displayedPeriod === void 0 ? void 0 : displayedPeriod.getMonth();
+          var period = right_period || left_period;
+          if (period) {
+            if (!monthDisplayedPeriod) {
+              return period;
+            }
+            if (period.getMonth() - monthDisplayedPeriod > 1) {
+              return RangePickerAbstract.subtract(period, 1, 'month');
+            } else if (period.getMonth() - monthDisplayedPeriod < 0) {
+              return period;
+            }
           }
-          if (period.getMonth() - monthDisplayedPeriod > 1) {
-            return RangePickerAbstract.subtract(period, 1, 'month');
-          } else if (period.getMonth() - monthDisplayedPeriod < 0) {
-            return period;
+          return displayedPeriod;
+        };
+        if (place === 'popper' && e.code === 'Space' && highlighted.length) {
+          var highlightedDate = highlighted[1] || highlighted[0];
+          if (!_this.isDisabled(highlightedDate)) {
+            _this.handleChange(highlightedDate);
           }
+          e.preventDefault();
         }
-        return displayedPeriod;
-      };
-      if (e.code === 'Space' && highlighted.length) {
-        var highlightedDate = highlighted[1] || highlighted[0];
-        if (!_this.isDisabled(highlightedDate)) {
-          _this.handleChange(highlightedDate);
-        }
-        e.preventDefault();
-      }
-      if (day) {
-        if (INTERACTION_TAGS.includes(e.target.tagName)) return;
-        if (highlighted.length) {
-          var next_highlighted;
-          if (preselectedValue.length === 1) {
-            next_highlighted = [preselectedValue[0], (0, _dayjs["default"])(highlighted[1] || highlighted[0]).add(day, _this.keyStep).toDate()];
+        if (day) {
+          if (INTERACTION_TAGS.includes(e.target.tagName)) return;
+          if (highlighted.length) {
+            var next_highlighted;
+            if (preselectedValue.length === 1) {
+              next_highlighted = [preselectedValue[0], (0, _dayjs["default"])(highlighted[1] || highlighted[0]).add(day, _this.keyStep).toDate()];
+            } else {
+              next_highlighted = [(0, _dayjs["default"])(highlighted[0]).add(day, _this.keyStep).toDate()];
+            }
+            _this.handlers.highlighted(next_highlighted);
+            _this.handlers.displayedPeriod(setNextDisplayedPeriod(next_highlighted));
           } else {
-            next_highlighted = [(0, _dayjs["default"])(highlighted[0]).add(day, _this.keyStep).toDate()];
+            _this.handlers.highlighted([displayedPeriod ? displayedPeriod : (0, _dayjs["default"])().toDate()]);
           }
-          _this.handlers.highlighted(next_highlighted);
-          _this.handlers.displayedPeriod(setNextDisplayedPeriod(next_highlighted));
-        } else {
-          _this.handlers.highlighted([displayedPeriod ? displayedPeriod : (0, _dayjs["default"])().toDate()]);
+          e.preventDefault();
         }
-        e.preventDefault();
-      }
+      };
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleApply", function (value) {
       var _value2 = (0, _slicedToArray2["default"])(value, 2),
@@ -166,12 +178,6 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
       _this.handlers.preselectedValue(preselectedValue);
       _this.handlers.highlighted(highlighted);
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setDefaultInteractionToClick", function () {
-      if (_this.state.defaultInteraction === 'click') return;
-      _this.setState({
-        defaultInteraction: 'click'
-      });
-    });
     return _this;
   }
   (0, _createClass2["default"])(RangePickerAbstract, [{
@@ -184,13 +190,20 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
           var _this2$asProps = _this2.asProps,
             value = _this2$asProps.value,
             displayedPeriod = _this2$asProps.displayedPeriod;
+          var endDate = getEndDate(value !== null && value !== void 0 ? value : undefined);
           if (!visible) {
             _this2.handlers.highlighted([]);
             _this2.handlers.preselectedValue([]);
-            _this2.handlers.displayedPeriod(getEndDate(value !== null && value !== void 0 ? value : undefined) || _this2.props.defaultDisplayedPeriod);
           }
-          if (visible && value && value !== displayedPeriod) {
-            _this2.handlers.displayedPeriod(getEndDate(value));
+          if (visible) {
+            if (endDate && endDate !== displayedPeriod) {
+              _this2.handlers.displayedPeriod(endDate);
+            } else if (!endDate) {
+              var _this2$props = _this2.props,
+                _displayedPeriod = _this2$props.displayedPeriod,
+                _defaultDisplayedPeriod = _this2$props.defaultDisplayedPeriod;
+              _this2.handlers.displayedPeriod(_displayedPeriod || _defaultDisplayedPeriod);
+            }
           }
         }],
         highlighted: null,
@@ -222,8 +235,7 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
       return {
         size: size,
         empty: !value[0] && !value[1],
-        onKeyDown: this.handlerKeyDown,
-        setDefaultInteractionToClick: this.setDefaultInteractionToClick
+        onKeyDown: this.handlerKeyDown('trigger')
       };
     }
   }, {
@@ -239,7 +251,8 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
       }));
       return {
         tabIndex: 0,
-        onKeyDown: this.handlerKeyDown,
+        ref: this.popperRef,
+        onKeyDown: this.handlerKeyDown('popper'),
         children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, null, /*#__PURE__*/_react["default"].createElement(_flexBox.Box, {
           mr: 2
         }, /*#__PURE__*/_react["default"].createElement(Picker.Header, null, /*#__PURE__*/_react["default"].createElement(Picker.Prev, null), /*#__PURE__*/_react["default"].createElement(Picker.Title, null)), /*#__PURE__*/_react["default"].createElement(Picker.Calendar, null)), /*#__PURE__*/_react["default"].createElement(_flexBox.Box, {
@@ -371,10 +384,8 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
         Children = _this$asProps8.Children,
         styles = _this$asProps8.styles,
         providedAriaLabel = _this$asProps8['aria-label'];
-      var defaultInteraction = this.state.defaultInteraction;
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (_ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_dropdown["default"], (0, _core.assignProps)({
         "use:aria-label": providedAriaLabel,
-        "interaction": defaultInteraction,
         "__excludeProps": ['onChange', 'value']
       }, _ref), /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})))));
     }