@semcore/date-picker 3.3.8 → 3.3.9

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [3.3.9] - 2022-10-03
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/base-trigger` [3.0.21 ~> 3.0.22], `@semcore/icon` [2.32.0 ~> 2.32.1]).
+
 ## [3.3.8] - 2022-09-29
 
 ### Changed

package/lib/cjs/components/Calendar.js

@@ -66,26 +66,26 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SCalendar_4veo8_gg_{display:flex;flex-direction:column}.___SGridDays_4veo8_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_4veo8_gg_{display:grid;grid-row-gap:8px;grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_4veo8_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_4veo8_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_4veo8_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_4veo8_gg_:hover{color:#191b23;background:#e0e1e9}.___SCalendarUnit_4veo8_gg_.focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_4veo8_gg_:focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_4veo8_gg_.__today_4veo8_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_4veo8_gg_.__today_4veo8_gg_.___SCalendarUnit_4veo8_gg_.__endSelected_4veo8_gg_:before,.___SCalendarUnit_4veo8_gg_.__today_4veo8_gg_.___SCalendarUnit_4veo8_gg_.__startSelected_4veo8_gg_:before{border-color:hsla(0,0%,100%,.5)}.___SCalendarUnit_4veo8_gg_.__selected_4veo8_gg_{background:#c4e5fe;border-radius:0;color:#191b23}.___SCalendarUnit_4veo8_gg_.__selected_4veo8_gg_:hover{background:#008ff8}.___SCalendarUnit_4veo8_gg_.__highlighted_4veo8_gg_{background:rgba(0,143,248,.2);border-radius:0;color:#191b23}.___SCalendarUnit_4veo8_gg_.__highlighted_4veo8_gg_:hover{background:rgba(0,143,248,.3)}.___SCalendarUnit_4veo8_gg_.__startSelected_4veo8_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_4veo8_gg_.__startSelected_4veo8_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_4veo8_gg_.__endSelected_4veo8_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_4veo8_gg_.__endSelected_4veo8_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_4veo8_gg_.__startHighlighted_4veo8_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0}.___SCalendarUnit_4veo8_gg_.__endHighlighted_4veo8_gg_{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px}.___SCalendarUnit_4veo8_gg_.__startHighlighted_4veo8_gg_.___SCalendarUnit_4veo8_gg_.__endHighlighted_4veo8_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_4veo8_gg_.__startSelected_4veo8_gg_.___SCalendarUnit_4veo8_gg_.__endSelected_4veo8_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_4veo8_gg_.__outdated_4veo8_gg_{opacity:.2}.___SCalendarUnit_4veo8_gg_.__disabled_4veo8_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_4veo8_gg_{transition:none}}"
+".___SCalendar_13m1n_gg_{display:flex;flex-direction:column}.___SGridDays_13m1n_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_13m1n_gg_{display:grid;grid-row-gap:8px;grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_13m1n_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_13m1n_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_13m1n_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;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_13m1n_gg_:hover{color:#191b23;background:#e0e1e9}.___SCalendarUnit_13m1n_gg_.focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_13m1n_gg_:focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_13m1n_gg_.__today_13m1n_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_13m1n_gg_.__today_13m1n_gg_.___SCalendarUnit_13m1n_gg_.__endSelected_13m1n_gg_:before,.___SCalendarUnit_13m1n_gg_.__today_13m1n_gg_.___SCalendarUnit_13m1n_gg_.__startSelected_13m1n_gg_:before{border-color:hsla(0,0%,100%,.5)}.___SCalendarUnit_13m1n_gg_.__selected_13m1n_gg_{background:#c4e5fe;border-radius:0;color:#191b23}.___SCalendarUnit_13m1n_gg_.__selected_13m1n_gg_:hover{background:#008ff8}.___SCalendarUnit_13m1n_gg_.__highlighted_13m1n_gg_{background:rgba(0,143,248,.2);border-radius:0;color:#191b23}.___SCalendarUnit_13m1n_gg_.__highlighted_13m1n_gg_:hover{background:rgba(0,143,248,.3)}.___SCalendarUnit_13m1n_gg_.__startSelected_13m1n_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_13m1n_gg_.__startSelected_13m1n_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_13m1n_gg_.__endSelected_13m1n_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_13m1n_gg_.__endSelected_13m1n_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_13m1n_gg_.__startHighlighted_13m1n_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0}.___SCalendarUnit_13m1n_gg_.__endHighlighted_13m1n_gg_{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px}.___SCalendarUnit_13m1n_gg_.__startHighlighted_13m1n_gg_.___SCalendarUnit_13m1n_gg_.__endHighlighted_13m1n_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_13m1n_gg_.__startSelected_13m1n_gg_.___SCalendarUnit_13m1n_gg_.__endSelected_13m1n_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_13m1n_gg_.__outdated_13m1n_gg_{opacity:.2}.___SCalendarUnit_13m1n_gg_.__disabled_13m1n_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_13m1n_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "4veo8_gg_")
+, "13m1n_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCalendar": "___SCalendar_4veo8_gg_",
-  "__SGridDays": "___SGridDays_4veo8_gg_",
-  "__SGridMonths": "___SGridMonths_4veo8_gg_",
-  "__SWeekDays": "___SWeekDays_4veo8_gg_",
-  "__SWeekDay": "___SWeekDay_4veo8_gg_",
-  "__SCalendarUnit": "___SCalendarUnit_4veo8_gg_",
-  "_today": "__today_4veo8_gg_",
-  "_endSelected": "__endSelected_4veo8_gg_",
-  "_startSelected": "__startSelected_4veo8_gg_",
-  "_selected": "__selected_4veo8_gg_",
-  "_highlighted": "__highlighted_4veo8_gg_",
-  "_startHighlighted": "__startHighlighted_4veo8_gg_",
-  "_endHighlighted": "__endHighlighted_4veo8_gg_",
-  "_outdated": "__outdated_4veo8_gg_",
-  "_disabled": "__disabled_4veo8_gg_"
+  "__SCalendar": "___SCalendar_13m1n_gg_",
+  "__SGridDays": "___SGridDays_13m1n_gg_",
+  "__SGridMonths": "___SGridMonths_13m1n_gg_",
+  "__SWeekDays": "___SWeekDays_13m1n_gg_",
+  "__SWeekDay": "___SWeekDay_13m1n_gg_",
+  "__SCalendarUnit": "___SCalendarUnit_13m1n_gg_",
+  "_today": "__today_13m1n_gg_",
+  "_endSelected": "__endSelected_13m1n_gg_",
+  "_startSelected": "__startSelected_13m1n_gg_",
+  "_selected": "__selected_13m1n_gg_",
+  "_highlighted": "__highlighted_13m1n_gg_",
+  "_startHighlighted": "__startHighlighted_13m1n_gg_",
+  "_endHighlighted": "__endHighlighted_13m1n_gg_",
+  "_outdated": "__outdated_13m1n_gg_",
+  "_disabled": "__disabled_13m1n_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_unzzo_gg_{padding:16px;outline:0}.___SPopper_unzzo_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_unzzo_gg_:active,.___SPopper_unzzo_gg_:focus,.___SPopper_unzzo_gg_:hover{outline:0;text-decoration:none}.___SPopper_unzzo_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_unzzo_gg_{display:flex;align-items:center}.___STitle_unzzo_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_unzzo_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_unzzo_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
+".___SPopper_vah9y_gg_{padding:16px;outline:0}.___SPopper_vah9y_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_vah9y_gg_:active,.___SPopper_vah9y_gg_:focus,.___SPopper_vah9y_gg_:hover{outline:0;text-decoration:none}.___SPopper_vah9y_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_vah9y_gg_{display:flex;align-items:center}.___STitle_vah9y_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_vah9y_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_vah9y_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
 /*__inner_css_end__*/
-, "unzzo_gg_")
+, "vah9y_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_unzzo_gg_",
-  "__SHeader": "___SHeader_unzzo_gg_",
-  "__STitle": "___STitle_unzzo_gg_",
-  "__SToday": "___SToday_unzzo_gg_",
-  "__SPeriod": "___SPeriod_unzzo_gg_"
+  "__SPopper": "___SPopper_vah9y_gg_",
+  "__SHeader": "___SHeader_vah9y_gg_",
+  "__STitle": "___STitle_vah9y_gg_",
+  "__SToday": "___SToday_vah9y_gg_",
+  "__SPeriod": "___SPeriod_vah9y_gg_"
 });
 var i18n = {
   de: _de["default"],

package/lib/cjs/components/RangePickerAbstract.js

@@ -74,16 +74,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPopper_unzzo_gg_{padding:16px;outline:0}.___SPopper_unzzo_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_unzzo_gg_:active,.___SPopper_unzzo_gg_:focus,.___SPopper_unzzo_gg_:hover{outline:0;text-decoration:none}.___SPopper_unzzo_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_unzzo_gg_{display:flex;align-items:center}.___STitle_unzzo_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_unzzo_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_unzzo_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
+".___SPopper_vah9y_gg_{padding:16px;outline:0}.___SPopper_vah9y_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_vah9y_gg_:active,.___SPopper_vah9y_gg_:focus,.___SPopper_vah9y_gg_:hover{outline:0;text-decoration:none}.___SPopper_vah9y_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_vah9y_gg_{display:flex;align-items:center}.___STitle_vah9y_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_vah9y_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_vah9y_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
 /*__inner_css_end__*/
-, "unzzo_gg_")
+, "vah9y_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_unzzo_gg_",
-  "__SHeader": "___SHeader_unzzo_gg_",
-  "__STitle": "___STitle_unzzo_gg_",
-  "__SToday": "___SToday_unzzo_gg_",
-  "__SPeriod": "___SPeriod_unzzo_gg_"
+  "__SPopper": "___SPopper_vah9y_gg_",
+  "__SHeader": "___SHeader_vah9y_gg_",
+  "__STitle": "___STitle_vah9y_gg_",
+  "__SToday": "___SToday_vah9y_gg_",
+  "__SPeriod": "___SPeriod_vah9y_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_14kiw_gg_{justify-content:flex-start}"
+".___SInner_uo3ax_gg_{justify-content:flex-start}"
 /*__inner_css_end__*/
-, "14kiw_gg_")
+, "uo3ax_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SInner": "___SInner_14kiw_gg_"
+  "__SInner": "___SInner_uo3ax_gg_"
 });
 
 var Period = /*#__PURE__*/function (_Component) {

package/lib/cjs/index.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.d.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport dayjs from 'dayjs';\nimport { Box, IBoxProps } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport { CProps, Merge, PropGetterFn, ReturnEl } from '@semcore/core';\nimport Dropdown, { IDropdownProps } from '@semcore/dropdown';\nimport { IWithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';\nimport BaseTrigger from '@semcore/base-trigger';\n\nexport type DateConstructorParams = string | number | Date;\n\nexport interface ICalendarProps extends IBoxProps {\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, the range of dates or `falsICalendarPropse` 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\nexport interface ICalendarDaysContext {\n  days: ICalendarUnitProps[];\n}\n\nexport interface ICalendarMonthsContext {\n  months: ICalendarUnitProps[];\n}\n\nexport interface ICalendarUnitProps extends IBoxProps {\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  children?: React.ReactNode;\n}\n\nexport interface ICalendarContext {\n  getUnitProps: PropGetterFn;\n}\n\ndeclare const Calendar: (<T>(\n  props: CProps<ICalendarProps & T, ICalendarContext, IAbstractDatePickerHandlers>,\n) => ReturnEl) & {\n  Unit: <T>(props: ICalendarUnitProps & T) => ReturnEl;\n};\n\nexport interface IDatePickerProps extends IDropdownProps, IWithI18nEnhanceProps {\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\nexport interface IDateRangePickerProps extends IDropdownProps, IWithI18nEnhanceProps {\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?: (ComponentProps<typeof Button> & { value: Date[] })[];\n}\n\nexport interface IDateRangePickerPeriodProps extends IBoxProps {\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?: (ComponentProps<typeof Button> & { value: Date[] })[];\n}\n\nexport interface IDatePickerContext {\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\nexport interface IAbstractDatePickerHandlers {\n  displayedPeriod: (value: DateConstructorParams) => void;\n  visible: (index: boolean) => void;\n  highlighted: (list: DateConstructorParams[]) => void;\n  value: (index: DateConstructorParams) => void;\n}\n\nexport interface IDatePickerHandlers {\n  visible: (index: boolean) => void;\n}\n\ndeclare const DatePicker: ((\n  props: CProps<IDatePickerProps, IDatePickerContext & ICalendarDaysContext, IDatePickerHandlers>,\n) => ReturnEl) & {\n  Trigger: (<T>(\n    props: Merge<ComponentProps<typeof Dropdown.Trigger>, ComponentProps<typeof BaseTrigger>> & T,\n  ) => ReturnEl) & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Popper: typeof Dropdown.Popper;\n  Header: typeof Box;\n  Title: <T>(props: CProps<IDatePickerProps & IBoxProps & T, IDatePickerContext>) => ReturnEl;\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\nexport interface IDateRangePickerContext {\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: ((\n  props: CProps<\n    IDateRangePickerProps,\n    IDateRangePickerContext & ICalendarDaysContext,\n    IDatePickerHandlers\n  >,\n) => ReturnEl) & {\n  Trigger: (<T>(\n    props: Merge<ComponentProps<typeof Dropdown.Trigger>, ComponentProps<typeof BaseTrigger>> & T,\n  ) => ReturnEl) & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Popper: <T>(props: ComponentProps<typeof Dropdown.Popper> & T) => ReturnEl;\n  Header: typeof Box;\n  Title: <T>(\n    props: CProps<IDateRangePickerProps & IBoxProps & T, IDateRangePickerContext>,\n  ) => ReturnEl;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Period: <T>(props: IDateRangePickerPeriodProps & T) => ReturnEl;\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 interface IMonthPickerContext {\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: ((\n  props: CProps<\n    IDatePickerProps,\n    IMonthPickerContext & ICalendarMonthsContext,\n    IDatePickerHandlers\n  >,\n) => ReturnEl) & {\n  Trigger: (<T>(\n    props: Merge<ComponentProps<typeof Dropdown.Trigger>, ComponentProps<typeof BaseTrigger>> & T,\n  ) => ReturnEl) & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Popper: typeof Dropdown.Popper;\n  Header: typeof Box;\n  Title: <T>(props: CProps<IDatePickerProps & IBoxProps & T, IMonthPickerContext>) => ReturnEl;\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\nexport interface IMonthRangePickerContext {\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: ((\n  props: CProps<\n    IDateRangePickerProps,\n    IMonthRangePickerContext & ICalendarMonthsContext,\n    IDatePickerHandlers\n  >,\n) => ReturnEl) & {\n  Trigger: (<T>(\n    props: Merge<ComponentProps<typeof Dropdown.Trigger>, ComponentProps<typeof BaseTrigger>> & T,\n  ) => ReturnEl) & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Popper: typeof Dropdown.Popper;\n  Header: typeof Box;\n  Title: <T>(\n    props: CProps<IDateRangePickerProps & IBoxProps & T, IMonthRangePickerContext>,\n  ) => ReturnEl;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Period: <T>(props: IDateRangePickerPeriodProps & T) => ReturnEl;\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":""}

package/lib/es6/components/Calendar.js

@@ -38,26 +38,26 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SCalendar_4veo8_gg_{display:flex;flex-direction:column}.___SGridDays_4veo8_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_4veo8_gg_{display:grid;grid-row-gap:8px;grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_4veo8_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_4veo8_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_4veo8_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_4veo8_gg_:hover{color:#191b23;background:#e0e1e9}.___SCalendarUnit_4veo8_gg_.focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_4veo8_gg_:focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_4veo8_gg_.__today_4veo8_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_4veo8_gg_.__today_4veo8_gg_.___SCalendarUnit_4veo8_gg_.__endSelected_4veo8_gg_:before,.___SCalendarUnit_4veo8_gg_.__today_4veo8_gg_.___SCalendarUnit_4veo8_gg_.__startSelected_4veo8_gg_:before{border-color:hsla(0,0%,100%,.5)}.___SCalendarUnit_4veo8_gg_.__selected_4veo8_gg_{background:#c4e5fe;border-radius:0;color:#191b23}.___SCalendarUnit_4veo8_gg_.__selected_4veo8_gg_:hover{background:#008ff8}.___SCalendarUnit_4veo8_gg_.__highlighted_4veo8_gg_{background:rgba(0,143,248,.2);border-radius:0;color:#191b23}.___SCalendarUnit_4veo8_gg_.__highlighted_4veo8_gg_:hover{background:rgba(0,143,248,.3)}.___SCalendarUnit_4veo8_gg_.__startSelected_4veo8_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_4veo8_gg_.__startSelected_4veo8_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_4veo8_gg_.__endSelected_4veo8_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_4veo8_gg_.__endSelected_4veo8_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_4veo8_gg_.__startHighlighted_4veo8_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0}.___SCalendarUnit_4veo8_gg_.__endHighlighted_4veo8_gg_{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px}.___SCalendarUnit_4veo8_gg_.__startHighlighted_4veo8_gg_.___SCalendarUnit_4veo8_gg_.__endHighlighted_4veo8_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_4veo8_gg_.__startSelected_4veo8_gg_.___SCalendarUnit_4veo8_gg_.__endSelected_4veo8_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_4veo8_gg_.__outdated_4veo8_gg_{opacity:.2}.___SCalendarUnit_4veo8_gg_.__disabled_4veo8_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_4veo8_gg_{transition:none}}"
+".___SCalendar_13m1n_gg_{display:flex;flex-direction:column}.___SGridDays_13m1n_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_13m1n_gg_{display:grid;grid-row-gap:8px;grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_13m1n_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_13m1n_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_13m1n_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;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_13m1n_gg_:hover{color:#191b23;background:#e0e1e9}.___SCalendarUnit_13m1n_gg_.focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_13m1n_gg_:focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_13m1n_gg_.__today_13m1n_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_13m1n_gg_.__today_13m1n_gg_.___SCalendarUnit_13m1n_gg_.__endSelected_13m1n_gg_:before,.___SCalendarUnit_13m1n_gg_.__today_13m1n_gg_.___SCalendarUnit_13m1n_gg_.__startSelected_13m1n_gg_:before{border-color:hsla(0,0%,100%,.5)}.___SCalendarUnit_13m1n_gg_.__selected_13m1n_gg_{background:#c4e5fe;border-radius:0;color:#191b23}.___SCalendarUnit_13m1n_gg_.__selected_13m1n_gg_:hover{background:#008ff8}.___SCalendarUnit_13m1n_gg_.__highlighted_13m1n_gg_{background:rgba(0,143,248,.2);border-radius:0;color:#191b23}.___SCalendarUnit_13m1n_gg_.__highlighted_13m1n_gg_:hover{background:rgba(0,143,248,.3)}.___SCalendarUnit_13m1n_gg_.__startSelected_13m1n_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_13m1n_gg_.__startSelected_13m1n_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_13m1n_gg_.__endSelected_13m1n_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_13m1n_gg_.__endSelected_13m1n_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_13m1n_gg_.__startHighlighted_13m1n_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0}.___SCalendarUnit_13m1n_gg_.__endHighlighted_13m1n_gg_{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px}.___SCalendarUnit_13m1n_gg_.__startHighlighted_13m1n_gg_.___SCalendarUnit_13m1n_gg_.__endHighlighted_13m1n_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_13m1n_gg_.__startSelected_13m1n_gg_.___SCalendarUnit_13m1n_gg_.__endSelected_13m1n_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_13m1n_gg_.__outdated_13m1n_gg_{opacity:.2}.___SCalendarUnit_13m1n_gg_.__disabled_13m1n_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_13m1n_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "4veo8_gg_")
+, "13m1n_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCalendar": "___SCalendar_4veo8_gg_",
-  "__SGridDays": "___SGridDays_4veo8_gg_",
-  "__SGridMonths": "___SGridMonths_4veo8_gg_",
-  "__SWeekDays": "___SWeekDays_4veo8_gg_",
-  "__SWeekDay": "___SWeekDay_4veo8_gg_",
-  "__SCalendarUnit": "___SCalendarUnit_4veo8_gg_",
-  "_today": "__today_4veo8_gg_",
-  "_endSelected": "__endSelected_4veo8_gg_",
-  "_startSelected": "__startSelected_4veo8_gg_",
-  "_selected": "__selected_4veo8_gg_",
-  "_highlighted": "__highlighted_4veo8_gg_",
-  "_startHighlighted": "__startHighlighted_4veo8_gg_",
-  "_endHighlighted": "__endHighlighted_4veo8_gg_",
-  "_outdated": "__outdated_4veo8_gg_",
-  "_disabled": "__disabled_4veo8_gg_"
+  "__SCalendar": "___SCalendar_13m1n_gg_",
+  "__SGridDays": "___SGridDays_13m1n_gg_",
+  "__SGridMonths": "___SGridMonths_13m1n_gg_",
+  "__SWeekDays": "___SWeekDays_13m1n_gg_",
+  "__SWeekDay": "___SWeekDay_13m1n_gg_",
+  "__SCalendarUnit": "___SCalendarUnit_13m1n_gg_",
+  "_today": "__today_13m1n_gg_",
+  "_endSelected": "__endSelected_13m1n_gg_",
+  "_startSelected": "__startSelected_13m1n_gg_",
+  "_selected": "__selected_13m1n_gg_",
+  "_highlighted": "__highlighted_13m1n_gg_",
+  "_startHighlighted": "__startHighlighted_13m1n_gg_",
+  "_endHighlighted": "__endHighlighted_13m1n_gg_",
+  "_outdated": "__outdated_13m1n_gg_",
+  "_disabled": "__disabled_13m1n_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_unzzo_gg_{padding:16px;outline:0}.___SPopper_unzzo_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_unzzo_gg_:active,.___SPopper_unzzo_gg_:focus,.___SPopper_unzzo_gg_:hover{outline:0;text-decoration:none}.___SPopper_unzzo_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_unzzo_gg_{display:flex;align-items:center}.___STitle_unzzo_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_unzzo_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_unzzo_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
+".___SPopper_vah9y_gg_{padding:16px;outline:0}.___SPopper_vah9y_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_vah9y_gg_:active,.___SPopper_vah9y_gg_:focus,.___SPopper_vah9y_gg_:hover{outline:0;text-decoration:none}.___SPopper_vah9y_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_vah9y_gg_{display:flex;align-items:center}.___STitle_vah9y_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_vah9y_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_vah9y_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
 /*__inner_css_end__*/
-, "unzzo_gg_")
+, "vah9y_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_unzzo_gg_",
-  "__SHeader": "___SHeader_unzzo_gg_",
-  "__STitle": "___STitle_unzzo_gg_",
-  "__SToday": "___SToday_unzzo_gg_",
-  "__SPeriod": "___SPeriod_unzzo_gg_"
+  "__SPopper": "___SPopper_vah9y_gg_",
+  "__SHeader": "___SHeader_vah9y_gg_",
+  "__STitle": "___STitle_vah9y_gg_",
+  "__SToday": "___SToday_vah9y_gg_",
+  "__SPeriod": "___SPeriod_vah9y_gg_"
 });
 import includesDate from '../utils/includesDate';
 var i18n = {

package/lib/es6/components/RangePickerAbstract.js

@@ -41,16 +41,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPopper_unzzo_gg_{padding:16px;outline:0}.___SPopper_unzzo_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_unzzo_gg_:active,.___SPopper_unzzo_gg_:focus,.___SPopper_unzzo_gg_:hover{outline:0;text-decoration:none}.___SPopper_unzzo_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_unzzo_gg_{display:flex;align-items:center}.___STitle_unzzo_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_unzzo_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_unzzo_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
+".___SPopper_vah9y_gg_{padding:16px;outline:0}.___SPopper_vah9y_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_vah9y_gg_:active,.___SPopper_vah9y_gg_:focus,.___SPopper_vah9y_gg_:hover{outline:0;text-decoration:none}.___SPopper_vah9y_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_vah9y_gg_{display:flex;align-items:center}.___STitle_vah9y_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_vah9y_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_vah9y_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
 /*__inner_css_end__*/
-, "unzzo_gg_")
+, "vah9y_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_unzzo_gg_",
-  "__SHeader": "___SHeader_unzzo_gg_",
-  "__STitle": "___STitle_unzzo_gg_",
-  "__SToday": "___SToday_unzzo_gg_",
-  "__SPeriod": "___SPeriod_unzzo_gg_"
+  "__SPopper": "___SPopper_vah9y_gg_",
+  "__SHeader": "___SHeader_vah9y_gg_",
+  "__STitle": "___STitle_vah9y_gg_",
+  "__SToday": "___SToday_vah9y_gg_",
+  "__SPeriod": "___SPeriod_vah9y_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_14kiw_gg_{justify-content:flex-start}"
+".___SInner_uo3ax_gg_{justify-content:flex-start}"
 /*__inner_css_end__*/
-, "14kiw_gg_")
+, "uo3ax_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SInner": "___SInner_14kiw_gg_"
+  "__SInner": "___SInner_uo3ax_gg_"
 });
 export var Period = /*#__PURE__*/function (_Component) {
   _inherits(Period, _Component);

package/lib/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport dayjs from 'dayjs';\nimport { Box, IBoxProps } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport { CProps, Merge, PropGetterFn, ReturnEl } from '@semcore/core';\nimport Dropdown, { IDropdownProps } from '@semcore/dropdown';\nimport { IWithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';\nimport BaseTrigger from '@semcore/base-trigger';\n\nexport type DateConstructorParams = string | number | Date;\n\nexport interface ICalendarProps extends IBoxProps {\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, the range of dates or `falsICalendarPropse` 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\nexport interface ICalendarDaysContext {\n  days: ICalendarUnitProps[];\n}\n\nexport interface ICalendarMonthsContext {\n  months: ICalendarUnitProps[];\n}\n\nexport interface ICalendarUnitProps extends IBoxProps {\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  children?: React.ReactNode;\n}\n\nexport interface ICalendarContext {\n  getUnitProps: PropGetterFn;\n}\n\ndeclare const Calendar: (<T>(\n  props: CProps<ICalendarProps & T, ICalendarContext, IAbstractDatePickerHandlers>,\n) => ReturnEl) & {\n  Unit: <T>(props: ICalendarUnitProps & T) => ReturnEl;\n};\n\nexport interface IDatePickerProps extends IDropdownProps, IWithI18nEnhanceProps {\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\nexport interface IDateRangePickerProps extends IDropdownProps, IWithI18nEnhanceProps {\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?: (ComponentProps<typeof Button> & { value: Date[] })[];\n}\n\nexport interface IDateRangePickerPeriodProps extends IBoxProps {\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?: (ComponentProps<typeof Button> & { value: Date[] })[];\n}\n\nexport interface IDatePickerContext {\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\nexport interface IAbstractDatePickerHandlers {\n  displayedPeriod: (value: DateConstructorParams) => void;\n  visible: (index: boolean) => void;\n  highlighted: (list: DateConstructorParams[]) => void;\n  value: (index: DateConstructorParams) => void;\n}\n\nexport interface IDatePickerHandlers {\n  visible: (index: boolean) => void;\n}\n\ndeclare const DatePicker: ((\n  props: CProps<IDatePickerProps, IDatePickerContext & ICalendarDaysContext, IDatePickerHandlers>,\n) => ReturnEl) & {\n  Trigger: (<T>(\n    props: Merge<ComponentProps<typeof Dropdown.Trigger>, ComponentProps<typeof BaseTrigger>> & T,\n  ) => ReturnEl) & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Popper: typeof Dropdown.Popper;\n  Header: typeof Box;\n  Title: <T>(props: CProps<IDatePickerProps & IBoxProps & T, IDatePickerContext>) => ReturnEl;\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\nexport interface IDateRangePickerContext {\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: ((\n  props: CProps<\n    IDateRangePickerProps,\n    IDateRangePickerContext & ICalendarDaysContext,\n    IDatePickerHandlers\n  >,\n) => ReturnEl) & {\n  Trigger: (<T>(\n    props: Merge<ComponentProps<typeof Dropdown.Trigger>, ComponentProps<typeof BaseTrigger>> & T,\n  ) => ReturnEl) & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Popper: <T>(props: ComponentProps<typeof Dropdown.Popper> & T) => ReturnEl;\n  Header: typeof Box;\n  Title: <T>(\n    props: CProps<IDateRangePickerProps & IBoxProps & T, IDateRangePickerContext>,\n  ) => ReturnEl;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Period: <T>(props: IDateRangePickerPeriodProps & T) => ReturnEl;\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 interface IMonthPickerContext {\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: ((\n  props: CProps<\n    IDatePickerProps,\n    IMonthPickerContext & ICalendarMonthsContext,\n    IDatePickerHandlers\n  >,\n) => ReturnEl) & {\n  Trigger: (<T>(\n    props: Merge<ComponentProps<typeof Dropdown.Trigger>, ComponentProps<typeof BaseTrigger>> & T,\n  ) => ReturnEl) & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Popper: typeof Dropdown.Popper;\n  Header: typeof Box;\n  Title: <T>(props: CProps<IDatePickerProps & IBoxProps & T, IMonthPickerContext>) => ReturnEl;\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\nexport interface IMonthRangePickerContext {\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: ((\n  props: CProps<\n    IDateRangePickerProps,\n    IMonthRangePickerContext & ICalendarMonthsContext,\n    IDatePickerHandlers\n  >,\n) => ReturnEl) & {\n  Trigger: (<T>(\n    props: Merge<ComponentProps<typeof Dropdown.Trigger>, ComponentProps<typeof BaseTrigger>> & T,\n  ) => ReturnEl) & {\n    Addon: typeof BaseTrigger.Addon;\n    Text: typeof BaseTrigger.Text;\n  };\n  Popper: typeof Dropdown.Popper;\n  Header: typeof Box;\n  Title: <T>(\n    props: CProps<IDateRangePickerProps & IBoxProps & T, IMonthRangePickerContext>,\n  ) => ReturnEl;\n  Prev: typeof Button;\n  Next: typeof Button;\n  Calendar: typeof Calendar;\n  Period: <T>(props: IDateRangePickerPeriodProps & T) => ReturnEl;\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":""}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/date-picker",
   "description": "Semrush DatePicker Component",
-  "version": "3.3.8",
+  "version": "3.3.9",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -9,7 +9,7 @@
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "scripts": {
-    "build": "build --source=js",
+    "build": "pnpm semcore-builder --source=js",
     "test": "jest"
   },
   "dependencies": {
@@ -36,6 +36,7 @@
     "directory": "semcore/date-picker"
   },
   "devDependencies": {
+    "@types/react": "16.8 - 17",
     "@semcore/jest-preset-ui": "1.0.0"
   }
 }

package/lib/cjs/index.d.ts

@@ -1,359 +0,0 @@
-import React, { ComponentProps } from 'react';
-import dayjs from 'dayjs';
-import { Box, IBoxProps } from '@semcore/flex-box';
-import Button from '@semcore/button';
-import { CProps, Merge, PropGetterFn, ReturnEl } from '@semcore/core';
-import Dropdown, { IDropdownProps } from '@semcore/dropdown';
-import { IWithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';
-import BaseTrigger from '@semcore/base-trigger';
-
-export type DateConstructorParams = string | number | Date;
-
-export interface ICalendarProps extends IBoxProps {
-  /**
-   * Locale for displaying the days of a week and months, to be transferred to `Intl`
-   * @default en
-   * */
-  locale?: NavigatorLanguage['language'];
-  /**
-   * Array of dates blocked for selection
-   * Accepts the date, the range of dates or `falsICalendarPropse` for specifying infinity ([Date | false, Date | false]), crontab( 6,7)
-   * */
-  disabled?: (Date | (Date | false)[] | string)[];
-  /**
-   * @ignore
-   * */
-  highlighted?: DateConstructorParams[];
-  /**
-   * @ignore
-   * */
-  onHighlightedChange?: (date: Date[]) => void;
-  /**
-   * The selected date, accepts everything which is accepted by `new Date()`
-   * */
-  value?: DateConstructorParams[];
-  /**
-   * To be activated upon selecting the date
-   * */
-  onChange?: (date: Date[]) => void;
-  /**
-   * Date for showing the necessary month
-   * @default new Date()
-   * */
-  displayedPeriod?: Date;
-}
-
-export interface ICalendarDaysContext {
-  days: ICalendarUnitProps[];
-}
-
-export interface ICalendarMonthsContext {
-  months: ICalendarUnitProps[];
-}
-
-export interface ICalendarUnitProps extends IBoxProps {
-  selected?: boolean;
-  outdated?: boolean;
-  disabled?: boolean;
-  today?: boolean;
-  startSelected?: boolean;
-  endSelected?: boolean;
-  highlighted?: boolean;
-  startHighlighted?: boolean;
-  endHighlighted?: boolean;
-  children?: React.ReactNode;
-}
-
-export interface ICalendarContext {
-  getUnitProps: PropGetterFn;
-}
-
-declare const Calendar: (<T>(
-  props: CProps<ICalendarProps & T, ICalendarContext, IAbstractDatePickerHandlers>,
-) => ReturnEl) & {
-  Unit: <T>(props: ICalendarUnitProps & T) => ReturnEl;
-};
-
-export interface IDatePickerProps extends IDropdownProps, IWithI18nEnhanceProps {
-  /**
-   * The selected date, accepts everything which is accepted by `new Date()`
-   * */
-  value?: DateConstructorParams;
-  /**
-   * To be activated upon selecting the date
-   * */
-  onChange?: (date: Date) => 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';
-  /**
-   * The selected date, accepts everything which is accepted by `new Date()`
-   * */
-  highlighted?: DateConstructorParams[];
-  /**
-   * Default value selected date, accepts everything which is accepted by `new Date()`
-   * */
-  defaultValue?: 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[];
-}
-
-export interface IDateRangePickerProps extends IDropdownProps, IWithI18nEnhanceProps {
-  /**
-   * The selected date, accepts everything which is accepted by `new Date()`
-   * */
-  value?: DateConstructorParams[];
-  /**
-   * Default value selected date, accepts everything which is accepted by `new Date()`
-   * */
-  defaultValue?: 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[];
-  /**
-   * To be activated upon selecting the date
-   * */
-  onChange?: (date: Date[]) => 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[];
-  /**
-   * Remove the 'Reset' button
-   * */
-  unclearable?: boolean;
-  /**
-   * To be activated upon selecting the date
-   * */
-  onHighlightedChange?: (date: Date[]) => void;
-  /**
-   * 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?: (ComponentProps<typeof Button> & { value: Date[] })[];
-}
-
-export interface IDateRangePickerPeriodProps extends IBoxProps {
-  /**
-   * Current selected period
-   * */
-  value?: DateConstructorParams[];
-  /**
-   * To be activated by clicking the button for switching the selected period.
-   * */
-  onChange?: (date: Date[]) => void;
-  /**
-   * To be activated by hovering a cursor over the button for changing the current displayed month.
-   * */
-  onDisplayedPeriodChange?: (date: Date) => void;
-  /**
-   * To be activated by hovering a cursor over the button for selecting the dates.
-   * */
-  onHighlightedChange?: (date: Date[]) => void;
-  /**
-   * 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?: (ComponentProps<typeof Button> & { value: Date[] })[];
-}
-
-export interface IDatePickerContext {
-  getTriggerProps: PropGetterFn;
-  getPopperProps: PropGetterFn;
-  getHeaderProps: PropGetterFn;
-  getTitleProps: PropGetterFn;
-  getNextProps: PropGetterFn;
-  getPrevProps: PropGetterFn;
-  getCalendarProps: PropGetterFn;
-  getTodayProps: PropGetterFn;
-}
-
-export interface IAbstractDatePickerHandlers {
-  displayedPeriod: (value: DateConstructorParams) => void;
-  visible: (index: boolean) => void;
-  highlighted: (list: DateConstructorParams[]) => void;
-  value: (index: DateConstructorParams) => void;
-}
-
-export interface IDatePickerHandlers {
-  visible: (index: boolean) => void;
-}
-
-declare const DatePicker: ((
-  props: CProps<IDatePickerProps, IDatePickerContext & ICalendarDaysContext, IDatePickerHandlers>,
-) => ReturnEl) & {
-  Trigger: (<T>(
-    props: Merge<ComponentProps<typeof Dropdown.Trigger>, ComponentProps<typeof BaseTrigger>> & T,
-  ) => ReturnEl) & {
-    Addon: typeof BaseTrigger.Addon;
-    Text: typeof BaseTrigger.Text;
-  };
-  Popper: typeof Dropdown.Popper;
-  Header: typeof Box;
-  Title: <T>(props: CProps<IDatePickerProps & IBoxProps & T, IDatePickerContext>) => ReturnEl;
-  Prev: typeof Button;
-  Next: typeof Button;
-  Calendar: typeof Calendar;
-  Today: typeof Box;
-  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
-  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
-};
-
-export interface IDateRangePickerContext {
-  getTriggerProps: PropGetterFn;
-  getPopperProps: PropGetterFn;
-  getHeaderProps: PropGetterFn;
-  getTitleProps: PropGetterFn;
-  getNextProps: PropGetterFn;
-  getPrevProps: PropGetterFn;
-  getCalendarProps: PropGetterFn;
-  getPeriodProps: PropGetterFn;
-}
-
-declare const DateRangePicker: ((
-  props: CProps<
-    IDateRangePickerProps,
-    IDateRangePickerContext & ICalendarDaysContext,
-    IDatePickerHandlers
-  >,
-) => ReturnEl) & {
-  Trigger: (<T>(
-    props: Merge<ComponentProps<typeof Dropdown.Trigger>, ComponentProps<typeof BaseTrigger>> & T,
-  ) => ReturnEl) & {
-    Addon: typeof BaseTrigger.Addon;
-    Text: typeof BaseTrigger.Text;
-  };
-  Popper: <T>(props: ComponentProps<typeof Dropdown.Popper> & T) => ReturnEl;
-  Header: typeof Box;
-  Title: <T>(
-    props: CProps<IDateRangePickerProps & IBoxProps & T, IDateRangePickerContext>,
-  ) => ReturnEl;
-  Prev: typeof Button;
-  Next: typeof Button;
-  Calendar: typeof Calendar;
-  Period: <T>(props: IDateRangePickerPeriodProps & T) => ReturnEl;
-  Apply: typeof Button;
-  Reset: typeof Button;
-  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
-  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
-};
-
-export interface IMonthPickerContext {
-  getTriggerProps: PropGetterFn;
-  getPopperProps: PropGetterFn;
-  getHeaderProps: PropGetterFn;
-  getTitleProps: PropGetterFn;
-  getNextProps: PropGetterFn;
-  getPrevProps: PropGetterFn;
-  getCalendarProps: PropGetterFn;
-}
-
-declare const MonthPicker: ((
-  props: CProps<
-    IDatePickerProps,
-    IMonthPickerContext & ICalendarMonthsContext,
-    IDatePickerHandlers
-  >,
-) => ReturnEl) & {
-  Trigger: (<T>(
-    props: Merge<ComponentProps<typeof Dropdown.Trigger>, ComponentProps<typeof BaseTrigger>> & T,
-  ) => ReturnEl) & {
-    Addon: typeof BaseTrigger.Addon;
-    Text: typeof BaseTrigger.Text;
-  };
-  Popper: typeof Dropdown.Popper;
-  Header: typeof Box;
-  Title: <T>(props: CProps<IDatePickerProps & IBoxProps & T, IMonthPickerContext>) => ReturnEl;
-  Prev: typeof Button;
-  Next: typeof Button;
-  Calendar: typeof Calendar;
-  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
-  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
-};
-
-export interface IMonthRangePickerContext {
-  getTriggerProps: PropGetterFn;
-  getPopperProps: PropGetterFn;
-  getHeaderProps: PropGetterFn;
-  getTitleProps: PropGetterFn;
-  getNextProps: PropGetterFn;
-  getPrevProps: PropGetterFn;
-  getCalendarProps: PropGetterFn;
-  getPeriodProps: PropGetterFn;
-}
-
-declare const MonthRangePicker: ((
-  props: CProps<
-    IDateRangePickerProps,
-    IMonthRangePickerContext & ICalendarMonthsContext,
-    IDatePickerHandlers
-  >,
-) => ReturnEl) & {
-  Trigger: (<T>(
-    props: Merge<ComponentProps<typeof Dropdown.Trigger>, ComponentProps<typeof BaseTrigger>> & T,
-  ) => ReturnEl) & {
-    Addon: typeof BaseTrigger.Addon;
-    Text: typeof BaseTrigger.Text;
-  };
-  Popper: typeof Dropdown.Popper;
-  Header: typeof Box;
-  Title: <T>(
-    props: CProps<IDateRangePickerProps & IBoxProps & T, IMonthRangePickerContext>,
-  ) => ReturnEl;
-  Prev: typeof Button;
-  Next: typeof Button;
-  Calendar: typeof Calendar;
-  Period: <T>(props: IDateRangePickerPeriodProps & T) => ReturnEl;
-  Apply: typeof Button;
-  Reset: typeof Button;
-  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
-  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
-};
-
-export { DatePicker, DateRangePicker, MonthPicker, MonthRangePicker };

package/lib/es6/index.d.ts

@@ -1,359 +0,0 @@
-import React, { ComponentProps } from 'react';
-import dayjs from 'dayjs';
-import { Box, IBoxProps } from '@semcore/flex-box';
-import Button from '@semcore/button';
-import { CProps, Merge, PropGetterFn, ReturnEl } from '@semcore/core';
-import Dropdown, { IDropdownProps } from '@semcore/dropdown';
-import { IWithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';
-import BaseTrigger from '@semcore/base-trigger';
-
-export type DateConstructorParams = string | number | Date;
-
-export interface ICalendarProps extends IBoxProps {
-  /**
-   * Locale for displaying the days of a week and months, to be transferred to `Intl`
-   * @default en
-   * */
-  locale?: NavigatorLanguage['language'];
-  /**
-   * Array of dates blocked for selection
-   * Accepts the date, the range of dates or `falsICalendarPropse` for specifying infinity ([Date | false, Date | false]), crontab( 6,7)
-   * */
-  disabled?: (Date | (Date | false)[] | string)[];
-  /**
-   * @ignore
-   * */
-  highlighted?: DateConstructorParams[];
-  /**
-   * @ignore
-   * */
-  onHighlightedChange?: (date: Date[]) => void;
-  /**
-   * The selected date, accepts everything which is accepted by `new Date()`
-   * */
-  value?: DateConstructorParams[];
-  /**
-   * To be activated upon selecting the date
-   * */
-  onChange?: (date: Date[]) => void;
-  /**
-   * Date for showing the necessary month
-   * @default new Date()
-   * */
-  displayedPeriod?: Date;
-}
-
-export interface ICalendarDaysContext {
-  days: ICalendarUnitProps[];
-}
-
-export interface ICalendarMonthsContext {
-  months: ICalendarUnitProps[];
-}
-
-export interface ICalendarUnitProps extends IBoxProps {
-  selected?: boolean;
-  outdated?: boolean;
-  disabled?: boolean;
-  today?: boolean;
-  startSelected?: boolean;
-  endSelected?: boolean;
-  highlighted?: boolean;
-  startHighlighted?: boolean;
-  endHighlighted?: boolean;
-  children?: React.ReactNode;
-}
-
-export interface ICalendarContext {
-  getUnitProps: PropGetterFn;
-}
-
-declare const Calendar: (<T>(
-  props: CProps<ICalendarProps & T, ICalendarContext, IAbstractDatePickerHandlers>,
-) => ReturnEl) & {
-  Unit: <T>(props: ICalendarUnitProps & T) => ReturnEl;
-};
-
-export interface IDatePickerProps extends IDropdownProps, IWithI18nEnhanceProps {
-  /**
-   * The selected date, accepts everything which is accepted by `new Date()`
-   * */
-  value?: DateConstructorParams;
-  /**
-   * To be activated upon selecting the date
-   * */
-  onChange?: (date: Date) => 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';
-  /**
-   * The selected date, accepts everything which is accepted by `new Date()`
-   * */
-  highlighted?: DateConstructorParams[];
-  /**
-   * Default value selected date, accepts everything which is accepted by `new Date()`
-   * */
-  defaultValue?: 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[];
-}
-
-export interface IDateRangePickerProps extends IDropdownProps, IWithI18nEnhanceProps {
-  /**
-   * The selected date, accepts everything which is accepted by `new Date()`
-   * */
-  value?: DateConstructorParams[];
-  /**
-   * Default value selected date, accepts everything which is accepted by `new Date()`
-   * */
-  defaultValue?: 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[];
-  /**
-   * To be activated upon selecting the date
-   * */
-  onChange?: (date: Date[]) => 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[];
-  /**
-   * Remove the 'Reset' button
-   * */
-  unclearable?: boolean;
-  /**
-   * To be activated upon selecting the date
-   * */
-  onHighlightedChange?: (date: Date[]) => void;
-  /**
-   * 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?: (ComponentProps<typeof Button> & { value: Date[] })[];
-}
-
-export interface IDateRangePickerPeriodProps extends IBoxProps {
-  /**
-   * Current selected period
-   * */
-  value?: DateConstructorParams[];
-  /**
-   * To be activated by clicking the button for switching the selected period.
-   * */
-  onChange?: (date: Date[]) => void;
-  /**
-   * To be activated by hovering a cursor over the button for changing the current displayed month.
-   * */
-  onDisplayedPeriodChange?: (date: Date) => void;
-  /**
-   * To be activated by hovering a cursor over the button for selecting the dates.
-   * */
-  onHighlightedChange?: (date: Date[]) => void;
-  /**
-   * 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?: (ComponentProps<typeof Button> & { value: Date[] })[];
-}
-
-export interface IDatePickerContext {
-  getTriggerProps: PropGetterFn;
-  getPopperProps: PropGetterFn;
-  getHeaderProps: PropGetterFn;
-  getTitleProps: PropGetterFn;
-  getNextProps: PropGetterFn;
-  getPrevProps: PropGetterFn;
-  getCalendarProps: PropGetterFn;
-  getTodayProps: PropGetterFn;
-}
-
-export interface IAbstractDatePickerHandlers {
-  displayedPeriod: (value: DateConstructorParams) => void;
-  visible: (index: boolean) => void;
-  highlighted: (list: DateConstructorParams[]) => void;
-  value: (index: DateConstructorParams) => void;
-}
-
-export interface IDatePickerHandlers {
-  visible: (index: boolean) => void;
-}
-
-declare const DatePicker: ((
-  props: CProps<IDatePickerProps, IDatePickerContext & ICalendarDaysContext, IDatePickerHandlers>,
-) => ReturnEl) & {
-  Trigger: (<T>(
-    props: Merge<ComponentProps<typeof Dropdown.Trigger>, ComponentProps<typeof BaseTrigger>> & T,
-  ) => ReturnEl) & {
-    Addon: typeof BaseTrigger.Addon;
-    Text: typeof BaseTrigger.Text;
-  };
-  Popper: typeof Dropdown.Popper;
-  Header: typeof Box;
-  Title: <T>(props: CProps<IDatePickerProps & IBoxProps & T, IDatePickerContext>) => ReturnEl;
-  Prev: typeof Button;
-  Next: typeof Button;
-  Calendar: typeof Calendar;
-  Today: typeof Box;
-  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
-  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
-};
-
-export interface IDateRangePickerContext {
-  getTriggerProps: PropGetterFn;
-  getPopperProps: PropGetterFn;
-  getHeaderProps: PropGetterFn;
-  getTitleProps: PropGetterFn;
-  getNextProps: PropGetterFn;
-  getPrevProps: PropGetterFn;
-  getCalendarProps: PropGetterFn;
-  getPeriodProps: PropGetterFn;
-}
-
-declare const DateRangePicker: ((
-  props: CProps<
-    IDateRangePickerProps,
-    IDateRangePickerContext & ICalendarDaysContext,
-    IDatePickerHandlers
-  >,
-) => ReturnEl) & {
-  Trigger: (<T>(
-    props: Merge<ComponentProps<typeof Dropdown.Trigger>, ComponentProps<typeof BaseTrigger>> & T,
-  ) => ReturnEl) & {
-    Addon: typeof BaseTrigger.Addon;
-    Text: typeof BaseTrigger.Text;
-  };
-  Popper: <T>(props: ComponentProps<typeof Dropdown.Popper> & T) => ReturnEl;
-  Header: typeof Box;
-  Title: <T>(
-    props: CProps<IDateRangePickerProps & IBoxProps & T, IDateRangePickerContext>,
-  ) => ReturnEl;
-  Prev: typeof Button;
-  Next: typeof Button;
-  Calendar: typeof Calendar;
-  Period: <T>(props: IDateRangePickerPeriodProps & T) => ReturnEl;
-  Apply: typeof Button;
-  Reset: typeof Button;
-  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
-  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
-};
-
-export interface IMonthPickerContext {
-  getTriggerProps: PropGetterFn;
-  getPopperProps: PropGetterFn;
-  getHeaderProps: PropGetterFn;
-  getTitleProps: PropGetterFn;
-  getNextProps: PropGetterFn;
-  getPrevProps: PropGetterFn;
-  getCalendarProps: PropGetterFn;
-}
-
-declare const MonthPicker: ((
-  props: CProps<
-    IDatePickerProps,
-    IMonthPickerContext & ICalendarMonthsContext,
-    IDatePickerHandlers
-  >,
-) => ReturnEl) & {
-  Trigger: (<T>(
-    props: Merge<ComponentProps<typeof Dropdown.Trigger>, ComponentProps<typeof BaseTrigger>> & T,
-  ) => ReturnEl) & {
-    Addon: typeof BaseTrigger.Addon;
-    Text: typeof BaseTrigger.Text;
-  };
-  Popper: typeof Dropdown.Popper;
-  Header: typeof Box;
-  Title: <T>(props: CProps<IDatePickerProps & IBoxProps & T, IMonthPickerContext>) => ReturnEl;
-  Prev: typeof Button;
-  Next: typeof Button;
-  Calendar: typeof Calendar;
-  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
-  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
-};
-
-export interface IMonthRangePickerContext {
-  getTriggerProps: PropGetterFn;
-  getPopperProps: PropGetterFn;
-  getHeaderProps: PropGetterFn;
-  getTitleProps: PropGetterFn;
-  getNextProps: PropGetterFn;
-  getPrevProps: PropGetterFn;
-  getCalendarProps: PropGetterFn;
-  getPeriodProps: PropGetterFn;
-}
-
-declare const MonthRangePicker: ((
-  props: CProps<
-    IDateRangePickerProps,
-    IMonthRangePickerContext & ICalendarMonthsContext,
-    IDatePickerHandlers
-  >,
-) => ReturnEl) & {
-  Trigger: (<T>(
-    props: Merge<ComponentProps<typeof Dropdown.Trigger>, ComponentProps<typeof BaseTrigger>> & T,
-  ) => ReturnEl) & {
-    Addon: typeof BaseTrigger.Addon;
-    Text: typeof BaseTrigger.Text;
-  };
-  Popper: typeof Dropdown.Popper;
-  Header: typeof Box;
-  Title: <T>(
-    props: CProps<IDateRangePickerProps & IBoxProps & T, IMonthRangePickerContext>,
-  ) => ReturnEl;
-  Prev: typeof Button;
-  Next: typeof Button;
-  Calendar: typeof Calendar;
-  Period: <T>(props: IDateRangePickerPeriodProps & T) => ReturnEl;
-  Apply: typeof Button;
-  Reset: typeof Button;
-  add: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
-  subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
-};
-
-export { DatePicker, DateRangePicker, MonthPicker, MonthRangePicker };