@semcore/date-picker 2.8.1 → 2.8.4

package/lib/cjs/components/index.js

@@ -53,8 +53,6 @@ var _ButtonTrigger = _interopRequireDefault(require("./ButtonTrigger"));
 
 var _excluded = ["value", "onClick", "onMouseEnter", "onMouseLeave"];
 
-var _this = void 0;
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -64,15 +62,14 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function Trigger() {
-  var _ref = this ? this.asProps : arguments[0];
-
+  var _ref = arguments[0];
   return /*#__PURE__*/_react["default"].createElement(_dropdown["default"].Trigger, (0, _core.assignProps)({
     "tag": _ButtonTrigger["default"]
   }, _ref));
 }
 
 function Popper(props) {
-  var _ref2 = this ? this.asProps : arguments[0],
+  var _ref2 = arguments[0],
       _ref8;
 
   var SPopper = _dropdown["default"].Popper;
@@ -83,7 +80,7 @@ function Popper(props) {
 }
 
 function Header(props) {
-  var _ref3 = this ? this.asProps : arguments[0],
+  var _ref3 = arguments[0],
       _ref9;
 
   var SHeader = _flexBox.Box;
@@ -91,7 +88,7 @@ function Header(props) {
 }
 
 var Title = function Title(_ref12) {
-  var _ref4 = _this ? _this.asProps : arguments[0],
+  var _ref4 = arguments[0],
       _ref10;
 
   var Children = _ref12.Children,
@@ -103,8 +100,7 @@ var Title = function Title(_ref12) {
 exports.Title = Title;
 
 function Prev() {
-  var _ref5 = this ? this.asProps : arguments[0];
-
+  var _ref5 = arguments[0];
   return /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _core.assignProps)({
     "use": "tertiary",
     "theme": "muted",
@@ -119,8 +115,7 @@ Prev.defaultProps = {
 };
 
 function Next() {
-  var _ref6 = this ? this.asProps : arguments[0];
-
+  var _ref6 = arguments[0];
   return /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _core.assignProps)({
     "use": "tertiary",
     "theme": "muted",
@@ -137,12 +132,12 @@ var stylesBtn = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SInner_1hn8c_gg_{justify-content:flex-start}"
+".___SInner_1td0i_gg_{justify-content:flex-start}"
 /*__inner_css_end__*/
 , "rfgf9b_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SInner": "___SInner_1hn8c_gg_"
+  "__SInner": "___SInner_1td0i_gg_"
 });
 
 var Period = /*#__PURE__*/function (_Component) {
@@ -151,7 +146,7 @@ var Period = /*#__PURE__*/function (_Component) {
   var _super = _createSuper(Period);
 
   function Period() {
-    var _this2;
+    var _this;
 
     (0, _classCallCheck2["default"])(this, Period);
 
@@ -159,8 +154,8 @@ var Period = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    _this2 = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "getActiveControl", function () {
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getActiveControl", function () {
       var period = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       var value = arguments.length > 1 ? arguments[1] : undefined;
 
@@ -177,15 +172,15 @@ var Period = /*#__PURE__*/function (_Component) {
 
       return compareMonth(period[0], value);
     });
-    return _this2;
+    return _this;
   }
 
   (0, _createClass2["default"])(Period, [{
     key: "render",
     value: function render() {
-      var _ref7 = this ? this.asProps : arguments[0],
+      var _ref7 = this.asProps,
           _ref11,
-          _this3 = this;
+          _this2 = this;
 
       var SPeriod = _flexBox.Box;
       var _this$asProps = this.asProps,
@@ -206,7 +201,7 @@ var Period = /*#__PURE__*/function (_Component) {
           theme: "muted",
           styles: stylesBtn,
           key: i,
-          active: _this3.getActiveControl(period, value),
+          active: _this2.getActiveControl(period, value),
           onClick: (0, _assignProps8.callAllEventHandlers)(onClick, function () {
             return onChange(period);
           }),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/index.js"],"names":["Trigger","Dropdown","ButtonTrigger","Popper","props","SPopper","styles","Header","SHeader","Box","Title","Children","STitle","Prev","Button","defaultProps","children","Next","stylesBtn","sstyled","Period","period","value","compareMonth","monthOne","monthTwo","isSame","Array","isArray","length","SPeriod","asProps","onChange","periods","onHighlightedChange","onDisplayedPeriodChange","map","i","onClick","onMouseEnter","onMouseLeave","other","getActiveControl","toDate","Date","Component"],"mappings":"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","sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport ChevronLeft from '@semcore/icon/ChevronLeft/m';\nimport ChevronRight from '@semcore/icon/ChevronRight/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport ButtonTrigger from './ButtonTrigger';\n\nexport function Trigger() {\n  return <Root render={Dropdown.Trigger} tag={ButtonTrigger} />;\n}\n\nexport function Popper(props) {\n  const SPopper = Root;\n  return sstyled(props.styles)(\n    <SPopper render={Dropdown.Popper} role=\"region\" aria-label=\"calendar-container\" />,\n  );\n}\n\nexport function Header(props) {\n  const SHeader = Root;\n  return sstyled(props.styles)(<SHeader render={Box} />);\n}\n\nexport const Title = ({ Children, styles }) => {\n  const STitle = Root;\n  return sstyled(styles)(\n    <STitle render={Box}>\n      <Children />\n    </STitle>,\n  );\n};\n\nexport function Prev() {\n  return (\n    <Root\n      render={Button}\n      use=\"tertiary\"\n      theme=\"muted\"\n      size=\"l\"\n      tabIndex={-1}\n      aria-label=\"Prev period\"\n    />\n  );\n}\n\nPrev.defaultProps = {\n  children: <ChevronLeft />,\n};\n\nexport function Next() {\n  return (\n    <Root\n      render={Button}\n      use=\"tertiary\"\n      theme=\"muted\"\n      size=\"l\"\n      tabIndex={-1}\n      aria-label=\"Next period\"\n    />\n  );\n}\n\nNext.defaultProps = {\n  children: <ChevronRight />,\n};\n\nconst stylesBtn = sstyled.css`\n  SInner {\n    justify-content: flex-start;\n  }\n`;\n\nexport class Period extends Component {\n  getActiveControl = (period = [], value) => {\n    function compareMonth(monthOne, monthTwo) {\n      return dayjs(monthOne).isSame(dayjs(monthTwo), 'date');\n    }\n\n    if (!period || !value) return false;\n    if (Array.isArray(value) && period.length !== value.length) return false;\n    if (Array.isArray(value)) {\n      return compareMonth(period[0], value[0]) && compareMonth(period[1], value[1]);\n    }\n\n    return compareMonth(period[0], value);\n  };\n\n  render() {\n    const SPeriod = Root;\n    const {\n      styles,\n      value,\n      onChange,\n      periods,\n      onHighlightedChange,\n      onDisplayedPeriodChange,\n    } = this.asProps;\n\n    return sstyled(styles)(\n      <SPeriod render={Box}>\n        {periods.map(({ value: period, onClick, onMouseEnter, onMouseLeave, ...other }, i) => (\n          <Button\n            use=\"tertiary\"\n            theme=\"muted\"\n            styles={stylesBtn}\n            key={i}\n            active={this.getActiveControl(period, value)}\n            onClick={callAllEventHandlers(onClick, () => onChange(period))}\n            onMouseEnter={callAllEventHandlers(onMouseEnter, () => {\n              onHighlightedChange(period);\n              onDisplayedPeriodChange(dayjs(period[0]).toDate());\n            })}\n            onMouseLeave={callAllEventHandlers(onMouseLeave, () => {\n              onHighlightedChange([]);\n              onDisplayedPeriodChange(value[0] ? dayjs(value[0]).toDate() : new Date());\n            })}\n            {...other}\n          />\n        ))}\n      </SPeriod>,\n    );\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/components/index.jsx"],"names":["Trigger","Dropdown","ButtonTrigger","Popper","props","SPopper","styles","Header","SHeader","Box","Title","Children","STitle","Prev","Button","defaultProps","children","Next","stylesBtn","sstyled","Period","period","value","compareMonth","monthOne","monthTwo","isSame","Array","isArray","length","SPeriod","asProps","onChange","periods","onHighlightedChange","onDisplayedPeriodChange","map","i","onClick","onMouseEnter","onMouseLeave","other","getActiveControl","toDate","Date","Component"],"mappings":"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","sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport ChevronLeft from '@semcore/icon/ChevronLeft/m';\nimport ChevronRight from '@semcore/icon/ChevronRight/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport ButtonTrigger from './ButtonTrigger';\n\nexport function Trigger() {\n  return <Root render={Dropdown.Trigger} tag={ButtonTrigger} />;\n}\n\nexport function Popper(props) {\n  const SPopper = Root;\n  return sstyled(props.styles)(\n    <SPopper render={Dropdown.Popper} role=\"region\" aria-label=\"calendar-container\" />,\n  );\n}\n\nexport function Header(props) {\n  const SHeader = Root;\n  return sstyled(props.styles)(<SHeader render={Box} />);\n}\n\nexport const Title = ({ Children, styles }) => {\n  const STitle = Root;\n  return sstyled(styles)(\n    <STitle render={Box}>\n      <Children />\n    </STitle>,\n  );\n};\n\nexport function Prev() {\n  return (\n    <Root\n      render={Button}\n      use=\"tertiary\"\n      theme=\"muted\"\n      size=\"l\"\n      tabIndex={-1}\n      aria-label=\"Prev period\"\n    />\n  );\n}\n\nPrev.defaultProps = {\n  children: <ChevronLeft />,\n};\n\nexport function Next() {\n  return (\n    <Root\n      render={Button}\n      use=\"tertiary\"\n      theme=\"muted\"\n      size=\"l\"\n      tabIndex={-1}\n      aria-label=\"Next period\"\n    />\n  );\n}\n\nNext.defaultProps = {\n  children: <ChevronRight />,\n};\n\nconst stylesBtn = sstyled.css`\n  SInner {\n    justify-content: flex-start;\n  }\n`;\n\nexport class Period extends Component {\n  getActiveControl = (period = [], value) => {\n    function compareMonth(monthOne, monthTwo) {\n      return dayjs(monthOne).isSame(dayjs(monthTwo), 'date');\n    }\n\n    if (!period || !value) return false;\n    if (Array.isArray(value) && period.length !== value.length) return false;\n    if (Array.isArray(value)) {\n      return compareMonth(period[0], value[0]) && compareMonth(period[1], value[1]);\n    }\n\n    return compareMonth(period[0], value);\n  };\n\n  render() {\n    const SPeriod = Root;\n    const { styles, value, onChange, periods, onHighlightedChange, onDisplayedPeriodChange } =\n      this.asProps;\n\n    return sstyled(styles)(\n      <SPeriod render={Box}>\n        {periods.map(({ value: period, onClick, onMouseEnter, onMouseLeave, ...other }, i) => (\n          <Button\n            use=\"tertiary\"\n            theme=\"muted\"\n            styles={stylesBtn}\n            key={i}\n            active={this.getActiveControl(period, value)}\n            onClick={callAllEventHandlers(onClick, () => onChange(period))}\n            onMouseEnter={callAllEventHandlers(onMouseEnter, () => {\n              onHighlightedChange(period);\n              onDisplayedPeriodChange(dayjs(period[0]).toDate());\n            })}\n            onMouseLeave={callAllEventHandlers(onMouseLeave, () => {\n              onHighlightedChange([]);\n              onDisplayedPeriodChange(value[0] ? dayjs(value[0]).toDate() : new Date());\n            })}\n            {...other}\n          />\n        ))}\n      </SPeriod>,\n    );\n  }\n}\n"],"file":"index.js"}

package/lib/cjs/index.d.ts

@@ -0,0 +1,355 @@
+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' | 'xl';
+  /**
+   * 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;
+  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;
+  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/cjs/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
@@ -50,47 +52,11 @@ Object.keys(_DatePicker).forEach(function (key) {
   });
 });
 
-var _DateRangePicker = _interopRequireWildcard(require("./DateRangePicker"));
-
-Object.keys(_DateRangePicker).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _DateRangePicker[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DateRangePicker[key];
-    }
-  });
-});
-
-var _MonthPicker = _interopRequireWildcard(require("./MonthPicker"));
-
-Object.keys(_MonthPicker).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _MonthPicker[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _MonthPicker[key];
-    }
-  });
-});
+var _DateRangePicker = _interopRequireDefault(require("./DateRangePicker"));
 
-var _MonthRangePicker = _interopRequireWildcard(require("./MonthRangePicker"));
+var _MonthPicker = _interopRequireDefault(require("./MonthPicker"));
 
-Object.keys(_MonthRangePicker).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _MonthRangePicker[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _MonthRangePicker[key];
-    }
-  });
-});
+var _MonthRangePicker = _interopRequireDefault(require("./MonthRangePicker"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAEA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAEA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAEA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { default as DatePicker } from './DatePicker';\nexport * from './DatePicker';\n\nexport { default as DateRangePicker } from './DateRangePicker';\nexport * from './DateRangePicker';\n\nexport { default as MonthPicker } from './MonthPicker';\nexport * from './MonthPicker';\n\nexport { default as MonthRangePicker } from './MonthRangePicker';\nexport * from './MonthRangePicker';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAEA;;AAEA;;AAEA","sourcesContent":["export { default as DatePicker } from './DatePicker';\nexport * from './DatePicker';\n\nexport { default as DateRangePicker } from './DateRangePicker';\n\nexport { default as MonthPicker } from './MonthPicker';\n\nexport { default as MonthRangePicker } from './MonthRangePicker';\n"],"file":"index.js"}

package/lib/cjs/utils/shortDateRangeFormat.js

@@ -71,6 +71,7 @@ function shortDateRangeFormat(dates, _ref) {
     }
 
     if (isSimilarYear) {
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
       var year = options.year,
           newOptions = (0, _objectWithoutProperties2["default"])(options, _excluded2);
 

package/lib/cjs/utils/shortDateRangeFormat.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/shortDateRangeFormat.js"],"names":["getDayJSLocale","locale","includes","shortDateRangeFormat","dates","options","Intl","DateTimeFormat","format","normalizeDates","map","date","toDate","monthsYears","month","year","length","isSimilarDay","isSimilarMonth","isSimilarYear","day","getDate","getFullYear","newOptions"],"mappings":"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","sourcesContent":["import dayjs from 'dayjs';\n\nfunction getDayJSLocale(locale) {\n  if (locale.includes('en') || locale.includes('ja')) {\n    return 'en';\n  }\n  return 'ru';\n}\n\nexport default function shortDateRangeFormat(dates, { locale = 'en-US', ...options }) {\n  const { format } = new Intl.DateTimeFormat(locale, options);\n  const normalizeDates = dates.map((date) => dayjs(date).toDate());\n  const monthsYears = dates.map((date) => [\n    dayjs(date).date(),\n    dayjs(date).month(),\n    dayjs(date).year(),\n  ]);\n\n  if (monthsYears.length > 1) {\n    const isSimilarDay = monthsYears[0][0] === monthsYears[1][0];\n    const isSimilarMonth = monthsYears[0][1] === monthsYears[1][1];\n    const isSimilarYear = monthsYears[0][2] === monthsYears[1][2];\n\n    if (isSimilarMonth && isSimilarYear && !options.day) {\n      return format(normalizeDates[0]);\n    }\n    if (isSimilarMonth && isSimilarYear) {\n      if (getDayJSLocale(locale) === 'en') {\n        if (isSimilarDay) {\n          return `${new Intl.DateTimeFormat(locale, { month: options.month }).format(\n            normalizeDates[0],\n          )} ${normalizeDates[0].getDate()}, ${normalizeDates[0].getFullYear()}`;\n        }\n        return `${new Intl.DateTimeFormat(locale, { month: options.month }).format(\n          normalizeDates[0],\n        )} ${normalizeDates[0].getDate()} - ${normalizeDates[1].getDate()}, ${normalizeDates[0].getFullYear()}`;\n      }\n      if (isSimilarDay) {\n        return `${normalizeDates[0].getDate()} ${new Intl.DateTimeFormat(locale, {\n          month: options.month,\n        }).format(normalizeDates[0])} ${normalizeDates[0].getFullYear()}`;\n      }\n      return `${normalizeDates[0].getDate()} - ${normalizeDates[1].getDate()} ${new Intl.DateTimeFormat(\n        locale,\n        { month: options.month },\n      ).format(normalizeDates[0])} ${normalizeDates[0].getFullYear()}`;\n    }\n\n    if (isSimilarYear) {\n      const { year, ...newOptions } = options;\n      if (getDayJSLocale(locale) === 'en') {\n        return `${new Intl.DateTimeFormat(locale, newOptions).format(\n          normalizeDates[0],\n        )} - ${new Intl.DateTimeFormat(locale, newOptions).format(\n          normalizeDates[1],\n        )}, ${normalizeDates[0].getFullYear()}`;\n      }\n      return `${new Intl.DateTimeFormat(locale, newOptions).format(\n        normalizeDates[0],\n      )} - ${new Intl.DateTimeFormat(locale, newOptions).format(\n        normalizeDates[1],\n      )} ${normalizeDates[0].getFullYear()}`;\n    }\n\n    return `${format(normalizeDates[0])} - ${format(normalizeDates[1])}`;\n  }\n\n  return format(normalizeDates[0]);\n}\n"],"file":"shortDateRangeFormat.js"}
+{"version":3,"sources":["../../../src/utils/shortDateRangeFormat.js"],"names":["getDayJSLocale","locale","includes","shortDateRangeFormat","dates","options","Intl","DateTimeFormat","format","normalizeDates","map","date","toDate","monthsYears","month","year","length","isSimilarDay","isSimilarMonth","isSimilarYear","day","getDate","getFullYear","newOptions"],"mappings":"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","sourcesContent":["import dayjs from 'dayjs';\n\nfunction getDayJSLocale(locale) {\n  if (locale.includes('en') || locale.includes('ja')) {\n    return 'en';\n  }\n  return 'ru';\n}\n\nexport default function shortDateRangeFormat(dates, { locale = 'en-US', ...options }) {\n  const { format } = new Intl.DateTimeFormat(locale, options);\n  const normalizeDates = dates.map((date) => dayjs(date).toDate());\n  const monthsYears = dates.map((date) => [\n    dayjs(date).date(),\n    dayjs(date).month(),\n    dayjs(date).year(),\n  ]);\n\n  if (monthsYears.length > 1) {\n    const isSimilarDay = monthsYears[0][0] === monthsYears[1][0];\n    const isSimilarMonth = monthsYears[0][1] === monthsYears[1][1];\n    const isSimilarYear = monthsYears[0][2] === monthsYears[1][2];\n\n    if (isSimilarMonth && isSimilarYear && !options.day) {\n      return format(normalizeDates[0]);\n    }\n    if (isSimilarMonth && isSimilarYear) {\n      if (getDayJSLocale(locale) === 'en') {\n        if (isSimilarDay) {\n          return `${new Intl.DateTimeFormat(locale, { month: options.month }).format(\n            normalizeDates[0],\n          )} ${normalizeDates[0].getDate()}, ${normalizeDates[0].getFullYear()}`;\n        }\n        return `${new Intl.DateTimeFormat(locale, { month: options.month }).format(\n          normalizeDates[0],\n        )} ${normalizeDates[0].getDate()} - ${normalizeDates[1].getDate()}, ${normalizeDates[0].getFullYear()}`;\n      }\n      if (isSimilarDay) {\n        return `${normalizeDates[0].getDate()} ${new Intl.DateTimeFormat(locale, {\n          month: options.month,\n        }).format(normalizeDates[0])} ${normalizeDates[0].getFullYear()}`;\n      }\n      return `${normalizeDates[0].getDate()} - ${normalizeDates[1].getDate()} ${new Intl.DateTimeFormat(\n        locale,\n        { month: options.month },\n      ).format(normalizeDates[0])} ${normalizeDates[0].getFullYear()}`;\n    }\n\n    if (isSimilarYear) {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { year, ...newOptions } = options;\n      if (getDayJSLocale(locale) === 'en') {\n        return `${new Intl.DateTimeFormat(locale, newOptions).format(\n          normalizeDates[0],\n        )} - ${new Intl.DateTimeFormat(locale, newOptions).format(\n          normalizeDates[1],\n        )}, ${normalizeDates[0].getFullYear()}`;\n      }\n      return `${new Intl.DateTimeFormat(locale, newOptions).format(\n        normalizeDates[0],\n      )} - ${new Intl.DateTimeFormat(locale, newOptions).format(\n        normalizeDates[1],\n      )} ${normalizeDates[0].getFullYear()}`;\n    }\n\n    return `${format(normalizeDates[0])} - ${format(normalizeDates[1])}`;\n  }\n\n  return format(normalizeDates[0]);\n}\n"],"file":"shortDateRangeFormat.js"}

package/lib/es6/DatePicker.js

@@ -134,7 +134,7 @@ var Today = /*#__PURE__*/function (_Component) {
   _createClass(Today, [{
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref2;
 
       var SToday = Box;