@semcore/date-picker 3.0.12 → 3.1.1

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [3.1.1] - 2022-08-11
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/utils` [3.35.1 ~> 3.36.0], `@semcore/base-trigger` [3.0.12 ~> 3.0.13], `@semcore/button` [4.0.10 ~> 4.0.11], `@semcore/typography` [4.0.11 ~> 4.1.0]).
+
+## [3.1.0] - 2022-07-29
+
+### Added
+
+- Added new button components `Apply` and `Reset` for `DateRangePicker` and `MonthRangePicker`.
+
+## [3.0.13] - 2022-07-25
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/base-trigger` [3.0.10 ~> 3.0.11], `@semcore/icon` [2.29.1 ~> 2.29.2]).
+
 ## [3.0.12] - 2022-07-22
 
 ### Changed

package/lib/cjs/DateRangePicker.js

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -35,7 +37,11 @@ var _components = require("./components");
 
 var _Calendar = require("./components/Calendar");
 
-var _RangePickerAbstract2 = _interopRequireDefault(require("./components/RangePickerAbstract"));
+var _RangePickerAbstract2 = _interopRequireWildcard(require("./components/RangePickerAbstract"));
+
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -127,7 +133,9 @@ var DateRangePicker = (0, _core["default"])(DateRangePickerRoot, {
   Prev: _components.Prev,
   Next: _components.Next,
   Calendar: _Calendar.CalendarDays,
-  Period: _components.Period
+  Period: _components.Period,
+  Apply: _RangePickerAbstract2.Apply,
+  Reset: _RangePickerAbstract2.Reset
 }, {
   parent: _Calendar.CalendarDays
 });

package/lib/cjs/DateRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.js","names":["DateRangePickerRoot","getI18nText","asProps","today","Date","setHours","children","value","dayjs","subtract","toDate","locale","placeholder","shortDateRangeFormat","day","month","year","RangePickerAbstract","props","defaultProps","DateRangePicker","createComponent","Trigger","Popper","Header","Title","Prev","Next","Calendar","Period","parent"],"sources":["../../src/DateRangePicker.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport createComponent from '@semcore/core';\nimport shortDateRangeFormat from './utils/shortDateRangeFormat';\nimport { Header, Next, Period, Popper, Prev, Title, Trigger } from './components';\nimport { CalendarDays as Calendar } from './components/Calendar';\nimport RangePickerAbstract from './components/RangePickerAbstract';\n\nclass DateRangePickerRoot extends RangePickerAbstract {\n  static displayName = 'DateRangePicker';\n  static defaultProps = (props) => {\n    return {\n      ...RangePickerAbstract.defaultProps(props),\n      children: (\n        <>\n          <DateRangePicker.Trigger />\n          <DateRangePicker.Popper />\n        </>\n      ),\n    };\n  };\n\n  navigateStep = 'month';\n  keyStep = 'day';\n  keyDiff = {\n    37: -1,\n    38: -7,\n    39: 1,\n    40: 7,\n  };\n\n  getDefaultPeriods() {\n    const { getI18nText } = this.asProps;\n    const today = new Date(new Date().setHours(0, 0, 0, 0));\n    return [\n      {\n        children: getI18nText('last2Days'),\n        value: [dayjs(today).subtract(1, 'day').toDate(), today],\n      },\n      {\n        children: getI18nText('lastWeek'),\n        value: [dayjs(today).subtract(6, 'day').toDate(), today],\n      },\n      {\n        children: getI18nText('last2Weeks'),\n        value: [dayjs(today).subtract(13, 'day').toDate(), today],\n      },\n      {\n        children: getI18nText('lastMonth'),\n        value: [dayjs(today).subtract(1, 'month').toDate(), today],\n      },\n      {\n        children: getI18nText('last2Months'),\n        value: [dayjs(today).subtract(2, 'month').toDate(), today],\n      },\n    ];\n  }\n\n  getTriggerProps() {\n    const { value, locale } = this.asProps;\n    return {\n      ...super.getTriggerProps(),\n      placeholder: 'Select date period',\n      children: shortDateRangeFormat(value, {\n        locale,\n        day: 'numeric',\n        month: 'short',\n        year: 'numeric',\n      }),\n    };\n  }\n}\n\nconst DateRangePicker = createComponent(\n  DateRangePickerRoot,\n  {\n    Trigger,\n    Popper,\n    Header,\n    Title,\n    Prev,\n    Next,\n    Calendar,\n    Period,\n  },\n  {\n    parent: Calendar,\n  },\n);\n\nexport default DateRangePicker;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;IAEMA,mB;;;;;;;;;;;;;;;qGAcW,O;gGACL,K;gGACA;MACR,IAAI,CAAC,CADG;MAER,IAAI,CAAC,CAFG;MAGR,IAAI,CAHI;MAIR,IAAI;IAJI,C;;;;;;WAOV,6BAAoB;MAClB,IAAQC,WAAR,GAAwB,KAAKC,OAA7B,CAAQD,WAAR;MACA,IAAME,KAAK,GAAG,IAAIC,IAAJ,CAAS,IAAIA,IAAJ,GAAWC,QAAX,CAAoB,CAApB,EAAuB,CAAvB,EAA0B,CAA1B,EAA6B,CAA7B,CAAT,CAAd;MACA,OAAO,CACL;QACEC,QAAQ,EAAEL,WAAW,CAAC,WAAD,CADvB;QAEEM,KAAK,EAAE,CAAC,IAAAC,iBAAA,EAAML,KAAN,EAAaM,QAAb,CAAsB,CAAtB,EAAyB,KAAzB,EAAgCC,MAAhC,EAAD,EAA2CP,KAA3C;MAFT,CADK,EAKL;QACEG,QAAQ,EAAEL,WAAW,CAAC,UAAD,CADvB;QAEEM,KAAK,EAAE,CAAC,IAAAC,iBAAA,EAAML,KAAN,EAAaM,QAAb,CAAsB,CAAtB,EAAyB,KAAzB,EAAgCC,MAAhC,EAAD,EAA2CP,KAA3C;MAFT,CALK,EASL;QACEG,QAAQ,EAAEL,WAAW,CAAC,YAAD,CADvB;QAEEM,KAAK,EAAE,CAAC,IAAAC,iBAAA,EAAML,KAAN,EAAaM,QAAb,CAAsB,EAAtB,EAA0B,KAA1B,EAAiCC,MAAjC,EAAD,EAA4CP,KAA5C;MAFT,CATK,EAaL;QACEG,QAAQ,EAAEL,WAAW,CAAC,WAAD,CADvB;QAEEM,KAAK,EAAE,CAAC,IAAAC,iBAAA,EAAML,KAAN,EAAaM,QAAb,CAAsB,CAAtB,EAAyB,OAAzB,EAAkCC,MAAlC,EAAD,EAA6CP,KAA7C;MAFT,CAbK,EAiBL;QACEG,QAAQ,EAAEL,WAAW,CAAC,aAAD,CADvB;QAEEM,KAAK,EAAE,CAAC,IAAAC,iBAAA,EAAML,KAAN,EAAaM,QAAb,CAAsB,CAAtB,EAAyB,OAAzB,EAAkCC,MAAlC,EAAD,EAA6CP,KAA7C;MAFT,CAjBK,CAAP;IAsBD;;;WAED,2BAAkB;MAChB,oBAA0B,KAAKD,OAA/B;MAAA,IAAQK,KAAR,iBAAQA,KAAR;MAAA,IAAeI,MAAf,iBAAeA,MAAf;MACA;QAEEC,WAAW,EAAE,oBAFf;QAGEN,QAAQ,EAAE,IAAAO,gCAAA,EAAqBN,KAArB,EAA4B;UACpCI,MAAM,EAANA,MADoC;UAEpCG,GAAG,EAAE,SAF+B;UAGpCC,KAAK,EAAE,OAH6B;UAIpCC,IAAI,EAAE;QAJ8B,CAA5B;MAHZ;IAUD;;;EA9D+BC,gC;;iCAA5BjB,mB,iBACiB,iB;iCADjBA,mB,kBAEkB,UAACkB,KAAD,EAAW;EAC/B,uCACKD,gCAAA,CAAoBE,YAApB,CAAiCD,KAAjC,CADL;IAEEZ,QAAQ,eACN,+EACE,gCAAC,eAAD,CAAiB,OAAjB,OADF,eAEE,gCAAC,eAAD,CAAiB,MAAjB,OAFF;EAHJ;AASD,C;AAqDH,IAAMc,eAAe,GAAG,IAAAC,gBAAA,EACtBrB,mBADsB,EAEtB;EACEsB,OAAO,EAAPA,mBADF;EAEEC,MAAM,EAANA,kBAFF;EAGEC,MAAM,EAANA,kBAHF;EAIEC,KAAK,EAALA,iBAJF;EAKEC,IAAI,EAAJA,gBALF;EAMEC,IAAI,EAAJA,gBANF;EAOEC,QAAQ,EAARA,sBAPF;EAQEC,MAAM,EAANA;AARF,CAFsB,EAYtB;EACEC,MAAM,EAAEF;AADV,CAZsB,CAAxB;eAiBeR,e"}
+{"version":3,"file":"DateRangePicker.js","names":["DateRangePickerRoot","getI18nText","asProps","today","Date","setHours","children","value","dayjs","subtract","toDate","locale","placeholder","shortDateRangeFormat","day","month","year","RangePickerAbstract","props","defaultProps","DateRangePicker","createComponent","Trigger","Popper","Header","Title","Prev","Next","Calendar","Period","Apply","Reset","parent"],"sources":["../../src/DateRangePicker.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport createComponent from '@semcore/core';\nimport shortDateRangeFormat from './utils/shortDateRangeFormat';\nimport { Header, Next, Period, Popper, Prev, Title, Trigger } from './components';\nimport { CalendarDays as Calendar } from './components/Calendar';\nimport RangePickerAbstract, { Apply, Reset } from './components/RangePickerAbstract';\n\nclass DateRangePickerRoot extends RangePickerAbstract {\n  static displayName = 'DateRangePicker';\n  static defaultProps = (props) => {\n    return {\n      ...RangePickerAbstract.defaultProps(props),\n      children: (\n        <>\n          <DateRangePicker.Trigger />\n          <DateRangePicker.Popper />\n        </>\n      ),\n    };\n  };\n\n  navigateStep = 'month';\n  keyStep = 'day';\n  keyDiff = {\n    37: -1,\n    38: -7,\n    39: 1,\n    40: 7,\n  };\n\n  getDefaultPeriods() {\n    const { getI18nText } = this.asProps;\n    const today = new Date(new Date().setHours(0, 0, 0, 0));\n    return [\n      {\n        children: getI18nText('last2Days'),\n        value: [dayjs(today).subtract(1, 'day').toDate(), today],\n      },\n      {\n        children: getI18nText('lastWeek'),\n        value: [dayjs(today).subtract(6, 'day').toDate(), today],\n      },\n      {\n        children: getI18nText('last2Weeks'),\n        value: [dayjs(today).subtract(13, 'day').toDate(), today],\n      },\n      {\n        children: getI18nText('lastMonth'),\n        value: [dayjs(today).subtract(1, 'month').toDate(), today],\n      },\n      {\n        children: getI18nText('last2Months'),\n        value: [dayjs(today).subtract(2, 'month').toDate(), today],\n      },\n    ];\n  }\n\n  getTriggerProps() {\n    const { value, locale } = this.asProps;\n    return {\n      ...super.getTriggerProps(),\n      placeholder: 'Select date period',\n      children: shortDateRangeFormat(value, {\n        locale,\n        day: 'numeric',\n        month: 'short',\n        year: 'numeric',\n      }),\n    };\n  }\n}\n\nconst DateRangePicker = createComponent(\n  DateRangePickerRoot,\n  {\n    Trigger,\n    Popper,\n    Header,\n    Title,\n    Prev,\n    Next,\n    Calendar,\n    Period,\n    Apply,\n    Reset,\n  },\n  {\n    parent: Calendar,\n  },\n);\n\nexport default DateRangePicker;\n"],"mappings":"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"}

package/lib/cjs/MonthRangePicker.js

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -35,7 +37,11 @@ var _components = require("./components");
 
 var _Calendar = require("./components/Calendar");
 
-var _RangePickerAbstract2 = _interopRequireDefault(require("./components/RangePickerAbstract"));
+var _RangePickerAbstract2 = _interopRequireWildcard(require("./components/RangePickerAbstract"));
+
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -135,7 +141,9 @@ var MonthRangePicker = (0, _core["default"])(MonthRangePickerRoot, {
   Prev: _components.Prev,
   Next: _components.Next,
   Calendar: _Calendar.CalendarMonths,
-  Period: _components.Period
+  Period: _components.Period,
+  Apply: _RangePickerAbstract2.Apply,
+  Reset: _RangePickerAbstract2.Reset
 }, {
   parent: _Calendar.CalendarMonths
 });

package/lib/cjs/MonthRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthRangePicker.js","names":["MonthRangePickerRoot","getI18nText","asProps","today","Date","setHours","children","value","dayjs","subtract","startOf","toDate","locale","placeholder","shortDateRangeFormat","month","year","props","index","displayedPeriod","Intl","DateTimeFormat","format","add","navigateStep","RangePickerAbstract","defaultProps","MonthRangePicker","createComponent","Trigger","Popper","Header","Title","Prev","Next","Calendar","Period","parent"],"sources":["../../src/MonthRangePicker.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport createComponent from '@semcore/core';\nimport shortDateRangeFormat from './utils/shortDateRangeFormat';\nimport { Header, Next, Period, Popper, Prev, Title, Trigger } from './components';\nimport { CalendarMonths as Calendar } from './components/Calendar';\nimport RangePickerAbstract from './components/RangePickerAbstract';\n\nclass MonthRangePickerRoot extends RangePickerAbstract {\n  static displayName = 'MonthRangePicker';\n  static defaultProps = (props) => {\n    return {\n      ...RangePickerAbstract.defaultProps(props),\n      children: (\n        <>\n          <MonthRangePicker.Trigger />\n          <MonthRangePicker.Popper />\n        </>\n      ),\n    };\n  };\n\n  navigateStep = 'year';\n  keyStep = 'month';\n  keyDiff = {\n    37: -1,\n    38: -3,\n    39: 1,\n    40: 3,\n  };\n\n  getDefaultPeriods() {\n    const { getI18nText } = this.asProps;\n    const today = new Date(new Date().setHours(0, 0, 0, 0));\n    return [\n      {\n        children: getI18nText('lastMonth'),\n        value: [\n          dayjs(today).subtract(1, 'month').startOf('month').toDate(),\n          dayjs(today).startOf('month').toDate(),\n        ],\n      },\n      {\n        children: getI18nText('last3Months'),\n        value: [\n          dayjs(today).subtract(2, 'month').startOf('month').toDate(),\n          dayjs(today).startOf('month').toDate(),\n        ],\n      },\n      {\n        children: getI18nText('last6Months'),\n        value: [\n          dayjs(today).subtract(5, 'month').startOf('month').toDate(),\n          dayjs(today).startOf('month').toDate(),\n        ],\n      },\n      {\n        children: getI18nText('last12Months'),\n        value: [\n          dayjs(today).subtract(11, 'month').startOf('month').toDate(),\n          dayjs(today).startOf('month').toDate(),\n        ],\n      },\n    ];\n  }\n\n  getTriggerProps() {\n    const { value, locale } = this.asProps;\n    return {\n      ...super.getTriggerProps(),\n      placeholder: 'Select month period',\n      children: shortDateRangeFormat(value, {\n        locale,\n        month: 'short',\n        year: 'numeric',\n      }),\n    };\n  }\n\n  getTitleProps(props, index) {\n    const { displayedPeriod, locale } = this.asProps;\n    return {\n      ...super.getTitleProps(props, index),\n      children: new Intl.DateTimeFormat(locale, { year: 'numeric' }).format(\n        dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),\n      ),\n    };\n  }\n}\n\nconst MonthRangePicker = createComponent(\n  MonthRangePickerRoot,\n  {\n    Trigger,\n    Popper,\n    Header,\n    Title,\n    Prev,\n    Next,\n    Calendar,\n    Period,\n  },\n  {\n    parent: Calendar,\n  },\n);\n\nexport default MonthRangePicker;\n"],"mappings":"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"}
+{"version":3,"file":"MonthRangePicker.js","names":["MonthRangePickerRoot","getI18nText","asProps","today","Date","setHours","children","value","dayjs","subtract","startOf","toDate","locale","placeholder","shortDateRangeFormat","month","year","props","index","displayedPeriod","Intl","DateTimeFormat","format","add","navigateStep","RangePickerAbstract","defaultProps","MonthRangePicker","createComponent","Trigger","Popper","Header","Title","Prev","Next","Calendar","Period","Apply","Reset","parent"],"sources":["../../src/MonthRangePicker.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport createComponent from '@semcore/core';\nimport shortDateRangeFormat from './utils/shortDateRangeFormat';\nimport { Header, Next, Period, Popper, Prev, Title, Trigger } from './components';\nimport { CalendarMonths as Calendar } from './components/Calendar';\nimport RangePickerAbstract, { Apply, Reset } from './components/RangePickerAbstract';\n\nclass MonthRangePickerRoot extends RangePickerAbstract {\n  static displayName = 'MonthRangePicker';\n  static defaultProps = (props) => {\n    return {\n      ...RangePickerAbstract.defaultProps(props),\n      children: (\n        <>\n          <MonthRangePicker.Trigger />\n          <MonthRangePicker.Popper />\n        </>\n      ),\n    };\n  };\n\n  navigateStep = 'year';\n  keyStep = 'month';\n  keyDiff = {\n    37: -1,\n    38: -3,\n    39: 1,\n    40: 3,\n  };\n\n  getDefaultPeriods() {\n    const { getI18nText } = this.asProps;\n    const today = new Date(new Date().setHours(0, 0, 0, 0));\n    return [\n      {\n        children: getI18nText('lastMonth'),\n        value: [\n          dayjs(today).subtract(1, 'month').startOf('month').toDate(),\n          dayjs(today).startOf('month').toDate(),\n        ],\n      },\n      {\n        children: getI18nText('last3Months'),\n        value: [\n          dayjs(today).subtract(2, 'month').startOf('month').toDate(),\n          dayjs(today).startOf('month').toDate(),\n        ],\n      },\n      {\n        children: getI18nText('last6Months'),\n        value: [\n          dayjs(today).subtract(5, 'month').startOf('month').toDate(),\n          dayjs(today).startOf('month').toDate(),\n        ],\n      },\n      {\n        children: getI18nText('last12Months'),\n        value: [\n          dayjs(today).subtract(11, 'month').startOf('month').toDate(),\n          dayjs(today).startOf('month').toDate(),\n        ],\n      },\n    ];\n  }\n\n  getTriggerProps() {\n    const { value, locale } = this.asProps;\n    return {\n      ...super.getTriggerProps(),\n      placeholder: 'Select month period',\n      children: shortDateRangeFormat(value, {\n        locale,\n        month: 'short',\n        year: 'numeric',\n      }),\n    };\n  }\n\n  getTitleProps(props, index) {\n    const { displayedPeriod, locale } = this.asProps;\n    return {\n      ...super.getTitleProps(props, index),\n      children: new Intl.DateTimeFormat(locale, { year: 'numeric' }).format(\n        dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),\n      ),\n    };\n  }\n}\n\nconst MonthRangePicker = createComponent(\n  MonthRangePickerRoot,\n  {\n    Trigger,\n    Popper,\n    Header,\n    Title,\n    Prev,\n    Next,\n    Calendar,\n    Period,\n    Apply,\n    Reset,\n  },\n  {\n    parent: Calendar,\n  },\n);\n\nexport default MonthRangePicker;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;IAEMA,oB;;;;;;;;;;;;;;;qGAcW,M;gGACL,O;gGACA;MACR,IAAI,CAAC,CADG;MAER,IAAI,CAAC,CAFG;MAGR,IAAI,CAHI;MAIR,IAAI;IAJI,C;;;;;;WAOV,6BAAoB;MAClB,IAAQC,WAAR,GAAwB,KAAKC,OAA7B,CAAQD,WAAR;MACA,IAAME,KAAK,GAAG,IAAIC,IAAJ,CAAS,IAAIA,IAAJ,GAAWC,QAAX,CAAoB,CAApB,EAAuB,CAAvB,EAA0B,CAA1B,EAA6B,CAA7B,CAAT,CAAd;MACA,OAAO,CACL;QACEC,QAAQ,EAAEL,WAAW,CAAC,WAAD,CADvB;QAEEM,KAAK,EAAE,CACL,IAAAC,iBAAA,EAAML,KAAN,EAAaM,QAAb,CAAsB,CAAtB,EAAyB,OAAzB,EAAkCC,OAAlC,CAA0C,OAA1C,EAAmDC,MAAnD,EADK,EAEL,IAAAH,iBAAA,EAAML,KAAN,EAAaO,OAAb,CAAqB,OAArB,EAA8BC,MAA9B,EAFK;MAFT,CADK,EAQL;QACEL,QAAQ,EAAEL,WAAW,CAAC,aAAD,CADvB;QAEEM,KAAK,EAAE,CACL,IAAAC,iBAAA,EAAML,KAAN,EAAaM,QAAb,CAAsB,CAAtB,EAAyB,OAAzB,EAAkCC,OAAlC,CAA0C,OAA1C,EAAmDC,MAAnD,EADK,EAEL,IAAAH,iBAAA,EAAML,KAAN,EAAaO,OAAb,CAAqB,OAArB,EAA8BC,MAA9B,EAFK;MAFT,CARK,EAeL;QACEL,QAAQ,EAAEL,WAAW,CAAC,aAAD,CADvB;QAEEM,KAAK,EAAE,CACL,IAAAC,iBAAA,EAAML,KAAN,EAAaM,QAAb,CAAsB,CAAtB,EAAyB,OAAzB,EAAkCC,OAAlC,CAA0C,OAA1C,EAAmDC,MAAnD,EADK,EAEL,IAAAH,iBAAA,EAAML,KAAN,EAAaO,OAAb,CAAqB,OAArB,EAA8BC,MAA9B,EAFK;MAFT,CAfK,EAsBL;QACEL,QAAQ,EAAEL,WAAW,CAAC,cAAD,CADvB;QAEEM,KAAK,EAAE,CACL,IAAAC,iBAAA,EAAML,KAAN,EAAaM,QAAb,CAAsB,EAAtB,EAA0B,OAA1B,EAAmCC,OAAnC,CAA2C,OAA3C,EAAoDC,MAApD,EADK,EAEL,IAAAH,iBAAA,EAAML,KAAN,EAAaO,OAAb,CAAqB,OAArB,EAA8BC,MAA9B,EAFK;MAFT,CAtBK,CAAP;IA8BD;;;WAED,2BAAkB;MAChB,oBAA0B,KAAKT,OAA/B;MAAA,IAAQK,KAAR,iBAAQA,KAAR;MAAA,IAAeK,MAAf,iBAAeA,MAAf;MACA;QAEEC,WAAW,EAAE,qBAFf;QAGEP,QAAQ,EAAE,IAAAQ,gCAAA,EAAqBP,KAArB,EAA4B;UACpCK,MAAM,EAANA,MADoC;UAEpCG,KAAK,EAAE,OAF6B;UAGpCC,IAAI,EAAE;QAH8B,CAA5B;MAHZ;IASD;;;WAED,uBAAcC,KAAd,EAAqBC,KAArB,EAA4B;MAC1B,qBAAoC,KAAKhB,OAAzC;MAAA,IAAQiB,eAAR,kBAAQA,eAAR;MAAA,IAAyBP,MAAzB,kBAAyBA,MAAzB;MACA,iKACyBK,KADzB,EACgCC,KADhC;QAEEZ,QAAQ,EAAE,IAAIc,IAAI,CAACC,cAAT,CAAwBT,MAAxB,EAAgC;UAAEI,IAAI,EAAE;QAAR,CAAhC,EAAqDM,MAArD,CACR,IAAAd,iBAAA,EAAMW,eAAN,EAAuBI,GAAvB,CAA2BL,KAA3B,EAAkC,KAAKM,YAAvC,EAAqDd,OAArD,CAA6D,KAAKc,YAAlE,EAAgFb,MAAhF,EADQ;MAFZ;IAMD;;;EA/EgCc,gC;;iCAA7BzB,oB,iBACiB,kB;iCADjBA,oB,kBAEkB,UAACiB,KAAD,EAAW;EAC/B,uCACKQ,gCAAA,CAAoBC,YAApB,CAAiCT,KAAjC,CADL;IAEEX,QAAQ,eACN,+EACE,gCAAC,gBAAD,CAAkB,OAAlB,OADF,eAEE,gCAAC,gBAAD,CAAkB,MAAlB,OAFF;EAHJ;AASD,C;AAsEH,IAAMqB,gBAAgB,GAAG,IAAAC,gBAAA,EACvB5B,oBADuB,EAEvB;EACE6B,OAAO,EAAPA,mBADF;EAEEC,MAAM,EAANA,kBAFF;EAGEC,MAAM,EAANA,kBAHF;EAIEC,KAAK,EAALA,iBAJF;EAKEC,IAAI,EAAJA,gBALF;EAMEC,IAAI,EAAJA,gBANF;EAOEC,QAAQ,EAARA,wBAPF;EAQEC,MAAM,EAANA,kBARF;EASEC,KAAK,EAALA,2BATF;EAUEC,KAAK,EAALA;AAVF,CAFuB,EAcvB;EACEC,MAAM,EAAEJ;AADV,CAduB,CAAzB;eAmBeR,gB"}

package/lib/cjs/components/Calendar.js

@@ -66,26 +66,26 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SCalendar_18nr5_gg_{display:flex;flex-direction:column}.___SGridDays_18nr5_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_18nr5_gg_{display:grid;grid-row-gap:8px;grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_18nr5_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_18nr5_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_18nr5_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_18nr5_gg_:hover{color:#191b23;background:#e0e1e9}.___SCalendarUnit_18nr5_gg_.focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_18nr5_gg_:focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_18nr5_gg_.__today_18nr5_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_18nr5_gg_.__today_18nr5_gg_.___SCalendarUnit_18nr5_gg_.__endSelected_18nr5_gg_:before,.___SCalendarUnit_18nr5_gg_.__today_18nr5_gg_.___SCalendarUnit_18nr5_gg_.__startSelected_18nr5_gg_:before{border-color:hsla(0,0%,100%,.5)}.___SCalendarUnit_18nr5_gg_.__selected_18nr5_gg_{background:#c4e5fe;border-radius:0;color:#191b23}.___SCalendarUnit_18nr5_gg_.__selected_18nr5_gg_:hover{background:#008ff8}.___SCalendarUnit_18nr5_gg_.__highlighted_18nr5_gg_{background:rgba(0,143,248,.2);border-radius:0;color:#191b23}.___SCalendarUnit_18nr5_gg_.__highlighted_18nr5_gg_:hover{background:rgba(0,143,248,.3)}.___SCalendarUnit_18nr5_gg_.__startSelected_18nr5_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_18nr5_gg_.__startSelected_18nr5_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_18nr5_gg_.__endSelected_18nr5_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_18nr5_gg_.__endSelected_18nr5_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_18nr5_gg_.__startHighlighted_18nr5_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0}.___SCalendarUnit_18nr5_gg_.__endHighlighted_18nr5_gg_{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px}.___SCalendarUnit_18nr5_gg_.__startHighlighted_18nr5_gg_.___SCalendarUnit_18nr5_gg_.__endHighlighted_18nr5_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_18nr5_gg_.__startSelected_18nr5_gg_.___SCalendarUnit_18nr5_gg_.__endSelected_18nr5_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_18nr5_gg_.__outdated_18nr5_gg_{opacity:.2}.___SCalendarUnit_18nr5_gg_.__disabled_18nr5_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_18nr5_gg_{transition:none}}"
+".___SCalendar_1j51a_gg_{display:flex;flex-direction:column}.___SGridDays_1j51a_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_1j51a_gg_{display:grid;grid-row-gap:8px;grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_1j51a_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_1j51a_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_1j51a_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_1j51a_gg_:hover{color:#191b23;background:#e0e1e9}.___SCalendarUnit_1j51a_gg_.focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_1j51a_gg_:focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_1j51a_gg_.__today_1j51a_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_1j51a_gg_.__today_1j51a_gg_.___SCalendarUnit_1j51a_gg_.__endSelected_1j51a_gg_:before,.___SCalendarUnit_1j51a_gg_.__today_1j51a_gg_.___SCalendarUnit_1j51a_gg_.__startSelected_1j51a_gg_:before{border-color:hsla(0,0%,100%,.5)}.___SCalendarUnit_1j51a_gg_.__selected_1j51a_gg_{background:#c4e5fe;border-radius:0;color:#191b23}.___SCalendarUnit_1j51a_gg_.__selected_1j51a_gg_:hover{background:#008ff8}.___SCalendarUnit_1j51a_gg_.__highlighted_1j51a_gg_{background:rgba(0,143,248,.2);border-radius:0;color:#191b23}.___SCalendarUnit_1j51a_gg_.__highlighted_1j51a_gg_:hover{background:rgba(0,143,248,.3)}.___SCalendarUnit_1j51a_gg_.__startSelected_1j51a_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_1j51a_gg_.__startSelected_1j51a_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_1j51a_gg_.__endSelected_1j51a_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_1j51a_gg_.__endSelected_1j51a_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_1j51a_gg_.__startHighlighted_1j51a_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0}.___SCalendarUnit_1j51a_gg_.__endHighlighted_1j51a_gg_{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px}.___SCalendarUnit_1j51a_gg_.__startHighlighted_1j51a_gg_.___SCalendarUnit_1j51a_gg_.__endHighlighted_1j51a_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_1j51a_gg_.__startSelected_1j51a_gg_.___SCalendarUnit_1j51a_gg_.__endSelected_1j51a_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_1j51a_gg_.__outdated_1j51a_gg_{opacity:.2}.___SCalendarUnit_1j51a_gg_.__disabled_1j51a_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_1j51a_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "18nr5_gg_")
+, "1j51a_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCalendar": "___SCalendar_18nr5_gg_",
-  "__SGridDays": "___SGridDays_18nr5_gg_",
-  "__SGridMonths": "___SGridMonths_18nr5_gg_",
-  "__SWeekDays": "___SWeekDays_18nr5_gg_",
-  "__SWeekDay": "___SWeekDay_18nr5_gg_",
-  "__SCalendarUnit": "___SCalendarUnit_18nr5_gg_",
-  "_today": "__today_18nr5_gg_",
-  "_endSelected": "__endSelected_18nr5_gg_",
-  "_startSelected": "__startSelected_18nr5_gg_",
-  "_selected": "__selected_18nr5_gg_",
-  "_highlighted": "__highlighted_18nr5_gg_",
-  "_startHighlighted": "__startHighlighted_18nr5_gg_",
-  "_endHighlighted": "__endHighlighted_18nr5_gg_",
-  "_outdated": "__outdated_18nr5_gg_",
-  "_disabled": "__disabled_18nr5_gg_"
+  "__SCalendar": "___SCalendar_1j51a_gg_",
+  "__SGridDays": "___SGridDays_1j51a_gg_",
+  "__SGridMonths": "___SGridMonths_1j51a_gg_",
+  "__SWeekDays": "___SWeekDays_1j51a_gg_",
+  "__SWeekDay": "___SWeekDay_1j51a_gg_",
+  "__SCalendarUnit": "___SCalendarUnit_1j51a_gg_",
+  "_today": "__today_1j51a_gg_",
+  "_endSelected": "__endSelected_1j51a_gg_",
+  "_startSelected": "__startSelected_1j51a_gg_",
+  "_selected": "__selected_1j51a_gg_",
+  "_highlighted": "__highlighted_1j51a_gg_",
+  "_startHighlighted": "__startHighlighted_1j51a_gg_",
+  "_endHighlighted": "__endHighlighted_1j51a_gg_",
+  "_outdated": "__outdated_1j51a_gg_",
+  "_disabled": "__disabled_1j51a_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_x86xp_gg_{padding:16px;outline:0}.___SPopper_x86xp_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_x86xp_gg_:active,.___SPopper_x86xp_gg_:focus,.___SPopper_x86xp_gg_:hover{outline:0;text-decoration:none}.___SPopper_x86xp_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_x86xp_gg_{display:flex;align-items:center}.___STitle_x86xp_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_x86xp_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_x86xp_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
+".___SPopper_mi18v_gg_{padding:16px;outline:0}.___SPopper_mi18v_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_mi18v_gg_:active,.___SPopper_mi18v_gg_:focus,.___SPopper_mi18v_gg_:hover{outline:0;text-decoration:none}.___SPopper_mi18v_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_mi18v_gg_{display:flex;align-items:center}.___STitle_mi18v_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_mi18v_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_mi18v_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
 /*__inner_css_end__*/
-, "x86xp_gg_")
+, "mi18v_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_x86xp_gg_",
-  "__SHeader": "___SHeader_x86xp_gg_",
-  "__STitle": "___STitle_x86xp_gg_",
-  "__SToday": "___SToday_x86xp_gg_",
-  "__SPeriod": "___SPeriod_x86xp_gg_"
+  "__SPopper": "___SPopper_mi18v_gg_",
+  "__SHeader": "___SHeader_mi18v_gg_",
+  "__STitle": "___STitle_mi18v_gg_",
+  "__SToday": "___SToday_mi18v_gg_",
+  "__SPeriod": "___SPeriod_mi18v_gg_"
 });
 var i18n = {
   de: _de["default"],

package/lib/cjs/components/RangePickerAbstract.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.Apply = Apply;
+exports.Reset = Reset;
 exports["default"] = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -70,16 +72,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPopper_x86xp_gg_{padding:16px;outline:0}.___SPopper_x86xp_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_x86xp_gg_:active,.___SPopper_x86xp_gg_:focus,.___SPopper_x86xp_gg_:hover{outline:0;text-decoration:none}.___SPopper_x86xp_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_x86xp_gg_{display:flex;align-items:center}.___STitle_x86xp_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_x86xp_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_x86xp_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
+".___SPopper_mi18v_gg_{padding:16px;outline:0}.___SPopper_mi18v_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_mi18v_gg_:active,.___SPopper_mi18v_gg_:focus,.___SPopper_mi18v_gg_:hover{outline:0;text-decoration:none}.___SPopper_mi18v_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_mi18v_gg_{display:flex;align-items:center}.___STitle_mi18v_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_mi18v_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_mi18v_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
 /*__inner_css_end__*/
-, "x86xp_gg_")
+, "mi18v_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_x86xp_gg_",
-  "__SHeader": "___SHeader_x86xp_gg_",
-  "__STitle": "___STitle_x86xp_gg_",
-  "__SToday": "___SToday_x86xp_gg_",
-  "__SPeriod": "___SPeriod_x86xp_gg_"
+  "__SPopper": "___SPopper_mi18v_gg_",
+  "__SHeader": "___SHeader_mi18v_gg_",
+  "__STitle": "___STitle_mi18v_gg_",
+  "__SToday": "___SToday_mi18v_gg_",
+  "__SPeriod": "___SPeriod_mi18v_gg_"
 });
 var i18n = {
   de: _de["default"],
@@ -279,31 +281,14 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
   }, {
     key: "getPopperProps",
     value: function getPopperProps() {
-      var _this3 = this;
-
       var Picker = this[_core.CORE_INSTANCE];
       var _this$asProps3 = this.asProps,
-          value = _this$asProps3.value,
           _this$asProps3$period = _this$asProps3.periods,
           periods = _this$asProps3$period === void 0 ? this.getDefaultPeriods() : _this$asProps3$period,
-          unclearable = _this$asProps3.unclearable,
-          getI18nText = _this$asProps3.getI18nText;
-      var dirtyValue = this.state.dirtyValue;
+          unclearable = _this$asProps3.unclearable;
 
-      var buttons = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
-        use: "primary",
-        children: getI18nText('apply'),
-        onClick: function onClick() {
-          return _this3.handlerApply(dirtyValue.length ? dirtyValue : value);
-        }
-      }), !unclearable && /*#__PURE__*/_react["default"].createElement(_button["default"], {
-        ml: 2,
-        use: "tertiary",
-        theme: "muted",
-        children: getI18nText('reset'),
-        onClick: function onClick() {
-          return _this3.handlerApply([]);
-        }
+      var buttons = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Picker.Apply, null), !unclearable && /*#__PURE__*/_react["default"].createElement(Picker.Reset, {
+        ml: 2
       }));
 
       return {
@@ -313,7 +298,7 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
           mr: 2
         }, /*#__PURE__*/_react["default"].createElement(Picker.Header, null, /*#__PURE__*/_react["default"].createElement(Picker.Prev, null), /*#__PURE__*/_react["default"].createElement(Picker.Title, null)), /*#__PURE__*/_react["default"].createElement(Picker.Calendar, null)), /*#__PURE__*/_react["default"].createElement(_flexBox.Box, {
           ml: 2
-        }, /*#__PURE__*/_react["default"].createElement(Picker.Header, null, /*#__PURE__*/_react["default"].createElement(Picker.Title, null), /*#__PURE__*/_react["default"].createElement(Picker.Next, null)), /*#__PURE__*/_react["default"].createElement(Picker.Calendar, null)), Boolean(periods.length) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_divider["default"], {
+        }, /*#__PURE__*/_react["default"].createElement(Picker.Header, null, /*#__PURE__*/_react["default"].createElement(Picker.Title, null), /*#__PURE__*/_react["default"].createElement(Picker.Next, null)), /*#__PURE__*/_react["default"].createElement(Picker.Calendar, null)), Boolean(periods.length) ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_divider["default"], {
           m: "-16px 16px",
           orientation: "vertical",
           h: "auto"
@@ -321,9 +306,9 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
           direction: "column"
         }, /*#__PURE__*/_react["default"].createElement(Picker.Period, null), /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, {
           mt: "auto"
-        }, buttons)))), !Boolean(periods.length) && /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, {
+        }, buttons))) : /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, {
           mt: 4
-        }, buttons))
+        }, buttons)))
       };
     }
   }, {
@@ -400,22 +385,51 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
         onDisplayedPeriodChange: onDisplayedPeriodChange
       };
     }
+  }, {
+    key: "getApplyProps",
+    value: function getApplyProps() {
+      var _this3 = this;
+
+      var _this$asProps7 = this.asProps,
+          value = _this$asProps7.value,
+          getI18nText = _this$asProps7.getI18nText;
+      var dirtyValue = this.state.dirtyValue;
+      return {
+        getI18nText: getI18nText,
+        onClick: function onClick() {
+          return _this3.handlerApply(dirtyValue.length ? dirtyValue : value);
+        }
+      };
+    }
+  }, {
+    key: "getResetProps",
+    value: function getResetProps() {
+      var _this4 = this;
+
+      var getI18nText = this.asProps.getI18nText;
+      return {
+        getI18nText: getI18nText,
+        onClick: function onClick() {
+          return _this4.handlerApply([]);
+        }
+      };
+    }
   }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-          _ref2;
+          _ref4;
 
-      var _this$asProps7 = this.asProps,
-          Children = _this$asProps7.Children,
-          styles = _this$asProps7.styles;
-      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_dropdown["default"], (0, _core.assignProps)({}, _ref), /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})));
+      var _this$asProps8 = this.asProps,
+          Children = _this$asProps8.Children,
+          styles = _this$asProps8.styles;
+      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_dropdown["default"], (0, _core.assignProps)({}, _ref), /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})));
     }
   }], [{
     key: "defaultProps",
-    value: function defaultProps(_ref3) {
-      var value = _ref3.value,
-          defaultValue = _ref3.defaultValue;
+    value: function defaultProps(_ref5) {
+      var value = _ref5.value,
+          defaultValue = _ref5.defaultValue;
       return {
         i18n: i18n,
         locale: 'en',
@@ -440,6 +454,26 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
 (0, _defineProperty2["default"])(RangePickerAbstract, "subtract", function (date, amount, unit) {
   return (0, _dayjs["default"])(date).subtract(amount, unit).toDate();
 });
+
+function Apply(props) {
+  var _ref2 = arguments[0];
+  var getI18nText = props.getI18nText;
+  return /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _core.assignProps)({
+    "use": "primary",
+    "children": getI18nText('apply')
+  }, _ref2));
+}
+
+function Reset(props) {
+  var _ref3 = arguments[0];
+  var getI18nText = props.getI18nText;
+  return /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _core.assignProps)({
+    "use": "tertiary",
+    "theme": "muted",
+    "children": getI18nText('reset')
+  }, _ref3));
+}
+
 var _default = RangePickerAbstract;
 exports["default"] = _default;
 //# sourceMappingURL=RangePickerAbstract.js.map

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

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

package/lib/cjs/components/index.js

@@ -132,12 +132,12 @@ var stylesBtn = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SInner_1pexa_gg_{justify-content:flex-start}"
+".___SInner_1okp0_gg_{justify-content:flex-start}"
 /*__inner_css_end__*/
-, "1pexa_gg_")
+, "1okp0_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SInner": "___SInner_1pexa_gg_"
+  "__SInner": "___SInner_1okp0_gg_"
 });
 
 var Period = /*#__PURE__*/function (_Component) {

package/lib/cjs/index.d.ts

@@ -278,6 +278,8 @@ declare const DateRangePicker: ((
   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;
 };
@@ -348,6 +350,8 @@ declare const MonthRangePicker: ((
   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;
 };

package/lib/es6/DateRangePicker.js

@@ -21,7 +21,7 @@ import createComponent from '@semcore/core';
 import shortDateRangeFormat from './utils/shortDateRangeFormat';
 import { Header, Next, Period, Popper, Prev, Title, Trigger } from './components';
 import { CalendarDays as Calendar } from './components/Calendar';
-import RangePickerAbstract from './components/RangePickerAbstract';
+import RangePickerAbstract, { Apply, Reset } from './components/RangePickerAbstract';
 
 var DateRangePickerRoot = /*#__PURE__*/function (_RangePickerAbstract) {
   _inherits(DateRangePickerRoot, _RangePickerAbstract);
@@ -112,7 +112,9 @@ var DateRangePicker = createComponent(DateRangePickerRoot, {
   Prev: Prev,
   Next: Next,
   Calendar: Calendar,
-  Period: Period
+  Period: Period,
+  Apply: Apply,
+  Reset: Reset
 }, {
   parent: Calendar
 });

package/lib/es6/DateRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.js","names":["React","dayjs","createComponent","shortDateRangeFormat","Header","Next","Period","Popper","Prev","Title","Trigger","CalendarDays","Calendar","RangePickerAbstract","DateRangePickerRoot","getI18nText","asProps","today","Date","setHours","children","value","subtract","toDate","locale","placeholder","day","month","year","props","defaultProps","DateRangePicker","parent"],"sources":["../../src/DateRangePicker.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport createComponent from '@semcore/core';\nimport shortDateRangeFormat from './utils/shortDateRangeFormat';\nimport { Header, Next, Period, Popper, Prev, Title, Trigger } from './components';\nimport { CalendarDays as Calendar } from './components/Calendar';\nimport RangePickerAbstract from './components/RangePickerAbstract';\n\nclass DateRangePickerRoot extends RangePickerAbstract {\n  static displayName = 'DateRangePicker';\n  static defaultProps = (props) => {\n    return {\n      ...RangePickerAbstract.defaultProps(props),\n      children: (\n        <>\n          <DateRangePicker.Trigger />\n          <DateRangePicker.Popper />\n        </>\n      ),\n    };\n  };\n\n  navigateStep = 'month';\n  keyStep = 'day';\n  keyDiff = {\n    37: -1,\n    38: -7,\n    39: 1,\n    40: 7,\n  };\n\n  getDefaultPeriods() {\n    const { getI18nText } = this.asProps;\n    const today = new Date(new Date().setHours(0, 0, 0, 0));\n    return [\n      {\n        children: getI18nText('last2Days'),\n        value: [dayjs(today).subtract(1, 'day').toDate(), today],\n      },\n      {\n        children: getI18nText('lastWeek'),\n        value: [dayjs(today).subtract(6, 'day').toDate(), today],\n      },\n      {\n        children: getI18nText('last2Weeks'),\n        value: [dayjs(today).subtract(13, 'day').toDate(), today],\n      },\n      {\n        children: getI18nText('lastMonth'),\n        value: [dayjs(today).subtract(1, 'month').toDate(), today],\n      },\n      {\n        children: getI18nText('last2Months'),\n        value: [dayjs(today).subtract(2, 'month').toDate(), today],\n      },\n    ];\n  }\n\n  getTriggerProps() {\n    const { value, locale } = this.asProps;\n    return {\n      ...super.getTriggerProps(),\n      placeholder: 'Select date period',\n      children: shortDateRangeFormat(value, {\n        locale,\n        day: 'numeric',\n        month: 'short',\n        year: 'numeric',\n      }),\n    };\n  }\n}\n\nconst DateRangePicker = createComponent(\n  DateRangePickerRoot,\n  {\n    Trigger,\n    Popper,\n    Header,\n    Title,\n    Prev,\n    Next,\n    Calendar,\n    Period,\n  },\n  {\n    parent: Calendar,\n  },\n);\n\nexport default DateRangePicker;\n"],"mappings":"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"}
+{"version":3,"file":"DateRangePicker.js","names":["React","dayjs","createComponent","shortDateRangeFormat","Header","Next","Period","Popper","Prev","Title","Trigger","CalendarDays","Calendar","RangePickerAbstract","Apply","Reset","DateRangePickerRoot","getI18nText","asProps","today","Date","setHours","children","value","subtract","toDate","locale","placeholder","day","month","year","props","defaultProps","DateRangePicker","parent"],"sources":["../../src/DateRangePicker.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport createComponent from '@semcore/core';\nimport shortDateRangeFormat from './utils/shortDateRangeFormat';\nimport { Header, Next, Period, Popper, Prev, Title, Trigger } from './components';\nimport { CalendarDays as Calendar } from './components/Calendar';\nimport RangePickerAbstract, { Apply, Reset } from './components/RangePickerAbstract';\n\nclass DateRangePickerRoot extends RangePickerAbstract {\n  static displayName = 'DateRangePicker';\n  static defaultProps = (props) => {\n    return {\n      ...RangePickerAbstract.defaultProps(props),\n      children: (\n        <>\n          <DateRangePicker.Trigger />\n          <DateRangePicker.Popper />\n        </>\n      ),\n    };\n  };\n\n  navigateStep = 'month';\n  keyStep = 'day';\n  keyDiff = {\n    37: -1,\n    38: -7,\n    39: 1,\n    40: 7,\n  };\n\n  getDefaultPeriods() {\n    const { getI18nText } = this.asProps;\n    const today = new Date(new Date().setHours(0, 0, 0, 0));\n    return [\n      {\n        children: getI18nText('last2Days'),\n        value: [dayjs(today).subtract(1, 'day').toDate(), today],\n      },\n      {\n        children: getI18nText('lastWeek'),\n        value: [dayjs(today).subtract(6, 'day').toDate(), today],\n      },\n      {\n        children: getI18nText('last2Weeks'),\n        value: [dayjs(today).subtract(13, 'day').toDate(), today],\n      },\n      {\n        children: getI18nText('lastMonth'),\n        value: [dayjs(today).subtract(1, 'month').toDate(), today],\n      },\n      {\n        children: getI18nText('last2Months'),\n        value: [dayjs(today).subtract(2, 'month').toDate(), today],\n      },\n    ];\n  }\n\n  getTriggerProps() {\n    const { value, locale } = this.asProps;\n    return {\n      ...super.getTriggerProps(),\n      placeholder: 'Select date period',\n      children: shortDateRangeFormat(value, {\n        locale,\n        day: 'numeric',\n        month: 'short',\n        year: 'numeric',\n      }),\n    };\n  }\n}\n\nconst DateRangePicker = createComponent(\n  DateRangePickerRoot,\n  {\n    Trigger,\n    Popper,\n    Header,\n    Title,\n    Prev,\n    Next,\n    Calendar,\n    Period,\n    Apply,\n    Reset,\n  },\n  {\n    parent: Calendar,\n  },\n);\n\nexport default DateRangePicker;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,MAA4B,eAA5B;AACA,OAAOC,oBAAP,MAAiC,8BAAjC;AACA,SAASC,MAAT,EAAiBC,IAAjB,EAAuBC,MAAvB,EAA+BC,MAA/B,EAAuCC,IAAvC,EAA6CC,KAA7C,EAAoDC,OAApD,QAAmE,cAAnE;AACA,SAASC,YAAY,IAAIC,QAAzB,QAAyC,uBAAzC;AACA,OAAOC,mBAAP,IAA8BC,KAA9B,EAAqCC,KAArC,QAAkD,kCAAlD;;IAEMC,mB;;;;;;;;;;;;;;;;mEAcW,O;;8DACL,K;;8DACA;MACR,IAAI,CAAC,CADG;MAER,IAAI,CAAC,CAFG;MAGR,IAAI,CAHI;MAIR,IAAI;IAJI,C;;;;;;;WAOV,6BAAoB;MAClB,IAAQC,WAAR,GAAwB,KAAKC,OAA7B,CAAQD,WAAR;MACA,IAAME,KAAK,GAAG,IAAIC,IAAJ,CAAS,IAAIA,IAAJ,GAAWC,QAAX,CAAoB,CAApB,EAAuB,CAAvB,EAA0B,CAA1B,EAA6B,CAA7B,CAAT,CAAd;MACA,OAAO,CACL;QACEC,QAAQ,EAAEL,WAAW,CAAC,WAAD,CADvB;QAEEM,KAAK,EAAE,CAACtB,KAAK,CAACkB,KAAD,CAAL,CAAaK,QAAb,CAAsB,CAAtB,EAAyB,KAAzB,EAAgCC,MAAhC,EAAD,EAA2CN,KAA3C;MAFT,CADK,EAKL;QACEG,QAAQ,EAAEL,WAAW,CAAC,UAAD,CADvB;QAEEM,KAAK,EAAE,CAACtB,KAAK,CAACkB,KAAD,CAAL,CAAaK,QAAb,CAAsB,CAAtB,EAAyB,KAAzB,EAAgCC,MAAhC,EAAD,EAA2CN,KAA3C;MAFT,CALK,EASL;QACEG,QAAQ,EAAEL,WAAW,CAAC,YAAD,CADvB;QAEEM,KAAK,EAAE,CAACtB,KAAK,CAACkB,KAAD,CAAL,CAAaK,QAAb,CAAsB,EAAtB,EAA0B,KAA1B,EAAiCC,MAAjC,EAAD,EAA4CN,KAA5C;MAFT,CATK,EAaL;QACEG,QAAQ,EAAEL,WAAW,CAAC,WAAD,CADvB;QAEEM,KAAK,EAAE,CAACtB,KAAK,CAACkB,KAAD,CAAL,CAAaK,QAAb,CAAsB,CAAtB,EAAyB,OAAzB,EAAkCC,MAAlC,EAAD,EAA6CN,KAA7C;MAFT,CAbK,EAiBL;QACEG,QAAQ,EAAEL,WAAW,CAAC,aAAD,CADvB;QAEEM,KAAK,EAAE,CAACtB,KAAK,CAACkB,KAAD,CAAL,CAAaK,QAAb,CAAsB,CAAtB,EAAyB,OAAzB,EAAkCC,MAAlC,EAAD,EAA6CN,KAA7C;MAFT,CAjBK,CAAP;IAsBD;;;WAED,2BAAkB;MAChB,oBAA0B,KAAKD,OAA/B;MAAA,IAAQK,KAAR,iBAAQA,KAAR;MAAA,IAAeG,MAAf,iBAAeA,MAAf;MACA;QAEEC,WAAW,EAAE,oBAFf;QAGEL,QAAQ,EAAEnB,oBAAoB,CAACoB,KAAD,EAAQ;UACpCG,MAAM,EAANA,MADoC;UAEpCE,GAAG,EAAE,SAF+B;UAGpCC,KAAK,EAAE,OAH6B;UAIpCC,IAAI,EAAE;QAJ8B,CAAR;MAHhC;IAUD;;;;EA9D+BjB,mB;;gBAA5BG,mB,iBACiB,iB;;gBADjBA,mB,kBAEkB,UAACe,KAAD,EAAW;EAC/B,uCACKlB,mBAAmB,CAACmB,YAApB,CAAiCD,KAAjC,CADL;IAEET,QAAQ,eACN,uDACE,oBAAC,eAAD,CAAiB,OAAjB,OADF,eAEE,oBAAC,eAAD,CAAiB,MAAjB,OAFF;EAHJ;AASD,C;;AAqDH,IAAMW,eAAe,GAAG/B,eAAe,CACrCc,mBADqC,EAErC;EACEN,OAAO,EAAPA,OADF;EAEEH,MAAM,EAANA,MAFF;EAGEH,MAAM,EAANA,MAHF;EAIEK,KAAK,EAALA,KAJF;EAKED,IAAI,EAAJA,IALF;EAMEH,IAAI,EAAJA,IANF;EAOEO,QAAQ,EAARA,QAPF;EAQEN,MAAM,EAANA,MARF;EASEQ,KAAK,EAALA,KATF;EAUEC,KAAK,EAALA;AAVF,CAFqC,EAcrC;EACEmB,MAAM,EAAEtB;AADV,CAdqC,CAAvC;AAmBA,eAAeqB,eAAf"}

package/lib/es6/MonthRangePicker.js

@@ -21,7 +21,7 @@ import createComponent from '@semcore/core';
 import shortDateRangeFormat from './utils/shortDateRangeFormat';
 import { Header, Next, Period, Popper, Prev, Title, Trigger } from './components';
 import { CalendarMonths as Calendar } from './components/Calendar';
-import RangePickerAbstract from './components/RangePickerAbstract';
+import RangePickerAbstract, { Apply, Reset } from './components/RangePickerAbstract';
 
 var MonthRangePickerRoot = /*#__PURE__*/function (_RangePickerAbstract) {
   _inherits(MonthRangePickerRoot, _RangePickerAbstract);
@@ -120,7 +120,9 @@ var MonthRangePicker = createComponent(MonthRangePickerRoot, {
   Prev: Prev,
   Next: Next,
   Calendar: Calendar,
-  Period: Period
+  Period: Period,
+  Apply: Apply,
+  Reset: Reset
 }, {
   parent: Calendar
 });

package/lib/es6/MonthRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthRangePicker.js","names":["React","dayjs","createComponent","shortDateRangeFormat","Header","Next","Period","Popper","Prev","Title","Trigger","CalendarMonths","Calendar","RangePickerAbstract","MonthRangePickerRoot","getI18nText","asProps","today","Date","setHours","children","value","subtract","startOf","toDate","locale","placeholder","month","year","props","index","displayedPeriod","Intl","DateTimeFormat","format","add","navigateStep","defaultProps","MonthRangePicker","parent"],"sources":["../../src/MonthRangePicker.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport createComponent from '@semcore/core';\nimport shortDateRangeFormat from './utils/shortDateRangeFormat';\nimport { Header, Next, Period, Popper, Prev, Title, Trigger } from './components';\nimport { CalendarMonths as Calendar } from './components/Calendar';\nimport RangePickerAbstract from './components/RangePickerAbstract';\n\nclass MonthRangePickerRoot extends RangePickerAbstract {\n  static displayName = 'MonthRangePicker';\n  static defaultProps = (props) => {\n    return {\n      ...RangePickerAbstract.defaultProps(props),\n      children: (\n        <>\n          <MonthRangePicker.Trigger />\n          <MonthRangePicker.Popper />\n        </>\n      ),\n    };\n  };\n\n  navigateStep = 'year';\n  keyStep = 'month';\n  keyDiff = {\n    37: -1,\n    38: -3,\n    39: 1,\n    40: 3,\n  };\n\n  getDefaultPeriods() {\n    const { getI18nText } = this.asProps;\n    const today = new Date(new Date().setHours(0, 0, 0, 0));\n    return [\n      {\n        children: getI18nText('lastMonth'),\n        value: [\n          dayjs(today).subtract(1, 'month').startOf('month').toDate(),\n          dayjs(today).startOf('month').toDate(),\n        ],\n      },\n      {\n        children: getI18nText('last3Months'),\n        value: [\n          dayjs(today).subtract(2, 'month').startOf('month').toDate(),\n          dayjs(today).startOf('month').toDate(),\n        ],\n      },\n      {\n        children: getI18nText('last6Months'),\n        value: [\n          dayjs(today).subtract(5, 'month').startOf('month').toDate(),\n          dayjs(today).startOf('month').toDate(),\n        ],\n      },\n      {\n        children: getI18nText('last12Months'),\n        value: [\n          dayjs(today).subtract(11, 'month').startOf('month').toDate(),\n          dayjs(today).startOf('month').toDate(),\n        ],\n      },\n    ];\n  }\n\n  getTriggerProps() {\n    const { value, locale } = this.asProps;\n    return {\n      ...super.getTriggerProps(),\n      placeholder: 'Select month period',\n      children: shortDateRangeFormat(value, {\n        locale,\n        month: 'short',\n        year: 'numeric',\n      }),\n    };\n  }\n\n  getTitleProps(props, index) {\n    const { displayedPeriod, locale } = this.asProps;\n    return {\n      ...super.getTitleProps(props, index),\n      children: new Intl.DateTimeFormat(locale, { year: 'numeric' }).format(\n        dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),\n      ),\n    };\n  }\n}\n\nconst MonthRangePicker = createComponent(\n  MonthRangePickerRoot,\n  {\n    Trigger,\n    Popper,\n    Header,\n    Title,\n    Prev,\n    Next,\n    Calendar,\n    Period,\n  },\n  {\n    parent: Calendar,\n  },\n);\n\nexport default MonthRangePicker;\n"],"mappings":"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"}
+{"version":3,"file":"MonthRangePicker.js","names":["React","dayjs","createComponent","shortDateRangeFormat","Header","Next","Period","Popper","Prev","Title","Trigger","CalendarMonths","Calendar","RangePickerAbstract","Apply","Reset","MonthRangePickerRoot","getI18nText","asProps","today","Date","setHours","children","value","subtract","startOf","toDate","locale","placeholder","month","year","props","index","displayedPeriod","Intl","DateTimeFormat","format","add","navigateStep","defaultProps","MonthRangePicker","parent"],"sources":["../../src/MonthRangePicker.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport createComponent from '@semcore/core';\nimport shortDateRangeFormat from './utils/shortDateRangeFormat';\nimport { Header, Next, Period, Popper, Prev, Title, Trigger } from './components';\nimport { CalendarMonths as Calendar } from './components/Calendar';\nimport RangePickerAbstract, { Apply, Reset } from './components/RangePickerAbstract';\n\nclass MonthRangePickerRoot extends RangePickerAbstract {\n  static displayName = 'MonthRangePicker';\n  static defaultProps = (props) => {\n    return {\n      ...RangePickerAbstract.defaultProps(props),\n      children: (\n        <>\n          <MonthRangePicker.Trigger />\n          <MonthRangePicker.Popper />\n        </>\n      ),\n    };\n  };\n\n  navigateStep = 'year';\n  keyStep = 'month';\n  keyDiff = {\n    37: -1,\n    38: -3,\n    39: 1,\n    40: 3,\n  };\n\n  getDefaultPeriods() {\n    const { getI18nText } = this.asProps;\n    const today = new Date(new Date().setHours(0, 0, 0, 0));\n    return [\n      {\n        children: getI18nText('lastMonth'),\n        value: [\n          dayjs(today).subtract(1, 'month').startOf('month').toDate(),\n          dayjs(today).startOf('month').toDate(),\n        ],\n      },\n      {\n        children: getI18nText('last3Months'),\n        value: [\n          dayjs(today).subtract(2, 'month').startOf('month').toDate(),\n          dayjs(today).startOf('month').toDate(),\n        ],\n      },\n      {\n        children: getI18nText('last6Months'),\n        value: [\n          dayjs(today).subtract(5, 'month').startOf('month').toDate(),\n          dayjs(today).startOf('month').toDate(),\n        ],\n      },\n      {\n        children: getI18nText('last12Months'),\n        value: [\n          dayjs(today).subtract(11, 'month').startOf('month').toDate(),\n          dayjs(today).startOf('month').toDate(),\n        ],\n      },\n    ];\n  }\n\n  getTriggerProps() {\n    const { value, locale } = this.asProps;\n    return {\n      ...super.getTriggerProps(),\n      placeholder: 'Select month period',\n      children: shortDateRangeFormat(value, {\n        locale,\n        month: 'short',\n        year: 'numeric',\n      }),\n    };\n  }\n\n  getTitleProps(props, index) {\n    const { displayedPeriod, locale } = this.asProps;\n    return {\n      ...super.getTitleProps(props, index),\n      children: new Intl.DateTimeFormat(locale, { year: 'numeric' }).format(\n        dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),\n      ),\n    };\n  }\n}\n\nconst MonthRangePicker = createComponent(\n  MonthRangePickerRoot,\n  {\n    Trigger,\n    Popper,\n    Header,\n    Title,\n    Prev,\n    Next,\n    Calendar,\n    Period,\n    Apply,\n    Reset,\n  },\n  {\n    parent: Calendar,\n  },\n);\n\nexport default MonthRangePicker;\n"],"mappings":"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"}

package/lib/es6/components/Calendar.js

@@ -38,26 +38,26 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SCalendar_18nr5_gg_{display:flex;flex-direction:column}.___SGridDays_18nr5_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_18nr5_gg_{display:grid;grid-row-gap:8px;grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_18nr5_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_18nr5_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_18nr5_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_18nr5_gg_:hover{color:#191b23;background:#e0e1e9}.___SCalendarUnit_18nr5_gg_.focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_18nr5_gg_:focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_18nr5_gg_.__today_18nr5_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_18nr5_gg_.__today_18nr5_gg_.___SCalendarUnit_18nr5_gg_.__endSelected_18nr5_gg_:before,.___SCalendarUnit_18nr5_gg_.__today_18nr5_gg_.___SCalendarUnit_18nr5_gg_.__startSelected_18nr5_gg_:before{border-color:hsla(0,0%,100%,.5)}.___SCalendarUnit_18nr5_gg_.__selected_18nr5_gg_{background:#c4e5fe;border-radius:0;color:#191b23}.___SCalendarUnit_18nr5_gg_.__selected_18nr5_gg_:hover{background:#008ff8}.___SCalendarUnit_18nr5_gg_.__highlighted_18nr5_gg_{background:rgba(0,143,248,.2);border-radius:0;color:#191b23}.___SCalendarUnit_18nr5_gg_.__highlighted_18nr5_gg_:hover{background:rgba(0,143,248,.3)}.___SCalendarUnit_18nr5_gg_.__startSelected_18nr5_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_18nr5_gg_.__startSelected_18nr5_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_18nr5_gg_.__endSelected_18nr5_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_18nr5_gg_.__endSelected_18nr5_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_18nr5_gg_.__startHighlighted_18nr5_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0}.___SCalendarUnit_18nr5_gg_.__endHighlighted_18nr5_gg_{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px}.___SCalendarUnit_18nr5_gg_.__startHighlighted_18nr5_gg_.___SCalendarUnit_18nr5_gg_.__endHighlighted_18nr5_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_18nr5_gg_.__startSelected_18nr5_gg_.___SCalendarUnit_18nr5_gg_.__endSelected_18nr5_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_18nr5_gg_.__outdated_18nr5_gg_{opacity:.2}.___SCalendarUnit_18nr5_gg_.__disabled_18nr5_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_18nr5_gg_{transition:none}}"
+".___SCalendar_1j51a_gg_{display:flex;flex-direction:column}.___SGridDays_1j51a_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_1j51a_gg_{display:grid;grid-row-gap:8px;grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_1j51a_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_1j51a_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_1j51a_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_1j51a_gg_:hover{color:#191b23;background:#e0e1e9}.___SCalendarUnit_1j51a_gg_.focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_1j51a_gg_:focus-visible{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCalendarUnit_1j51a_gg_.__today_1j51a_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_1j51a_gg_.__today_1j51a_gg_.___SCalendarUnit_1j51a_gg_.__endSelected_1j51a_gg_:before,.___SCalendarUnit_1j51a_gg_.__today_1j51a_gg_.___SCalendarUnit_1j51a_gg_.__startSelected_1j51a_gg_:before{border-color:hsla(0,0%,100%,.5)}.___SCalendarUnit_1j51a_gg_.__selected_1j51a_gg_{background:#c4e5fe;border-radius:0;color:#191b23}.___SCalendarUnit_1j51a_gg_.__selected_1j51a_gg_:hover{background:#008ff8}.___SCalendarUnit_1j51a_gg_.__highlighted_1j51a_gg_{background:rgba(0,143,248,.2);border-radius:0;color:#191b23}.___SCalendarUnit_1j51a_gg_.__highlighted_1j51a_gg_:hover{background:rgba(0,143,248,.3)}.___SCalendarUnit_1j51a_gg_.__startSelected_1j51a_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_1j51a_gg_.__startSelected_1j51a_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_1j51a_gg_.__endSelected_1j51a_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_1j51a_gg_.__endSelected_1j51a_gg_:hover{color:#fff;background:#008ff8}.___SCalendarUnit_1j51a_gg_.__startHighlighted_1j51a_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:0;border-top-left-radius:6px;border-top-right-radius:0}.___SCalendarUnit_1j51a_gg_.__endHighlighted_1j51a_gg_{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-top-left-radius:0;border-top-right-radius:6px}.___SCalendarUnit_1j51a_gg_.__startHighlighted_1j51a_gg_.___SCalendarUnit_1j51a_gg_.__endHighlighted_1j51a_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_1j51a_gg_.__startSelected_1j51a_gg_.___SCalendarUnit_1j51a_gg_.__endSelected_1j51a_gg_{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px}.___SCalendarUnit_1j51a_gg_.__outdated_1j51a_gg_{opacity:.2}.___SCalendarUnit_1j51a_gg_.__disabled_1j51a_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_1j51a_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "18nr5_gg_")
+, "1j51a_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCalendar": "___SCalendar_18nr5_gg_",
-  "__SGridDays": "___SGridDays_18nr5_gg_",
-  "__SGridMonths": "___SGridMonths_18nr5_gg_",
-  "__SWeekDays": "___SWeekDays_18nr5_gg_",
-  "__SWeekDay": "___SWeekDay_18nr5_gg_",
-  "__SCalendarUnit": "___SCalendarUnit_18nr5_gg_",
-  "_today": "__today_18nr5_gg_",
-  "_endSelected": "__endSelected_18nr5_gg_",
-  "_startSelected": "__startSelected_18nr5_gg_",
-  "_selected": "__selected_18nr5_gg_",
-  "_highlighted": "__highlighted_18nr5_gg_",
-  "_startHighlighted": "__startHighlighted_18nr5_gg_",
-  "_endHighlighted": "__endHighlighted_18nr5_gg_",
-  "_outdated": "__outdated_18nr5_gg_",
-  "_disabled": "__disabled_18nr5_gg_"
+  "__SCalendar": "___SCalendar_1j51a_gg_",
+  "__SGridDays": "___SGridDays_1j51a_gg_",
+  "__SGridMonths": "___SGridMonths_1j51a_gg_",
+  "__SWeekDays": "___SWeekDays_1j51a_gg_",
+  "__SWeekDay": "___SWeekDay_1j51a_gg_",
+  "__SCalendarUnit": "___SCalendarUnit_1j51a_gg_",
+  "_today": "__today_1j51a_gg_",
+  "_endSelected": "__endSelected_1j51a_gg_",
+  "_startSelected": "__startSelected_1j51a_gg_",
+  "_selected": "__selected_1j51a_gg_",
+  "_highlighted": "__highlighted_1j51a_gg_",
+  "_startHighlighted": "__startHighlighted_1j51a_gg_",
+  "_endHighlighted": "__endHighlighted_1j51a_gg_",
+  "_outdated": "__outdated_1j51a_gg_",
+  "_disabled": "__disabled_1j51a_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_x86xp_gg_{padding:16px;outline:0}.___SPopper_x86xp_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_x86xp_gg_:active,.___SPopper_x86xp_gg_:focus,.___SPopper_x86xp_gg_:hover{outline:0;text-decoration:none}.___SPopper_x86xp_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_x86xp_gg_{display:flex;align-items:center}.___STitle_x86xp_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_x86xp_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_x86xp_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
+".___SPopper_mi18v_gg_{padding:16px;outline:0}.___SPopper_mi18v_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_mi18v_gg_:active,.___SPopper_mi18v_gg_:focus,.___SPopper_mi18v_gg_:hover{outline:0;text-decoration:none}.___SPopper_mi18v_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_mi18v_gg_{display:flex;align-items:center}.___STitle_mi18v_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_mi18v_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_mi18v_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
 /*__inner_css_end__*/
-, "x86xp_gg_")
+, "mi18v_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_x86xp_gg_",
-  "__SHeader": "___SHeader_x86xp_gg_",
-  "__STitle": "___STitle_x86xp_gg_",
-  "__SToday": "___SToday_x86xp_gg_",
-  "__SPeriod": "___SPeriod_x86xp_gg_"
+  "__SPopper": "___SPopper_mi18v_gg_",
+  "__SHeader": "___SHeader_mi18v_gg_",
+  "__STitle": "___STitle_mi18v_gg_",
+  "__SToday": "___SToday_mi18v_gg_",
+  "__SPeriod": "___SPeriod_mi18v_gg_"
 });
 import includesDate from '../utils/includesDate';
 var i18n = {

package/lib/es6/components/RangePickerAbstract.js

@@ -7,6 +7,8 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps3 } from "@semcore/core";
+import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -38,16 +40,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPopper_x86xp_gg_{padding:16px;outline:0}.___SPopper_x86xp_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_x86xp_gg_:active,.___SPopper_x86xp_gg_:focus,.___SPopper_x86xp_gg_:hover{outline:0;text-decoration:none}.___SPopper_x86xp_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_x86xp_gg_{display:flex;align-items:center}.___STitle_x86xp_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_x86xp_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_x86xp_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
+".___SPopper_mi18v_gg_{padding:16px;outline:0}.___SPopper_mi18v_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_mi18v_gg_:active,.___SPopper_mi18v_gg_:focus,.___SPopper_mi18v_gg_:hover{outline:0;text-decoration:none}.___SPopper_mi18v_gg_:focus{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SHeader_mi18v_gg_{display:flex;align-items:center}.___STitle_mi18v_gg_{font-size:14px;color:#191b23;height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_mi18v_gg_{display:flex;margin-top:12px;justify-content:center}.___SPeriod_mi18v_gg_{display:flex;flex-direction:column;margin-bottom:8px}"
 /*__inner_css_end__*/
-, "x86xp_gg_")
+, "mi18v_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPopper": "___SPopper_x86xp_gg_",
-  "__SHeader": "___SHeader_x86xp_gg_",
-  "__STitle": "___STitle_x86xp_gg_",
-  "__SToday": "___SToday_x86xp_gg_",
-  "__SPeriod": "___SPeriod_x86xp_gg_"
+  "__SPopper": "___SPopper_mi18v_gg_",
+  "__SHeader": "___SHeader_mi18v_gg_",
+  "__STitle": "___STitle_mi18v_gg_",
+  "__SToday": "___SToday_mi18v_gg_",
+  "__SPeriod": "___SPeriod_mi18v_gg_"
 });
 var i18n = {
   de: de,
@@ -257,30 +259,13 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
   }, {
     key: "getPopperProps",
     value: function getPopperProps() {
-      var _this3 = this;
-
       var Picker = this[CORE_INSTANCE];
       var _this$asProps3 = this.asProps,
-          value = _this$asProps3.value,
           _this$asProps3$period = _this$asProps3.periods,
           periods = _this$asProps3$period === void 0 ? this.getDefaultPeriods() : _this$asProps3$period,
-          unclearable = _this$asProps3.unclearable,
-          getI18nText = _this$asProps3.getI18nText;
-      var dirtyValue = this.state.dirtyValue;
-      var buttons = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-        use: "primary",
-        children: getI18nText('apply'),
-        onClick: function onClick() {
-          return _this3.handlerApply(dirtyValue.length ? dirtyValue : value);
-        }
-      }), !unclearable && /*#__PURE__*/React.createElement(Button, {
-        ml: 2,
-        use: "tertiary",
-        theme: "muted",
-        children: getI18nText('reset'),
-        onClick: function onClick() {
-          return _this3.handlerApply([]);
-        }
+          unclearable = _this$asProps3.unclearable;
+      var buttons = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Picker.Apply, null), !unclearable && /*#__PURE__*/React.createElement(Picker.Reset, {
+        ml: 2
       }));
       return {
         tabIndex: 0,
@@ -289,7 +274,7 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
           mr: 2
         }, /*#__PURE__*/React.createElement(Picker.Header, null, /*#__PURE__*/React.createElement(Picker.Prev, null), /*#__PURE__*/React.createElement(Picker.Title, null)), /*#__PURE__*/React.createElement(Picker.Calendar, null)), /*#__PURE__*/React.createElement(Box, {
           ml: 2
-        }, /*#__PURE__*/React.createElement(Picker.Header, null, /*#__PURE__*/React.createElement(Picker.Title, null), /*#__PURE__*/React.createElement(Picker.Next, null)), /*#__PURE__*/React.createElement(Picker.Calendar, null)), Boolean(periods.length) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
+        }, /*#__PURE__*/React.createElement(Picker.Header, null, /*#__PURE__*/React.createElement(Picker.Title, null), /*#__PURE__*/React.createElement(Picker.Next, null)), /*#__PURE__*/React.createElement(Picker.Calendar, null)), Boolean(periods.length) ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
           m: "-16px 16px",
           orientation: "vertical",
           h: "auto"
@@ -297,9 +282,9 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
           direction: "column"
         }, /*#__PURE__*/React.createElement(Picker.Period, null), /*#__PURE__*/React.createElement(Flex, {
           mt: "auto"
-        }, buttons)))), !Boolean(periods.length) && /*#__PURE__*/React.createElement(Flex, {
+        }, buttons))) : /*#__PURE__*/React.createElement(Flex, {
           mt: 4
-        }, buttons))
+        }, buttons)))
       };
     }
   }, {
@@ -376,22 +361,51 @@ var RangePickerAbstract = /*#__PURE__*/function (_Component) {
         onDisplayedPeriodChange: onDisplayedPeriodChange
       };
     }
+  }, {
+    key: "getApplyProps",
+    value: function getApplyProps() {
+      var _this3 = this;
+
+      var _this$asProps7 = this.asProps,
+          value = _this$asProps7.value,
+          getI18nText = _this$asProps7.getI18nText;
+      var dirtyValue = this.state.dirtyValue;
+      return {
+        getI18nText: getI18nText,
+        onClick: function onClick() {
+          return _this3.handlerApply(dirtyValue.length ? dirtyValue : value);
+        }
+      };
+    }
+  }, {
+    key: "getResetProps",
+    value: function getResetProps() {
+      var _this4 = this;
+
+      var getI18nText = this.asProps.getI18nText;
+      return {
+        getI18nText: getI18nText,
+        onClick: function onClick() {
+          return _this4.handlerApply([]);
+        }
+      };
+    }
   }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-          _ref2;
+          _ref4;
 
-      var _this$asProps7 = this.asProps,
-          Children = _this$asProps7.Children,
-          styles = _this$asProps7.styles;
-      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(Dropdown, _assignProps({}, _ref), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})));
+      var _this$asProps8 = this.asProps,
+          Children = _this$asProps8.Children,
+          styles = _this$asProps8.styles;
+      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(Dropdown, _assignProps({}, _ref), /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {})));
     }
   }], [{
     key: "defaultProps",
-    value: function defaultProps(_ref3) {
-      var value = _ref3.value,
-          defaultValue = _ref3.defaultValue;
+    value: function defaultProps(_ref5) {
+      var value = _ref5.value,
+          defaultValue = _ref5.defaultValue;
       return {
         i18n: i18n,
         locale: 'en',
@@ -422,5 +436,25 @@ _defineProperty(RangePickerAbstract, "subtract", function (date, amount, unit) {
   return dayjs(date).subtract(amount, unit).toDate();
 });
 
+function Apply(props) {
+  var _ref2 = arguments[0];
+  var getI18nText = props.getI18nText;
+  return /*#__PURE__*/React.createElement(Button, _assignProps2({
+    "use": "primary",
+    "children": getI18nText('apply')
+  }, _ref2));
+}
+
+function Reset(props) {
+  var _ref3 = arguments[0];
+  var getI18nText = props.getI18nText;
+  return /*#__PURE__*/React.createElement(Button, _assignProps3({
+    "use": "tertiary",
+    "theme": "muted",
+    "children": getI18nText('reset')
+  }, _ref3));
+}
+
+export { Apply, Reset };
 export default RangePickerAbstract;
 //# sourceMappingURL=RangePickerAbstract.js.map

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

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

package/lib/es6/components/index.js

@@ -96,12 +96,12 @@ var stylesBtn = (
 /*__reshadow_css_start__*/
 sstyled.insert(
 /*__inner_css_start__*/
-".___SInner_1pexa_gg_{justify-content:flex-start}"
+".___SInner_1okp0_gg_{justify-content:flex-start}"
 /*__inner_css_end__*/
-, "1pexa_gg_")
+, "1okp0_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SInner": "___SInner_1pexa_gg_"
+  "__SInner": "___SInner_1okp0_gg_"
 });
 export var Period = /*#__PURE__*/function (_Component) {
   _inherits(Period, _Component);

package/lib/es6/index.d.ts

@@ -278,6 +278,8 @@ declare const DateRangePicker: ((
   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;
 };
@@ -348,6 +350,8 @@ declare const MonthRangePicker: ((
   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;
 };

package/lib/types/index.d.ts

@@ -278,6 +278,8 @@ declare const DateRangePicker: ((
   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;
 };
@@ -348,6 +350,8 @@ declare const MonthRangePicker: ((
   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;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/date-picker",
-  "description": "SEMRush DatePicker Component",
-  "version": "3.0.12",
+  "description": "Semrush DatePicker Component",
+  "version": "3.1.1",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",