@semcore/date-picker 4.17.0 → 4.18.0

package/lib/es6/components/RangePickerAbstract.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangePickerAbstract.js","names":["React","dayjs","Component","Root","CORE_INSTANCE","sstyled","Button","Box","Flex","Divider","Dropdown","i18nEnhance","localizedMessages","style","_sstyled","insert","INTERACTION_TAGS","defaultDisplayedPeriod","Date","setHours","getEndDate","value","Array","isArray","_value","_slicedToArray","startDate","_value$","endDate","RangePickerAbstract","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","_key","call","apply","concat","_defineProperty","_assertThisInitialized","dirtyValue","defaultInteraction","direction","displayedPeriod","asProps","action","date","navigateStep","toDate","handlers","navigateView","e","target","currentTarget","_this$asProps","highlighted","state","day","keyDiff","keyCode","setNextDisplayedPeriod","next_highlighted","_next_highlighted","right_period","month_right_period","getMonth","month_displayed_Period","subtract","handleChange","preventDefault","includes","tagName","add","keyStep","_value2","_value2$","setState","_createClass","key","uncontrolledProps","_this2","visible","_this2$asProps$value","undefined","props","_value$2","_value$3","getDefaultPeriods","getButtonTriggerProps","_this$asProps2","size","empty","onKeyDown","handlerKeyDown","setDefaultInteractionToClick","getPopperProps","Picker","_this$asProps3","_this$asProps3$period","periods","unclearable","buttons","createElement","Fragment","Apply","Reset","ml","tabIndex","children","mr","Header","Prev","Title","Calendar","Next","m","orientation","h","Period","mt","getHeaderProps","getTitleProps","index","_this$asProps4","locale","Intl","DateTimeFormat","month","year","format","startOf","getNextProps","onClick","bindHandlerNavigateClick","getI18nText","getPrevProps","getCalendarProps","_props","_this$asProps5","disabled","onHighlightedChange","onVisibleChange","onChange","getPeriodProps","_this$asProps6","_this$asProps6$period","onDisplayedPeriodChange","handleApply","getApplyProps","_this3","_this$asProps7","getResetProps","_this4","render","_ref","_ref4","_this$asProps8","Children","styles","providedAriaLabel","_assignProps","cn","defaultProps","_ref5","defaultValue","i18n","defaultHighlighted","defaultVisible","amount","unit","_ref2","arguments[0]","_assignProps2","_ref3","_assignProps3"],"sources":["../../../src/components/RangePickerAbstract.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, CORE_INSTANCE, sstyled } from '@semcore/core';\nimport Button from '@semcore/button';\nimport { Box, Flex } from '@semcore/flex-box';\nimport Divider from '@semcore/divider';\nimport Dropdown from '@semcore/dropdown';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from '../translations/__intergalactic-dynamic-locales';\n\nimport style from '../style/date-picker.shadow.css';\n\nconst INTERACTION_TAGS = ['INPUT'];\n\nconst defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));\n\nfunction getEndDate(value) {\n  if (!Array.isArray(value)) return null;\n  const [startDate, endDate = startDate] = value;\n  return endDate;\n}\n\nclass RangePickerAbstract extends Component {\n  static displayName = 'DatePicker';\n  static style = style;\n\n  static defaultProps({ value, defaultValue }) {\n    return {\n      i18n: localizedMessages,\n      locale: 'en',\n      defaultDisplayedPeriod:\n        getEndDate(value) || getEndDate(defaultValue) || defaultDisplayedPeriod,\n      defaultValue: [],\n      defaultHighlighted: [],\n      defaultVisible: false,\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  navigateStep;\n  keyDiff;\n  keyStep;\n\n  state = {\n    dirtyValue: [],\n    // To remove after removing button trigger\n    defaultInteraction: 'focus',\n  };\n\n  uncontrolledProps() {\n    return {\n      displayedPeriod: null,\n      visible: [\n        null,\n        (visible) => {\n          if (!visible) {\n            this.handlers.highlighted([]);\n            this.setState({ dirtyValue: [] });\n            this.handlers.displayedPeriod(\n              getEndDate(this.asProps.value ?? undefined) || this.props.defaultDisplayedPeriod,\n            );\n          }\n        },\n      ],\n      highlighted: null,\n      value: [\n        null,\n        (value) => {\n          this.handlers.visible(false);\n          this.handlers.displayedPeriod(getEndDate([value[0] ?? undefined, value[1] ?? 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) => () => this.navigateView(direction);\n\n  handlerKeyDown = (e) => {\n    if (e.target !== e.currentTarget) return;\n    const { displayedPeriod, highlighted } = this.asProps;\n    const { dirtyValue } = this.state;\n    const day = this.keyDiff[e.keyCode];\n\n    const setNextDisplayedPeriod = (next_highlighted) => {\n      const [, right_period] = next_highlighted;\n\n      if (right_period) {\n        const month_right_period = right_period.getMonth();\n        const month_displayed_Period = displayedPeriod.getMonth();\n        if (month_right_period - month_displayed_Period > 1) {\n          return RangePickerAbstract.subtract(right_period, 1, 'month');\n        } else if (month_right_period - month_displayed_Period < 0) {\n          return right_period;\n        }\n      }\n      return displayedPeriod;\n    };\n\n    if (e.keyCode === 32 && highlighted.length) {\n      this.handleChange(highlighted[1] || highlighted[0]);\n      e.preventDefault();\n    }\n    if (day) {\n      if (INTERACTION_TAGS.includes(e.target.tagName)) return;\n      if (highlighted.length) {\n        let next_highlighted;\n        if (dirtyValue.length === 1) {\n          next_highlighted = [\n            dirtyValue[0],\n            dayjs(highlighted[1] || highlighted[0])\n              .add(day, this.keyStep)\n              .toDate(),\n          ];\n        } else {\n          next_highlighted = [\n            dayjs(highlighted[0])\n              .add(day, this.keyStep)\n              .toDate(),\n          ];\n        }\n        this.handlers.highlighted(next_highlighted);\n        this.handlers.displayedPeriod(setNextDisplayedPeriod(next_highlighted));\n      } else {\n        this.handlers.highlighted([displayedPeriod]);\n      }\n      e.preventDefault();\n    }\n  };\n\n  handleApply = (value) => {\n    const [startDate, endDate = startDate] = value;\n    this.handleChange([]);\n    this.handlers.value([startDate, endDate]);\n  };\n\n  handleChange = (date) => {\n    let { dirtyValue } = this.state;\n    let highlighted = [];\n    if (Array.isArray(date)) {\n      dirtyValue = date;\n    } else if (!dirtyValue.length) {\n      dirtyValue = [date];\n      highlighted = [date];\n    } else if (dirtyValue.length >= 2) {\n      dirtyValue = [date];\n      highlighted = [date];\n    } else if (dirtyValue[0] > date) {\n      dirtyValue = [date, dirtyValue[0]];\n    } else {\n      dirtyValue = [dirtyValue[0], date];\n    }\n\n    this.setState({ dirtyValue }, () => {\n      this.handlers.highlighted(highlighted);\n    });\n  };\n\n  getDefaultPeriods() {\n    return [];\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[0] && !value[1],\n      onKeyDown: this.handlerKeyDown,\n      setDefaultInteractionToClick: this.setDefaultInteractionToClick,\n    };\n  }\n\n  getPopperProps() {\n    const Picker = this[CORE_INSTANCE];\n    const { periods = this.getDefaultPeriods(), unclearable } = this.asProps;\n\n    const buttons = (\n      <>\n        <Picker.Apply />\n        {!unclearable && <Picker.Reset ml={2} />}\n      </>\n    );\n\n    return {\n      tabIndex: 0,\n      onKeyDown: this.handlerKeyDown,\n      children: (\n        <>\n          <Flex>\n            <Box mr={2}>\n              <Picker.Header>\n                <Picker.Prev />\n                <Picker.Title />\n              </Picker.Header>\n              <Picker.Calendar />\n            </Box>\n            <Box ml={2}>\n              <Picker.Header>\n                <Picker.Title />\n                <Picker.Next />\n              </Picker.Header>\n              <Picker.Calendar />\n            </Box>\n            {periods.length ? (\n              <>\n                <Divider m='-16px 16px' orientation='vertical' h='auto' />\n                <Flex direction='column'>\n                  <Picker.Period />\n                  <Flex mt='auto'>{buttons}</Flex>\n                </Flex>\n              </>\n            ) : (\n              <Flex mt={4}>{buttons}</Flex>\n            )}\n          </Flex>\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(props, index) {\n    const { locale, displayedPeriod } = this.asProps;\n    return {\n      children: new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }).format(\n        dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),\n      ),\n    };\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(_props, index) {\n    const {\n      locale,\n      displayedPeriod,\n      disabled,\n      value,\n      highlighted,\n      onHighlightedChange,\n      onVisibleChange,\n    } = this.asProps;\n    const { dirtyValue } = this.state;\n\n    return {\n      locale,\n      displayedPeriod: dayjs(displayedPeriod)\n        .add(index, this.navigateStep)\n        .startOf(this.navigateStep)\n        .toDate(),\n      disabled,\n      highlighted,\n      onHighlightedChange,\n      onVisibleChange,\n      value: dirtyValue.length ? dirtyValue : value,\n      onChange: this.handleChange,\n    };\n  }\n\n  getPeriodProps() {\n    const {\n      periods = this.getDefaultPeriods(),\n      value,\n      onHighlightedChange,\n      onDisplayedPeriodChange,\n    } = this.asProps;\n    const { dirtyValue } = this.state;\n    return {\n      periods,\n      value: dirtyValue.length ? dirtyValue : value,\n      onChange: this.handleApply,\n      onHighlightedChange,\n      onDisplayedPeriodChange,\n    };\n  }\n\n  getApplyProps() {\n    const { value, getI18nText } = this.asProps;\n    const { dirtyValue } = this.state;\n    return {\n      getI18nText,\n      onClick: () => this.handleApply(dirtyValue.length ? dirtyValue : value),\n    };\n  }\n\n  getResetProps() {\n    const { getI18nText } = this.asProps;\n    return {\n      getI18nText,\n      onClick: () => this.handleApply([]),\n    };\n  }\n\n  render() {\n    const { Children, styles, '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\nfunction Apply(props) {\n  const { getI18nText } = props;\n  return <Root render={Button} use='primary' children={getI18nText('apply')} />;\n}\n\nfunction Reset(props) {\n  const { getI18nText } = props;\n  return <Root render={Button} use='tertiary' theme='muted' children={getI18nText('reset')} />;\n}\n\nexport { Apply, Reset };\n\nexport default RangePickerAbstract;\n"],"mappings":"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"}
+{"version":3,"file":"RangePickerAbstract.js","names":["React","dayjs","Component","Root","CORE_INSTANCE","sstyled","Button","Box","Flex","Divider","Dropdown","i18nEnhance","localizedMessages","style","_sstyled","insert","INTERACTION_TAGS","defaultDisplayedPeriod","Date","setHours","getEndDate","value","Array","isArray","_value","_slicedToArray","startDate","_value$","endDate","RangePickerAbstract","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","_key","call","apply","concat","_defineProperty","_assertThisInitialized","dirtyValue","defaultInteraction","direction","displayedPeriod","asProps","action","date","navigateStep","toDate","handlers","navigateView","e","target","currentTarget","_this$asProps","highlighted","state","day","keyDiff","keyCode","setNextDisplayedPeriod","next_highlighted","_next_highlighted","right_period","month_right_period","getMonth","month_displayed_Period","subtract","handleChange","preventDefault","includes","tagName","add","keyStep","_value2","_value2$","setState","_createClass","key","uncontrolledProps","_this2","visible","_this2$asProps$value","undefined","props","_value$2","_value$3","getDefaultPeriods","getButtonTriggerProps","_this$asProps2","size","empty","onKeyDown","handlerKeyDown","setDefaultInteractionToClick","getPopperProps","Picker","_this$asProps3","_this$asProps3$period","periods","unclearable","buttons","createElement","Fragment","Apply","Reset","ml","tabIndex","children","mr","Header","Prev","Title","Calendar","Next","m","orientation","h","Period","mt","getHeaderProps","getTitleProps","index","_this$asProps4","locale","Intl","DateTimeFormat","month","year","format","startOf","getNextProps","onClick","bindHandlerNavigateClick","getI18nText","getPrevProps","getCalendarProps","_props","_this$asProps5","disabled","onHighlightedChange","onVisibleChange","onChange","getPeriodProps","_this$asProps6","_this$asProps6$period","onDisplayedPeriodChange","handleApply","getApplyProps","_this3","_this$asProps7","getResetProps","_this4","render","_ref","_ref4","_this$asProps8","Children","styles","providedAriaLabel","_assignProps","cn","defaultProps","_ref5","defaultValue","i18n","defaultHighlighted","defaultVisible","amount","unit","_ref2","arguments[0]","_assignProps2","_ref3","_assignProps3"],"sources":["../../../src/components/RangePickerAbstract.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, CORE_INSTANCE, sstyled } from '@semcore/core';\nimport Button from '@semcore/button';\nimport { Box, Flex } from '@semcore/flex-box';\nimport Divider from '@semcore/divider';\nimport Dropdown from '@semcore/dropdown';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from '../translations/__intergalactic-dynamic-locales';\n\nimport style from '../style/date-picker.shadow.css';\n\nconst INTERACTION_TAGS = ['INPUT'];\n\nconst defaultDisplayedPeriod = new Date(new Date().setHours(0, 0, 0, 0));\n\nfunction getEndDate(value) {\n  if (!Array.isArray(value)) return null;\n  const [startDate, endDate = startDate] = value;\n  return endDate;\n}\n\nclass RangePickerAbstract extends Component {\n  static displayName = 'DatePicker';\n  static style = style;\n\n  static defaultProps({ value, defaultValue }) {\n    return {\n      i18n: localizedMessages,\n      locale: 'en',\n      defaultDisplayedPeriod:\n        getEndDate(value) || getEndDate(defaultValue) || defaultDisplayedPeriod,\n      defaultValue: [],\n      defaultHighlighted: [],\n      defaultVisible: false,\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  navigateStep;\n  keyDiff;\n  keyStep;\n\n  state = {\n    dirtyValue: [],\n    // To remove after removing button trigger\n    defaultInteraction: 'focus',\n  };\n\n  uncontrolledProps() {\n    return {\n      displayedPeriod: null,\n      visible: [\n        null,\n        (visible) => {\n          if (!visible) {\n            this.handlers.highlighted([]);\n            this.setState({ dirtyValue: [] });\n            this.handlers.displayedPeriod(\n              getEndDate(this.asProps.value ?? undefined) || this.props.defaultDisplayedPeriod,\n            );\n          }\n        },\n      ],\n      highlighted: null,\n      value: [\n        null,\n        (value) => {\n          this.handlers.visible(false);\n          this.handlers.displayedPeriod(getEndDate([value[0] ?? undefined, value[1] ?? 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) => () => this.navigateView(direction);\n\n  handlerKeyDown = (e) => {\n    if (e.target !== e.currentTarget) return;\n    const { displayedPeriod, highlighted } = this.asProps;\n    const { dirtyValue } = this.state;\n    const day = this.keyDiff[e.keyCode];\n\n    const setNextDisplayedPeriod = (next_highlighted) => {\n      const [, right_period] = next_highlighted;\n\n      if (right_period) {\n        const month_right_period = right_period.getMonth();\n        const month_displayed_Period = displayedPeriod.getMonth();\n        if (month_right_period - month_displayed_Period > 1) {\n          return RangePickerAbstract.subtract(right_period, 1, 'month');\n        } else if (month_right_period - month_displayed_Period < 0) {\n          return right_period;\n        }\n      }\n      return displayedPeriod;\n    };\n\n    if (e.keyCode === 32 && highlighted.length) {\n      this.handleChange(highlighted[1] || highlighted[0]);\n      e.preventDefault();\n    }\n    if (day) {\n      if (INTERACTION_TAGS.includes(e.target.tagName)) return;\n      if (highlighted.length) {\n        let next_highlighted;\n        if (dirtyValue.length === 1) {\n          next_highlighted = [\n            dirtyValue[0],\n            dayjs(highlighted[1] || highlighted[0])\n              .add(day, this.keyStep)\n              .toDate(),\n          ];\n        } else {\n          next_highlighted = [\n            dayjs(highlighted[0])\n              .add(day, this.keyStep)\n              .toDate(),\n          ];\n        }\n        this.handlers.highlighted(next_highlighted);\n        this.handlers.displayedPeriod(setNextDisplayedPeriod(next_highlighted));\n      } else {\n        this.handlers.highlighted([displayedPeriod]);\n      }\n      e.preventDefault();\n    }\n  };\n\n  handleApply = (value) => {\n    const [startDate, endDate = startDate] = value;\n    this.handleChange([]);\n    this.handlers.value([startDate, endDate]);\n  };\n\n  handleChange = (date) => {\n    let { dirtyValue } = this.state;\n    let highlighted = [];\n    if (Array.isArray(date)) {\n      dirtyValue = date;\n    } else if (!dirtyValue.length) {\n      dirtyValue = [date];\n      highlighted = [date];\n    } else if (dirtyValue.length >= 2) {\n      dirtyValue = [date];\n      highlighted = [date];\n    } else if (dirtyValue[0] > date) {\n      dirtyValue = [date, dirtyValue[0]];\n    } else {\n      dirtyValue = [dirtyValue[0], date];\n    }\n\n    this.setState({ dirtyValue }, () => {\n      this.handlers.highlighted(highlighted);\n    });\n  };\n\n  getDefaultPeriods() {\n    return [];\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[0] && !value[1],\n      onKeyDown: this.handlerKeyDown,\n      setDefaultInteractionToClick: this.setDefaultInteractionToClick,\n    };\n  }\n\n  getPopperProps() {\n    const Picker = this[CORE_INSTANCE];\n    const { periods = this.getDefaultPeriods(), unclearable } = this.asProps;\n\n    const buttons = (\n      <>\n        <Picker.Apply />\n        {!unclearable && <Picker.Reset ml={2} />}\n      </>\n    );\n\n    return {\n      tabIndex: 0,\n      onKeyDown: this.handlerKeyDown,\n      children: (\n        <>\n          <Flex>\n            <Box mr={2}>\n              <Picker.Header>\n                <Picker.Prev />\n                <Picker.Title />\n              </Picker.Header>\n              <Picker.Calendar />\n            </Box>\n            <Box ml={2}>\n              <Picker.Header>\n                <Picker.Title />\n                <Picker.Next />\n              </Picker.Header>\n              <Picker.Calendar />\n            </Box>\n            {periods.length ? (\n              <>\n                <Divider m='-16px 16px' orientation='vertical' h='auto' />\n                <Flex direction='column'>\n                  <Picker.Period />\n                  <Flex mt='auto'>{buttons}</Flex>\n                </Flex>\n              </>\n            ) : (\n              <Flex mt={4}>{buttons}</Flex>\n            )}\n          </Flex>\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(props, index) {\n    const { locale, displayedPeriod } = this.asProps;\n    return {\n      children: new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }).format(\n        dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),\n      ),\n    };\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(_props, index) {\n    const {\n      locale,\n      displayedPeriod,\n      disabled,\n      value,\n      highlighted,\n      onHighlightedChange,\n      onVisibleChange,\n    } = this.asProps;\n    const { dirtyValue } = this.state;\n\n    return {\n      locale,\n      displayedPeriod: dayjs(displayedPeriod)\n        .add(index, this.navigateStep)\n        .startOf(this.navigateStep)\n        .toDate(),\n      disabled,\n      highlighted,\n      onHighlightedChange,\n      onVisibleChange,\n      value: dirtyValue.length ? dirtyValue : value,\n      onChange: this.handleChange,\n    };\n  }\n\n  getPeriodProps() {\n    const {\n      periods = this.getDefaultPeriods(),\n      value,\n      onHighlightedChange,\n      onDisplayedPeriodChange,\n    } = this.asProps;\n    const { dirtyValue } = this.state;\n    return {\n      periods,\n      value: dirtyValue.length ? dirtyValue : value,\n      onChange: this.handleApply,\n      onHighlightedChange,\n      onDisplayedPeriodChange,\n    };\n  }\n\n  getApplyProps() {\n    const { value, getI18nText } = this.asProps;\n    const { dirtyValue } = this.state;\n    return {\n      getI18nText,\n      onClick: () => this.handleApply(dirtyValue.length ? dirtyValue : value),\n    };\n  }\n\n  getResetProps() {\n    const { getI18nText } = this.asProps;\n    return {\n      getI18nText,\n      onClick: () => this.handleApply([]),\n    };\n  }\n\n  render() {\n    const { Children, styles, '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\nfunction Apply(props) {\n  const { getI18nText } = props;\n  return <Root render={Button} use='primary' children={getI18nText('apply')} />;\n}\n\nfunction Reset(props) {\n  const { getI18nText } = props;\n  return <Root render={Button} use='tertiary' theme='muted' children={getI18nText('reset')} />;\n}\n\nexport { Apply, Reset };\n\nexport default RangePickerAbstract;\n"],"mappings":"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"}

package/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ChangeEvent, ComponentProps } from 'react';\nimport dayjs from 'dayjs';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/core';\nimport Button, { ButtonProps } from '@semcore/button';\nimport Dropdown, { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';\nimport { WithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';\nimport BaseTrigger, { BaseTriggerProps } from '@semcore/base-trigger';\nimport Input, { InputProps, InputValueProps } from '@semcore/input';\nimport { InputMaskValueProps } from '@semcore/input-mask';\n\nexport type DateConstructorParams = string | number | Date;\n\n/** @deprecated */\nexport interface ICalendarProps extends CalendarProps, UnknownProperties {}\nexport type CalendarProps = BoxProps & {\n  /**\n   * Locale for displaying the days of a week and months, to be transferred to `Intl`\n   * @default en\n   * */\n  locale?: NavigatorLanguage['language'];\n  /**\n   * Array of dates blocked for selection\n   * Accepts the date or the range of dates for specifying infinity ([Date | false, Date | false]), crontab(6,7)\n   * */\n  disabled?: (Date | (Date | false)[] | string)[];\n  /**\n   * @ignore\n   * */\n  highlighted?: DateConstructorParams[];\n  /**\n   * @ignore\n   * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n   * The selected date, accepts everything which is accepted by `new Date()`\n   * */\n  value?: DateConstructorParams[];\n  /**\n   * To be activated upon selecting the date\n   * */\n  onChange?: (date: Date[]) => void;\n  /**\n   * Date for showing the necessary month\n   * @default new Date()\n   * */\n  displayedPeriod?: Date;\n\n  renderOutdated?: boolean;\n};\n\n/** @deprecated */\nexport interface ICalendarDaysContext extends CalendarDaysContext, UnknownProperties {}\nexport type CalendarDaysContext = {\n  days: CalendarUnitProps[];\n};\n\n/** @deprecated */\nexport interface ICalendarMonthsContext extends CalendarMonthsContext, UnknownProperties {}\nexport type CalendarMonthsContext = {\n  months: CalendarUnitProps[];\n};\n\n/** @deprecated */\nexport interface ICalendarUnitProps extends CalendarUnitProps, UnknownProperties {}\nexport type CalendarUnitProps = BoxProps & {\n  selected?: boolean;\n  outdated?: boolean;\n  disabled?: boolean;\n  today?: boolean;\n  startSelected?: boolean;\n  endSelected?: boolean;\n  highlighted?: boolean;\n  startHighlighted?: boolean;\n  endHighlighted?: boolean;\n  date?: Date;\n  children?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface ICalendarContext extends CalendarContext, UnknownProperties {}\nexport type CalendarContext = {\n  getUnitProps: PropGetterFn;\n};\n\ndeclare const Calendar: Intergalactic.Component<\n  'div',\n  CalendarProps,\n  CalendarContext & CalendarDaysContext,\n  [handlers: AbstractDatePickerHandlers]\n> & {\n  Unit: Intergalactic.Component<'div', CalendarUnitProps>;\n};\n\n/** @deprecated */\nexport interface IDatePickerProps extends DatePickerProps, UnknownProperties {}\nexport type DatePickerProps = DropdownProps &\n  WithI18nEnhanceProps & {\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    value?: DateConstructorParams;\n    /**\n     * To be activated upon selecting the date\n     * */\n    onChange?: (date: Date) => void;\n    /**\n     * Array of dates blocked for selection\n     * */\n    disabled?: (Date | (Date | false)[] | string)[];\n    /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n    displayedPeriod?: DateConstructorParams;\n    /**\n     * To be activated upon changing the current shown month\n     * */\n    onDisplayedPeriodChange?: (date: Date) => void;\n    /**\n     * Component size\n     * @default m\n     */\n    size?: 'm' | 'l';\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    highlighted?: DateConstructorParams[];\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultValue?: DateConstructorParams;\n    /**\n     * Default value date for showing the necessary month\n     * */\n    defaultDisplayedPeriod?: DateConstructorParams;\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultHighlighted?: DateConstructorParams[];\n  };\n\n/** @deprecated */\nexport interface IDateRangePickerProps extends DateRangePickerProps, UnknownProperties {}\nexport type DateRangePickerProps = DropdownProps &\n  WithI18nEnhanceProps & {\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    value?: DateConstructorParams[];\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultValue?: DateConstructorParams[];\n    /**\n     * Default value date for showing the necessary month\n     * */\n    defaultDisplayedPeriod?: DateConstructorParams;\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultHighlighted?: DateConstructorParams[];\n    /**\n     * To be activated upon selecting the date\n     * */\n    onChange?: (date: Date[]) => void;\n    /**\n     * Array of dates blocked for selection\n     * */\n    disabled?: (Date | (Date | false)[] | string)[];\n    /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n    displayedPeriod?: DateConstructorParams;\n    /**\n     * To be activated upon changing the current shown month\n     * */\n    onDisplayedPeriodChange?: (date: Date) => void;\n    /**\n     * Component size\n     * @default m\n     */\n    size?: 'm' | 'l' | 'xl';\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    highlighted?: DateConstructorParams[];\n    /**\n     * Remove the 'Reset' button\n     * */\n    unclearable?: boolean;\n    /**\n     * To be activated upon selecting the date\n     * */\n    onHighlightedChange?: (date: Date[]) => void;\n    /**\n     * Array of periods\n     * [{value: [new Date(), new Date()], children: \"Today\"}]\n     * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n     * */\n    periods?: (ButtonProps & { value: Date[] })[];\n  };\n\n/** @deprecated */\nexport interface IDateRangePickerPeriodProps\n  extends DateRangePickerPeriodProps,\n    UnknownProperties {}\nexport type DateRangePickerPeriodProps = BoxProps & {\n  /**\n   * Current selected period\n   * */\n  value?: DateConstructorParams[];\n  /**\n   * To be activated by clicking the button for switching the selected period.\n   * */\n  onChange?: (date: Date[]) => void;\n  /**\n   * To be activated by hovering a cursor over the button for changing the current displayed month.\n   * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n   * To be activated by hovering a cursor over the button for selecting the dates.\n   * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n   * Array of periods\n   * [{value: [new Date(), new Date()], children: \"Today\"}]\n   * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n   * */\n  periods?: (ButtonProps & { value: Date[] })[];\n};\n\n/** @deprecated */\nexport interface IDatePickerContext extends DatePickerContext, UnknownProperties {}\nexport type DatePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getTodayProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IAbstractDatePickerHandlers\n  extends AbstractDatePickerHandlers,\n    UnknownProperties {}\nexport type AbstractDatePickerHandlers = {\n  displayedPeriod: (value: DateConstructorParams) => void;\n  visible: (index: boolean) => void;\n  highlighted: (list: DateConstructorParams[]) => void;\n  value: (index: DateConstructorParams) => void;\n};\n\n/** @deprecated */\nexport interface IDatePickerHandlers extends DatePickerHandlers, UnknownProperties {}\nexport type DatePickerHandlers = {\n  visible: (index: boolean) => void;\n};\n\n/** @deprecated */\nexport interface IInputTriggerProps extends InputTriggerProps, UnknownProperties {}\ntype BaseInputTriggerProps = InputProps & {\n  /**\n   * Date input placeholder characters\n   * @default { year: 'Y'; month: 'M'; day: 'D' }\n   */\n  placeholders?: { year: string; month: string; day: string };\n  locale?: string;\n  onDisplayedPeriodChange?: (date: Date) => void;\n};\nexport type InputTriggerProps = BaseInputTriggerProps & {\n  value?: Date;\n  onChange?: (date: Date, event: ChangeEvent) => void;\n};\n\nexport type RangeInputTriggerProps = BaseInputTriggerProps & {\n  value?: Date[];\n  onChange?: (date: Date[], event: ChangeEvent) => void;\n};\n\n/** @deprecated */\nexport interface ISingleDateInputProps extends SingleDateInputProps, UnknownProperties {}\nexport type SingleDateInputProps = InputTriggerProps & {};\n\n/** @deprecated */\nexport interface IDateRangeProps extends DateRangeProps, UnknownProperties {}\nexport type DateRangeProps = RangeInputTriggerProps & {};\n\n/** @deprecated */\nexport interface IDatePickerMaskedInputProps\n  extends DatePickerMaskedInputProps,\n    UnknownProperties {}\nexport type DatePickerMaskedInputProps = {\n  date?: Date;\n  onDateChange?: (date: Date, event: ChangeEvent) => void;\n  onDisplayedPeriodChange?: (date: Date) => void;\n  locale?: string;\n  parts?: { year: Boolean; month: Boolean; day: Boolean };\n  disabledDates?: (Date | (Date | false)[] | string)[];\n};\n\ndeclare const InputTrigger: Intergalactic.Component<\n  'div',\n  DropdownTriggerProps & InputTriggerProps\n> & {\n  Addon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  SingleDateInput: Intergalactic.Component<'div', InputProps & SingleDateInputProps> & {\n    Indicator: typeof Input.Addon;\n    MaskedInput: Intergalactic.Component<'input', InputMaskValueProps & DatePickerMaskedInputProps>;\n  };\n};\n\ndeclare const RangeInputTrigger: Intergalactic.Component<\n  'div',\n  DropdownTriggerProps & RangeInputTriggerProps\n> & {\n  Addon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  DateRange: Intergalactic.Component<'div', InputValueProps & DateRangeProps> & {\n    Indicator: typeof Input.Addon;\n    RangeSep: typeof Input.Addon;\n    FromMaskedInput: Intergalactic.Component<\n      'input',\n      InputMaskValueProps & DatePickerMaskedInputProps\n    >;\n    ToMaskedInput: Intergalactic.Component<\n      'input',\n      InputMaskValueProps & DatePickerMaskedInputProps\n    >;\n  };\n};\n\ndeclare const DatePicker: Intergalactic.Component<\n  'div',\n  DatePickerProps,\n  DatePickerContext & CalendarDaysContext\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof InputTrigger;\n  Popper: typeof Dropdown.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DatePickerProps, DatePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Today: typeof Box;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/** @deprecated */\nexport interface IDateRangePickerContext extends DateRangePickerContext, UnknownProperties {}\nexport type DateRangePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\ndeclare const DateRangePicker: Intergalactic.Component<\n  'div',\n  DateRangePickerProps,\n  DateRangePickerContext & CalendarDaysContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof RangeInputTrigger;\n  Popper: typeof Dropdown.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DateRangePickerProps, DateRangePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n  Apply: typeof Button;\n  Reset: typeof Button;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/** @deprecated */\nexport interface IMonthPickerContext extends MonthPickerContext, UnknownProperties {}\nexport type MonthPickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n};\n\ndeclare const MonthPicker: Intergalactic.Component<\n  'div',\n  DatePickerProps,\n  MonthPickerContext & CalendarMonthsContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof InputTrigger;\n  Popper: typeof Dropdown.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DatePickerProps, MonthPickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/** @deprecated */\nexport interface IMonthRangePickerContext extends MonthRangePickerContext, UnknownProperties {}\nexport type MonthRangePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\ndeclare const MonthRangePicker: Intergalactic.Component<\n  'div',\n  DateRangePickerProps,\n  MonthRangePickerContext & CalendarMonthsContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof RangeInputTrigger;\n  Popper: typeof Dropdown.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DateRangePickerProps, MonthRangePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n  Apply: typeof Button;\n  Reset: typeof Button;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport { DatePicker, DateRangePicker, MonthPicker, MonthRangePicker };\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ChangeEvent, ComponentProps } from 'react';\nimport dayjs from 'dayjs';\nimport { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/core';\nimport Button, { ButtonProps } from '@semcore/button';\nimport Dropdown, { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';\nimport { WithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';\nimport BaseTrigger, { BaseTriggerProps } from '@semcore/base-trigger';\nimport Input, { InputProps, InputValueProps } from '@semcore/input';\nimport { InputMaskValueProps } from '@semcore/input-mask';\nimport Checkbox from '@semcore/checkbox';\n\nexport type DateConstructorParams = string | number | Date;\n\n/** @deprecated */\nexport interface ICalendarProps extends CalendarProps, UnknownProperties {}\nexport type CalendarProps = BoxProps & {\n  /**\n   * Locale for displaying the days of a week and months, to be transferred to `Intl`\n   * @default en\n   * */\n  locale?: NavigatorLanguage['language'];\n  /**\n   * Array of dates blocked for selection\n   * Accepts the date or the range of dates for specifying infinity ([Date | false, Date | false]), crontab(6,7)\n   * */\n  disabled?: (Date | (Date | false)[] | string)[];\n  /**\n   * @ignore\n   * */\n  highlighted?: DateConstructorParams[];\n  /**\n   * @ignore\n   * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n   * The selected date, accepts everything which is accepted by `new Date()`\n   * */\n  value?: DateConstructorParams[];\n  /**\n   * To be activated upon selecting the date\n   * */\n  onChange?: (date: Date[]) => void;\n  /**\n   * Date for showing the necessary month\n   * @default new Date()\n   * */\n  displayedPeriod?: Date;\n\n  renderOutdated?: boolean;\n};\n\n/** @deprecated */\nexport interface ICalendarDaysContext extends CalendarDaysContext, UnknownProperties {}\nexport type CalendarDaysContext = {\n  days: CalendarUnitProps[];\n};\n\n/** @deprecated */\nexport interface ICalendarMonthsContext extends CalendarMonthsContext, UnknownProperties {}\nexport type CalendarMonthsContext = {\n  months: CalendarUnitProps[];\n};\n\n/** @deprecated */\nexport interface ICalendarUnitProps extends CalendarUnitProps, UnknownProperties {}\nexport type CalendarUnitProps = BoxProps & {\n  selected?: boolean;\n  outdated?: boolean;\n  disabled?: boolean;\n  today?: boolean;\n  startSelected?: boolean;\n  endSelected?: boolean;\n  highlighted?: boolean;\n  startHighlighted?: boolean;\n  endHighlighted?: boolean;\n  date?: Date;\n  children?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface ICalendarContext extends CalendarContext, UnknownProperties {}\nexport type CalendarContext = {\n  getUnitProps: PropGetterFn;\n};\n\ndeclare const Calendar: Intergalactic.Component<\n  'div',\n  CalendarProps,\n  CalendarContext & CalendarDaysContext,\n  [handlers: AbstractDatePickerHandlers]\n> & {\n  Unit: Intergalactic.Component<'div', CalendarUnitProps>;\n};\n\n/** @deprecated */\nexport interface IDatePickerProps extends DatePickerProps, UnknownProperties {}\nexport type DatePickerProps = DropdownProps &\n  WithI18nEnhanceProps & {\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    value?: DateConstructorParams;\n    /**\n     * To be activated upon selecting the date\n     * */\n    onChange?: (date: Date) => void;\n    /**\n     * Array of dates blocked for selection\n     * */\n    disabled?: (Date | (Date | false)[] | string)[];\n    /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n    displayedPeriod?: DateConstructorParams;\n    /**\n     * To be activated upon changing the current shown month\n     * */\n    onDisplayedPeriodChange?: (date: Date) => void;\n    /**\n     * Component size\n     * @default m\n     */\n    size?: 'm' | 'l';\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    highlighted?: DateConstructorParams[];\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultValue?: DateConstructorParams;\n    /**\n     * Default value date for showing the necessary month\n     * */\n    defaultDisplayedPeriod?: DateConstructorParams;\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultHighlighted?: DateConstructorParams[];\n  };\n\n/** @deprecated */\nexport interface IDateRangePickerProps extends DateRangePickerProps, UnknownProperties {}\nexport type DateRangePickerProps = DropdownProps &\n  WithI18nEnhanceProps & {\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    value?: DateConstructorParams[];\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultValue?: DateConstructorParams[];\n    /**\n     * Default value date for showing the necessary month\n     * */\n    defaultDisplayedPeriod?: DateConstructorParams;\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultHighlighted?: DateConstructorParams[];\n    /**\n     * To be activated upon selecting the date\n     * */\n    onChange?: (date: Date[]) => void;\n    /**\n     * Array of dates blocked for selection\n     * */\n    disabled?: (Date | (Date | false)[] | string)[];\n    /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n    displayedPeriod?: DateConstructorParams;\n    /**\n     * To be activated upon changing the current shown month\n     * */\n    onDisplayedPeriodChange?: (date: Date) => void;\n    /**\n     * Component size\n     * @default m\n     */\n    size?: 'm' | 'l' | 'xl';\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    highlighted?: DateConstructorParams[];\n    /**\n     * Remove the 'Reset' button\n     * */\n    unclearable?: boolean;\n    /**\n     * To be activated upon selecting the date\n     * */\n    onHighlightedChange?: (date: Date[]) => void;\n    /**\n     * Array of periods\n     * [{value: [new Date(), new Date()], children: \"Today\"}]\n     * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n     * */\n    periods?: (ButtonProps & { value: Date[] })[];\n  };\n\n/** @deprecated */\nexport interface IDateRangePickerPeriodProps\n  extends DateRangePickerPeriodProps,\n    UnknownProperties {}\nexport type DateRangePickerPeriodProps = BoxProps & {\n  /**\n   * Current selected period\n   * */\n  value?: DateConstructorParams[];\n  /**\n   * To be activated by clicking the button for switching the selected period.\n   * */\n  onChange?: (date: Date[]) => void;\n  /**\n   * To be activated by hovering a cursor over the button for changing the current displayed month.\n   * */\n  onDisplayedPeriodChange?: (date: Date) => void;\n  /**\n   * To be activated by hovering a cursor over the button for selecting the dates.\n   * */\n  onHighlightedChange?: (date: Date[]) => void;\n  /**\n   * Array of periods\n   * [{value: [new Date(), new Date()], children: \"Today\"}]\n   * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n   * */\n  periods?: (ButtonProps & { value: Date[] })[];\n};\n\n/** @deprecated */\nexport interface IDatePickerContext extends DatePickerContext, UnknownProperties {}\nexport type DatePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getTodayProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IAbstractDatePickerHandlers\n  extends AbstractDatePickerHandlers,\n    UnknownProperties {}\nexport type AbstractDatePickerHandlers = {\n  displayedPeriod: (value: DateConstructorParams) => void;\n  visible: (index: boolean) => void;\n  highlighted: (list: DateConstructorParams[]) => void;\n  value: (index: DateConstructorParams) => void;\n};\n\n/** @deprecated */\nexport interface IDatePickerHandlers extends DatePickerHandlers, UnknownProperties {}\nexport type DatePickerHandlers = {\n  visible: (index: boolean) => void;\n};\n\n/** @deprecated */\nexport interface IInputTriggerProps extends InputTriggerProps, UnknownProperties {}\ntype BaseInputTriggerProps = InputProps & {\n  /**\n   * Date input placeholder characters\n   * @default { year: 'Y'; month: 'M'; day: 'D' }\n   */\n  placeholders?: { year: string; month: string; day: string };\n  locale?: string;\n  onDisplayedPeriodChange?: (date: Date) => void;\n};\nexport type InputTriggerProps = BaseInputTriggerProps & {\n  value?: Date;\n  onChange?: (date: Date, event: ChangeEvent) => void;\n};\n\nexport type RangeInputTriggerProps = BaseInputTriggerProps & {\n  value?: Date[];\n  onChange?: (date: Date[], event: ChangeEvent) => void;\n};\n\n/** @deprecated */\nexport interface ISingleDateInputProps extends SingleDateInputProps, UnknownProperties {}\nexport type SingleDateInputProps = InputTriggerProps & {};\n\n/** @deprecated */\nexport interface IDateRangeProps extends DateRangeProps, UnknownProperties {}\nexport type DateRangeProps = RangeInputTriggerProps & {};\n\n/** @deprecated */\nexport interface IDatePickerMaskedInputProps\n  extends DatePickerMaskedInputProps,\n    UnknownProperties {}\nexport type DatePickerMaskedInputProps = {\n  date?: Date;\n  onDateChange?: (date: Date, event: ChangeEvent) => void;\n  onDisplayedPeriodChange?: (date: Date) => void;\n  locale?: string;\n  parts?: { year: Boolean; month: Boolean; day: Boolean };\n  disabledDates?: (Date | (Date | false)[] | string)[];\n};\n\ndeclare const InputTrigger: Intergalactic.Component<\n  'div',\n  DropdownTriggerProps & InputTriggerProps\n> & {\n  Addon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  SingleDateInput: Intergalactic.Component<'div', InputProps & SingleDateInputProps> & {\n    Indicator: typeof Input.Addon;\n    MaskedInput: Intergalactic.Component<'input', InputMaskValueProps & DatePickerMaskedInputProps>;\n  };\n};\n\ndeclare const RangeInputTrigger: Intergalactic.Component<\n  'div',\n  DropdownTriggerProps & RangeInputTriggerProps\n> & {\n  Addon: typeof Input.Addon;\n  Value: typeof Input.Value;\n  DateRange: Intergalactic.Component<'div', InputValueProps & DateRangeProps> & {\n    Indicator: typeof Input.Addon;\n    RangeSep: typeof Input.Addon;\n    FromMaskedInput: Intergalactic.Component<\n      'input',\n      InputMaskValueProps & DatePickerMaskedInputProps\n    >;\n    ToMaskedInput: Intergalactic.Component<\n      'input',\n      InputMaskValueProps & DatePickerMaskedInputProps\n    >;\n  };\n};\n\ndeclare const DatePicker: Intergalactic.Component<\n  'div',\n  DatePickerProps,\n  DatePickerContext & CalendarDaysContext\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof InputTrigger;\n  Popper: typeof Dropdown.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DatePickerProps, DatePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Today: typeof Box;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/** @deprecated */\nexport interface IDateRangePickerContext extends DateRangePickerContext, UnknownProperties {}\nexport type DateRangePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\ndeclare const DateRangePicker: Intergalactic.Component<\n  'div',\n  DateRangePickerProps,\n  DateRangePickerContext & CalendarDaysContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof RangeInputTrigger;\n  Popper: typeof Dropdown.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DateRangePickerProps, DateRangePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n  Apply: typeof Button;\n  Reset: typeof Button;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/** @deprecated */\nexport interface IMonthPickerContext extends MonthPickerContext, UnknownProperties {}\nexport type MonthPickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n};\n\ndeclare const MonthPicker: Intergalactic.Component<\n  'div',\n  DatePickerProps,\n  MonthPickerContext & CalendarMonthsContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof InputTrigger;\n  Popper: typeof Dropdown.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DatePickerProps, MonthPickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\n/** @deprecated */\nexport interface IMonthRangePickerContext extends MonthRangePickerContext, UnknownProperties {}\nexport type MonthRangePickerContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\ndeclare const MonthRangePicker: Intergalactic.Component<\n  'div',\n  DateRangePickerProps,\n  MonthRangePickerContext & CalendarMonthsContext,\n  [handlers: DatePickerHandlers]\n> & {\n  /** @deprecated `DatePicker.ButtonTrigger` is deprecated, consider migrating to `DatePicker.Trigger` instead */\n  ButtonTrigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Trigger: typeof RangeInputTrigger;\n  Popper: typeof Dropdown.Popper;\n  Header: typeof Box;\n  Title: Intergalactic.Component<'div', DateRangePickerProps, MonthRangePickerContext>;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Period: Intergalactic.Component<'div', DateRangePickerPeriodProps>;\n  Apply: typeof Button;\n  Reset: typeof Button;\n  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;\n};\n\nexport type DateRangeComparatorProps = DropdownProps &\n  WithI18nEnhanceProps & {\n    /**\n     * Selected date ranges\n     * */\n    value?: { value?: DateConstructorParams[]; compare?: DateConstructorParams[] };\n    /**\n     * Default value for selected date ranges\n     * */\n    defaultValue?: { value?: DateConstructorParams[]; compare?: DateConstructorParams[] };\n    /**\n     * Default value date for showing the necessary month\n     * */\n    defaultDisplayedPeriod?: DateConstructorParams;\n    /**\n     * Default value selected date, accepts everything which is accepted by `new Date()`\n     * */\n    defaultHighlighted?: DateConstructorParams[];\n    /**\n     * Called with selected date when user clicks `Apply` button.\n     * */\n    onChange?: (ranges: {\n      value?: DateConstructorParams[];\n      compare?: DateConstructorParams[];\n    }) => void;\n    /**\n     * Array of dates blocked for selection\n     * */\n    disabled?: (Date | (Date | false)[] | string)[];\n    /**\n     * Date for showing the necessary month\n     * @default new Date()\n     * */\n    displayedPeriod?: DateConstructorParams;\n    /**\n     * To be activated upon changing the current shown month\n     * */\n    onDisplayedPeriodChange?: (date: Date) => void;\n    /**\n     * Component size\n     * @default m\n     */\n    size?: 'm' | 'l' | 'xl';\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    highlighted?: DateConstructorParams[];\n    /**\n     * To be activated upon selecting the date\n     * */\n    onHighlightedChange?: (date: Date[]) => void;\n    /**\n     * The selected date, accepts everything which is accepted by `new Date()`\n     * */\n    compareHighlighted?: DateConstructorParams[];\n    /**\n     * To be activated upon selecting the date\n     * */\n    onCompareHighlightedChange?: (date: Date[]) => void;\n    /**\n     * Remove the 'Reset' button\n     * */\n    unclearable?: boolean;\n    /**\n     * Array of periods\n     * [{value: [new Date(), new Date()], children: \"Today\"}]\n     * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month\n     * */\n    periods?: (ButtonProps & { value: Date[] })[];\n  };\n\nexport type DateRangeComparatorContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n  getHeaderProps: PropGetterFn;\n  getTitleProps: PropGetterFn;\n  getNextProps: PropGetterFn;\n  getPrevProps: PropGetterFn;\n  getCalendarProps: PropGetterFn;\n  getPeriodProps: PropGetterFn;\n};\n\nexport type DateRangeComparatorTriggerProps = DropdownTriggerProps &\n  BaseTriggerProps & {\n    /**\n     * Text between the selected date range and the compared date range when both are selected.\n     * @default 'vs.'\n     */\n    separator?: string;\n    /**\n     * Trigger text when no ranges are selected.\n     */\n    placeholder?: string;\n  };\n\ndeclare const DateRangeComparator: Intergalactic.Component<\n  'div',\n  DateRangeComparatorProps,\n  DateRangeComparatorContext & CalendarDaysContext\n> & {\n  Popper: typeof Dropdown.Popper;\n  Header: typeof Flex;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Apply: typeof Button;\n  Reset: typeof Button;\n\n  CalendarHeader: typeof Box;\n  Title: typeof Box;\n\n  Trigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  ValueDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n  CompareToggle: typeof Checkbox;\n  CompareDateRange: Intergalactic.Component<'div', InputTriggerProps>;\n  Body: typeof Flex;\n  RangeCalendar: typeof Flex;\n  Periods: typeof Flex;\n  Footer: typeof Flex;\n};\n\ndeclare const MonthDateRangeComparator: typeof DateRangeComparator;\n\nexport {\n  DatePicker,\n  DateRangePicker,\n  MonthPicker,\n  MonthRangePicker,\n  DateRangeComparator,\n  MonthDateRangeComparator,\n};\n"],"mappings":""}

package/lib/es6/index.js

@@ -1,6 +1,8 @@
 export { default as DatePicker } from './DatePicker';
 export * from './DatePicker';
 export { default as DateRangePicker } from './DateRangePicker';
+export { default as DateRangeComparator } from './DateRangeComparator';
 export { default as MonthPicker } from './MonthPicker';
 export { default as MonthRangePicker } from './MonthRangePicker';
+export { default as MonthDateRangeComparator } from './MonthDateRangeComparator';
 //# sourceMappingURL=index.js.map

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","DatePicker","DateRangePicker","MonthPicker","MonthRangePicker"],"sources":["../../src/index.js"],"sourcesContent":["export { default as DatePicker } from './DatePicker';\nexport * from './DatePicker';\n\nexport { default as DateRangePicker } from './DateRangePicker';\n\nexport { default as MonthPicker } from './MonthPicker';\n\nexport { default as MonthRangePicker } from './MonthRangePicker';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,cAAc,cAAc;AAE5B,SAASD,OAAO,IAAIE,eAAe,QAAQ,mBAAmB;AAE9D,SAASF,OAAO,IAAIG,WAAW,QAAQ,eAAe;AAEtD,SAASH,OAAO,IAAII,gBAAgB,QAAQ,oBAAoB"}
+{"version":3,"file":"index.js","names":["default","DatePicker","DateRangePicker","DateRangeComparator","MonthPicker","MonthRangePicker","MonthDateRangeComparator"],"sources":["../../src/index.js"],"sourcesContent":["export { default as DatePicker } from './DatePicker';\nexport * from './DatePicker';\n\nexport { default as DateRangePicker } from './DateRangePicker';\n\nexport { default as DateRangeComparator } from './DateRangeComparator';\n\nexport { default as MonthPicker } from './MonthPicker';\n\nexport { default as MonthRangePicker } from './MonthRangePicker';\n\nexport { default as MonthDateRangeComparator } from './MonthDateRangeComparator';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,cAAc,cAAc;AAE5B,SAASD,OAAO,IAAIE,eAAe,QAAQ,mBAAmB;AAE9D,SAASF,OAAO,IAAIG,mBAAmB,QAAQ,uBAAuB;AAEtE,SAASH,OAAO,IAAII,WAAW,QAAQ,eAAe;AAEtD,SAASJ,OAAO,IAAIK,gBAAgB,QAAQ,oBAAoB;AAEhE,SAASL,OAAO,IAAIM,wBAAwB,QAAQ,4BAA4B"}

package/lib/es6/style/calendar.shadow.css

@@ -47,7 +47,7 @@ SCalendarUnit {
   user-select: none;
   touch-action: manipulation;
   -webkit-tap-highlight-color: transparent;
-  background: var(--intergalactic-date-picker-cell, #ffffff);
+  background-color: var(--intergalactic-date-picker-cell, #ffffff);
 
   align-items: center;
   border-radius: var(--intergalactic-control-rounded, 6px);
@@ -62,10 +62,11 @@ SCalendarUnit {
   transition: color 0.15s, background 0.15s, border-radius 0.15s 0.15s;
   outline: none;
   margin: 0;
+  margin-top: 4px;
 
   &:hover {
     color: var(--intergalactic-text-primary, #191b23);
-    background: var(--intergalactic-date-picker-cell-hover, #e0e1e9);
+    background-color: var(--intergalactic-date-picker-cell-hover, #e0e1e9);
   }
 
   &:focus-visible {
@@ -96,30 +97,30 @@ SCalendarUnit[today]SCalendarUnit[endSelected] {
 }
 
 SCalendarUnit[selected] {
-  background: var(--intergalactic-date-picker-cell-range, #c4e5fe);
+  background-color: var(--intergalactic-date-picker-cell-range, #c4e5fe);
   border-radius: 0;
   transition: color 0.15s, background 0.15s, border-radius 0s 0s;
   color: var(--intergalactic-text-primary, #191b23);
 
   &:hover {
-    background: var(--intergalactic-date-picker-cell-range-hover, #8ecdff);
+    background-color: var(--intergalactic-date-picker-cell-range-hover, #8ecdff);
   }
 }
 
 SCalendarUnit[highlighted] {
-  background: var(--intergalactic-date-picker-cell-range-hover, #8ecdff);
+  background-color: var(--intergalactic-date-picker-cell-range-hover, #8ecdff);
   border-radius: 0;
   transition: color 0.15s, background 0.15s, border-radius 0s 0s;
   color: var(--intergalactic-text-primary, #191b23);
 
   &:hover {
-    background: var(--intergalactic-date-picker-cell-range-hover, #8ecdff);
+    background-color: var(--intergalactic-date-picker-cell-range-hover, #8ecdff);
   }
 }
 
 SCalendarUnit[startSelected] {
   color: var(--intergalactic-text-primary-invert, #ffffff);
-  background: var(--intergalactic-date-picker-cell-active, #2bb3ff);
+  background-color: var(--intergalactic-date-picker-cell-active, #2bb3ff);
 
   &:not([highlighted]) {
     border-bottom-left-radius: var(--intergalactic-control-rounded, 6px);
@@ -130,12 +131,12 @@ SCalendarUnit[startSelected] {
 
   &:hover {
     color: var(--intergalactic-text-primary-invert, #ffffff);
-    background: var(--intergalactic-date-picker-cell-active-hover, #008ff8);
+    background-color: var(--intergalactic-date-picker-cell-active-hover, #008ff8);
   }
 }
 
 SCalendarUnit[endSelected] {
-  background: var(--intergalactic-date-picker-cell-active, #2bb3ff);
+  background-color: var(--intergalactic-date-picker-cell-active, #2bb3ff);
   color: var(--intergalactic-text-primary-invert, #ffffff);
 
   &:not([highlighted]) {
@@ -147,7 +148,7 @@ SCalendarUnit[endSelected] {
 
   &:hover {
     color: var(--intergalactic-text-primary-invert, #ffffff);
-    background: var(--intergalactic-date-picker-cell-active-hover, #008ff8);
+    background-color: var(--intergalactic-date-picker-cell-active-hover, #008ff8);
   }
 }
 
@@ -179,6 +180,52 @@ SCalendarUnit[startSelected]SCalendarUnit[endSelected] {
   border-top-right-radius: var(--intergalactic-control-rounded, 6px);
 }
 
+SCalendarUnit[compareHighlighted] {
+  border-top: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
+  border-bottom: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
+  border-radius: 0;
+  transition: none;
+}
+
+
+SCalendarUnit[compareStartHighlighted],
+SCalendarUnit[compareEndHighlighted] {
+  border-left: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
+  border-right: 2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
+}
+
+SCalendarUnit[compareStart],
+SCalendarUnit[compareEnd] {
+  border-radius: 0;
+  background-color: var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
+  color: var(--intergalactic-text-primary-invert, #ffffff);
+
+  &:hover {
+    color: var(--intergalactic-text-primary-invert, #ffffff);
+    background-color: var(--intergalactic-date-picker-cell-comparison-active-hover, #5925ab);
+  }
+}
+
+SCalendarUnit[compareStartHighlighted] {
+  border-top-left-radius: var(--intergalactic-control-rounded, 6px);
+  border-bottom-left-radius: var(--intergalactic-control-rounded, 6px);
+}
+
+SCalendarUnit[compareEndHighlighted] {
+  border-top-right-radius: var(--intergalactic-control-rounded, 6px);
+  border-bottom-right-radius: var(--intergalactic-control-rounded, 6px);
+}
+
+SCalendarUnit[compareStart]:not([compareHighlighted]) {
+  border-top-left-radius: var(--intergalactic-control-rounded, 6px);
+  border-bottom-left-radius: var(--intergalactic-control-rounded, 6px);
+}
+
+SCalendarUnit[compareEnd]:not([compareHighlighted]) {
+  border-top-right-radius: var(--intergalactic-control-rounded, 6px);
+  border-bottom-right-radius: var(--intergalactic-control-rounded, 6px);
+}
+
 SCalendarUnit[outdated] {
   opacity: 0.2;
 }

package/lib/es6/style/date-picker.shadow.css

@@ -59,6 +59,19 @@ SIndicator {
   color: var(--intergalactic-text-secondary, #6c6e79);
 }
 
+SRangeIndicator {
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+
+SRangeIndicator[range='value'] {
+  background-color: var(--intergalactic-date-picker-cell-active, #2bb3ff);
+}
+
+SRangeIndicator[range='compare'] {
+  background-color: var(--intergalactic-date-picker-cell-comparison-active, #8649e1);
+}
+
 SHumanizedDate {
   position: absolute;
   pointer-events: none;
@@ -107,4 +120,22 @@ SDateRange SInputMask:focus-within SMask {
 SRangeSep[fulfilled],
 SDateRange:focus-within SRangeSep {
   color: var(--intergalactic-text-primary, #191b23);
+}
+
+SRangeComparatorHeader {
+  border-bottom: 1px solid var(--intergalactic-border-primary, #c4c7cf);
+  padding: var(--intergalactic-spacing-4x, 16px);
+}
+
+SRangeCalendar {
+  padding: var(--intergalactic-spacing-4x, 16px);
+}
+
+SFooter {
+  border-top: 1px solid var(--intergalactic-border-primary, #c4c7cf);
+  padding: var(--intergalactic-spacing-4x, 16px);
+}
+
+SPeriodsList {
+  padding: var(--intergalactic-spacing-4x, 16px);
 }

package/lib/types/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ChangeEvent, ComponentProps } from 'react';
 import dayjs from 'dayjs';
-import { Box, BoxProps } from '@semcore/flex-box';
+import { Flex, Box, BoxProps } from '@semcore/flex-box';
 import { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/core';
 import Button, { ButtonProps } from '@semcore/button';
 import Dropdown, { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';
@@ -8,6 +8,7 @@ import { WithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';
 import BaseTrigger, { BaseTriggerProps } from '@semcore/base-trigger';
 import Input, { InputProps, InputValueProps } from '@semcore/input';
 import { InputMaskValueProps } from '@semcore/input-mask';
+import Checkbox from '@semcore/checkbox';
 
 export type DateConstructorParams = string | number | Date;
 
@@ -467,4 +468,137 @@ declare const MonthRangePicker: Intergalactic.Component<
   subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
 };
 
-export { DatePicker, DateRangePicker, MonthPicker, MonthRangePicker };
+export type DateRangeComparatorProps = DropdownProps &
+  WithI18nEnhanceProps & {
+    /**
+     * Selected date ranges
+     * */
+    value?: { value?: DateConstructorParams[]; compare?: DateConstructorParams[] };
+    /**
+     * Default value for selected date ranges
+     * */
+    defaultValue?: { value?: DateConstructorParams[]; compare?: DateConstructorParams[] };
+    /**
+     * Default value date for showing the necessary month
+     * */
+    defaultDisplayedPeriod?: DateConstructorParams;
+    /**
+     * Default value selected date, accepts everything which is accepted by `new Date()`
+     * */
+    defaultHighlighted?: DateConstructorParams[];
+    /**
+     * Called with selected date when user clicks `Apply` button.
+     * */
+    onChange?: (ranges: {
+      value?: DateConstructorParams[];
+      compare?: DateConstructorParams[];
+    }) => void;
+    /**
+     * Array of dates blocked for selection
+     * */
+    disabled?: (Date | (Date | false)[] | string)[];
+    /**
+     * Date for showing the necessary month
+     * @default new Date()
+     * */
+    displayedPeriod?: DateConstructorParams;
+    /**
+     * To be activated upon changing the current shown month
+     * */
+    onDisplayedPeriodChange?: (date: Date) => void;
+    /**
+     * Component size
+     * @default m
+     */
+    size?: 'm' | 'l' | 'xl';
+    /**
+     * The selected date, accepts everything which is accepted by `new Date()`
+     * */
+    highlighted?: DateConstructorParams[];
+    /**
+     * To be activated upon selecting the date
+     * */
+    onHighlightedChange?: (date: Date[]) => void;
+    /**
+     * The selected date, accepts everything which is accepted by `new Date()`
+     * */
+    compareHighlighted?: DateConstructorParams[];
+    /**
+     * To be activated upon selecting the date
+     * */
+    onCompareHighlightedChange?: (date: Date[]) => void;
+    /**
+     * Remove the 'Reset' button
+     * */
+    unclearable?: boolean;
+    /**
+     * Array of periods
+     * [{value: [new Date(), new Date()], children: "Today"}]
+     * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month
+     * */
+    periods?: (ButtonProps & { value: Date[] })[];
+  };
+
+export type DateRangeComparatorContext = {
+  getTriggerProps: PropGetterFn;
+  getPopperProps: PropGetterFn;
+  getHeaderProps: PropGetterFn;
+  getTitleProps: PropGetterFn;
+  getNextProps: PropGetterFn;
+  getPrevProps: PropGetterFn;
+  getCalendarProps: PropGetterFn;
+  getPeriodProps: PropGetterFn;
+};
+
+export type DateRangeComparatorTriggerProps = DropdownTriggerProps &
+  BaseTriggerProps & {
+    /**
+     * Text between the selected date range and the compared date range when both are selected.
+     * @default 'vs.'
+     */
+    separator?: string;
+    /**
+     * Trigger text when no ranges are selected.
+     */
+    placeholder?: string;
+  };
+
+declare const DateRangeComparator: Intergalactic.Component<
+  'div',
+  DateRangeComparatorProps,
+  DateRangeComparatorContext & CalendarDaysContext
+> & {
+  Popper: typeof Dropdown.Popper;
+  Header: typeof Flex;
+  Prev: typeof Button;
+  Next: typeof Button;
+  Calendar: typeof Calendar;
+  Apply: typeof Button;
+  Reset: typeof Button;
+
+  CalendarHeader: typeof Box;
+  Title: typeof Box;
+
+  Trigger: Intergalactic.Component<'div', DropdownTriggerProps & BaseTriggerProps> & {
+    Addon: typeof BaseTrigger.Addon;
+    Text: typeof BaseTrigger.Text;
+  };
+  ValueDateRange: Intergalactic.Component<'div', InputTriggerProps>;
+  CompareToggle: typeof Checkbox;
+  CompareDateRange: Intergalactic.Component<'div', InputTriggerProps>;
+  Body: typeof Flex;
+  RangeCalendar: typeof Flex;
+  Periods: typeof Flex;
+  Footer: typeof Flex;
+};
+
+declare const MonthDateRangeComparator: typeof DateRangeComparator;
+
+export {
+  DatePicker,
+  DateRangePicker,
+  MonthPicker,
+  MonthRangePicker,
+  DateRangeComparator,
+  MonthDateRangeComparator,
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/date-picker",
   "description": "Semrush DatePicker Component",
-  "version": "4.17.0",
+  "version": "4.18.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -20,6 +20,7 @@
     "@semcore/input-mask": "5.13.0",
     "@semcore/neighbor-location": "4.10.0",
     "@semcore/typography": "5.18.0",
+    "@semcore/checkbox": "7.14.0",
     "dayjs": "1.8.36"
   },
   "peerDependencies": {
@@ -33,10 +34,10 @@
     "directory": "semcore/date-picker"
   },
   "devDependencies": {
-    "@types/react": "18.0.21",
-    "@semcore/testing-utils": "1.0.0",
     "@guidepup/playwright": "0.6.1",
-    "@playwright/test": "1.25.1"
+    "@playwright/test": "1.25.1",
+    "@semcore/testing-utils": "1.0.0",
+    "@types/react": "18.0.21"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js"