@semcore/date-picker 2.5.4 → 2.7.0-0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/RangePickerAbstract.js"],"names":["React","dayjs","Component","Root","CORE_INSTANCE","sstyled","Button","Box","Flex","Divider","Dropdown","i18nEnhance","de","en","es","fr","it","ja","pt","ru","zh","ko","vi","i18n","INTERACTION_TAGS","defaultDisplayedPeriod","Date","setHours","getEndDate","value","Array","isArray","startDate","endDate","RangePickerAbstract","dirtyValue","direction","displayedPeriod","asProps","action","date","navigateStep","toDate","handlers","navigateView","e","target","currentTarget","highlighted","state","day","keyDiff","keyCode","setNextDisplayedPeriod","next_highlighted","_","right_period","month_right_period","getMonth","month_displayed_Period","subtract","length","handlerChange","preventDefault","includes","tagName","add","keyStep","setState","visible","props","size","empty","onKeyDown","handlerKeyDown","Picker","periods","getDefaultPeriods","unclearable","getI18nText","interaction","buttons","handlerApply","tabIndex","children","Boolean","index","locale","Intl","DateTimeFormat","month","year","format","startOf","onClick","bindHandlerNavigateClick","disabled","onHighlightedChange","onChange","onDisplayedPeriodChange","Children","styles","defaultValue","defaultHighlighted","defaultVisible","style","amount","unit"],"mappings":"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","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 de from '../translations/de.json';\nimport en from '../translations/en.json';\nimport es from '../translations/es.json';\nimport fr from '../translations/fr.json';\nimport it from '../translations/it.json';\nimport ja from '../translations/ja.json';\nimport pt from '../translations/pt.json';\nimport ru from '../translations/ru.json';\nimport zh from '../translations/zh.json';\nimport ko from '../translations/ko.json';\nimport vi from '../translations/vi.json';\n\nimport style from '../style/date-picker.shadow.css';\n\nconst i18n = { de, en, es, fr, it, ja, ru, zh, pt, ko, vi };\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  static defaultProps({ value, defaultValue }) {\n    return {\n      i18n,\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  static enhance = [i18nEnhance()];\n\n  static add = (date, amount, unit) => {\n    return dayjs(date)\n      .add(amount, unit)\n      .toDate();\n  };\n\n  static subtract = (date, amount, unit) => {\n    return dayjs(date)\n      .subtract(amount, unit)\n      .toDate();\n  };\n\n  navigateStep;\n  keyDiff;\n  keyStep;\n\n  state = {\n    dirtyValue: [],\n  };\n\n  uncontrolledProps() {\n    return {\n      displayedPeriod: null,\n      visible: [\n        null,\n        (visible) => {\n          if (!visible) {\n            this.handlers.highlighted([]);\n            this.handlers.displayedPeriod(\n              getEndDate(this.asProps.value) || this.props.defaultDisplayedPeriod,\n            );\n          }\n        },\n      ],\n      highlighted: null,\n      value: [\n        null,\n        (value) => {\n          // TODO: работает только из-за new Date() !== new Date()\n          this.handlers.visible(false);\n          this.handlers.displayedPeriod(getEndDate(value));\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)\n      [action](1, this.navigateStep)\n      .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.handlerChange(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  handlerApply = (value) => {\n    const [startDate, endDate = startDate] = value;\n    this.handlerChange([]);\n    this.handlers.value([startDate, endDate]);\n  };\n\n  handlerChange = (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  getTriggerProps() {\n    const { value, size } = this.asProps;\n    return {\n      size,\n      empty: !value[0] && !value[1],\n      onKeyDown: this.handlerKeyDown,\n    };\n  }\n\n  getPopperProps() {\n    const Picker = this[CORE_INSTANCE];\n    const {\n      value,\n      periods = this.getDefaultPeriods(),\n      unclearable,\n      getI18nText,\n      interaction,\n    } = this.asProps;\n    const { dirtyValue } = this.state;\n\n    const buttons = (\n      <>\n        <Button\n          use=\"primary\"\n          children={getI18nText('apply')}\n          onClick={() => this.handlerApply(dirtyValue.length ? dirtyValue : value)}\n        />\n        {!unclearable && (\n          <Button\n            ml={2}\n            use=\"tertiary\"\n            theme=\"muted\"\n            children={getI18nText('reset')}\n            onClick={() => this.handlerApply([])}\n          />\n        )}\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            {Boolean(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>\n          {!Boolean(periods.length) && <Flex mt={4}>{buttons}</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)\n          .add(index, this.navigateStep)\n          .startOf(this.navigateStep)\n          .toDate(),\n      ),\n    };\n  }\n\n  getNextProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(1),\n    };\n  }\n\n  getPrevProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(-1),\n    };\n  }\n\n  getCalendarProps(props, index) {\n    const {\n      locale,\n      displayedPeriod,\n      disabled,\n      value,\n      highlighted,\n      onHighlightedChange,\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      value: dirtyValue.length ? dirtyValue : value,\n      onChange: this.handlerChange,\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.handlerApply,\n      onHighlightedChange,\n      onDisplayedPeriodChange,\n    };\n  }\n\n  render() {\n    const { Children, styles } = this.asProps;\n    return sstyled(styles)(\n      <Root render={Dropdown}>\n        <Children />\n      </Root>,\n    );\n  }\n}\n\nexport default RangePickerAbstract;\n"],"file":"RangePickerAbstract.js"}
+{"version":3,"sources":["../../../src/components/RangePickerAbstract.js"],"names":["React","dayjs","Component","Root","CORE_INSTANCE","sstyled","Button","Box","Flex","Divider","Dropdown","i18nEnhance","de","en","es","fr","it","ja","pt","ru","zh","ko","vi","i18n","INTERACTION_TAGS","defaultDisplayedPeriod","Date","setHours","getEndDate","value","Array","isArray","startDate","endDate","RangePickerAbstract","dirtyValue","direction","displayedPeriod","asProps","action","date","navigateStep","toDate","handlers","navigateView","e","target","currentTarget","highlighted","state","day","keyDiff","keyCode","setNextDisplayedPeriod","next_highlighted","_","right_period","month_right_period","getMonth","month_displayed_Period","subtract","length","handlerChange","preventDefault","includes","tagName","add","keyStep","setState","visible","props","size","empty","onKeyDown","handlerKeyDown","Picker","periods","getDefaultPeriods","unclearable","getI18nText","interaction","buttons","handlerApply","tabIndex","children","Boolean","index","locale","Intl","DateTimeFormat","month","year","format","startOf","onClick","bindHandlerNavigateClick","disabled","onHighlightedChange","onChange","onDisplayedPeriodChange","Children","styles","defaultValue","defaultHighlighted","defaultVisible","style","amount","unit"],"mappings":"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","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 de from '../translations/de.json';\nimport en from '../translations/en.json';\nimport es from '../translations/es.json';\nimport fr from '../translations/fr.json';\nimport it from '../translations/it.json';\nimport ja from '../translations/ja.json';\nimport pt from '../translations/pt.json';\nimport ru from '../translations/ru.json';\nimport zh from '../translations/zh.json';\nimport ko from '../translations/ko.json';\nimport vi from '../translations/vi.json';\n\nimport style from '../style/date-picker.shadow.css';\n\nconst i18n = { de, en, es, fr, it, ja, ru, zh, pt, ko, vi };\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  static defaultProps({ value, defaultValue }) {\n    return {\n      i18n,\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  static enhance = [i18nEnhance()];\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  };\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) || this.props.defaultDisplayedPeriod,\n            );\n          }\n        },\n      ],\n      highlighted: null,\n      value: [\n        null,\n        (value) => {\n          // TODO: работает только из-за new Date() !== new Date()\n          this.handlers.visible(false);\n          this.handlers.displayedPeriod(getEndDate(value));\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.handlerChange(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 = [dayjs(highlighted[0]).add(day, this.keyStep).toDate()];\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  handlerApply = (value) => {\n    const [startDate, endDate = startDate] = value;\n    this.handlerChange([]);\n    this.handlers.value([startDate, endDate]);\n  };\n\n  handlerChange = (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  getTriggerProps() {\n    const { value, size } = this.asProps;\n    return {\n      size,\n      empty: !value[0] && !value[1],\n      onKeyDown: this.handlerKeyDown,\n    };\n  }\n\n  getPopperProps() {\n    const Picker = this[CORE_INSTANCE];\n    const {\n      value,\n      periods = this.getDefaultPeriods(),\n      unclearable,\n      getI18nText,\n      interaction,\n    } = this.asProps;\n    const { dirtyValue } = this.state;\n\n    const buttons = (\n      <>\n        <Button\n          use=\"primary\"\n          children={getI18nText('apply')}\n          onClick={() => this.handlerApply(dirtyValue.length ? dirtyValue : value)}\n        />\n        {!unclearable && (\n          <Button\n            ml={2}\n            use=\"tertiary\"\n            theme=\"muted\"\n            children={getI18nText('reset')}\n            onClick={() => this.handlerApply([])}\n          />\n        )}\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            {Boolean(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>\n          {!Boolean(periods.length) && <Flex mt={4}>{buttons}</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    };\n  }\n\n  getPrevProps() {\n    return {\n      onClick: this.bindHandlerNavigateClick(-1),\n    };\n  }\n\n  getCalendarProps(props, index) {\n    const {\n      locale,\n      displayedPeriod,\n      disabled,\n      value,\n      highlighted,\n      onHighlightedChange,\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      value: dirtyValue.length ? dirtyValue : value,\n      onChange: this.handlerChange,\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.handlerApply,\n      onHighlightedChange,\n      onDisplayedPeriodChange,\n    };\n  }\n\n  render() {\n    const { Children, styles } = this.asProps;\n    return sstyled(styles)(\n      <Root render={Dropdown}>\n        <Children />\n      </Root>,\n    );\n  }\n}\n\nexport default RangePickerAbstract;\n"],"file":"RangePickerAbstract.js"}

package/lib/es6/components/index.js

@@ -31,8 +31,8 @@ import { Component, Root, sstyled } from '@semcore/core';
 import Dropdown from '@semcore/dropdown';
 import { Box } from '@semcore/flex-box';
 import Button from '@semcore/button';
-import ChevronLeft from '@semcore/icon/lib/ChevronLeft/xs';
-import ChevronRight from '@semcore/icon/lib/ChevronRight/xs';
+import ChevronLeft from '@semcore/icon/ChevronLeft/m';
+import ChevronRight from '@semcore/icon/ChevronRight/m';
 import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
 import ButtonTrigger from './ButtonTrigger';
 export function Trigger() {
@@ -100,12 +100,12 @@ var stylesBtn = (
 /*__reshadow_css_start__*/
 sstyled.insert(
 /*__inner_css_start__*/
-".___SInner_1day0_gg_{justify-content:flex-start}"
+".___SInner_b02dy_gg_{justify-content:flex-start}"
 /*__inner_css_end__*/
 , "rfgf9b_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SInner": "___SInner_1day0_gg_"
+  "__SInner": "___SInner_b02dy_gg_"
 });
 export var Period = /*#__PURE__*/function (_Component) {
   _inherits(Period, _Component);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/index.js"],"names":["React","dayjs","Component","Root","sstyled","Dropdown","Box","Button","ChevronLeft","ChevronRight","callAllEventHandlers","ButtonTrigger","Trigger","Popper","props","SPopper","styles","Header","SHeader","Title","Children","STitle","Prev","defaultProps","children","Next","stylesBtn","Period","period","value","compareMonth","monthOne","monthTwo","isSame","Array","isArray","length","SPeriod","asProps","onChange","periods","onHighlightedChange","onDisplayedPeriodChange","map","i","onClick","onMouseEnter","onMouseLeave","other","getActiveControl","toDate","Date"],"mappings":"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","sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport ChevronLeft from '@semcore/icon/lib/ChevronLeft/xs';\nimport ChevronRight from '@semcore/icon/lib/ChevronRight/xs';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport ButtonTrigger from './ButtonTrigger';\n\nexport function Trigger() {\n  return <Root render={Dropdown.Trigger} tag={ButtonTrigger} />;\n}\n\nexport function Popper(props) {\n  const SPopper = Root;\n  return sstyled(props.styles)(\n    <SPopper render={Dropdown.Popper} role=\"region\" aria-label=\"calendar-container\" />,\n  );\n}\n\nexport function Header(props) {\n  const SHeader = Root;\n  return sstyled(props.styles)(<SHeader render={Box} />);\n}\n\nexport const Title = ({ Children, styles }) => {\n  const STitle = Root;\n  return sstyled(styles)(\n    <STitle render={Box}>\n      <Children />\n    </STitle>,\n  );\n};\n\nexport function Prev() {\n  return (\n    <Root\n      render={Button}\n      use=\"tertiary\"\n      theme=\"muted\"\n      size=\"l\"\n      tabIndex={-1}\n      aria-label=\"Prev period\"\n    />\n  );\n}\n\nPrev.defaultProps = {\n  children: <ChevronLeft />,\n};\n\nexport function Next() {\n  return (\n    <Root\n      render={Button}\n      use=\"tertiary\"\n      theme=\"muted\"\n      size=\"l\"\n      tabIndex={-1}\n      aria-label=\"Next period\"\n    />\n  );\n}\n\nNext.defaultProps = {\n  children: <ChevronRight />,\n};\n\nconst stylesBtn = sstyled.css`\n  SInner {\n    justify-content: flex-start;\n  }\n`;\n\nexport class Period extends Component {\n  getActiveControl = (period = [], value) => {\n    function compareMonth(monthOne, monthTwo) {\n      return dayjs(monthOne).isSame(dayjs(monthTwo), 'date');\n    }\n\n    if (!period || !value) return false;\n    if (Array.isArray(value) && period.length !== value.length) return false;\n    if (Array.isArray(value)) {\n      return compareMonth(period[0], value[0]) && compareMonth(period[1], value[1]);\n    }\n\n    return compareMonth(period[0], value);\n  };\n\n  render() {\n    const SPeriod = Root;\n    const {\n      styles,\n      value,\n      onChange,\n      periods,\n      onHighlightedChange,\n      onDisplayedPeriodChange,\n    } = this.asProps;\n\n    return sstyled(styles)(\n      <SPeriod render={Box}>\n        {periods.map(({ value: period, onClick, onMouseEnter, onMouseLeave, ...other }, i) => (\n          <Button\n            use=\"tertiary\"\n            theme=\"muted\"\n            styles={stylesBtn}\n            key={i}\n            active={this.getActiveControl(period, value)}\n            onClick={callAllEventHandlers(onClick, () => onChange(period))}\n            onMouseEnter={callAllEventHandlers(onMouseEnter, () => {\n              onHighlightedChange(period);\n              onDisplayedPeriodChange(dayjs(period[0]).toDate());\n            })}\n            onMouseLeave={callAllEventHandlers(onMouseLeave, () => {\n              onHighlightedChange([]);\n              onDisplayedPeriodChange(value[0] ? dayjs(value[0]).toDate() : new Date());\n            })}\n            {...other}\n          />\n        ))}\n      </SPeriod>,\n    );\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/components/index.js"],"names":["React","dayjs","Component","Root","sstyled","Dropdown","Box","Button","ChevronLeft","ChevronRight","callAllEventHandlers","ButtonTrigger","Trigger","Popper","props","SPopper","styles","Header","SHeader","Title","Children","STitle","Prev","defaultProps","children","Next","stylesBtn","Period","period","value","compareMonth","monthOne","monthTwo","isSame","Array","isArray","length","SPeriod","asProps","onChange","periods","onHighlightedChange","onDisplayedPeriodChange","map","i","onClick","onMouseEnter","onMouseLeave","other","getActiveControl","toDate","Date"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,EAAoBC,IAApB,EAA0BC,OAA1B,QAAyC,eAAzC;AACA,OAAOC,QAAP,MAAqB,mBAArB;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AACA,OAAOC,YAAP,MAAyB,8BAAzB;AACA,SAASC,oBAAT,QAAqC,gCAArC;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AAEA,OAAO,SAASC,OAAT,GAAmB;AAAA;;AACxB,sBAAO,oBAAcP,QAAQ,CAACO,OAAvB;AAAA,WAAqCD;AAArC,WAAP;AACD;AAED,OAAO,SAASE,MAAT,CAAgBC,KAAhB,EAAuB;AAAA;AAAA;;AAC5B,MAAMC,OAAO,GAEMV,QAAQ,CAACQ,MAF5B;AACA,iBAAOT,OAAO,CAACU,KAAK,CAACE,MAAP,CAAd,eACE,oBAAC,OAAD;AAAA,YAAuC,QAAvC;AAAA,kBAA2D;AAA3D,cADF;AAGD;AAED,OAAO,SAASC,MAAT,CAAgBH,KAAhB,EAAuB;AAAA;AAAA;;AAC5B,MAAMI,OAAO,GACiCZ,GAD9C;AACA,iBAAOF,OAAO,CAACU,KAAK,CAACE,MAAP,CAAd,eAA6B,oBAAC,OAAD,mEAA7B;AACD;AAED,OAAO,IAAMG,KAAK,GAAG,SAARA,KAAQ,SAA0B;AAAA;AAAA;;AAAA,MAAvBC,QAAuB,UAAvBA,QAAuB;AAAA,MAAbJ,MAAa,UAAbA,MAAa;AAC7C,MAAMK,MAAM,GAEMf,GAFlB;AACA,kBAAOF,OAAO,CAACY,MAAD,CAAd,eACE,oBAAC,MAAD,iFACE,oBAAC,QAAD,4BADF,CADF;AAKD,CAPM;AASP,OAAO,SAASM,IAAT,GAAgB;AAAA;;AACrB,sBACE,oBACUf,MADV;AAAA,WAEM,UAFN;AAAA,aAGQ,OAHR;AAAA,YAIO,GAJP;AAAA,gBAKY,CAAC,CALb;AAAA,kBAMa;AANb,YADF;AAUD;AAEDe,IAAI,CAACC,YAAL,GAAoB;AAClBC,EAAAA,QAAQ,eAAE,oBAAC,WAAD;AADQ,CAApB;AAIA,OAAO,SAASC,IAAT,GAAgB;AAAA;;AACrB,sBACE,oBACUlB,MADV;AAAA,WAEM,UAFN;AAAA,aAGQ,OAHR;AAAA,YAIO,GAJP;AAAA,gBAKY,CAAC,CALb;AAAA,kBAMa;AANb,YADF;AAUD;AAEDkB,IAAI,CAACF,YAAL,GAAoB;AAClBC,EAAAA,QAAQ,eAAE,oBAAC,YAAD;AADQ,CAApB;AAIA,IAAME,SAAS;AAAA;AAAGtB,OAAO,OAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAf;AAMA,WAAauB,MAAb;AAAA;;AAAA;;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;;AAAA;;AAAA,wEACqB,YAAwB;AAAA,UAAvBC,MAAuB,uEAAd,EAAc;AAAA,UAAVC,KAAU;;AACzC,eAASC,YAAT,CAAsBC,QAAtB,EAAgCC,QAAhC,EAA0C;AACxC,eAAO/B,KAAK,CAAC8B,QAAD,CAAL,CAAgBE,MAAhB,CAAuBhC,KAAK,CAAC+B,QAAD,CAA5B,EAAwC,MAAxC,CAAP;AACD;;AAED,UAAI,CAACJ,MAAD,IAAW,CAACC,KAAhB,EAAuB,OAAO,KAAP;AACvB,UAAIK,KAAK,CAACC,OAAN,CAAcN,KAAd,KAAwBD,MAAM,CAACQ,MAAP,KAAkBP,KAAK,CAACO,MAApD,EAA4D,OAAO,KAAP;;AAC5D,UAAIF,KAAK,CAACC,OAAN,CAAcN,KAAd,CAAJ,EAA0B;AACxB,eAAOC,YAAY,CAACF,MAAM,CAAC,CAAD,CAAP,EAAYC,KAAK,CAAC,CAAD,CAAjB,CAAZ,IAAqCC,YAAY,CAACF,MAAM,CAAC,CAAD,CAAP,EAAYC,KAAK,CAAC,CAAD,CAAjB,CAAxD;AACD;;AAED,aAAOC,YAAY,CAACF,MAAM,CAAC,CAAD,CAAP,EAAYC,KAAZ,CAAnB;AACD,KAbH;;AAAA;AAAA;;AAAA;AAAA;AAAA,WAeE,kBAAS;AAAA;AAAA;AAAA;;AACP,UAAMQ,OAAO,GAWM/B,GAXnB;AADO,0BASH,KAAKgC,OATF;AAAA,UAGLtB,MAHK,iBAGLA,MAHK;AAAA,UAILa,KAJK,iBAILA,KAJK;AAAA,UAKLU,QALK,iBAKLA,QALK;AAAA,UAMLC,OANK,iBAMLA,OANK;AAAA,UAOLC,mBAPK,iBAOLA,mBAPK;AAAA,UAQLC,uBARK,iBAQLA,uBARK;AAWP,sBAAOtC,OAAO,CAACY,MAAD,CAAd,eACE,oBAAC,OAAD,qEACGwB,OAAO,CAACG,GAAR,CAAY,kBAAmEC,CAAnE;AAAA,YAAUhB,MAAV,UAAGC,KAAH;AAAA,YAAkBgB,OAAlB,UAAkBA,OAAlB;AAAA,YAA2BC,YAA3B,UAA2BA,YAA3B;AAAA,YAAyCC,YAAzC,UAAyCA,YAAzC;AAAA,YAA0DC,KAA1D;;AAAA,4BACX,oBAAC,MAAD;AACE,UAAA,GAAG,EAAC,UADN;AAEE,UAAA,KAAK,EAAC,OAFR;AAGE,UAAA,MAAM,EAAEtB,SAHV;AAIE,UAAA,GAAG,EAAEkB,CAJP;AAKE,UAAA,MAAM,EAAE,MAAI,CAACK,gBAAL,CAAsBrB,MAAtB,EAA8BC,KAA9B,CALV;AAME,UAAA,OAAO,EAAEnB,oBAAoB,CAACmC,OAAD,EAAU;AAAA,mBAAMN,QAAQ,CAACX,MAAD,CAAd;AAAA,WAAV,CAN/B;AAOE,UAAA,YAAY,EAAElB,oBAAoB,CAACoC,YAAD,EAAe,YAAM;AACrDL,YAAAA,mBAAmB,CAACb,MAAD,CAAnB;AACAc,YAAAA,uBAAuB,CAACzC,KAAK,CAAC2B,MAAM,CAAC,CAAD,CAAP,CAAL,CAAiBsB,MAAjB,EAAD,CAAvB;AACD,WAHiC,CAPpC;AAWE,UAAA,YAAY,EAAExC,oBAAoB,CAACqC,YAAD,EAAe,YAAM;AACrDN,YAAAA,mBAAmB,CAAC,EAAD,CAAnB;AACAC,YAAAA,uBAAuB,CAACb,KAAK,CAAC,CAAD,CAAL,GAAW5B,KAAK,CAAC4B,KAAK,CAAC,CAAD,CAAN,CAAL,CAAgBqB,MAAhB,EAAX,GAAsC,IAAIC,IAAJ,EAAvC,CAAvB;AACD,WAHiC;AAXpC,WAeMH,KAfN,EADW;AAAA,OAAZ,CADH,CADF;AAuBD;AAjDH;;AAAA;AAAA,EAA4B9C,SAA5B","sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport ChevronLeft from '@semcore/icon/ChevronLeft/m';\nimport ChevronRight from '@semcore/icon/ChevronRight/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport ButtonTrigger from './ButtonTrigger';\n\nexport function Trigger() {\n  return <Root render={Dropdown.Trigger} tag={ButtonTrigger} />;\n}\n\nexport function Popper(props) {\n  const SPopper = Root;\n  return sstyled(props.styles)(\n    <SPopper render={Dropdown.Popper} role=\"region\" aria-label=\"calendar-container\" />,\n  );\n}\n\nexport function Header(props) {\n  const SHeader = Root;\n  return sstyled(props.styles)(<SHeader render={Box} />);\n}\n\nexport const Title = ({ Children, styles }) => {\n  const STitle = Root;\n  return sstyled(styles)(\n    <STitle render={Box}>\n      <Children />\n    </STitle>,\n  );\n};\n\nexport function Prev() {\n  return (\n    <Root\n      render={Button}\n      use=\"tertiary\"\n      theme=\"muted\"\n      size=\"l\"\n      tabIndex={-1}\n      aria-label=\"Prev period\"\n    />\n  );\n}\n\nPrev.defaultProps = {\n  children: <ChevronLeft />,\n};\n\nexport function Next() {\n  return (\n    <Root\n      render={Button}\n      use=\"tertiary\"\n      theme=\"muted\"\n      size=\"l\"\n      tabIndex={-1}\n      aria-label=\"Next period\"\n    />\n  );\n}\n\nNext.defaultProps = {\n  children: <ChevronRight />,\n};\n\nconst stylesBtn = sstyled.css`\n  SInner {\n    justify-content: flex-start;\n  }\n`;\n\nexport class Period extends Component {\n  getActiveControl = (period = [], value) => {\n    function compareMonth(monthOne, monthTwo) {\n      return dayjs(monthOne).isSame(dayjs(monthTwo), 'date');\n    }\n\n    if (!period || !value) return false;\n    if (Array.isArray(value) && period.length !== value.length) return false;\n    if (Array.isArray(value)) {\n      return compareMonth(period[0], value[0]) && compareMonth(period[1], value[1]);\n    }\n\n    return compareMonth(period[0], value);\n  };\n\n  render() {\n    const SPeriod = Root;\n    const {\n      styles,\n      value,\n      onChange,\n      periods,\n      onHighlightedChange,\n      onDisplayedPeriodChange,\n    } = this.asProps;\n\n    return sstyled(styles)(\n      <SPeriod render={Box}>\n        {periods.map(({ value: period, onClick, onMouseEnter, onMouseLeave, ...other }, i) => (\n          <Button\n            use=\"tertiary\"\n            theme=\"muted\"\n            styles={stylesBtn}\n            key={i}\n            active={this.getActiveControl(period, value)}\n            onClick={callAllEventHandlers(onClick, () => onChange(period))}\n            onMouseEnter={callAllEventHandlers(onMouseEnter, () => {\n              onHighlightedChange(period);\n              onDisplayedPeriodChange(dayjs(period[0]).toDate());\n            })}\n            onMouseLeave={callAllEventHandlers(onMouseLeave, () => {\n              onHighlightedChange([]);\n              onDisplayedPeriodChange(value[0] ? dayjs(value[0]).toDate() : new Date());\n            })}\n            {...other}\n          />\n        ))}\n      </SPeriod>,\n    );\n  }\n}\n"],"file":"index.js"}

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

@@ -31,7 +31,6 @@ SWeekDay {
   justify-content: center;
   color: var(--gray60);
   font-size: var(--fs-100);
-  text-transform: uppercase;
   font-weight: 400;
   overflow: hidden;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/date-picker",
   "description": "SEMRush DatePicker Component",
-  "version": "2.5.4",
+  "version": "2.7.0-0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -16,9 +16,9 @@
     "@semcore/utils": "^3.27",
     "@semcore/base-trigger": "^2",
     "@semcore/flex-box": "^4",
-    "@semcore/button": "^3",
+    "@semcore/button": "^3.3.3-0",
     "@semcore/divider": "^2",
-    "@semcore/icon": "^2",
+    "@semcore/icon": "^2.16",
     "@semcore/dropdown": "^2",
     "@semcore/typography": "^3",
     "dayjs": "^1.8"
@@ -28,6 +28,6 @@
     "react": "16.8 - 17"
   },
   "jest": {
-    "preset": "jest-preset-ui"
+    "preset": "@semcore/jest-preset-ui"
   }
 }

package/src/DatePicker.js

@@ -64,9 +64,7 @@ export class DatePickerRoot extends PickerAbstract {
     return {
       ...super.getTitleProps(),
       children: new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }).format(
-        dayjs(displayedPeriod)
-          .startOf('month')
-          .toDate(),
+        dayjs(displayedPeriod).startOf('month').toDate(),
       ),
     };
   }

package/src/DateRangePicker.js

@@ -35,48 +35,23 @@ class DateRangePickerRoot extends RangePickerAbstract {
     return [
       {
         children: getI18nText('last2Days'),
-        value: [
-          dayjs(today)
-            .subtract(1, 'day')
-            .toDate(),
-          today,
-        ],
+        value: [dayjs(today).subtract(1, 'day').toDate(), today],
       },
       {
         children: getI18nText('lastWeek'),
-        value: [
-          dayjs(today)
-            .subtract(6, 'day')
-            .toDate(),
-          today,
-        ],
+        value: [dayjs(today).subtract(6, 'day').toDate(), today],
       },
       {
         children: getI18nText('last2Weeks'),
-        value: [
-          dayjs(today)
-            .subtract(13, 'day')
-            .toDate(),
-          today,
-        ],
+        value: [dayjs(today).subtract(13, 'day').toDate(), today],
       },
       {
         children: getI18nText('lastMonth'),
-        value: [
-          dayjs(today)
-            .subtract(1, 'month')
-            .toDate(),
-          today,
-        ],
+        value: [dayjs(today).subtract(1, 'month').toDate(), today],
       },
       {
         children: getI18nText('last2Months'),
-        value: [
-          dayjs(today)
-            .subtract(2, 'month')
-            .toDate(),
-          today,
-        ],
+        value: [dayjs(today).subtract(2, 'month').toDate(), today],
       },
     ];
   }

package/src/MonthPicker.js

@@ -46,9 +46,7 @@ class MonthPickerRoot extends PickerAbstract {
     return {
       ...super.getTitleProps(),
       children: new Intl.DateTimeFormat(locale, { year: 'numeric' }).format(
-        dayjs(displayedPeriod)
-          .startOf('year')
-          .toDate(),
+        dayjs(displayedPeriod).startOf('year').toDate(),
       ),
     };
   }

package/src/MonthRangePicker.js

@@ -36,49 +36,29 @@ class MonthRangePickerRoot extends RangePickerAbstract {
       {
         children: getI18nText('lastMonth'),
         value: [
-          dayjs(today)
-            .subtract(1, 'month')
-            .startOf('month')
-            .toDate(),
-          dayjs(today)
-            .startOf('month')
-            .toDate(),
+          dayjs(today).subtract(1, 'month').startOf('month').toDate(),
+          dayjs(today).startOf('month').toDate(),
         ],
       },
       {
         children: getI18nText('last3Months'),
         value: [
-          dayjs(today)
-            .subtract(2, 'month')
-            .startOf('month')
-            .toDate(),
-          dayjs(today)
-            .startOf('month')
-            .toDate(),
+          dayjs(today).subtract(2, 'month').startOf('month').toDate(),
+          dayjs(today).startOf('month').toDate(),
         ],
       },
       {
         children: getI18nText('last6Months'),
         value: [
-          dayjs(today)
-            .subtract(5, 'month')
-            .startOf('month')
-            .toDate(),
-          dayjs(today)
-            .startOf('month')
-            .toDate(),
+          dayjs(today).subtract(5, 'month').startOf('month').toDate(),
+          dayjs(today).startOf('month').toDate(),
         ],
       },
       {
         children: getI18nText('last12Months'),
         value: [
-          dayjs(today)
-            .subtract(11, 'month')
-            .startOf('month')
-            .toDate(),
-          dayjs(today)
-            .startOf('month')
-            .toDate(),
+          dayjs(today).subtract(11, 'month').startOf('month').toDate(),
+          dayjs(today).startOf('month').toDate(),
         ],
       },
     ];
@@ -102,10 +82,7 @@ class MonthRangePickerRoot extends RangePickerAbstract {
     return {
       ...super.getTitleProps(props, index),
       children: new Intl.DateTimeFormat(locale, { year: 'numeric' }).format(
-        dayjs(displayedPeriod)
-          .add(index, this.navigateStep)
-          .startOf(this.navigateStep)
-          .toDate(),
+        dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),
       ),
     };
   }

package/src/components/ButtonTrigger.js

@@ -2,21 +2,13 @@ import React, { ComponentProps } from 'react';
 import BaseTrigger from '@semcore/base-trigger';
 import { Box } from '@semcore/flex-box';
 import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
-import CalendarXS from '@semcore/icon/lib/Calendar/xs';
-import CalendarS from '@semcore/icon/lib/Calendar/s';
+import Calendar from '@semcore/icon/Calendar/m';
 import createComponent, { Root } from '@semcore/core';
 
-const MAP_SIZE_TO_CALENDAR_SIZE = {
-  m: CalendarXS,
-  l: CalendarS,
-  xl: CalendarS,
-};
-
 const ButtonTriggerRoot = ({ Children, size }) => {
-  const Icon = MAP_SIZE_TO_CALENDAR_SIZE[size || 'm'];
   return (
     <Root render={BaseTrigger}>
-      <ButtonTrigger.Addon tag={Icon} />
+      <ButtonTrigger.Addon tag={Calendar} />
       {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon)}
     </Root>
   );

package/src/components/Calendar.js

@@ -37,9 +37,7 @@ class CalendarWeekDaysRoot extends Component {
   getDaysByWeek() {
     const { locale } = this.asProps;
 
-    let date = dayjs()
-      .locale(locale, getDayJSLocaleParams(locale))
-      .startOf('week');
+    let date = dayjs().locale(locale, getDayJSLocaleParams(locale)).startOf('week');
     return range(7, () => {
       const weekday = new Intl.DateTimeFormat(locale, { weekday: 'short' }).format(date.valueOf());
       date = date.add(1, 'day');

package/src/components/PickerAbstract.js

@@ -42,15 +42,11 @@ class PickerAbstract extends Component {
   static enhance = [i18nEnhance()];
 
   static add = (date, amount, unit) => {
-    return dayjs(date)
-      .add(amount, unit)
-      .toDate();
+    return dayjs(date).add(amount, unit).toDate();
   };
 
   static subtract = (date, amount, unit) => {
-    return dayjs(date)
-      .subtract(amount, unit)
-      .toDate();
+    return dayjs(date).subtract(amount, unit).toDate();
   };
 
   navigateStep;
@@ -84,9 +80,7 @@ class PickerAbstract extends Component {
   navigateView = (direction) => {
     const { displayedPeriod } = this.asProps;
     const action = direction >= 1 ? 'add' : 'subtract';
-    const date = dayjs(displayedPeriod)
-      [action](1, this.navigateStep)
-      .toDate();
+    const date = dayjs(displayedPeriod)[action](1, this.navigateStep).toDate();
     this.handlers.displayedPeriod(date);
   };
 

package/src/components/RangePickerAbstract.js

@@ -51,15 +51,11 @@ class RangePickerAbstract extends Component {
   static enhance = [i18nEnhance()];
 
   static add = (date, amount, unit) => {
-    return dayjs(date)
-      .add(amount, unit)
-      .toDate();
+    return dayjs(date).add(amount, unit).toDate();
   };
 
   static subtract = (date, amount, unit) => {
-    return dayjs(date)
-      .subtract(amount, unit)
-      .toDate();
+    return dayjs(date).subtract(amount, unit).toDate();
   };
 
   navigateStep;
@@ -78,6 +74,7 @@ class RangePickerAbstract extends Component {
         (visible) => {
           if (!visible) {
             this.handlers.highlighted([]);
+            this.setState({ dirtyValue: [] });
             this.handlers.displayedPeriod(
               getEndDate(this.asProps.value) || this.props.defaultDisplayedPeriod,
             );
@@ -99,9 +96,7 @@ class RangePickerAbstract extends Component {
   navigateView = (direction) => {
     const { displayedPeriod } = this.asProps;
     const action = direction >= 1 ? 'add' : 'subtract';
-    const date = dayjs(displayedPeriod)
-      [action](1, this.navigateStep)
-      .toDate();
+    const date = dayjs(displayedPeriod)[action](1, this.navigateStep).toDate();
     this.handlers.displayedPeriod(date);
   };
 
@@ -144,11 +139,7 @@ class RangePickerAbstract extends Component {
               .toDate(),
           ];
         } else {
-          next_highlighted = [
-            dayjs(highlighted[0])
-              .add(day, this.keyStep)
-              .toDate(),
-          ];
+          next_highlighted = [dayjs(highlighted[0]).add(day, this.keyStep).toDate()];
         }
         this.handlers.highlighted(next_highlighted);
         this.handlers.displayedPeriod(setNextDisplayedPeriod(next_highlighted));
@@ -283,10 +274,7 @@ class RangePickerAbstract extends Component {
     const { locale, displayedPeriod } = this.asProps;
     return {
       children: new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }).format(
-        dayjs(displayedPeriod)
-          .add(index, this.navigateStep)
-          .startOf(this.navigateStep)
-          .toDate(),
+        dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),
       ),
     };
   }

package/src/components/index.js

@@ -4,8 +4,8 @@ import { Component, Root, sstyled } from '@semcore/core';
 import Dropdown from '@semcore/dropdown';
 import { Box } from '@semcore/flex-box';
 import Button from '@semcore/button';
-import ChevronLeft from '@semcore/icon/lib/ChevronLeft/xs';
-import ChevronRight from '@semcore/icon/lib/ChevronRight/xs';
+import ChevronLeft from '@semcore/icon/ChevronLeft/m';
+import ChevronRight from '@semcore/icon/ChevronRight/m';
 import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
 import ButtonTrigger from './ButtonTrigger';
 

package/src/style/calendar.shadow.css

@@ -31,7 +31,6 @@ SWeekDay {
   justify-content: center;
   color: var(--gray60);
   font-size: var(--fs-100);
-  text-transform: uppercase;
   font-weight: 400;
   overflow: hidden;
 }