@semcore/date-picker 4.30.4 → 4.31.0-prerelease.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,7 +2,20 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [4.30.4-prerelease.2] - 2024-03-07
5
+ ## [4.31.0] - 2024-03-08
6
+
7
+ ### Changed
8
+
9
+ - Selected date range now is immediately represented in input trigger even before clicking the apply button.
10
+ - While typings date range in input trigger, the calendar changes displayed period to a typed one.
11
+
12
+ ## [4.30.5] - 2024-03-08
13
+
14
+ ### Fixed
15
+
16
+ - In month date range pickers the second calendar was not usable from the keyboard.
17
+
18
+ ## [4.30.4] - 2024-03-07
6
19
 
7
20
  ### Changed
8
21
 
package/README.md CHANGED
@@ -13,7 +13,7 @@
13
13
  ## Install
14
14
 
15
15
  ```sh
16
- npm install @semcore/ui
16
+ npm install intergalactic
17
17
  ```
18
18
 
19
19
  ## Usage
@@ -24,7 +24,7 @@ import {
24
24
  DateRangePicker,
25
25
  MonthPicker,
26
26
  MonthRangePicker,
27
- } from '@semcore/ui/date-picker';
27
+ } from 'intergalactic/date-picker';
28
28
  ```
29
29
 
30
30
  <details>
@@ -84,13 +84,15 @@ var DateRangePickerRoot = /*#__PURE__*/function (_RangePickerAbstract) {
84
84
  key: "getTriggerProps",
85
85
  value: function getTriggerProps() {
86
86
  var _this$asProps2 = this.asProps,
87
- value = _this$asProps2.value,
87
+ visible = _this$asProps2.visible,
88
+ preselectedValue = _this$asProps2.preselectedValue,
88
89
  onChange = _this$asProps2.onChange,
89
90
  onDisplayedPeriodChange = _this$asProps2.onDisplayedPeriodChange,
90
91
  locale = _this$asProps2.locale,
91
92
  disabled = _this$asProps2.disabled,
92
93
  size = _this$asProps2.size,
93
94
  getI18nText = _this$asProps2.getI18nText;
95
+ var value = visible ? [preselectedValue[0] || this.asProps.value[0], preselectedValue[1] || this.asProps.value[1]] : this.asProps.value;
94
96
  return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _get2["default"])((0, _getPrototypeOf2["default"])(DateRangePickerRoot.prototype), "getButtonTriggerProps", this).call(this)), {}, {
95
97
  value: value,
96
98
  onChange: onChange,
@@ -1 +1 @@
1
- {"version":3,"file":"DateRangePicker.js","names":["_react","_interopRequireDefault","require","_dayjs","_core","_shortDateRangeFormat","_components","_Calendar","_RangePickerAbstract2","_interopRequireWildcard","DateRangePickerRoot","_RangePickerAbstract","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","_createClass2","key","value","getDefaultPeriods","getI18nText","asProps","today","Date","setHours","children","dayjs","subtract","toDate","getButtonTriggerProps","_this$asProps","locale","_objectSpread2","_get2","_getPrototypeOf2","prototype","placeholder","shortDateRangeFormat","day","month","year","getTriggerProps","_this$asProps2","onChange","onDisplayedPeriodChange","disabled","size","w","disabledDates","createElement","InputTrigger","DateRange","RangePickerAbstract","props","defaultProps","Fragment","DateRangePicker","Trigger","Popper","createComponent","ButtonTrigger","Header","Title","Prev","Next","Calendar","Period","Apply","Reset","parent","_default","exports"],"sources":["../../src/DateRangePicker.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport createComponent from '@semcore/core';\nimport shortDateRangeFormat from './utils/shortDateRangeFormat';\nimport {\n Header,\n Next,\n Period,\n Popper,\n Prev,\n Title,\n Trigger as ButtonTrigger,\n InputTrigger,\n} 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 ArrowLeft: -1,\n ArrowUp: -7,\n ArrowRight: 1,\n ArrowDown: 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 getButtonTriggerProps() {\n const { value, locale } = this.asProps;\n return {\n ...super.getButtonTriggerProps(),\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 getTriggerProps() {\n const { value, onChange, onDisplayedPeriodChange, locale, disabled, size, getI18nText } =\n this.asProps;\n\n return {\n ...super.getButtonTriggerProps(),\n value,\n onChange,\n onDisplayedPeriodChange,\n locale,\n w: size === 'm' ? 270 : 300,\n disabledDates: disabled,\n children: () => <InputTrigger.DateRange />,\n getI18nText,\n };\n }\n}\n\nconst DateRangePicker = createComponent(\n DateRangePickerRoot,\n {\n Trigger: InputTrigger,\n ButtonTrigger,\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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"}
1
+ {"version":3,"file":"DateRangePicker.js","names":["_react","_interopRequireDefault","require","_dayjs","_core","_shortDateRangeFormat","_components","_Calendar","_RangePickerAbstract2","_interopRequireWildcard","DateRangePickerRoot","_RangePickerAbstract","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","_createClass2","key","value","getDefaultPeriods","getI18nText","asProps","today","Date","setHours","children","dayjs","subtract","toDate","getButtonTriggerProps","_this$asProps","locale","_objectSpread2","_get2","_getPrototypeOf2","prototype","placeholder","shortDateRangeFormat","day","month","year","getTriggerProps","_this$asProps2","visible","preselectedValue","onChange","onDisplayedPeriodChange","disabled","size","w","disabledDates","createElement","InputTrigger","DateRange","RangePickerAbstract","props","defaultProps","Fragment","DateRangePicker","Trigger","Popper","createComponent","ButtonTrigger","Header","Title","Prev","Next","Calendar","Period","Apply","Reset","parent","_default","exports"],"sources":["../../src/DateRangePicker.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport createComponent from '@semcore/core';\nimport shortDateRangeFormat from './utils/shortDateRangeFormat';\nimport {\n Header,\n Next,\n Period,\n Popper,\n Prev,\n Title,\n Trigger as ButtonTrigger,\n InputTrigger,\n} 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 ArrowLeft: -1,\n ArrowUp: -7,\n ArrowRight: 1,\n ArrowDown: 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 getButtonTriggerProps() {\n const { value, locale } = this.asProps;\n return {\n ...super.getButtonTriggerProps(),\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 getTriggerProps() {\n const {\n visible,\n preselectedValue,\n onChange,\n onDisplayedPeriodChange,\n locale,\n disabled,\n size,\n getI18nText,\n } = this.asProps;\n const value = visible\n ? [preselectedValue[0] || this.asProps.value[0], preselectedValue[1] || this.asProps.value[1]]\n : this.asProps.value;\n\n return {\n ...super.getButtonTriggerProps(),\n value,\n onChange,\n onDisplayedPeriodChange,\n locale,\n w: size === 'm' ? 270 : 300,\n disabledDates: disabled,\n children: () => <InputTrigger.DateRange />,\n getI18nText,\n };\n }\n}\n\nconst DateRangePicker = createComponent(\n DateRangePickerRoot,\n {\n Trigger: InputTrigger,\n ButtonTrigger,\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,qBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAUA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,qBAAA,GAAAC,uBAAA,CAAAP,OAAA;AAAqF,IAE/EQ,mBAAmB,0BAAAC,oBAAA;EAAA,IAAAC,UAAA,aAAAF,mBAAA,EAAAC,oBAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,mBAAA;EAAA,SAAAA,oBAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,mBAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,mBAcR,OAAO;IAAA,IAAAW,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,cACZ,KAAK;IAAA,IAAAW,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,cACL;MACRa,SAAS,EAAE,CAAC,CAAC;MACbC,OAAO,EAAE,CAAC,CAAC;MACXC,UAAU,EAAE,CAAC;MACbC,SAAS,EAAE;IACb,CAAC;IAAA,OAAAhB,KAAA;EAAA;EAAA,IAAAiB,aAAA,aAAAtB,mBAAA;IAAAuB,GAAA;IAAAC,KAAA,EAED,SAAAC,kBAAA,EAAoB;MAClB,IAAQC,WAAW,GAAK,IAAI,CAACC,OAAO,CAA5BD,WAAW;MACnB,IAAME,KAAK,GAAG,IAAIC,IAAI,CAAC,IAAIA,IAAI,EAAE,CAACC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;MACvD,OAAO,CACL;QACEC,QAAQ,EAAEL,WAAW,CAAC,WAAW,CAAC;QAClCF,KAAK,EAAE,CAAC,IAAAQ,iBAAK,EAACJ,KAAK,CAAC,CAACK,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,CAACC,MAAM,EAAE,EAAEN,KAAK;MACzD,CAAC,EACD;QACEG,QAAQ,EAAEL,WAAW,CAAC,UAAU,CAAC;QACjCF,KAAK,EAAE,CAAC,IAAAQ,iBAAK,EAACJ,KAAK,CAAC,CAACK,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,CAACC,MAAM,EAAE,EAAEN,KAAK;MACzD,CAAC,EACD;QACEG,QAAQ,EAAEL,WAAW,CAAC,YAAY,CAAC;QACnCF,KAAK,EAAE,CAAC,IAAAQ,iBAAK,EAACJ,KAAK,CAAC,CAACK,QAAQ,CAAC,EAAE,EAAE,KAAK,CAAC,CAACC,MAAM,EAAE,EAAEN,KAAK;MAC1D,CAAC,EACD;QACEG,QAAQ,EAAEL,WAAW,CAAC,WAAW,CAAC;QAClCF,KAAK,EAAE,CAAC,IAAAQ,iBAAK,EAACJ,KAAK,CAAC,CAACK,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,CAACC,MAAM,EAAE,EAAEN,KAAK;MAC3D,CAAC,EACD;QACEG,QAAQ,EAAEL,WAAW,CAAC,aAAa,CAAC;QACpCF,KAAK,EAAE,CAAC,IAAAQ,iBAAK,EAACJ,KAAK,CAAC,CAACK,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,CAACC,MAAM,EAAE,EAAEN,KAAK;MAC3D,CAAC,CACF;IACH;EAAC;IAAAL,GAAA;IAAAC,KAAA,EAED,SAAAW,sBAAA,EAAwB;MACtB,IAAAC,aAAA,GAA0B,IAAI,CAACT,OAAO;QAA9BH,KAAK,GAAAY,aAAA,CAALZ,KAAK;QAAEa,MAAM,GAAAD,aAAA,CAANC,MAAM;MACrB,WAAAC,cAAA,iBAAAA,cAAA,qBAAAC,KAAA,iBAAAC,gBAAA,aAAAxC,mBAAA,CAAAyC,SAAA,kCAAA5B,IAAA;QAEE6B,WAAW,EAAE,oBAAoB;QACjCX,QAAQ,EAAE,IAAAY,gCAAoB,EAACnB,KAAK,EAAE;UACpCa,MAAM,EAANA,MAAM;UACNO,GAAG,EAAE,SAAS;UACdC,KAAK,EAAE,OAAO;UACdC,IAAI,EAAE;QACR,CAAC;MAAC;IAEN;EAAC;IAAAvB,GAAA;IAAAC,KAAA,EAED,SAAAuB,gBAAA,EAAkB;MAChB,IAAAC,cAAA,GASI,IAAI,CAACrB,OAAO;QARdsB,OAAO,GAAAD,cAAA,CAAPC,OAAO;QACPC,gBAAgB,GAAAF,cAAA,CAAhBE,gBAAgB;QAChBC,QAAQ,GAAAH,cAAA,CAARG,QAAQ;QACRC,uBAAuB,GAAAJ,cAAA,CAAvBI,uBAAuB;QACvBf,MAAM,GAAAW,cAAA,CAANX,MAAM;QACNgB,QAAQ,GAAAL,cAAA,CAARK,QAAQ;QACRC,IAAI,GAAAN,cAAA,CAAJM,IAAI;QACJ5B,WAAW,GAAAsB,cAAA,CAAXtB,WAAW;MAEb,IAAMF,KAAK,GAAGyB,OAAO,GACjB,CAACC,gBAAgB,CAAC,CAAC,CAAC,IAAI,IAAI,CAACvB,OAAO,CAACH,KAAK,CAAC,CAAC,CAAC,EAAE0B,gBAAgB,CAAC,CAAC,CAAC,IAAI,IAAI,CAACvB,OAAO,CAACH,KAAK,CAAC,CAAC,CAAC,CAAC,GAC5F,IAAI,CAACG,OAAO,CAACH,KAAK;MAEtB,WAAAc,cAAA,iBAAAA,cAAA,qBAAAC,KAAA,iBAAAC,gBAAA,aAAAxC,mBAAA,CAAAyC,SAAA,kCAAA5B,IAAA;QAEEW,KAAK,EAALA,KAAK;QACL2B,QAAQ,EAARA,QAAQ;QACRC,uBAAuB,EAAvBA,uBAAuB;QACvBf,MAAM,EAANA,MAAM;QACNkB,CAAC,EAAED,IAAI,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG;QAC3BE,aAAa,EAAEH,QAAQ;QACvBtB,QAAQ,EAAE,SAAAA,SAAA;UAAA,oBAAMzC,MAAA,YAAAmE,aAAA,CAAC7D,WAAA,CAAA8D,YAAY,CAACC,SAAS,OAAG;QAAA;QAC1CjC,WAAW,EAAXA;MAAW;IAEf;EAAC;EAAA,OAAA1B,mBAAA;AAAA,EA1F+B4D,gCAAmB;AAAA,IAAA5C,gBAAA,aAA/ChB,mBAAmB,iBACF,iBAAiB;AAAA,IAAAgB,gBAAA,aADlChB,mBAAmB,kBAED,UAAC6D,KAAK,EAAK;EAC/B,WAAAvB,cAAA,iBAAAA,cAAA,iBACKsB,gCAAmB,CAACE,YAAY,CAACD,KAAK,CAAC;IAC1C9B,QAAQ,eACNzC,MAAA,YAAAmE,aAAA,CAAAnE,MAAA,YAAAyE,QAAA,qBACEzE,MAAA,YAAAmE,aAAA,CAACO,eAAe,CAACC,OAAO,OAAG,eAC3B3E,MAAA,YAAAmE,aAAA,CAACO,eAAe,CAACE,MAAM,OAAG;EAE7B;AAEL,CAAC;AAiFH,IAAMF,eAAe,GAAG,IAAAG,gBAAe,EACrCnE,mBAAmB,EACnB;EACEiE,OAAO,EAAEP,wBAAY;EACrBU,aAAa,EAAbA,mBAAa;EACbF,MAAM,EAANA,kBAAM;EACNG,MAAM,EAANA,kBAAM;EACNC,KAAK,EAALA,iBAAK;EACLC,IAAI,EAAJA,gBAAI;EACJC,IAAI,EAAJA,gBAAI;EACJC,QAAQ,EAARA,sBAAQ;EACRC,MAAM,EAANA,kBAAM;EACNC,KAAK,EAALA,2BAAK;EACLC,KAAK,EAALA;AACF,CAAC,EACD;EACEC,MAAM,EAAEJ;AACV,CAAC,CACF;AAAC,IAAAK,QAAA,GAEad,eAAe;AAAAe,OAAA,cAAAD,QAAA"}
@@ -85,13 +85,15 @@ var MonthRangePickerRoot = /*#__PURE__*/function (_RangePickerAbstract) {
85
85
  key: "getTriggerProps",
86
86
  value: function getTriggerProps() {
87
87
  var _this$asProps2 = this.asProps,
88
- value = _this$asProps2.value,
88
+ visible = _this$asProps2.visible,
89
+ preselectedValue = _this$asProps2.preselectedValue,
89
90
  onChange = _this$asProps2.onChange,
90
91
  onDisplayedPeriodChange = _this$asProps2.onDisplayedPeriodChange,
91
92
  locale = _this$asProps2.locale,
92
93
  disabled = _this$asProps2.disabled,
93
94
  size = _this$asProps2.size,
94
95
  getI18nText = _this$asProps2.getI18nText;
96
+ var value = visible ? [preselectedValue[0] || this.asProps.value[0], preselectedValue[1] || this.asProps.value[1]] : this.asProps.value;
95
97
  return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _get2["default"])((0, _getPrototypeOf2["default"])(MonthRangePickerRoot.prototype), "getButtonTriggerProps", this).call(this)), {}, {
96
98
  value: value,
97
99
  onChange: onChange,
@@ -1 +1 @@
1
- {"version":3,"file":"MonthRangePicker.js","names":["_react","_interopRequireDefault","require","_dayjs","_core","_shortDateRangeFormat","_components","_Calendar","_RangePickerAbstract2","_interopRequireWildcard","dateParts","day","month","year","MonthRangePickerRoot","_RangePickerAbstract","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","_createClass2","key","value","getDefaultPeriods","getI18nText","asProps","today","Date","setHours","children","dayjs","subtract","startOf","toDate","getButtonTriggerProps","_this$asProps","locale","_objectSpread2","_get2","_getPrototypeOf2","prototype","placeholder","shortDateRangeFormat","getTriggerProps","_this$asProps2","onChange","onDisplayedPeriodChange","disabled","size","w","parts","disabledDates","createElement","InputTrigger","DateRange","getTitleProps","props","index","_this$asProps3","displayedPeriod","Intl","DateTimeFormat","format","add","navigateStep","RangePickerAbstract","defaultProps","Fragment","MonthRangePicker","Trigger","Popper","createComponent","ButtonTrigger","Header","Title","Prev","Next","Calendar","Period","Apply","Reset","parent","_default","exports"],"sources":["../../src/MonthRangePicker.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport createComponent from '@semcore/core';\nimport shortDateRangeFormat from './utils/shortDateRangeFormat';\nimport {\n Header,\n Next,\n Period,\n Popper,\n Prev,\n Title,\n Trigger as ButtonTrigger,\n InputTrigger,\n} from './components';\nimport { CalendarMonths as Calendar } from './components/Calendar';\nimport RangePickerAbstract, { Apply, Reset } from './components/RangePickerAbstract';\n\nconst dateParts = { day: false, month: true, year: true };\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 ArrowLeft: -1,\n ArrowUp: -3,\n ArrowRight: 1,\n ArrowDown: 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 getButtonTriggerProps() {\n const { value, locale } = this.asProps;\n return {\n ...super.getButtonTriggerProps(),\n placeholder: 'Select month period',\n children: shortDateRangeFormat(value, {\n locale,\n month: 'short',\n year: 'numeric',\n }),\n };\n }\n\n getTriggerProps() {\n const { value, onChange, onDisplayedPeriodChange, locale, disabled, size, getI18nText } =\n this.asProps;\n\n return {\n ...super.getButtonTriggerProps(),\n value,\n onChange,\n onDisplayedPeriodChange,\n locale,\n w: size === 'm' ? 215 : 235,\n parts: dateParts,\n disabledDates: disabled,\n children: () => <InputTrigger.DateRange />,\n getI18nText,\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: InputTrigger,\n ButtonTrigger,\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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"}
1
+ {"version":3,"file":"MonthRangePicker.js","names":["_react","_interopRequireDefault","require","_dayjs","_core","_shortDateRangeFormat","_components","_Calendar","_RangePickerAbstract2","_interopRequireWildcard","dateParts","day","month","year","MonthRangePickerRoot","_RangePickerAbstract","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","_createClass2","key","value","getDefaultPeriods","getI18nText","asProps","today","Date","setHours","children","dayjs","subtract","startOf","toDate","getButtonTriggerProps","_this$asProps","locale","_objectSpread2","_get2","_getPrototypeOf2","prototype","placeholder","shortDateRangeFormat","getTriggerProps","_this$asProps2","visible","preselectedValue","onChange","onDisplayedPeriodChange","disabled","size","w","parts","disabledDates","createElement","InputTrigger","DateRange","getTitleProps","props","index","_this$asProps3","displayedPeriod","Intl","DateTimeFormat","format","add","navigateStep","RangePickerAbstract","defaultProps","Fragment","MonthRangePicker","Trigger","Popper","createComponent","ButtonTrigger","Header","Title","Prev","Next","Calendar","Period","Apply","Reset","parent","_default","exports"],"sources":["../../src/MonthRangePicker.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport createComponent from '@semcore/core';\nimport shortDateRangeFormat from './utils/shortDateRangeFormat';\nimport {\n Header,\n Next,\n Period,\n Popper,\n Prev,\n Title,\n Trigger as ButtonTrigger,\n InputTrigger,\n} from './components';\nimport { CalendarMonths as Calendar } from './components/Calendar';\nimport RangePickerAbstract, { Apply, Reset } from './components/RangePickerAbstract';\n\nconst dateParts = { day: false, month: true, year: true };\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 ArrowLeft: -1,\n ArrowUp: -3,\n ArrowRight: 1,\n ArrowDown: 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 getButtonTriggerProps() {\n const { value, locale } = this.asProps;\n return {\n ...super.getButtonTriggerProps(),\n placeholder: 'Select month period',\n children: shortDateRangeFormat(value, {\n locale,\n month: 'short',\n year: 'numeric',\n }),\n };\n }\n\n getTriggerProps() {\n const {\n visible,\n preselectedValue,\n onChange,\n onDisplayedPeriodChange,\n locale,\n disabled,\n size,\n getI18nText,\n } = this.asProps;\n const value = visible\n ? [preselectedValue[0] || this.asProps.value[0], preselectedValue[1] || this.asProps.value[1]]\n : this.asProps.value;\n\n return {\n ...super.getButtonTriggerProps(),\n value,\n onChange,\n onDisplayedPeriodChange,\n locale,\n w: size === 'm' ? 215 : 235,\n parts: dateParts,\n disabledDates: disabled,\n children: () => <InputTrigger.DateRange />,\n getI18nText,\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: InputTrigger,\n ButtonTrigger,\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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"}
@@ -30,27 +30,27 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/e
30
30
  var _ScreenReaderOnly = require("@semcore/utils/lib/ScreenReaderOnly");
31
31
  var _excluded = ["date"];
32
32
  /*__reshadow-styles__:"../style/calendar.shadow.css"*/
33
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SCalendar_m090c_gg_{display:flex;flex-direction:column}.___SGridDays_m090c_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_m090c_gg_{display:grid;grid-row-gap:var(--intergalactic-spacing-2x, 8px);grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_m090c_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SCalendarUnit_m090c_gg_,.___SWeekDay_m090c_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px}.___SWeekDay_m090c_gg_{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:var(--intergalactic-regular, 400);overflow:hidden}.___SCalendarUnit_m090c_gg_{font-family:inherit;font-weight:400;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary, #191b23);box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:var(--intergalactic-date-picker-cell, #ffffff);border-radius:var(--intergalactic-control-rounded, 6px);box-sizing:border-box;cursor:pointer;position:relative;transition:color .15s,background .15s,box-shadow .15s,border-radius .15s .15s;outline:0;margin:4px 0 0}@media (hover:hover){.___SCalendarUnit_m090c_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-date-picker-cell-hover, #e0e1e9)}}.___SCalendarUnit_m090c_gg_:focus{z-index:1}.___SCalendarUnit_m090c_gg_:focus-visible{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCalendarUnit_m090c_gg_.__today_m090c_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-control-rounded, 6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-date-picker-cell-current, #8a8e9b)}.___SCalendarUnit_m090c_gg_.___SCalendarUnit_m090c_gg_.__today_m090c_gg_.__endSelected_m090c_gg_:before,.___SCalendarUnit_m090c_gg_.___SCalendarUnit_m090c_gg_.__today_m090c_gg_.__startSelected_m090c_gg_:before{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SCalendarUnit_m090c_gg_.__highlighted_m090c_gg_,.___SCalendarUnit_m090c_gg_.__selected_m090c_gg_{border-radius:0;transition:color .15s,background .15s,box-shadow .15s,border-radius 0s 0s;color:var(--intergalactic-text-primary, #191b23)}.___SCalendarUnit_m090c_gg_.__selected_m090c_gg_{background-color:var(--intergalactic-date-picker-cell-range, #c4e5fe)}@media (hover:hover){.___SCalendarUnit_m090c_gg_.__selected_m090c_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_m090c_gg_.__highlighted_m090c_gg_{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}@media (hover:hover){.___SCalendarUnit_m090c_gg_.__highlighted_m090c_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_m090c_gg_.__startSelected_m090c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SCalendarUnit_m090c_gg_.__startSelected_m090c_gg_:not(.__highlighted_m090c_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}@media (hover:hover){.___SCalendarUnit_m090c_gg_.__startSelected_m090c_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_m090c_gg_.__endSelected_m090c_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCalendarUnit_m090c_gg_.__endSelected_m090c_gg_:not(.__highlighted_m090c_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}@media (hover:hover){.___SCalendarUnit_m090c_gg_.__endSelected_m090c_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_m090c_gg_.__startHighlighted_m090c_gg_:not(.__selected_m090c_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}.___SCalendarUnit_m090c_gg_.__endHighlighted_m090c_gg_:not(.__selected_m090c_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_m090c_gg_.__startHighlighted_m090c_gg_.___SCalendarUnit_m090c_gg_.__endHighlighted_m090c_gg_,.___SCalendarUnit_m090c_gg_.__startSelected_m090c_gg_.___SCalendarUnit_m090c_gg_.__endSelected_m090c_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_m090c_gg_.__compareHighlighted_m090c_gg_{border-top:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-bottom:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-radius:0;transition:none}.___SCalendarUnit_m090c_gg_.__compareEndHighlighted_m090c_gg_,.___SCalendarUnit_m090c_gg_.__compareStartHighlighted_m090c_gg_{border-left:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-right:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SCalendarUnit_m090c_gg_.__compareEnd_m090c_gg_,.___SCalendarUnit_m090c_gg_.__compareStart_m090c_gg_{border-radius:0;background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SCalendarUnit_m090c_gg_.__compareEnd_m090c_gg_:hover,.___SCalendarUnit_m090c_gg_.__compareStart_m090c_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-comparison-active-hover, #5925ab)}}.___SCalendarUnit_m090c_gg_.__compareStartHighlighted_m090c_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_m090c_gg_.__compareEndHighlighted_m090c_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_m090c_gg_.__compareStart_m090c_gg_:not(.__compareHighlighted_m090c_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_m090c_gg_.__compareEnd_m090c_gg_:not(.__compareHighlighted_m090c_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_m090c_gg_.__outdated_m090c_gg_{opacity:.2}.___SCalendarUnit_m090c_gg_.__disabled_m090c_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_m090c_gg_,.___SCalendarUnit_m090c_gg_.__highlighted_m090c_gg_,.___SCalendarUnit_m090c_gg_.__selected_m090c_gg_{transition:none}}" /*__inner_css_end__*/, "m090c_gg_") /*__reshadow_css_end__*/, {
34
- "__SCalendar": "___SCalendar_m090c_gg_",
35
- "__SGridDays": "___SGridDays_m090c_gg_",
36
- "__SGridMonths": "___SGridMonths_m090c_gg_",
37
- "__SWeekDays": "___SWeekDays_m090c_gg_",
38
- "__SWeekDay": "___SWeekDay_m090c_gg_",
39
- "__SCalendarUnit": "___SCalendarUnit_m090c_gg_",
40
- "_startHighlighted": "__startHighlighted_m090c_gg_",
41
- "_selected": "__selected_m090c_gg_",
42
- "_endHighlighted": "__endHighlighted_m090c_gg_",
43
- "_startSelected": "__startSelected_m090c_gg_",
44
- "_endSelected": "__endSelected_m090c_gg_",
45
- "_compareHighlighted": "__compareHighlighted_m090c_gg_",
46
- "_compareStartHighlighted": "__compareStartHighlighted_m090c_gg_",
47
- "_compareEndHighlighted": "__compareEndHighlighted_m090c_gg_",
48
- "_compareStart": "__compareStart_m090c_gg_",
49
- "_compareEnd": "__compareEnd_m090c_gg_",
50
- "_outdated": "__outdated_m090c_gg_",
51
- "_disabled": "__disabled_m090c_gg_",
52
- "_highlighted": "__highlighted_m090c_gg_",
53
- "_today": "__today_m090c_gg_"
33
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SCalendar_1hg7i_gg_{display:flex;flex-direction:column}.___SGridDays_1hg7i_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_1hg7i_gg_{display:grid;grid-row-gap:var(--intergalactic-spacing-2x, 8px);grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_1hg7i_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SCalendarUnit_1hg7i_gg_,.___SWeekDay_1hg7i_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px}.___SWeekDay_1hg7i_gg_{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:var(--intergalactic-regular, 400);overflow:hidden}.___SCalendarUnit_1hg7i_gg_{font-family:inherit;font-weight:400;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary, #191b23);box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:var(--intergalactic-date-picker-cell, #ffffff);border-radius:var(--intergalactic-control-rounded, 6px);box-sizing:border-box;cursor:pointer;position:relative;transition:color .15s,background .15s,box-shadow .15s,border-radius .15s .15s;outline:0;margin:4px 0 0}@media (hover:hover){.___SCalendarUnit_1hg7i_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-date-picker-cell-hover, #e0e1e9)}}.___SCalendarUnit_1hg7i_gg_:focus{z-index:1}.___SCalendarUnit_1hg7i_gg_:focus-visible{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCalendarUnit_1hg7i_gg_.__today_1hg7i_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-control-rounded, 6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-date-picker-cell-current, #8a8e9b)}.___SCalendarUnit_1hg7i_gg_.___SCalendarUnit_1hg7i_gg_.__today_1hg7i_gg_.__endSelected_1hg7i_gg_:before,.___SCalendarUnit_1hg7i_gg_.___SCalendarUnit_1hg7i_gg_.__today_1hg7i_gg_.__startSelected_1hg7i_gg_:before{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SCalendarUnit_1hg7i_gg_.__highlighted_1hg7i_gg_,.___SCalendarUnit_1hg7i_gg_.__selected_1hg7i_gg_{border-radius:0;transition:color .15s,background .15s,box-shadow .15s,border-radius 0s 0s;color:var(--intergalactic-text-primary, #191b23)}.___SCalendarUnit_1hg7i_gg_.__selected_1hg7i_gg_{background-color:var(--intergalactic-date-picker-cell-range, #c4e5fe)}@media (hover:hover){.___SCalendarUnit_1hg7i_gg_.__selected_1hg7i_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_1hg7i_gg_.__highlighted_1hg7i_gg_{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}@media (hover:hover){.___SCalendarUnit_1hg7i_gg_.__highlighted_1hg7i_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_1hg7i_gg_.__startSelected_1hg7i_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SCalendarUnit_1hg7i_gg_.__startSelected_1hg7i_gg_:not(.__highlighted_1hg7i_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}@media (hover:hover){.___SCalendarUnit_1hg7i_gg_.__startSelected_1hg7i_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_1hg7i_gg_.__endSelected_1hg7i_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCalendarUnit_1hg7i_gg_.__endSelected_1hg7i_gg_:not(.__highlighted_1hg7i_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}@media (hover:hover){.___SCalendarUnit_1hg7i_gg_.__endSelected_1hg7i_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_1hg7i_gg_.__startHighlighted_1hg7i_gg_:not(.__selected_1hg7i_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}.___SCalendarUnit_1hg7i_gg_.__endHighlighted_1hg7i_gg_:not(.__selected_1hg7i_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1hg7i_gg_.__startHighlighted_1hg7i_gg_.___SCalendarUnit_1hg7i_gg_.__endHighlighted_1hg7i_gg_,.___SCalendarUnit_1hg7i_gg_.__startSelected_1hg7i_gg_.___SCalendarUnit_1hg7i_gg_.__endSelected_1hg7i_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1hg7i_gg_.__compareHighlighted_1hg7i_gg_{border-top:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-bottom:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-radius:0;transition:none}.___SCalendarUnit_1hg7i_gg_.__compareEndHighlighted_1hg7i_gg_,.___SCalendarUnit_1hg7i_gg_.__compareStartHighlighted_1hg7i_gg_{border-left:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-right:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SCalendarUnit_1hg7i_gg_.__compareEnd_1hg7i_gg_,.___SCalendarUnit_1hg7i_gg_.__compareStart_1hg7i_gg_{border-radius:0;background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SCalendarUnit_1hg7i_gg_.__compareEnd_1hg7i_gg_:hover,.___SCalendarUnit_1hg7i_gg_.__compareStart_1hg7i_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-comparison-active-hover, #5925ab)}}.___SCalendarUnit_1hg7i_gg_.__compareStartHighlighted_1hg7i_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1hg7i_gg_.__compareEndHighlighted_1hg7i_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1hg7i_gg_.__compareStart_1hg7i_gg_:not(.__compareHighlighted_1hg7i_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1hg7i_gg_.__compareEnd_1hg7i_gg_:not(.__compareHighlighted_1hg7i_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1hg7i_gg_.__outdated_1hg7i_gg_{opacity:.2}.___SCalendarUnit_1hg7i_gg_.__disabled_1hg7i_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_1hg7i_gg_,.___SCalendarUnit_1hg7i_gg_.__highlighted_1hg7i_gg_,.___SCalendarUnit_1hg7i_gg_.__selected_1hg7i_gg_{transition:none}}" /*__inner_css_end__*/, "1hg7i_gg_") /*__reshadow_css_end__*/, {
34
+ "__SCalendar": "___SCalendar_1hg7i_gg_",
35
+ "__SGridDays": "___SGridDays_1hg7i_gg_",
36
+ "__SGridMonths": "___SGridMonths_1hg7i_gg_",
37
+ "__SWeekDays": "___SWeekDays_1hg7i_gg_",
38
+ "__SWeekDay": "___SWeekDay_1hg7i_gg_",
39
+ "__SCalendarUnit": "___SCalendarUnit_1hg7i_gg_",
40
+ "_startHighlighted": "__startHighlighted_1hg7i_gg_",
41
+ "_selected": "__selected_1hg7i_gg_",
42
+ "_endHighlighted": "__endHighlighted_1hg7i_gg_",
43
+ "_startSelected": "__startSelected_1hg7i_gg_",
44
+ "_endSelected": "__endSelected_1hg7i_gg_",
45
+ "_compareHighlighted": "__compareHighlighted_1hg7i_gg_",
46
+ "_compareStartHighlighted": "__compareStartHighlighted_1hg7i_gg_",
47
+ "_compareEndHighlighted": "__compareEndHighlighted_1hg7i_gg_",
48
+ "_compareStart": "__compareStart_1hg7i_gg_",
49
+ "_compareEnd": "__compareEnd_1hg7i_gg_",
50
+ "_outdated": "__outdated_1hg7i_gg_",
51
+ "_disabled": "__disabled_1hg7i_gg_",
52
+ "_highlighted": "__highlighted_1hg7i_gg_",
53
+ "_today": "__today_1hg7i_gg_"
54
54
  });
55
55
  _dayjs["default"].extend(_isBetween["default"]);
56
56
  var range = function range(N, cb) {
@@ -32,32 +32,32 @@ var _checkbox = _interopRequireDefault(require("@semcore/checkbox"));
32
32
  var _baseTrigger = require("@semcore/base-trigger");
33
33
  var _formatDate = require("../utils/formatDate");
34
34
  /*__reshadow-styles__:"../style/date-picker.shadow.css"*/
35
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPopper_uzyyv_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_uzyyv_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_uzyyv_gg_:active,.___SPopper_uzyyv_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_uzyyv_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_uzyyv_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_uzyyv_gg_,.___STitle_uzyyv_gg_{display:flex;align-items:center}.___STitle_uzyyv_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_uzyyv_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_uzyyv_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_uzyyv_gg_ .___SInner_uzyyv_gg_{justify-content:flex-start}.___SInputMask_uzyyv_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal}.___SIndicator_uzyyv_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_uzyyv_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_uzyyv_gg_._range_value_uzyyv_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_uzyyv_gg_._range_compare_uzyyv_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_uzyyv_gg_.__disabled_uzyyv_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_uzyyv_gg_{position:absolute;pointer-events:none}.___SDateRange_uzyyv_gg_ .___SMask_uzyyv_gg_,.___SDateRange_uzyyv_gg_ .___SValue_uzyyv_gg_,.___SSingleDateInput_uzyyv_gg_ .___SMask_uzyyv_gg_,.___SSingleDateInput_uzyyv_gg_ .___SValue_uzyyv_gg_{opacity:0}.___SSingleDateInput_uzyyv_gg_:focus-within .___SHumanizedDate_uzyyv_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_uzyyv_gg_:focus-within .___SMask_uzyyv_gg_,.___SSingleDateInput_uzyyv_gg_:focus-within .___SValue_uzyyv_gg_{opacity:1}.___SDateRange_uzyyv_gg_:focus-within .___SHumanizedDate_uzyyv_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_uzyyv_gg_:focus-within .___SMask_uzyyv_gg_,.___SDateRange_uzyyv_gg_:focus-within .___SValue_uzyyv_gg_{opacity:1}.___SInputMask_uzyyv_gg_.__noHumanizedDate_uzyyv_gg_ .___SMask_uzyyv_gg_,.___SInputMask_uzyyv_gg_.__noHumanizedDate_uzyyv_gg_ .___SValue_uzyyv_gg_{opacity:1}.___SDateRange_uzyyv_gg_ .___SInputMask_uzyyv_gg_:focus-within .___SMask_uzyyv_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_uzyyv_gg_:focus-within .___SRangeSep_uzyyv_gg_,.___SRangeSep_uzyyv_gg_.__fulfilled_uzyyv_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_uzyyv_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_uzyyv_gg_,.___SRangeComparatorHeader_uzyyv_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_uzyyv_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_uzyyv_gg_,.___SPeriodsList_uzyyv_gg_{padding:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "uzyyv_gg_") /*__reshadow_css_end__*/, {
36
- "__SHeader": "___SHeader_uzyyv_gg_",
37
- "__STitle": "___STitle_uzyyv_gg_",
38
- "__SToday": "___SToday_uzyyv_gg_",
39
- "__SPeriod": "___SPeriod_uzyyv_gg_",
40
- "__SButton": "___SButton_uzyyv_gg_",
41
- "__SInner": "___SInner_uzyyv_gg_",
42
- "__SInputMask": "___SInputMask_uzyyv_gg_",
43
- "__SIndicator": "___SIndicator_uzyyv_gg_",
44
- "__SRangeIndicator": "___SRangeIndicator_uzyyv_gg_",
45
- "_range_value": "_range_value_uzyyv_gg_",
46
- "_range_compare": "_range_compare_uzyyv_gg_",
47
- "_disabled": "__disabled_uzyyv_gg_",
48
- "__SHumanizedDate": "___SHumanizedDate_uzyyv_gg_",
49
- "__SSingleDateInput": "___SSingleDateInput_uzyyv_gg_",
50
- "__SValue": "___SValue_uzyyv_gg_",
51
- "__SDateRange": "___SDateRange_uzyyv_gg_",
52
- "__SMask": "___SMask_uzyyv_gg_",
53
- "_noHumanizedDate": "__noHumanizedDate_uzyyv_gg_",
54
- "__SRangeSep": "___SRangeSep_uzyyv_gg_",
55
- "_fulfilled": "__fulfilled_uzyyv_gg_",
56
- "__SRangeComparatorHeader": "___SRangeComparatorHeader_uzyyv_gg_",
57
- "__SRangeCalendar": "___SRangeCalendar_uzyyv_gg_",
58
- "__SFooter": "___SFooter_uzyyv_gg_",
59
- "__SPeriodsList": "___SPeriodsList_uzyyv_gg_",
60
- "__SPopper": "___SPopper_uzyyv_gg_"
35
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPopper_7j4x8_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_7j4x8_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_7j4x8_gg_:active,.___SPopper_7j4x8_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_7j4x8_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_7j4x8_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_7j4x8_gg_,.___STitle_7j4x8_gg_{display:flex;align-items:center}.___STitle_7j4x8_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_7j4x8_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_7j4x8_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_7j4x8_gg_ .___SInner_7j4x8_gg_{justify-content:flex-start}.___SInputMask_7j4x8_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal}.___SIndicator_7j4x8_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_7j4x8_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_7j4x8_gg_._range_value_7j4x8_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_7j4x8_gg_._range_compare_7j4x8_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_7j4x8_gg_.__disabled_7j4x8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_7j4x8_gg_{position:absolute;pointer-events:none}.___SDateRange_7j4x8_gg_ .___SMask_7j4x8_gg_,.___SDateRange_7j4x8_gg_ .___SValue_7j4x8_gg_,.___SSingleDateInput_7j4x8_gg_ .___SMask_7j4x8_gg_,.___SSingleDateInput_7j4x8_gg_ .___SValue_7j4x8_gg_{opacity:0}.___SSingleDateInput_7j4x8_gg_:focus-within .___SHumanizedDate_7j4x8_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_7j4x8_gg_:focus-within .___SMask_7j4x8_gg_,.___SSingleDateInput_7j4x8_gg_:focus-within .___SValue_7j4x8_gg_{opacity:1}.___SDateRange_7j4x8_gg_:focus-within .___SHumanizedDate_7j4x8_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_7j4x8_gg_:focus-within .___SMask_7j4x8_gg_,.___SDateRange_7j4x8_gg_:focus-within .___SValue_7j4x8_gg_{opacity:1}.___SInputMask_7j4x8_gg_.__noHumanizedDate_7j4x8_gg_ .___SMask_7j4x8_gg_,.___SInputMask_7j4x8_gg_.__noHumanizedDate_7j4x8_gg_ .___SValue_7j4x8_gg_{opacity:1}.___SDateRange_7j4x8_gg_ .___SInputMask_7j4x8_gg_:focus-within .___SMask_7j4x8_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_7j4x8_gg_:focus-within .___SRangeSep_7j4x8_gg_,.___SRangeSep_7j4x8_gg_.__fulfilled_7j4x8_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_7j4x8_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_7j4x8_gg_,.___SRangeComparatorHeader_7j4x8_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_7j4x8_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_7j4x8_gg_,.___SPeriodsList_7j4x8_gg_{padding:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "7j4x8_gg_") /*__reshadow_css_end__*/, {
36
+ "__SHeader": "___SHeader_7j4x8_gg_",
37
+ "__STitle": "___STitle_7j4x8_gg_",
38
+ "__SToday": "___SToday_7j4x8_gg_",
39
+ "__SPeriod": "___SPeriod_7j4x8_gg_",
40
+ "__SButton": "___SButton_7j4x8_gg_",
41
+ "__SInner": "___SInner_7j4x8_gg_",
42
+ "__SInputMask": "___SInputMask_7j4x8_gg_",
43
+ "__SIndicator": "___SIndicator_7j4x8_gg_",
44
+ "__SRangeIndicator": "___SRangeIndicator_7j4x8_gg_",
45
+ "_range_value": "_range_value_7j4x8_gg_",
46
+ "_range_compare": "_range_compare_7j4x8_gg_",
47
+ "_disabled": "__disabled_7j4x8_gg_",
48
+ "__SHumanizedDate": "___SHumanizedDate_7j4x8_gg_",
49
+ "__SSingleDateInput": "___SSingleDateInput_7j4x8_gg_",
50
+ "__SValue": "___SValue_7j4x8_gg_",
51
+ "__SDateRange": "___SDateRange_7j4x8_gg_",
52
+ "__SMask": "___SMask_7j4x8_gg_",
53
+ "_noHumanizedDate": "__noHumanizedDate_7j4x8_gg_",
54
+ "__SRangeSep": "___SRangeSep_7j4x8_gg_",
55
+ "_fulfilled": "__fulfilled_7j4x8_gg_",
56
+ "__SRangeComparatorHeader": "___SRangeComparatorHeader_7j4x8_gg_",
57
+ "__SRangeCalendar": "___SRangeCalendar_7j4x8_gg_",
58
+ "__SFooter": "___SFooter_7j4x8_gg_",
59
+ "__SPeriodsList": "___SPeriodsList_7j4x8_gg_",
60
+ "__SPopper": "___SPopper_7j4x8_gg_"
61
61
  });
62
62
  var INTERACTION_TAGS = ['INPUT'];
63
63
  var INTERACTION_KEYS = ['ArrowDown', 'Enter', ' '];
@@ -135,19 +135,22 @@ var DateRangeComparatorAbstract = /*#__PURE__*/function (_Component) {
135
135
  var day = _this.keyDiff[key];
136
136
  var setNextDisplayedPeriod = function setNextDisplayedPeriod(next_highlighted) {
137
137
  var _next_highlighted = (0, _slicedToArray2["default"])(next_highlighted, 2),
138
- left_period = _next_highlighted[0],
139
- right_period = _next_highlighted[1];
140
- var monthDisplayedPeriod = displayedPeriod === null || displayedPeriod === void 0 ? void 0 : displayedPeriod.getMonth();
141
- var period = right_period || left_period;
142
- if (period) {
143
- if (!monthDisplayedPeriod) {
144
- return period;
145
- }
146
- if (period.getMonth() - monthDisplayedPeriod > 1) {
147
- return DateRangeComparatorAbstract.subtract(period, 1, 'month');
148
- } else if (period.getMonth() - monthDisplayedPeriod < 0) {
149
- return period;
150
- }
138
+ startPeriod = _next_highlighted[0],
139
+ endPeriod = _next_highlighted[1];
140
+ var highlightedPeriod = endPeriod || startPeriod;
141
+ var displayedPeriodNormalized = displayedPeriod === null || displayedPeriod === void 0 ? void 0 : displayedPeriod.getDate();
142
+ var highlightedPeriodNormalized = highlightedPeriod === null || highlightedPeriod === void 0 ? void 0 : highlightedPeriod.getDate();
143
+ if (_this.navigateStep === 'month') {
144
+ displayedPeriodNormalized = displayedPeriod === null || displayedPeriod === void 0 ? void 0 : displayedPeriod.getMonth();
145
+ highlightedPeriodNormalized = highlightedPeriod === null || highlightedPeriod === void 0 ? void 0 : highlightedPeriod.getMonth();
146
+ }
147
+ if (_this.navigateStep === 'year') {
148
+ displayedPeriodNormalized = displayedPeriod === null || displayedPeriod === void 0 ? void 0 : displayedPeriod.getYear();
149
+ highlightedPeriodNormalized = highlightedPeriod === null || highlightedPeriod === void 0 ? void 0 : highlightedPeriod.getYear();
150
+ }
151
+ var offset = highlightedPeriodNormalized - displayedPeriodNormalized;
152
+ if (offset < 0 || offset > 1) {
153
+ return highlightedPeriod;
151
154
  }
152
155
  return displayedPeriod;
153
156
  };