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

package/lib/cjs/components/PickerAbstract.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerAbstract.js","names":["_core","require","_i18nEnhance","_interopRequireDefault","_dropdown","_dayjs","_react","_intergalacticDynamicLocales","_formatDate","_includesDate","style","sstyled","insert","INTERACTION_TAGS","INTERACTION_KEYS","defaultDisplayedPeriod","Date","setHours","PickerAbstract","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","direction","displayedPeriod","asProps","action","date","dayjs","navigateStep","toDate","handlers","navigateView","place","e","_this$asProps","value","highlighted","_disabled","disabled","visible","key","target","includes","prevButtonRef","current","nextButtonRef","stopPropagation","setTimeout","popper","popperRef","focus","day","keyDiff","getCurrentHighlightedDay","isDisabled","preventDefault","tagName","current_highlighted","add","keyStep","current_day","_this$unitRefs$format","formatter","formatMMYY","formatDDMMYY","formattedDate","locale","unitRefs","_inherits2","_createClass2","uncontrolledProps","_this2","_this2$asProps","_this2$props","props","undefined","some","includesDate","getButtonTriggerProps","_this$asProps2","size","popoverVisible","empty","onKeyDown","handlerKeyDown","getPopperProps","Picker","CORE_INSTANCE","tabIndex","ref","children","createElement","Fragment","Header","Calendar","getHeaderProps","Prev","Title","Next","getTitleProps","getNextProps","getI18nText","bindHandlerNavigateClick","getPrevProps","getCalendarProps","_this$asProps3","onVisibleChange","onChange","renderOutdated","actionsDescribing","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 { Component, Root, CORE_INSTANCE, sstyled } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport Dropdown from '@semcore/dropdown';\nimport dayjs from 'dayjs';\nimport React from 'react';\n\nimport style from '../style/date-picker.shadow.css';\nimport { localizedMessages } from '../translations/__intergalactic-dynamic-locales';\nimport { formatDDMMYY, formatMMYY } from '../utils/formatDate';\nimport { includesDate } from '../utils/includesDate';\n\nconst INTERACTION_TAGS = ['INPUT'];\nconst INTERACTION_KEYS = ['ArrowDown', 'Enter', ' '];\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\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  prevButtonRef = React.createRef();\n  nextButtonRef = React.createRef();\n  popperRef = React.createRef();\n  unitRefs = {};\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, target } = e;\n\n    if ([' ', 'Enter'].includes(key) && [this.prevButtonRef.current, this.nextButtonRef.current].includes(target)) return;\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    const day = this.keyDiff[e.key];\n\n    const getCurrentHighlightedDay = (day) => {\n      return day.toDate();\n    };\n\n    if (place === 'popper' && (e.key === ' ' || e.key === 'Enter') && highlighted.length) {\n      if (!this.isDisabled(highlighted[0])) {\n        this.handlers.value(highlighted[0]);\n      }\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        const formatter = this.keyStep === 'month' ? formatMMYY : formatDDMMYY;\n        const formattedDate = formatter(current_day, this.asProps.locale);\n        this.unitRefs[formattedDate]?.focus();\n      }\n    }\n  };\n\n  isDisabled(date) {\n    const { disabled } = this.asProps;\n\n    return disabled.some(includesDate(dayjs(date), 'date'));\n  }\n\n  getButtonTriggerProps() {\n    const { value, size, visible } = this.asProps;\n\n    return {\n      popoverVisible: visible,\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    const { getI18nText } = this.asProps;\n    const { navigateStep } = this;\n\n    return {\n      'ref': this.nextButtonRef,\n      'onClick': this.bindHandlerNavigateClick(1),\n      getI18nText,\n      'aria-label': navigateStep === 'month' ? getI18nText('nextMonth') : getI18nText('nextYear'),\n    };\n  }\n\n  getPrevProps() {\n    const { getI18nText } = this.asProps;\n    const { navigateStep } = this;\n\n    return {\n      'ref': this.prevButtonRef,\n      'onClick': this.bindHandlerNavigateClick(-1),\n      getI18nText,\n      'aria-label': navigateStep === 'month' ? getI18nText('prevMonth') : getI18nText('prevYear'),\n    };\n  }\n\n  getCalendarProps() {\n    const {\n      locale,\n      displayedPeriod,\n      disabled,\n      value,\n      highlighted,\n      onVisibleChange,\n      onChange,\n      getI18nText,\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      unitRefs: this.unitRefs,\n      getI18nText,\n      actionsDescribing: null,\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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","ignoreList":[]}
+{"version":3,"file":"PickerAbstract.js","names":["_core","require","_react","_interopRequireDefault","_dayjs","_dropdown","_i18nEnhance","_intergalacticDynamicLocales","_includesDate","_formatDate","style","_index","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","includes","stopPropagation","setTimeout","popper","popperRef","current","focus","day","keyDiff","getCurrentHighlightedDay","isDisabled","preventDefault","target","tagName","current_highlighted","add","keyStep","current_day","_this$unitRefs$format","formatter","formatMMYY","formatDDMMYY","formattedDate","locale","unitRefs","_createClass2","uncontrolledProps","_this2","_this2$asProps","_this2$props","props","undefined","some","includesDate","getButtonTriggerProps","_this$asProps2","size","popoverVisible","empty","onKeyDown","handlerKeyDown","getPopperProps","Picker","CORE_INSTANCE","tabIndex","ref","children","createElement","Fragment","Header","Calendar","getHeaderProps","Prev","Title","Next","getTitleProps","getNextProps","getI18nText","onClick","bindHandlerNavigateClick","getPrevProps","getCalendarProps","_this$asProps3","onVisibleChange","onChange","renderOutdated","actionsDescribing","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';\nimport { formatDDMMYY, formatMMYY } from '../utils/formatDate';\n\nconst INTERACTION_TAGS = ['INPUT'];\nconst INTERACTION_KEYS = ['ArrowDown', 'Enter', ' '];\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  unitRefs = {};\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.key;\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    const day = this.keyDiff[e.key];\n\n    const getCurrentHighlightedDay = (day) => {\n      return day.toDate();\n    };\n\n    if (place === 'popper' && (e.key === ' ' || (e.key === 'Enter' && highlighted.length))) {\n      if (!this.isDisabled(highlighted[0])) {\n        this.handlers.value(highlighted[0]);\n      }\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        const formatter = this.keyStep === 'month' ? formatMMYY : formatDDMMYY;\n        const formattedDate = formatter(current_day, this.asProps.locale);\n        this.unitRefs[formattedDate]?.focus();\n      }\n    }\n  };\n\n  isDisabled(date) {\n    const { disabled } = this.asProps;\n\n    return disabled.some(includesDate(dayjs(date), 'date'));\n  }\n\n  getButtonTriggerProps() {\n    const { value, size, visible } = this.asProps;\n\n    return {\n      popoverVisible: visible,\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    const { getI18nText } = this.asProps;\n    const { navigateStep } = this;\n\n    return {\n      onClick: this.bindHandlerNavigateClick(1),\n      getI18nText,\n      'aria-label': navigateStep === 'month' ? getI18nText('nextMonth') : getI18nText('nextYear'),\n    };\n  }\n\n  getPrevProps() {\n    const { getI18nText } = this.asProps;\n    const { navigateStep } = this;\n\n    return {\n      onClick: this.bindHandlerNavigateClick(-1),\n      getI18nText,\n      'aria-label': navigateStep === 'month' ? getI18nText('prevMonth') : getI18nText('prevYear'),\n    };\n  }\n\n  getCalendarProps() {\n    const {\n      locale,\n      displayedPeriod,\n      disabled,\n      value,\n      highlighted,\n      onVisibleChange,\n      onChange,\n      getI18nText,\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      unitRefs: this.unitRefs,\n      getI18nText,\n      actionsDescribing: null,\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/lib/cjs/components/RangePickerAbstract.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,53 +9,55 @@ exports.Reset = Reset;
 exports["default"] = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _index = require("@semcore/utils/lib/core/index");
 var _core = require("@semcore/core");
-var _baseComponents = require("@semcore/base-components");
+var _react = _interopRequireDefault(require("react"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
 var _button = _interopRequireDefault(require("@semcore/button"));
-var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
+var _flexBox = require("@semcore/flex-box");
 var _divider = _interopRequireDefault(require("@semcore/divider"));
 var _dropdown = _interopRequireDefault(require("@semcore/dropdown"));
-var _dayjs = _interopRequireDefault(require("dayjs"));
-var _react = _interopRequireDefault(require("react"));
+var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("../translations/__intergalactic-dynamic-locales");
-var _formatDate = require("../utils/formatDate");
 var _includesDate = require("../utils/includesDate");
+var _formatDate = require("../utils/formatDate");
 /*!__reshadow-styles__:"../style/date-picker.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.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}}", /*__inner_css_end__*/"9s22y_gg_"),
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___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__*/"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', ' '];
@@ -69,44 +71,39 @@ function getEndDate(value) {
   return endDate;
 }
 var RangePickerAbstract = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(RangePickerAbstract, _Component);
+  var _super = (0, _createSuper2["default"])(RangePickerAbstract);
   function RangePickerAbstract() {
     var _this;
     (0, _classCallCheck2["default"])(this, RangePickerAbstract);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2["default"])(this, RangePickerAbstract, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "applyButtonRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])(_this, "resetButtonRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])(_this, "prevButtonRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])(_this, "nextButtonRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])(_this, "popperRef", /*#__PURE__*/_react["default"].createRef());
-    (0, _defineProperty2["default"])(_this, "periodRefs", []);
-    (0, _defineProperty2["default"])(_this, "unitRefs", {});
-    (0, _defineProperty2["default"])(_this, "navigateStep", void 0);
-    (0, _defineProperty2["default"])(_this, "keyDiff", void 0);
-    (0, _defineProperty2["default"])(_this, "keyStep", void 0);
-    (0, _defineProperty2["default"])(_this, "navigateView", function (direction) {
+    _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), "unitRefs", {});
+    (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), "navigateView", function (direction) {
       var displayedPeriod = _this.asProps.displayedPeriod;
       var action = direction >= 1 ? 'add' : 'subtract';
       var date = (0, _dayjs["default"])(displayedPeriod)[action](1, _this.navigateStep).toDate();
       _this.handlers.displayedPeriod(date);
     });
-    (0, _defineProperty2["default"])(_this, "bindHandlerNavigateClick", function (direction) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerNavigateClick", function (direction) {
       return function () {
         return _this.navigateView(direction);
       };
     });
-    (0, _defineProperty2["default"])(_this, "handlerKeyDown", function (place) {
+    (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.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);
@@ -142,13 +139,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);
@@ -179,17 +170,12 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
             var _this$unitRefs$format;
             var formatter = _this.keyStep === 'month' ? _formatDate.formatMMYY : _formatDate.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();
           }
         }
       };
     });
-    (0, _defineProperty2["default"])(_this, "handleReset", function () {
-      _this.handleChange([]);
-      _this.handlers.value([]);
-      _this.handlers.visible(false);
-    });
-    (0, _defineProperty2["default"])(_this, "handleApply", function (value) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleApply", function (value) {
       var _value2 = (0, _slicedToArray2["default"])(value, 2),
         startDate = _value2[0],
         _value2$ = _value2[1],
@@ -198,7 +184,7 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
       _this.handlers.value([startDate, endDate]);
       _this.handlers.visible(false);
     });
-    (0, _defineProperty2["default"])(_this, "handleChange", function (date) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (date) {
       var preselectedValue = _this.asProps.preselectedValue;
       var highlighted = [];
       if (Array.isArray(date)) {
@@ -217,7 +203,7 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
       _this.handlers.preselectedValue(preselectedValue);
       _this.handlers.highlighted(highlighted);
     });
-    (0, _defineProperty2["default"])(_this, "handleApplyClick", function () {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleApplyClick", function () {
       var _this$asProps2 = _this.asProps,
         value = _this$asProps2.value,
         preselectedValue = _this$asProps2.preselectedValue;
@@ -225,8 +211,7 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  (0, _inherits2["default"])(RangePickerAbstract, _Component);
-  return (0, _createClass2["default"])(RangePickerAbstract, [{
+  (0, _createClass2["default"])(RangePickerAbstract, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
       var _this2 = this;
@@ -302,9 +287,9 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
         tabIndex: 0,
         ref: this.popperRef,
         onKeyDown: this.handlerKeyDown('popper'),
-        children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_baseComponents.Flex, null, /*#__PURE__*/_react["default"].createElement(_baseComponents.Flex, null, /*#__PURE__*/_react["default"].createElement(_baseComponents.Box, {
+        children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, 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(_baseComponents.Box, {
+        }, /*#__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, {
           ml: 2
         }, /*#__PURE__*/_react["default"].createElement(Picker.Header, null, /*#__PURE__*/_react["default"].createElement(Picker.Title, {
           "aria-live": undefined
@@ -312,15 +297,15 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
           m: "-16px 16px",
           orientation: "vertical",
           h: "auto"
-        }), /*#__PURE__*/_react["default"].createElement(_baseComponents.Flex, {
+        }), /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, {
           direction: "column"
-        }, /*#__PURE__*/_react["default"].createElement(Picker.Period, null), /*#__PURE__*/_react["default"].createElement(_baseComponents.Flex, {
+        }, /*#__PURE__*/_react["default"].createElement(Picker.Period, null), /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, {
           mt: "auto"
         }, buttons)))), periods.length === 0 && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_divider["default"], {
           m: "16px -16px",
           orientation: "horizontal",
           w: "auto"
-        }), /*#__PURE__*/_react["default"].createElement(_baseComponents.Flex, null, /*#__PURE__*/_react["default"].createElement(Picker.Period, null), /*#__PURE__*/_react["default"].createElement(_baseComponents.Flex, {
+        }), /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, null, /*#__PURE__*/_react["default"].createElement(Picker.Period, null), /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, {
           mt: "auto"
         }, buttons))))
       };
@@ -335,7 +320,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;
@@ -352,8 +337,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: getI18nText,
         'aria-label': navigateStep === 'month' ? getI18nText('nextMonth') : getI18nText('nextYear')
       };
@@ -364,8 +348,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: getI18nText,
         'aria-label': navigateStep === 'month' ? getI18nText('prevMonth') : getI18nText('prevYear')
       };
@@ -401,7 +384,6 @@ 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,
@@ -412,18 +394,12 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
         getI18nText = _this$asProps7.getI18nText;
       return {
         periods: periods,
-        'value': preselectedValue.length ? preselectedValue : value,
-        'onChange': this.handleApply,
+        value: preselectedValue.length ? preselectedValue : value,
+        onChange: this.handleApply,
         onHighlightedChange: onHighlightedChange,
         onDisplayedPeriodChange: 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')
       };
     }
   }, {
@@ -432,18 +408,19 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
       var getI18nText = this.asProps.getI18nText;
       return {
         getI18nText: 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: getI18nText,
-        onClick: this.handleReset,
-        ref: this.resetButtonRef
+        onClick: function onClick() {
+          return _this3.handleApply([]);
+        }
       };
     }
   }, {
@@ -478,6 +455,7 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
       };
     }
   }]);
+  return RangePickerAbstract;
 }(_core.Component);
 (0, _defineProperty2["default"])(RangePickerAbstract, "displayName", 'DatePicker');
 (0, _defineProperty2["default"])(RangePickerAbstract, "style", style);
@@ -505,5 +483,6 @@ function Reset(props) {
     "children": getI18nText('reset')
   }, _ref3));
 }
-var _default = exports["default"] = RangePickerAbstract;
+var _default = RangePickerAbstract;
+exports["default"] = _default;
 //# sourceMappingURL=RangePickerAbstract.js.map