@semcore/date-picker 3.0.8 → 3.0.11

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [3.0.11] - 2022-07-21
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/base-trigger` [3.0.8 ~> 3.0.9], `@semcore/icon` [2.28.0 ~> 2.29.0]).
+
+## [3.0.10] - 2022-07-14
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/base-trigger` [3.0.7 ~> 3.0.8], `@semcore/button` [4.0.7 ~> 4.0.8]).
+
+## [3.0.9] - 2022-07-07
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/utils` [3.33.0 ~> 3.34.0], `@semcore/base-trigger` [3.0.6 ~> 3.0.7], `@semcore/button` [4.0.6 ~> 4.0.7], `@semcore/icon` [2.27.0 ~> 2.28.0]).
+
 ## [3.0.8] - 2022-06-02
 
 ### Changed

package/README.md

@@ -0,0 +1,72 @@
+# @semcore/date-picker
+
+[![version](https://img.shields.io/npm/v/@semcore/date-picker.svg)](https://www.npmjs.com/@semcore/date-picker)
+[![downloads](https://img.shields.io/npm/dt/@semcore/date-picker.svg)](https://www.npmjs.com/package/@semcore/date-picker)
+[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)
+
+> This component is part of the Intergalactic design system
+
+### 📖 [Component documentation](https://developer.semrush.com/intergalactic/components/date-picker/)
+
+### 🏠 [Design system](https://developer.semrush.com/intergalactic/)
+
+## Install
+
+```sh
+npm install @semcore/ui
+```
+
+## Usage
+
+```jsx
+import {
+  DatePicker,
+  DateRangePicker,
+  MonthPicker,
+  MonthRangePicker,
+} from '@semcore/ui/date-picker';
+```
+
+<details>
+  <summary>Alternative installation and use</summary>
+
+**We do not recommend this usage path due to possible dependency and update issues.**
+
+### Install
+
+You can only install one package from the design system
+
+```sh
+npm install @semcore/date-picker @semcore/core
+```
+
+`@semcore/core` - _is the basic package by which we create our components, and it contains all of the common logic
+of the components that is discussed below. There should only be one version of the package in the project._
+
+### Usage
+
+You can use the package the same way but without `/ui/` in the import path.
+
+```jsx
+import { DatePicker, DateRangePicker, MonthPicker, MonthRangePicker } from '@semcore/date-picker';
+```
+
+</details>
+
+## 👤 Author
+
+[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
+
+## 🤝 Contributing
+
+Contributions, issues and feature requests are welcome!
+
+Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).
+
+## Show your support
+
+Give a ⭐️ if this project helped you!
+
+## 📝 License
+
+This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.

package/lib/cjs/components/Calendar.js

@@ -66,26 +66,26 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SCalendar_culb2_gg_{display:flex;flex-direction:column}.___SGridDays_culb2_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_culb2_gg_{display:grid;grid-row-gap:8px;grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_culb2_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_culb2_gg_{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;color:#6c6e79;font-size:14px;font-weight:400;overflow:hidden}.___SCalendarUnit_culb2_gg_{font-family:inherit;font-weight:400;line-height:normal;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:#191b23;outline:0;box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:transparent;align-items:center;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;justify-content:center;min-height:32px;min-width:32px;position:relative;transition:color .15s,background .15s;outline:none}.___SCalendarUnit_culb2_gg_:hover{color:#191b23;background:#e0e1e9}.___SCalendarUnit_culb2_gg_.focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_culb2_gg_:focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_culb2_gg_.__today_culb2_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:6px;width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid #c4c7cf}.___SCalendarUnit_culb2_gg_.__today_culb2_gg_.___SCalendarUnit_culb2_gg_.__endSelected_culb2_gg_:before,.___SCalendarUnit_culb2_gg_.__today_culb2_gg_.___SCalendarUnit_culb2_gg_.__startSelected_culb2_gg_:before{border-color:hsla(0,0%,100%,.5)}.___SCalendarUnit_culb2_gg_.__selected_culb2_gg_{background:#c4e5fe;border-radius:0;color:#191b23}.___SCalendarUnit_culb2_gg_.__selected_culb2_gg_:hover{background:#008ff8}.___SCalendarUnit_culb2_gg_.__highlighted_culb2_gg_{background:rgba(0,143,248,.2);border-radius:0;color:#191b23}.___SCalendarUnit_culb2_gg_.__highlighted_culb2_gg_:hover{background:rgba(0,143,248,.3)}.___SCalendarUnit_culb2_gg_.__startSelected_culb2_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0;color:#fff;background:#2bb3ff}.___SCalendarUnit_culb2_gg_.__startSelected_culb2_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_culb2_gg_.__endSelected_culb2_gg_{background:#2bb3ff;border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px;color:#fff}.___SCalendarUnit_culb2_gg_.__endSelected_culb2_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_culb2_gg_.__startHighlighted_culb2_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0}.___SCalendarUnit_culb2_gg_.__endHighlighted_culb2_gg_{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px}.___SCalendarUnit_culb2_gg_.__startHighlighted_culb2_gg_.___SCalendarUnit_culb2_gg_.__endHighlighted_culb2_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_culb2_gg_.__startSelected_culb2_gg_.___SCalendarUnit_culb2_gg_.__endSelected_culb2_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_culb2_gg_.__outdated_culb2_gg_{opacity:.2}.___SCalendarUnit_culb2_gg_.__disabled_culb2_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_culb2_gg_{transition:none}}"
+".___SCalendar_1xn0k_gg_{display:flex;flex-direction:column}.___SGridDays_1xn0k_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_1xn0k_gg_{display:grid;grid-row-gap:8px;grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_1xn0k_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_1xn0k_gg_{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;color:#6c6e79;font-size:14px;font-weight:400;overflow:hidden}.___SCalendarUnit_1xn0k_gg_{font-family:inherit;font-weight:400;line-height:normal;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:#191b23;outline:0;box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:transparent;align-items:center;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;justify-content:center;min-height:32px;min-width:32px;position:relative;transition:color .15s,background .15s;outline:none}.___SCalendarUnit_1xn0k_gg_:hover{color:#191b23;background:#e0e1e9}.___SCalendarUnit_1xn0k_gg_.focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_1xn0k_gg_:focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_1xn0k_gg_.__today_1xn0k_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:6px;width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid #c4c7cf}.___SCalendarUnit_1xn0k_gg_.__today_1xn0k_gg_.___SCalendarUnit_1xn0k_gg_.__endSelected_1xn0k_gg_:before,.___SCalendarUnit_1xn0k_gg_.__today_1xn0k_gg_.___SCalendarUnit_1xn0k_gg_.__startSelected_1xn0k_gg_:before{border-color:hsla(0,0%,100%,.5)}.___SCalendarUnit_1xn0k_gg_.__selected_1xn0k_gg_{background:#c4e5fe;border-radius:0;color:#191b23}.___SCalendarUnit_1xn0k_gg_.__selected_1xn0k_gg_:hover{background:#008ff8}.___SCalendarUnit_1xn0k_gg_.__highlighted_1xn0k_gg_{background:rgba(0,143,248,.2);border-radius:0;color:#191b23}.___SCalendarUnit_1xn0k_gg_.__highlighted_1xn0k_gg_:hover{background:rgba(0,143,248,.3)}.___SCalendarUnit_1xn0k_gg_.__startSelected_1xn0k_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0;color:#fff;background:#2bb3ff}.___SCalendarUnit_1xn0k_gg_.__startSelected_1xn0k_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_1xn0k_gg_.__endSelected_1xn0k_gg_{background:#2bb3ff;border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px;color:#fff}.___SCalendarUnit_1xn0k_gg_.__endSelected_1xn0k_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_1xn0k_gg_.__startHighlighted_1xn0k_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0}.___SCalendarUnit_1xn0k_gg_.__endHighlighted_1xn0k_gg_{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px}.___SCalendarUnit_1xn0k_gg_.__startHighlighted_1xn0k_gg_.___SCalendarUnit_1xn0k_gg_.__endHighlighted_1xn0k_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_1xn0k_gg_.__startSelected_1xn0k_gg_.___SCalendarUnit_1xn0k_gg_.__endSelected_1xn0k_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_1xn0k_gg_.__outdated_1xn0k_gg_{opacity:.2}.___SCalendarUnit_1xn0k_gg_.__disabled_1xn0k_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_1xn0k_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "1k0az1i_gg_")
+, "1xn0k_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCalendar": "___SCalendar_culb2_gg_",
-  "__SGridDays": "___SGridDays_culb2_gg_",
-  "__SGridMonths": "___SGridMonths_culb2_gg_",
-  "__SWeekDays": "___SWeekDays_culb2_gg_",
-  "__SWeekDay": "___SWeekDay_culb2_gg_",
-  "__SCalendarUnit": "___SCalendarUnit_culb2_gg_",
-  "_today": "__today_culb2_gg_",
-  "_endSelected": "__endSelected_culb2_gg_",
-  "_startSelected": "__startSelected_culb2_gg_",
-  "_selected": "__selected_culb2_gg_",
-  "_highlighted": "__highlighted_culb2_gg_",
-  "_startHighlighted": "__startHighlighted_culb2_gg_",
-  "_endHighlighted": "__endHighlighted_culb2_gg_",
-  "_outdated": "__outdated_culb2_gg_",
-  "_disabled": "__disabled_culb2_gg_"
+  "__SCalendar": "___SCalendar_1xn0k_gg_",
+  "__SGridDays": "___SGridDays_1xn0k_gg_",
+  "__SGridMonths": "___SGridMonths_1xn0k_gg_",
+  "__SWeekDays": "___SWeekDays_1xn0k_gg_",
+  "__SWeekDay": "___SWeekDay_1xn0k_gg_",
+  "__SCalendarUnit": "___SCalendarUnit_1xn0k_gg_",
+  "_today": "__today_1xn0k_gg_",
+  "_endSelected": "__endSelected_1xn0k_gg_",
+  "_startSelected": "__startSelected_1xn0k_gg_",
+  "_selected": "__selected_1xn0k_gg_",
+  "_highlighted": "__highlighted_1xn0k_gg_",
+  "_startHighlighted": "__startHighlighted_1xn0k_gg_",
+  "_endHighlighted": "__endHighlighted_1xn0k_gg_",
+  "_outdated": "__outdated_1xn0k_gg_",
+  "_disabled": "__disabled_1xn0k_gg_"
 });
 
 _dayjs["default"].extend(_isBetween["default"]);

package/lib/cjs/components/PickerAbstract.js

@@ -64,16 +64,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPopper_16bic_gg_{padding:16px;outline:0}.___SPopper_16bic_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_16bic_gg_:active,.___SPopper_16bic_gg_:focus,.___SPopper_16bic_gg_:hover{outline:0;text-decoration:none}.___SPopper_16bic_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_16bic_gg_{display:flex;align-items:center}.___STitle_16bic_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_16bic_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_16bic_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
+".___SPopper_mg8xz_gg_{padding:16px;outline:0}.___SPopper_mg8xz_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_mg8xz_gg_:active,.___SPopper_mg8xz_gg_:focus,.___SPopper_mg8xz_gg_:hover{outline:0;text-decoration:none}.___SPopper_mg8xz_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_mg8xz_gg_{display:flex;align-items:center}.___STitle_mg8xz_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_mg8xz_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_mg8xz_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
 /*__inner_css_end__*/
-, "iz6ur6_gg_")
+, "mg8xz_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_16bic_gg_",
-  "__SHeader": "___SHeader_16bic_gg_",
-  "__STitle": "___STitle_16bic_gg_",
-  "__SToday": "___SToday_16bic_gg_",
-  "__SPeriod": "___SPeriod_16bic_gg_"
+  "__SPopper": "___SPopper_mg8xz_gg_",
+  "__SHeader": "___SHeader_mg8xz_gg_",
+  "__STitle": "___STitle_mg8xz_gg_",
+  "__SToday": "___SToday_mg8xz_gg_",
+  "__SPeriod": "___SPeriod_mg8xz_gg_"
 });
 var i18n = {
   de: _de["default"],

package/lib/cjs/components/RangePickerAbstract.js

@@ -70,16 +70,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPopper_16bic_gg_{padding:16px;outline:0}.___SPopper_16bic_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_16bic_gg_:active,.___SPopper_16bic_gg_:focus,.___SPopper_16bic_gg_:hover{outline:0;text-decoration:none}.___SPopper_16bic_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_16bic_gg_{display:flex;align-items:center}.___STitle_16bic_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_16bic_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_16bic_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
+".___SPopper_mg8xz_gg_{padding:16px;outline:0}.___SPopper_mg8xz_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_mg8xz_gg_:active,.___SPopper_mg8xz_gg_:focus,.___SPopper_mg8xz_gg_:hover{outline:0;text-decoration:none}.___SPopper_mg8xz_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_mg8xz_gg_{display:flex;align-items:center}.___STitle_mg8xz_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_mg8xz_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_mg8xz_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
 /*__inner_css_end__*/
-, "iz6ur6_gg_")
+, "mg8xz_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_16bic_gg_",
-  "__SHeader": "___SHeader_16bic_gg_",
-  "__STitle": "___STitle_16bic_gg_",
-  "__SToday": "___SToday_16bic_gg_",
-  "__SPeriod": "___SPeriod_16bic_gg_"
+  "__SPopper": "___SPopper_mg8xz_gg_",
+  "__SHeader": "___SHeader_mg8xz_gg_",
+  "__STitle": "___STitle_mg8xz_gg_",
+  "__SToday": "___SToday_mg8xz_gg_",
+  "__SPeriod": "___SPeriod_mg8xz_gg_"
 });
 var i18n = {
   de: _de["default"],

package/lib/cjs/components/index.js

@@ -132,12 +132,12 @@ var stylesBtn = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SInner_1td0i_gg_{justify-content:flex-start}"
+".___SInner_3fo6y_gg_{justify-content:flex-start}"
 /*__inner_css_end__*/
-, "rfgf9b_gg_")
+, "3fo6y_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SInner": "___SInner_1td0i_gg_"
+  "__SInner": "___SInner_3fo6y_gg_"
 });
 
 var Period = /*#__PURE__*/function (_Component) {

package/lib/es6/components/Calendar.js

@@ -38,26 +38,26 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SCalendar_culb2_gg_{display:flex;flex-direction:column}.___SGridDays_culb2_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_culb2_gg_{display:grid;grid-row-gap:8px;grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_culb2_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_culb2_gg_{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;color:#6c6e79;font-size:14px;font-weight:400;overflow:hidden}.___SCalendarUnit_culb2_gg_{font-family:inherit;font-weight:400;line-height:normal;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:#191b23;outline:0;box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:transparent;align-items:center;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;justify-content:center;min-height:32px;min-width:32px;position:relative;transition:color .15s,background .15s;outline:none}.___SCalendarUnit_culb2_gg_:hover{color:#191b23;background:#e0e1e9}.___SCalendarUnit_culb2_gg_.focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_culb2_gg_:focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_culb2_gg_.__today_culb2_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:6px;width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid #c4c7cf}.___SCalendarUnit_culb2_gg_.__today_culb2_gg_.___SCalendarUnit_culb2_gg_.__endSelected_culb2_gg_:before,.___SCalendarUnit_culb2_gg_.__today_culb2_gg_.___SCalendarUnit_culb2_gg_.__startSelected_culb2_gg_:before{border-color:hsla(0,0%,100%,.5)}.___SCalendarUnit_culb2_gg_.__selected_culb2_gg_{background:#c4e5fe;border-radius:0;color:#191b23}.___SCalendarUnit_culb2_gg_.__selected_culb2_gg_:hover{background:#008ff8}.___SCalendarUnit_culb2_gg_.__highlighted_culb2_gg_{background:rgba(0,143,248,.2);border-radius:0;color:#191b23}.___SCalendarUnit_culb2_gg_.__highlighted_culb2_gg_:hover{background:rgba(0,143,248,.3)}.___SCalendarUnit_culb2_gg_.__startSelected_culb2_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0;color:#fff;background:#2bb3ff}.___SCalendarUnit_culb2_gg_.__startSelected_culb2_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_culb2_gg_.__endSelected_culb2_gg_{background:#2bb3ff;border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px;color:#fff}.___SCalendarUnit_culb2_gg_.__endSelected_culb2_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_culb2_gg_.__startHighlighted_culb2_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0}.___SCalendarUnit_culb2_gg_.__endHighlighted_culb2_gg_{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px}.___SCalendarUnit_culb2_gg_.__startHighlighted_culb2_gg_.___SCalendarUnit_culb2_gg_.__endHighlighted_culb2_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_culb2_gg_.__startSelected_culb2_gg_.___SCalendarUnit_culb2_gg_.__endSelected_culb2_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_culb2_gg_.__outdated_culb2_gg_{opacity:.2}.___SCalendarUnit_culb2_gg_.__disabled_culb2_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_culb2_gg_{transition:none}}"
+".___SCalendar_1xn0k_gg_{display:flex;flex-direction:column}.___SGridDays_1xn0k_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_1xn0k_gg_{display:grid;grid-row-gap:8px;grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_1xn0k_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_1xn0k_gg_{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;color:#6c6e79;font-size:14px;font-weight:400;overflow:hidden}.___SCalendarUnit_1xn0k_gg_{font-family:inherit;font-weight:400;line-height:normal;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:#191b23;outline:0;box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:transparent;align-items:center;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;justify-content:center;min-height:32px;min-width:32px;position:relative;transition:color .15s,background .15s;outline:none}.___SCalendarUnit_1xn0k_gg_:hover{color:#191b23;background:#e0e1e9}.___SCalendarUnit_1xn0k_gg_.focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_1xn0k_gg_:focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_1xn0k_gg_.__today_1xn0k_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:6px;width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid #c4c7cf}.___SCalendarUnit_1xn0k_gg_.__today_1xn0k_gg_.___SCalendarUnit_1xn0k_gg_.__endSelected_1xn0k_gg_:before,.___SCalendarUnit_1xn0k_gg_.__today_1xn0k_gg_.___SCalendarUnit_1xn0k_gg_.__startSelected_1xn0k_gg_:before{border-color:hsla(0,0%,100%,.5)}.___SCalendarUnit_1xn0k_gg_.__selected_1xn0k_gg_{background:#c4e5fe;border-radius:0;color:#191b23}.___SCalendarUnit_1xn0k_gg_.__selected_1xn0k_gg_:hover{background:#008ff8}.___SCalendarUnit_1xn0k_gg_.__highlighted_1xn0k_gg_{background:rgba(0,143,248,.2);border-radius:0;color:#191b23}.___SCalendarUnit_1xn0k_gg_.__highlighted_1xn0k_gg_:hover{background:rgba(0,143,248,.3)}.___SCalendarUnit_1xn0k_gg_.__startSelected_1xn0k_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0;color:#fff;background:#2bb3ff}.___SCalendarUnit_1xn0k_gg_.__startSelected_1xn0k_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_1xn0k_gg_.__endSelected_1xn0k_gg_{background:#2bb3ff;border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px;color:#fff}.___SCalendarUnit_1xn0k_gg_.__endSelected_1xn0k_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_1xn0k_gg_.__startHighlighted_1xn0k_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0}.___SCalendarUnit_1xn0k_gg_.__endHighlighted_1xn0k_gg_{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px}.___SCalendarUnit_1xn0k_gg_.__startHighlighted_1xn0k_gg_.___SCalendarUnit_1xn0k_gg_.__endHighlighted_1xn0k_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_1xn0k_gg_.__startSelected_1xn0k_gg_.___SCalendarUnit_1xn0k_gg_.__endSelected_1xn0k_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_1xn0k_gg_.__outdated_1xn0k_gg_{opacity:.2}.___SCalendarUnit_1xn0k_gg_.__disabled_1xn0k_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_1xn0k_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "1k0az1i_gg_")
+, "1xn0k_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCalendar": "___SCalendar_culb2_gg_",
-  "__SGridDays": "___SGridDays_culb2_gg_",
-  "__SGridMonths": "___SGridMonths_culb2_gg_",
-  "__SWeekDays": "___SWeekDays_culb2_gg_",
-  "__SWeekDay": "___SWeekDay_culb2_gg_",
-  "__SCalendarUnit": "___SCalendarUnit_culb2_gg_",
-  "_today": "__today_culb2_gg_",
-  "_endSelected": "__endSelected_culb2_gg_",
-  "_startSelected": "__startSelected_culb2_gg_",
-  "_selected": "__selected_culb2_gg_",
-  "_highlighted": "__highlighted_culb2_gg_",
-  "_startHighlighted": "__startHighlighted_culb2_gg_",
-  "_endHighlighted": "__endHighlighted_culb2_gg_",
-  "_outdated": "__outdated_culb2_gg_",
-  "_disabled": "__disabled_culb2_gg_"
+  "__SCalendar": "___SCalendar_1xn0k_gg_",
+  "__SGridDays": "___SGridDays_1xn0k_gg_",
+  "__SGridMonths": "___SGridMonths_1xn0k_gg_",
+  "__SWeekDays": "___SWeekDays_1xn0k_gg_",
+  "__SWeekDay": "___SWeekDay_1xn0k_gg_",
+  "__SCalendarUnit": "___SCalendarUnit_1xn0k_gg_",
+  "_today": "__today_1xn0k_gg_",
+  "_endSelected": "__endSelected_1xn0k_gg_",
+  "_startSelected": "__startSelected_1xn0k_gg_",
+  "_selected": "__selected_1xn0k_gg_",
+  "_highlighted": "__highlighted_1xn0k_gg_",
+  "_startHighlighted": "__startHighlighted_1xn0k_gg_",
+  "_endHighlighted": "__endHighlighted_1xn0k_gg_",
+  "_outdated": "__outdated_1xn0k_gg_",
+  "_disabled": "__disabled_1xn0k_gg_"
 });
 dayjs.extend(isBetween);
 

package/lib/es6/components/PickerAbstract.js

@@ -34,16 +34,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPopper_16bic_gg_{padding:16px;outline:0}.___SPopper_16bic_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_16bic_gg_:active,.___SPopper_16bic_gg_:focus,.___SPopper_16bic_gg_:hover{outline:0;text-decoration:none}.___SPopper_16bic_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_16bic_gg_{display:flex;align-items:center}.___STitle_16bic_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_16bic_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_16bic_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
+".___SPopper_mg8xz_gg_{padding:16px;outline:0}.___SPopper_mg8xz_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_mg8xz_gg_:active,.___SPopper_mg8xz_gg_:focus,.___SPopper_mg8xz_gg_:hover{outline:0;text-decoration:none}.___SPopper_mg8xz_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_mg8xz_gg_{display:flex;align-items:center}.___STitle_mg8xz_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_mg8xz_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_mg8xz_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
 /*__inner_css_end__*/
-, "iz6ur6_gg_")
+, "mg8xz_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_16bic_gg_",
-  "__SHeader": "___SHeader_16bic_gg_",
-  "__STitle": "___STitle_16bic_gg_",
-  "__SToday": "___SToday_16bic_gg_",
-  "__SPeriod": "___SPeriod_16bic_gg_"
+  "__SPopper": "___SPopper_mg8xz_gg_",
+  "__SHeader": "___SHeader_mg8xz_gg_",
+  "__STitle": "___STitle_mg8xz_gg_",
+  "__SToday": "___SToday_mg8xz_gg_",
+  "__SPeriod": "___SPeriod_mg8xz_gg_"
 });
 import includesDate from '../utils/includesDate';
 var i18n = {

package/lib/es6/components/RangePickerAbstract.js

@@ -38,16 +38,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPopper_16bic_gg_{padding:16px;outline:0}.___SPopper_16bic_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_16bic_gg_:active,.___SPopper_16bic_gg_:focus,.___SPopper_16bic_gg_:hover{outline:0;text-decoration:none}.___SPopper_16bic_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_16bic_gg_{display:flex;align-items:center}.___STitle_16bic_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_16bic_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_16bic_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
+".___SPopper_mg8xz_gg_{padding:16px;outline:0}.___SPopper_mg8xz_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_mg8xz_gg_:active,.___SPopper_mg8xz_gg_:focus,.___SPopper_mg8xz_gg_:hover{outline:0;text-decoration:none}.___SPopper_mg8xz_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_mg8xz_gg_{display:flex;align-items:center}.___STitle_mg8xz_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_mg8xz_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_mg8xz_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
 /*__inner_css_end__*/
-, "iz6ur6_gg_")
+, "mg8xz_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_16bic_gg_",
-  "__SHeader": "___SHeader_16bic_gg_",
-  "__STitle": "___STitle_16bic_gg_",
-  "__SToday": "___SToday_16bic_gg_",
-  "__SPeriod": "___SPeriod_16bic_gg_"
+  "__SPopper": "___SPopper_mg8xz_gg_",
+  "__SHeader": "___SHeader_mg8xz_gg_",
+  "__STitle": "___STitle_mg8xz_gg_",
+  "__SToday": "___SToday_mg8xz_gg_",
+  "__SPeriod": "___SPeriod_mg8xz_gg_"
 });
 var i18n = {
   de: de,

package/lib/es6/components/index.js

@@ -96,12 +96,12 @@ var stylesBtn = (
 /*__reshadow_css_start__*/
 sstyled.insert(
 /*__inner_css_start__*/
-".___SInner_1td0i_gg_{justify-content:flex-start}"
+".___SInner_3fo6y_gg_{justify-content:flex-start}"
 /*__inner_css_end__*/
-, "rfgf9b_gg_")
+, "3fo6y_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SInner": "___SInner_1td0i_gg_"
+  "__SInner": "___SInner_3fo6y_gg_"
 });
 export var Period = /*#__PURE__*/function (_Component) {
   _inherits(Period, _Component);

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@semcore/date-picker",
   "description": "SEMRush DatePicker Component",
-  "version": "3.0.8",
+  "version": "3.0.11",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
-  "author": "Roman Lysov <r.lysov@semrush.com>",
+  "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "scripts": {
     "build": "build --source=js",

package/src/DatePicker.jsx

@@ -1,113 +0,0 @@
-import React from 'react';
-import dayjs from 'dayjs';
-import createComponent, { Component, Root, sstyled } from '@semcore/core';
-import { Box } from '@semcore/flex-box';
-import Button from '@semcore/button';
-import Divider from '@semcore/divider';
-import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
-import { Header, Next, Popper, Prev, Title, Trigger } from './components';
-import { CalendarDays as Calendar } from './components/Calendar';
-import PickerAbstract from './components/PickerAbstract';
-import { getLocaleDate } from './utils/formatDate';
-
-export class DatePickerRoot extends PickerAbstract {
-  static displayName = 'DatePicker';
-
-  static defaultProps = (props) => ({
-    ...PickerAbstract.defaultProps(props),
-    children: (
-      <>
-        <DatePicker.Trigger />
-        <DatePicker.Popper />
-      </>
-    ),
-  });
-
-  navigateStep = 'month';
-  keyStep = 'day';
-  keyDiff = {
-    37: -1,
-    38: -7,
-    39: 1,
-    40: 7,
-  };
-
-  handlerToday = () => {
-    this.handlers.value(new Date(new Date().setHours(0, 0, 0, 0)));
-  };
-
-  getTriggerProps() {
-    const { value, locale } = this.asProps;
-    return {
-      ...super.getTriggerProps(),
-      placeholder: 'Select date',
-      children: value ? getLocaleDate(value, locale) : null,
-    };
-  }
-
-  getPopperProps() {
-    return {
-      ...super.getPopperProps(),
-      children: (
-        <>
-          <DatePicker.Header />
-          <DatePicker.Calendar />
-          <Divider ml={-4} mt={4} w="calc(100% + 32px)" />
-          <DatePicker.Today />
-        </>
-      ),
-    };
-  }
-
-  getTitleProps() {
-    const { displayedPeriod, locale } = this.asProps;
-    return {
-      ...super.getTitleProps(),
-      children: new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }).format(
-        dayjs(displayedPeriod).startOf('month').toDate(),
-      ),
-    };
-  }
-
-  getTodayProps() {
-    const { i18n, locale } = this.asProps;
-    return {
-      i18n,
-      locale,
-      onClick: this.handlerToday,
-    };
-  }
-}
-
-class Today extends Component {
-  static enhance = [i18nEnhance()];
-
-  render() {
-    const SToday = Root;
-    const { styles, getI18nText } = this.asProps;
-    return sstyled(styles)(
-      <SToday render={Box}>
-        <Button use="tertiary" children={getI18nText('today')} />
-      </SToday>,
-    );
-  }
-}
-
-const DatePicker = createComponent(
-  DatePickerRoot,
-  {
-    Trigger,
-    Popper,
-    Header,
-    Title,
-    Prev,
-    Next,
-    Calendar,
-    Today,
-  },
-  {
-    parent: Calendar,
-  },
-);
-
-export default DatePicker;

package/src/DateRangePicker.jsx

@@ -1,91 +0,0 @@
-import React from 'react';
-import dayjs from 'dayjs';
-import createComponent from '@semcore/core';
-import shortDateRangeFormat from './utils/shortDateRangeFormat';
-import { Header, Next, Period, Popper, Prev, Title, Trigger } from './components';
-import { CalendarDays as Calendar } from './components/Calendar';
-import RangePickerAbstract from './components/RangePickerAbstract';
-
-class DateRangePickerRoot extends RangePickerAbstract {
-  static displayName = 'DateRangePicker';
-  static defaultProps = (props) => {
-    return {
-      ...RangePickerAbstract.defaultProps(props),
-      children: (
-        <>
-          <DateRangePicker.Trigger />
-          <DateRangePicker.Popper />
-        </>
-      ),
-    };
-  };
-
-  navigateStep = 'month';
-  keyStep = 'day';
-  keyDiff = {
-    37: -1,
-    38: -7,
-    39: 1,
-    40: 7,
-  };
-
-  getDefaultPeriods() {
-    const { getI18nText } = this.asProps;
-    const today = new Date(new Date().setHours(0, 0, 0, 0));
-    return [
-      {
-        children: getI18nText('last2Days'),
-        value: [dayjs(today).subtract(1, 'day').toDate(), today],
-      },
-      {
-        children: getI18nText('lastWeek'),
-        value: [dayjs(today).subtract(6, 'day').toDate(), today],
-      },
-      {
-        children: getI18nText('last2Weeks'),
-        value: [dayjs(today).subtract(13, 'day').toDate(), today],
-      },
-      {
-        children: getI18nText('lastMonth'),
-        value: [dayjs(today).subtract(1, 'month').toDate(), today],
-      },
-      {
-        children: getI18nText('last2Months'),
-        value: [dayjs(today).subtract(2, 'month').toDate(), today],
-      },
-    ];
-  }
-
-  getTriggerProps() {
-    const { value, locale } = this.asProps;
-    return {
-      ...super.getTriggerProps(),
-      placeholder: 'Select date period',
-      children: shortDateRangeFormat(value, {
-        locale,
-        day: 'numeric',
-        month: 'short',
-        year: 'numeric',
-      }),
-    };
-  }
-}
-
-const DateRangePicker = createComponent(
-  DateRangePickerRoot,
-  {
-    Trigger,
-    Popper,
-    Header,
-    Title,
-    Prev,
-    Next,
-    Calendar,
-    Period,
-  },
-  {
-    parent: Calendar,
-  },
-);
-
-export default DateRangePicker;

package/src/MonthPicker.jsx

@@ -1,71 +0,0 @@
-import React from 'react';
-import dayjs from 'dayjs';
-import createComponent from '@semcore/core';
-import { Header, Next, Popper, Prev, Title, Trigger } from './components';
-import { CalendarMonths as Calendar } from './components/Calendar';
-import PickerAbstract from './components/PickerAbstract';
-
-class MonthPickerRoot extends PickerAbstract {
-  static displayName = 'MonthPicker';
-
-  static defaultProps = (props) => ({
-    ...PickerAbstract.defaultProps(props),
-    children: (
-      <>
-        <MonthPicker.Trigger />
-        <MonthPicker.Popper />
-      </>
-    ),
-  });
-
-  navigateStep = 'year';
-  keyStep = 'month';
-  keyDiff = {
-    37: -1,
-    38: -3,
-    39: 1,
-    40: 3,
-  };
-
-  getTriggerProps() {
-    const { value, locale } = this.asProps;
-    return {
-      ...super.getTriggerProps(),
-      placeholder: 'Select month',
-      children: value
-        ? new Intl.DateTimeFormat(locale, {
-            month: 'short',
-            year: 'numeric',
-          }).format(dayjs(value).toDate())
-        : null,
-    };
-  }
-
-  getTitleProps() {
-    const { displayedPeriod, locale } = this.asProps;
-    return {
-      ...super.getTitleProps(),
-      children: new Intl.DateTimeFormat(locale, { year: 'numeric' }).format(
-        dayjs(displayedPeriod).startOf('year').toDate(),
-      ),
-    };
-  }
-}
-
-const MonthPicker = createComponent(
-  MonthPickerRoot,
-  {
-    Trigger,
-    Popper,
-    Header,
-    Title,
-    Prev,
-    Next,
-    Calendar,
-  },
-  {
-    parent: Calendar,
-  },
-);
-
-export default MonthPicker;