@semcore/date-picker 3.5.3 → 3.6.0
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 +3 -3
- package/lib/cjs/DatePicker.js +7 -3
- package/lib/cjs/DatePicker.js.map +1 -1
- package/lib/cjs/DateRangePicker.js +4 -2
- package/lib/cjs/DateRangePicker.js.map +1 -1
- package/lib/cjs/MonthPicker.js +4 -2
- package/lib/cjs/MonthPicker.js.map +1 -1
- package/lib/cjs/MonthRangePicker.js +4 -2
- package/lib/cjs/MonthRangePicker.js.map +1 -1
- package/lib/cjs/components/Calendar.js +17 -17
- package/lib/cjs/components/InputTrigger.js +21 -20
- package/lib/cjs/components/InputTrigger.js.map +1 -1
- package/lib/cjs/components/PickerAbstract.js +25 -56
- package/lib/cjs/components/PickerAbstract.js.map +1 -1
- package/lib/cjs/components/RangePickerAbstract.js +25 -59
- package/lib/cjs/components/RangePickerAbstract.js.map +1 -1
- package/lib/cjs/components/index.js +16 -15
- package/lib/cjs/components/index.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +49 -0
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -0
- package/lib/cjs/translations/de.json +4 -1
- package/lib/cjs/translations/en.json +4 -1
- package/lib/cjs/translations/es.json +4 -1
- package/lib/cjs/translations/fr.json +4 -1
- package/lib/cjs/translations/it.json +4 -1
- package/lib/cjs/translations/ja.json +4 -1
- package/lib/cjs/translations/ko.json +4 -1
- package/lib/cjs/translations/pt.json +4 -1
- package/lib/cjs/translations/tr.json +4 -1
- package/lib/cjs/translations/vi.json +4 -1
- package/lib/cjs/translations/zh.json +4 -1
- package/lib/es6/DatePicker.js +6 -3
- package/lib/es6/DatePicker.js.map +1 -1
- package/lib/es6/DateRangePicker.js +4 -2
- package/lib/es6/DateRangePicker.js.map +1 -1
- package/lib/es6/MonthPicker.js +4 -2
- package/lib/es6/MonthPicker.js.map +1 -1
- package/lib/es6/MonthRangePicker.js +4 -2
- package/lib/es6/MonthRangePicker.js.map +1 -1
- package/lib/es6/components/Calendar.js +17 -17
- package/lib/es6/components/InputTrigger.js +21 -20
- package/lib/es6/components/InputTrigger.js.map +1 -1
- package/lib/es6/components/PickerAbstract.js +25 -46
- package/lib/es6/components/PickerAbstract.js.map +1 -1
- package/lib/es6/components/RangePickerAbstract.js +25 -48
- package/lib/es6/components/RangePickerAbstract.js.map +1 -1
- package/lib/es6/components/index.js +16 -15
- package/lib/es6/components/index.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +27 -0
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -0
- package/lib/es6/translations/de.json +4 -1
- package/lib/es6/translations/en.json +4 -1
- package/lib/es6/translations/es.json +4 -1
- package/lib/es6/translations/fr.json +4 -1
- package/lib/es6/translations/it.json +4 -1
- package/lib/es6/translations/ja.json +4 -1
- package/lib/es6/translations/ko.json +4 -1
- package/lib/es6/translations/pt.json +4 -1
- package/lib/es6/translations/tr.json +4 -1
- package/lib/es6/translations/vi.json +4 -1
- package/lib/es6/translations/zh.json +4 -1
- package/lib/types/index.d.ts +2 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [3.
|
|
5
|
+
## [3.6.0] - 2022-12-14
|
|
6
6
|
|
|
7
|
-
###
|
|
7
|
+
### Added
|
|
8
8
|
|
|
9
|
-
-
|
|
9
|
+
- Added internationalization of aria attributes.
|
|
10
10
|
|
|
11
11
|
## [3.5.2] - 2022-12-13
|
|
12
12
|
|
package/lib/cjs/DatePicker.js
CHANGED
|
@@ -47,6 +47,8 @@ var _PickerAbstract2 = _interopRequireDefault(require("./components/PickerAbstra
|
|
|
47
47
|
|
|
48
48
|
var _formatDate = require("./utils/formatDate");
|
|
49
49
|
|
|
50
|
+
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
51
|
+
|
|
50
52
|
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); }
|
|
51
53
|
|
|
52
54
|
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; }
|
|
@@ -108,7 +110,8 @@ var DatePickerRoot = /*#__PURE__*/function (_PickerAbstract) {
|
|
|
108
110
|
onDisplayedPeriodChange = _this$asProps2.onDisplayedPeriodChange,
|
|
109
111
|
locale = _this$asProps2.locale,
|
|
110
112
|
disabled = _this$asProps2.disabled,
|
|
111
|
-
size = _this$asProps2.size
|
|
113
|
+
size = _this$asProps2.size,
|
|
114
|
+
getI18nText = _this$asProps2.getI18nText;
|
|
112
115
|
return _objectSpread(_objectSpread({}, (0, _get2["default"])((0, _getPrototypeOf2["default"])(DatePickerRoot.prototype), "getTriggerProps", this).call(this)), {}, {
|
|
113
116
|
value: value,
|
|
114
117
|
onChange: onChange,
|
|
@@ -118,7 +121,8 @@ var DatePickerRoot = /*#__PURE__*/function (_PickerAbstract) {
|
|
|
118
121
|
disabledDates: disabled,
|
|
119
122
|
children: function children() {
|
|
120
123
|
return /*#__PURE__*/_react["default"].createElement(_components.InputTrigger.SingleDateInput, null);
|
|
121
|
-
}
|
|
124
|
+
},
|
|
125
|
+
getI18nText: getI18nText
|
|
122
126
|
});
|
|
123
127
|
}
|
|
124
128
|
}, {
|
|
@@ -198,7 +202,7 @@ var Today = /*#__PURE__*/function (_Component) {
|
|
|
198
202
|
return Today;
|
|
199
203
|
}(_core.Component);
|
|
200
204
|
|
|
201
|
-
(0, _defineProperty2["default"])(Today, "enhance", [(0, _i18nEnhance["default"])()]);
|
|
205
|
+
(0, _defineProperty2["default"])(Today, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
|
|
202
206
|
var DatePicker = (0, _core["default"])(DatePickerRoot, {
|
|
203
207
|
Trigger: _components.Trigger,
|
|
204
208
|
InputTrigger: _components.InputTrigger,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","names":["DatePickerRoot","handlers","value","Date","setHours","asProps","locale","placeholder","children","getLocaleDate","onChange","onDisplayedPeriodChange","disabled","size","w","disabledDates","displayedPeriod","Intl","DateTimeFormat","month","year","format","dayjs","startOf","toDate","i18n","onClick","handlerToday","PickerAbstract","props","defaultProps","Today","SToday","Box","styles","
|
|
1
|
+
{"version":3,"file":"DatePicker.js","names":["DatePickerRoot","handlers","value","Date","setHours","asProps","locale","placeholder","children","getLocaleDate","onChange","onDisplayedPeriodChange","disabled","size","getI18nText","w","disabledDates","displayedPeriod","Intl","DateTimeFormat","month","year","format","dayjs","startOf","toDate","i18n","onClick","handlerToday","PickerAbstract","props","defaultProps","Today","SToday","Box","styles","sstyled","Component","i18nEnhance","localizedMessages","DatePicker","createComponent","Trigger","InputTrigger","Popper","Header","Title","Prev","Next","Calendar","parent"],"sources":["../../src/DatePicker.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport Divider from '@semcore/divider';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { Header, Next, Popper, Prev, Title, Trigger, InputTrigger } from './components';\nimport { CalendarDays as Calendar } from './components/Calendar';\nimport PickerAbstract from './components/PickerAbstract';\nimport { getLocaleDate } from './utils/formatDate';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nexport class DatePickerRoot extends PickerAbstract {\n static displayName = 'DatePicker';\n\n static defaultProps = (props) => ({\n ...PickerAbstract.defaultProps(props),\n children: (\n <>\n <DatePicker.Trigger />\n <DatePicker.Popper />\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 handlerToday = () => {\n this.handlers.value(new Date(new Date().setHours(0, 0, 0, 0)));\n };\n\n getTriggerProps() {\n const { value, locale } = this.asProps;\n return {\n ...super.getTriggerProps(),\n placeholder: 'Select date',\n children: value ? getLocaleDate(value, locale) : null,\n };\n }\n\n getInputTriggerProps() {\n const { value, onChange, onDisplayedPeriodChange, locale, disabled, size, getI18nText } =\n this.asProps;\n\n return {\n ...super.getTriggerProps(),\n value,\n onChange,\n onDisplayedPeriodChange,\n locale,\n w: size === 'm' ? 145 : 160,\n disabledDates: disabled,\n children: () => <InputTrigger.SingleDateInput />,\n getI18nText,\n };\n }\n\n getPopperProps() {\n return {\n ...super.getPopperProps(),\n children: (\n <>\n <DatePicker.Header />\n <DatePicker.Calendar />\n <Divider ml={-4} mt={4} w=\"calc(100% + 32px)\" />\n <DatePicker.Today />\n </>\n ),\n };\n }\n\n getTitleProps() {\n const { displayedPeriod, locale } = this.asProps;\n return {\n ...super.getTitleProps(),\n children: new Intl.DateTimeFormat(locale, { month: 'long', year: 'numeric' }).format(\n dayjs(displayedPeriod).startOf('month').toDate(),\n ),\n };\n }\n\n getTodayProps() {\n const { i18n, locale } = this.asProps;\n return {\n i18n,\n locale,\n onClick: this.handlerToday,\n };\n }\n}\n\nclass Today extends Component {\n static enhance = [i18nEnhance(localizedMessages)];\n\n render() {\n const SToday = Root;\n const { styles, getI18nText } = this.asProps;\n return sstyled(styles)(\n <SToday render={Box}>\n <Button use=\"tertiary\" children={getI18nText('today')} />\n </SToday>,\n );\n }\n}\n\nconst DatePicker = createComponent(\n DatePickerRoot,\n {\n Trigger,\n InputTrigger,\n Popper,\n Header,\n Title,\n Prev,\n Next,\n Calendar,\n Today,\n },\n {\n parent: Calendar,\n },\n);\n\nexport default DatePicker;\n"],"mappings":"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"}
|
|
@@ -124,7 +124,8 @@ var DateRangePickerRoot = /*#__PURE__*/function (_RangePickerAbstract) {
|
|
|
124
124
|
onDisplayedPeriodChange = _this$asProps2.onDisplayedPeriodChange,
|
|
125
125
|
locale = _this$asProps2.locale,
|
|
126
126
|
disabled = _this$asProps2.disabled,
|
|
127
|
-
size = _this$asProps2.size
|
|
127
|
+
size = _this$asProps2.size,
|
|
128
|
+
getI18nText = _this$asProps2.getI18nText;
|
|
128
129
|
return _objectSpread(_objectSpread({}, (0, _get2["default"])((0, _getPrototypeOf2["default"])(DateRangePickerRoot.prototype), "getTriggerProps", this).call(this)), {}, {
|
|
129
130
|
value: value,
|
|
130
131
|
onChange: onChange,
|
|
@@ -134,7 +135,8 @@ var DateRangePickerRoot = /*#__PURE__*/function (_RangePickerAbstract) {
|
|
|
134
135
|
disabledDates: disabled,
|
|
135
136
|
children: function children() {
|
|
136
137
|
return /*#__PURE__*/_react["default"].createElement(_components.InputTrigger.DateRange, null);
|
|
137
|
-
}
|
|
138
|
+
},
|
|
139
|
+
getI18nText: getI18nText
|
|
138
140
|
});
|
|
139
141
|
}
|
|
140
142
|
}]);
|
|
@@ -1 +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","onChange","onDisplayedPeriodChange","disabled","size","w","disabledDates","RangePickerAbstract","props","defaultProps","DateRangePicker","createComponent","Trigger","InputTrigger","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, InputTrigger } 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 getInputTriggerProps() {\n const { value, onChange, onDisplayedPeriodChange, locale, disabled, size }
|
|
1
|
+
{"version":3,"file":"DateRangePicker.js","names":["DateRangePickerRoot","getI18nText","asProps","today","Date","setHours","children","value","dayjs","subtract","toDate","locale","placeholder","shortDateRangeFormat","day","month","year","onChange","onDisplayedPeriodChange","disabled","size","w","disabledDates","RangePickerAbstract","props","defaultProps","DateRangePicker","createComponent","Trigger","InputTrigger","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, InputTrigger } 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 getInputTriggerProps() {\n const { value, onChange, onDisplayedPeriodChange, locale, disabled, size, getI18nText } =\n this.asProps;\n\n return {\n ...super.getTriggerProps(),\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,\n InputTrigger,\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;;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;;;WAED,gCAAuB;MACrB,qBACE,KAAKd,OADP;MAAA,IAAQK,KAAR,kBAAQA,KAAR;MAAA,IAAeU,QAAf,kBAAeA,QAAf;MAAA,IAAyBC,uBAAzB,kBAAyBA,uBAAzB;MAAA,IAAkDP,MAAlD,kBAAkDA,MAAlD;MAAA,IAA0DQ,QAA1D,kBAA0DA,QAA1D;MAAA,IAAoEC,IAApE,kBAAoEA,IAApE;MAAA,IAA0EnB,WAA1E,kBAA0EA,WAA1E;MAGA;QAEEM,KAAK,EAALA,KAFF;QAGEU,QAAQ,EAARA,QAHF;QAIEC,uBAAuB,EAAvBA,uBAJF;QAKEP,MAAM,EAANA,MALF;QAMEU,CAAC,EAAED,IAAI,KAAK,GAAT,GAAe,GAAf,GAAqB,GAN1B;QAOEE,aAAa,EAAEH,QAPjB;QAQEb,QAAQ,EAAE;UAAA,oBAAM,gCAAC,wBAAD,CAAc,SAAd,OAAN;QAAA,CARZ;QASEL,WAAW,EAAXA;MATF;IAWD;;;EA/E+BsB,gC;;iCAA5BvB,mB,iBACiB,iB;iCADjBA,mB,kBAEkB,UAACwB,KAAD,EAAW;EAC/B,uCACKD,gCAAA,CAAoBE,YAApB,CAAiCD,KAAjC,CADL;IAEElB,QAAQ,eACN,+EACE,gCAAC,eAAD,CAAiB,OAAjB,OADF,eAEE,gCAAC,eAAD,CAAiB,MAAjB,OAFF;EAHJ;AASD,C;AAsEH,IAAMoB,eAAe,GAAG,IAAAC,gBAAA,EACtB3B,mBADsB,EAEtB;EACE4B,OAAO,EAAPA,mBADF;EAEEC,YAAY,EAAZA,wBAFF;EAGEC,MAAM,EAANA,kBAHF;EAIEC,MAAM,EAANA,kBAJF;EAKEC,KAAK,EAALA,iBALF;EAMEC,IAAI,EAAJA,gBANF;EAOEC,IAAI,EAAJA,gBAPF;EAQEC,QAAQ,EAARA,sBARF;EASEC,MAAM,EAANA,kBATF;EAUEC,KAAK,EAALA,2BAVF;EAWEC,KAAK,EAALA;AAXF,CAFsB,EAetB;EACEC,MAAM,EAAEJ;AADV,CAfsB,CAAxB;eAoBeT,e"}
|
package/lib/cjs/MonthPicker.js
CHANGED
|
@@ -98,7 +98,8 @@ var MonthPickerRoot = /*#__PURE__*/function (_PickerAbstract) {
|
|
|
98
98
|
onDisplayedPeriodChange = _this$asProps2.onDisplayedPeriodChange,
|
|
99
99
|
locale = _this$asProps2.locale,
|
|
100
100
|
disabled = _this$asProps2.disabled,
|
|
101
|
-
size = _this$asProps2.size
|
|
101
|
+
size = _this$asProps2.size,
|
|
102
|
+
getI18nText = _this$asProps2.getI18nText;
|
|
102
103
|
return _objectSpread(_objectSpread({}, (0, _get2["default"])((0, _getPrototypeOf2["default"])(MonthPickerRoot.prototype), "getTriggerProps", this).call(this)), {}, {
|
|
103
104
|
value: value,
|
|
104
105
|
onChange: onChange,
|
|
@@ -109,7 +110,8 @@ var MonthPickerRoot = /*#__PURE__*/function (_PickerAbstract) {
|
|
|
109
110
|
disabledDates: disabled,
|
|
110
111
|
children: function children() {
|
|
111
112
|
return /*#__PURE__*/_react["default"].createElement(_components.InputTrigger.SingleDateInput, null);
|
|
112
|
-
}
|
|
113
|
+
},
|
|
114
|
+
getI18nText: getI18nText
|
|
113
115
|
});
|
|
114
116
|
}
|
|
115
117
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthPicker.js","names":["dateParts","day","month","year","MonthPickerRoot","asProps","value","locale","placeholder","children","Intl","DateTimeFormat","format","dayjs","toDate","onChange","onDisplayedPeriodChange","disabled","size","w","parts","disabledDates","displayedPeriod","startOf","PickerAbstract","props","defaultProps","MonthPicker","createComponent","Trigger","InputTrigger","Popper","Header","Title","Prev","Next","Calendar","parent"],"sources":["../../src/MonthPicker.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport createComponent from '@semcore/core';\nimport { Header, Next, Popper, Prev, Title, Trigger, InputTrigger } from './components';\nimport { CalendarMonths as Calendar } from './components/Calendar';\nimport PickerAbstract from './components/PickerAbstract';\n\nconst dateParts = { day: false, month: true, year: true };\n\nclass MonthPickerRoot extends PickerAbstract {\n static displayName = 'MonthPicker';\n\n static defaultProps = (props) => ({\n ...PickerAbstract.defaultProps(props),\n children: (\n <>\n <MonthPicker.Trigger />\n <MonthPicker.Popper />\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 getTriggerProps() {\n const { value, locale } = this.asProps;\n return {\n ...super.getTriggerProps(),\n placeholder: 'Select month',\n children: value\n ? new Intl.DateTimeFormat(locale, {\n month: 'short',\n year: 'numeric',\n }).format(dayjs(value).toDate())\n : null,\n };\n }\n\n getInputTriggerProps() {\n const { value, onChange, onDisplayedPeriodChange, locale, disabled, size }
|
|
1
|
+
{"version":3,"file":"MonthPicker.js","names":["dateParts","day","month","year","MonthPickerRoot","asProps","value","locale","placeholder","children","Intl","DateTimeFormat","format","dayjs","toDate","onChange","onDisplayedPeriodChange","disabled","size","getI18nText","w","parts","disabledDates","displayedPeriod","startOf","PickerAbstract","props","defaultProps","MonthPicker","createComponent","Trigger","InputTrigger","Popper","Header","Title","Prev","Next","Calendar","parent"],"sources":["../../src/MonthPicker.jsx"],"sourcesContent":["import React from 'react';\nimport dayjs from 'dayjs';\nimport createComponent from '@semcore/core';\nimport { Header, Next, Popper, Prev, Title, Trigger, InputTrigger } from './components';\nimport { CalendarMonths as Calendar } from './components/Calendar';\nimport PickerAbstract from './components/PickerAbstract';\n\nconst dateParts = { day: false, month: true, year: true };\n\nclass MonthPickerRoot extends PickerAbstract {\n static displayName = 'MonthPicker';\n\n static defaultProps = (props) => ({\n ...PickerAbstract.defaultProps(props),\n children: (\n <>\n <MonthPicker.Trigger />\n <MonthPicker.Popper />\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 getTriggerProps() {\n const { value, locale } = this.asProps;\n return {\n ...super.getTriggerProps(),\n placeholder: 'Select month',\n children: value\n ? new Intl.DateTimeFormat(locale, {\n month: 'short',\n year: 'numeric',\n }).format(dayjs(value).toDate())\n : null,\n };\n }\n\n getInputTriggerProps() {\n const { value, onChange, onDisplayedPeriodChange, locale, disabled, size, getI18nText } =\n this.asProps;\n\n return {\n ...super.getTriggerProps(),\n value,\n onChange,\n onDisplayedPeriodChange,\n locale,\n w: size === 'm' ? 120 : 135,\n parts: dateParts,\n disabledDates: disabled,\n children: () => <InputTrigger.SingleDateInput />,\n getI18nText,\n };\n }\n\n getTitleProps() {\n const { displayedPeriod, locale } = this.asProps;\n return {\n ...super.getTitleProps(),\n children: new Intl.DateTimeFormat(locale, { year: 'numeric' }).format(\n dayjs(displayedPeriod).startOf('year').toDate(),\n ),\n };\n }\n}\n\nconst MonthPicker = createComponent(\n MonthPickerRoot,\n {\n Trigger,\n InputTrigger,\n Popper,\n Header,\n Title,\n Prev,\n Next,\n Calendar,\n },\n {\n parent: Calendar,\n },\n);\n\nexport default MonthPicker;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,SAAS,GAAG;EAAEC,GAAG,EAAE,KAAP;EAAcC,KAAK,EAAE,IAArB;EAA2BC,IAAI,EAAE;AAAjC,CAAlB;;IAEMC,e;;;;;;;;;;;;;;;qGAaW,M;gGACL,O;gGACA;MACR,IAAI,CAAC,CADG;MAER,IAAI,CAAC,CAFG;MAGR,IAAI,CAHI;MAIR,IAAI;IAJI,C;;;;;;WAOV,2BAAkB;MAChB,oBAA0B,KAAKC,OAA/B;MAAA,IAAQC,KAAR,iBAAQA,KAAR;MAAA,IAAeC,MAAf,iBAAeA,MAAf;MACA;QAEEC,WAAW,EAAE,cAFf;QAGEC,QAAQ,EAAEH,KAAK,GACX,IAAII,IAAI,CAACC,cAAT,CAAwBJ,MAAxB,EAAgC;UAC9BL,KAAK,EAAE,OADuB;UAE9BC,IAAI,EAAE;QAFwB,CAAhC,EAGGS,MAHH,CAGU,IAAAC,iBAAA,EAAMP,KAAN,EAAaQ,MAAb,EAHV,CADW,GAKX;MARN;IAUD;;;WAED,gCAAuB;MACrB,qBACE,KAAKT,OADP;MAAA,IAAQC,KAAR,kBAAQA,KAAR;MAAA,IAAeS,QAAf,kBAAeA,QAAf;MAAA,IAAyBC,uBAAzB,kBAAyBA,uBAAzB;MAAA,IAAkDT,MAAlD,kBAAkDA,MAAlD;MAAA,IAA0DU,QAA1D,kBAA0DA,QAA1D;MAAA,IAAoEC,IAApE,kBAAoEA,IAApE;MAAA,IAA0EC,WAA1E,kBAA0EA,WAA1E;MAGA;QAEEb,KAAK,EAALA,KAFF;QAGES,QAAQ,EAARA,QAHF;QAIEC,uBAAuB,EAAvBA,uBAJF;QAKET,MAAM,EAANA,MALF;QAMEa,CAAC,EAAEF,IAAI,KAAK,GAAT,GAAe,GAAf,GAAqB,GAN1B;QAOEG,KAAK,EAAErB,SAPT;QAQEsB,aAAa,EAAEL,QARjB;QASER,QAAQ,EAAE;UAAA,oBAAM,gCAAC,wBAAD,CAAc,eAAd,OAAN;QAAA,CATZ;QAUEU,WAAW,EAAXA;MAVF;IAYD;;;WAED,yBAAgB;MACd,qBAAoC,KAAKd,OAAzC;MAAA,IAAQkB,eAAR,kBAAQA,eAAR;MAAA,IAAyBhB,MAAzB,kBAAyBA,MAAzB;MACA;QAEEE,QAAQ,EAAE,IAAIC,IAAI,CAACC,cAAT,CAAwBJ,MAAxB,EAAgC;UAAEJ,IAAI,EAAE;QAAR,CAAhC,EAAqDS,MAArD,CACR,IAAAC,iBAAA,EAAMU,eAAN,EAAuBC,OAAvB,CAA+B,MAA/B,EAAuCV,MAAvC,EADQ;MAFZ;IAMD;;;EA9D2BW,2B;;iCAAxBrB,e,iBACiB,a;iCADjBA,e,kBAGkB,UAACsB,KAAD;EAAA,uCACjBD,2BAAA,CAAeE,YAAf,CAA4BD,KAA5B,CADiB;IAEpBjB,QAAQ,eACN,+EACE,gCAAC,WAAD,CAAa,OAAb,OADF,eAEE,gCAAC,WAAD,CAAa,MAAb,OAFF;EAHkB;AAAA,C;AA8DxB,IAAMmB,WAAW,GAAG,IAAAC,gBAAA,EAClBzB,eADkB,EAElB;EACE0B,OAAO,EAAPA,mBADF;EAEEC,YAAY,EAAZA,wBAFF;EAGEC,MAAM,EAANA,kBAHF;EAIEC,MAAM,EAANA,kBAJF;EAKEC,KAAK,EAALA,iBALF;EAMEC,IAAI,EAAJA,gBANF;EAOEC,IAAI,EAAJA,gBAPF;EAQEC,QAAQ,EAARA;AARF,CAFkB,EAYlB;EACEC,MAAM,EAAED;AADV,CAZkB,CAApB;eAiBeT,W"}
|
|
@@ -126,7 +126,8 @@ var MonthRangePickerRoot = /*#__PURE__*/function (_RangePickerAbstract) {
|
|
|
126
126
|
onDisplayedPeriodChange = _this$asProps2.onDisplayedPeriodChange,
|
|
127
127
|
locale = _this$asProps2.locale,
|
|
128
128
|
disabled = _this$asProps2.disabled,
|
|
129
|
-
size = _this$asProps2.size
|
|
129
|
+
size = _this$asProps2.size,
|
|
130
|
+
getI18nText = _this$asProps2.getI18nText;
|
|
130
131
|
return _objectSpread(_objectSpread({}, (0, _get2["default"])((0, _getPrototypeOf2["default"])(MonthRangePickerRoot.prototype), "getTriggerProps", this).call(this)), {}, {
|
|
131
132
|
value: value,
|
|
132
133
|
onChange: onChange,
|
|
@@ -137,7 +138,8 @@ var MonthRangePickerRoot = /*#__PURE__*/function (_RangePickerAbstract) {
|
|
|
137
138
|
disabledDates: disabled,
|
|
138
139
|
children: function children() {
|
|
139
140
|
return /*#__PURE__*/_react["default"].createElement(_components.InputTrigger.DateRange, null);
|
|
140
|
-
}
|
|
141
|
+
},
|
|
142
|
+
getI18nText: getI18nText
|
|
141
143
|
});
|
|
142
144
|
}
|
|
143
145
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthRangePicker.js","names":["dateParts","day","month","year","MonthRangePickerRoot","getI18nText","asProps","today","Date","setHours","children","value","dayjs","subtract","startOf","toDate","locale","placeholder","shortDateRangeFormat","onChange","onDisplayedPeriodChange","disabled","size","w","parts","disabledDates","props","index","displayedPeriod","Intl","DateTimeFormat","format","add","navigateStep","RangePickerAbstract","defaultProps","MonthRangePicker","createComponent","Trigger","InputTrigger","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, InputTrigger } 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 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 getInputTriggerProps() {\n const { value, onChange, onDisplayedPeriodChange, locale, disabled, size }
|
|
1
|
+
{"version":3,"file":"MonthRangePicker.js","names":["dateParts","day","month","year","MonthRangePickerRoot","getI18nText","asProps","today","Date","setHours","children","value","dayjs","subtract","startOf","toDate","locale","placeholder","shortDateRangeFormat","onChange","onDisplayedPeriodChange","disabled","size","w","parts","disabledDates","props","index","displayedPeriod","Intl","DateTimeFormat","format","add","navigateStep","RangePickerAbstract","defaultProps","MonthRangePicker","createComponent","Trigger","InputTrigger","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, InputTrigger } 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 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 getInputTriggerProps() {\n const { value, onChange, onDisplayedPeriodChange, locale, disabled, size, getI18nText } =\n this.asProps;\n\n return {\n ...super.getTriggerProps(),\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,\n InputTrigger,\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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"}
|
|
@@ -66,26 +66,26 @@ var style = (
|
|
|
66
66
|
/*__reshadow_css_start__*/
|
|
67
67
|
_core.sstyled.insert(
|
|
68
68
|
/*__inner_css_start__*/
|
|
69
|
-
".
|
|
69
|
+
".___SCalendar_114vn_gg_{display:flex;flex-direction:column}.___SGridDays_114vn_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_114vn_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_114vn_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_114vn_gg_{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;color:var(--intergalactic-text-secondary,#6c6e79);font-size:var(--intergalactic-fs-200,14px);font-weight:var(--intergalactic-regular,400);overflow:hidden}.___SCalendarUnit_114vn_gg_{font-family:inherit;font-weight:400;line-height:normal;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary,#191b23);outline:0;box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:var(--intergalactic-date-picker-cell,#fff);align-items:center;border-radius:var(--intergalactic-rounded-medium,6px);box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--intergalactic-fs-200,14px);justify-content:center;min-height:32px;min-width:32px;position:relative;transition:color .15s,background .15s;outline:none;margin:0}.___SCalendarUnit_114vn_gg_:hover{color:var(--intergalactic-text-primary,#191b23);background:var(--intergalactic-date-picker-cell-hover,#e0e1e9)}.___SCalendarUnit_114vn_gg_.focus-visible{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SCalendarUnit_114vn_gg_:focus-visible{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SCalendarUnit_114vn_gg_.__today_114vn_gg_:before{content:\"\";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-rounded-medium,6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-border-primary,#c4c7cf)}.___SCalendarUnit_114vn_gg_.__today_114vn_gg_.___SCalendarUnit_114vn_gg_.__endSelected_114vn_gg_:before,.___SCalendarUnit_114vn_gg_.__today_114vn_gg_.___SCalendarUnit_114vn_gg_.__startSelected_114vn_gg_:before{border-color:var(--intergalactic-border-secondary,#e0e1e9)}.___SCalendarUnit_114vn_gg_.__selected_114vn_gg_{background:var(--intergalactic-date-picker-cell-active,#2bb3ff);border-radius:0;color:var(--intergalactic-text-primary,#191b23)}.___SCalendarUnit_114vn_gg_.__selected_114vn_gg_:hover{background:var(--intergalactic-date-picker-cell-active-hover,#008ff8)}.___SCalendarUnit_114vn_gg_.__highlighted_114vn_gg_{background:var(--intergalactic-date-picker-cell-range,#c4e5fe);border-radius:0;color:var(--intergalactic-text-primary,#191b23)}.___SCalendarUnit_114vn_gg_.__highlighted_114vn_gg_:hover{background:var(--intergalactic-date-picker-cell-range-hover,#8ecdff)}.___SCalendarUnit_114vn_gg_.__startSelected_114vn_gg_{border-bottom-left-radius:var(--intergalactic-rounded-medium,6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-rounded-medium,6px);border-top-right-radius:0;color:var(--intergalactic-text-primary-invert,#fff);background:var(--intergalactic-date-picker-cell-active,#2bb3ff)}.___SCalendarUnit_114vn_gg_.__startSelected_114vn_gg_:hover{color:var(--intergalactic-text-primary-invert,#fff);background:var(--intergalactic-date-picker-cell-active-hover,#008ff8)}.___SCalendarUnit_114vn_gg_.__endSelected_114vn_gg_{background:var(--intergalactic-date-picker-cell-active,#2bb3ff);border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-rounded-medium,6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-rounded-medium,6px);color:var(--intergalactic-text-primary-invert,#fff)}.___SCalendarUnit_114vn_gg_.__endSelected_114vn_gg_:hover{color:var(--intergalactic-text-primary-invert,#fff);background:var(--intergalactic-date-picker-cell-active-hover,#008ff8)}.___SCalendarUnit_114vn_gg_.__startHighlighted_114vn_gg_{border-bottom-left-radius:var(--intergalactic-rounded-medium,6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-rounded-medium,6px);border-top-right-radius:0}.___SCalendarUnit_114vn_gg_.__endHighlighted_114vn_gg_{border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-rounded-medium,6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-rounded-medium,6px)}.___SCalendarUnit_114vn_gg_.__startHighlighted_114vn_gg_.___SCalendarUnit_114vn_gg_.__endHighlighted_114vn_gg_{border-bottom-left-radius:var(--intergalactic-rounded-medium,6px);border-bottom-right-radius:var(--intergalactic-rounded-medium,6px);border-top-left-radius:var(--intergalactic-rounded-medium,6px);border-top-right-radius:var(--intergalactic-rounded-medium,6px)}.___SCalendarUnit_114vn_gg_.__startSelected_114vn_gg_.___SCalendarUnit_114vn_gg_.__endSelected_114vn_gg_{border-bottom-left-radius:var(--intergalactic-rounded-medium,6px);border-bottom-right-radius:var(--intergalactic-rounded-medium,6px);border-top-left-radius:var(--intergalactic-rounded-medium,6px);border-top-right-radius:var(--intergalactic-rounded-medium,6px)}.___SCalendarUnit_114vn_gg_.__outdated_114vn_gg_{opacity:.2}.___SCalendarUnit_114vn_gg_.__disabled_114vn_gg_{opacity:.4;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SCalendarUnit_114vn_gg_{transition:none}}"
|
|
70
70
|
/*__inner_css_end__*/
|
|
71
|
-
, "
|
|
71
|
+
, "114vn_gg_")
|
|
72
72
|
/*__reshadow_css_end__*/
|
|
73
73
|
, {
|
|
74
|
-
"__SCalendar": "
|
|
75
|
-
"__SGridDays": "
|
|
76
|
-
"__SGridMonths": "
|
|
77
|
-
"__SWeekDays": "
|
|
78
|
-
"__SWeekDay": "
|
|
79
|
-
"__SCalendarUnit": "
|
|
80
|
-
"_today": "
|
|
81
|
-
"_endSelected": "
|
|
82
|
-
"_startSelected": "
|
|
83
|
-
"_selected": "
|
|
84
|
-
"_highlighted": "
|
|
85
|
-
"_startHighlighted": "
|
|
86
|
-
"_endHighlighted": "
|
|
87
|
-
"_outdated": "
|
|
88
|
-
"_disabled": "
|
|
74
|
+
"__SCalendar": "___SCalendar_114vn_gg_",
|
|
75
|
+
"__SGridDays": "___SGridDays_114vn_gg_",
|
|
76
|
+
"__SGridMonths": "___SGridMonths_114vn_gg_",
|
|
77
|
+
"__SWeekDays": "___SWeekDays_114vn_gg_",
|
|
78
|
+
"__SWeekDay": "___SWeekDay_114vn_gg_",
|
|
79
|
+
"__SCalendarUnit": "___SCalendarUnit_114vn_gg_",
|
|
80
|
+
"_today": "__today_114vn_gg_",
|
|
81
|
+
"_endSelected": "__endSelected_114vn_gg_",
|
|
82
|
+
"_startSelected": "__startSelected_114vn_gg_",
|
|
83
|
+
"_selected": "__selected_114vn_gg_",
|
|
84
|
+
"_highlighted": "__highlighted_114vn_gg_",
|
|
85
|
+
"_startHighlighted": "__startHighlighted_114vn_gg_",
|
|
86
|
+
"_endHighlighted": "__endHighlighted_114vn_gg_",
|
|
87
|
+
"_outdated": "__outdated_114vn_gg_",
|
|
88
|
+
"_disabled": "__disabled_114vn_gg_"
|
|
89
89
|
});
|
|
90
90
|
|
|
91
91
|
_dayjs["default"].extend(_isBetween["default"]);
|
|
@@ -79,27 +79,27 @@ var style = (
|
|
|
79
79
|
/*__reshadow_css_start__*/
|
|
80
80
|
_core.sstyled.insert(
|
|
81
81
|
/*__inner_css_start__*/
|
|
82
|
-
".
|
|
82
|
+
".___SPopper_1ux6f_gg_{padding:var(--intergalactic-spacing-4x,16px);outline:0}.___SPopper_1ux6f_gg_::-moz-focus-inner{border:none;padding:0}.___SPopper_1ux6f_gg_:active,.___SPopper_1ux6f_gg_:focus,.___SPopper_1ux6f_gg_:hover{outline:0;text-decoration:none}.___SPopper_1ux6f_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SHeader_1ux6f_gg_{display:flex;align-items:center}.___STitle_1ux6f_gg_{font-size:var(--intergalactic-fs-200,14px);color:var(--intergalactic-text-primary,#191b23);height:32px;width:100%;display:flex;justify-content:center;align-items:center}.___SToday_1ux6f_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x,12px);justify-content:center}.___SPeriod_1ux6f_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SIndicator_1ux6f_gg_{color:var(--intergalactic-text-secondary,#6c6e79)}.___SHumanizedDate_1ux6f_gg_{position:absolute;pointer-events:none}.___SDateRange_1ux6f_gg_ .___SMask_1ux6f_gg_,.___SDateRange_1ux6f_gg_ .___SValue_1ux6f_gg_,.___SSingleDateInput_1ux6f_gg_ .___SMask_1ux6f_gg_,.___SSingleDateInput_1ux6f_gg_ .___SValue_1ux6f_gg_{opacity:0}.___SSingleDateInput_1ux6f_gg_.__focus-within_1ux6f_gg_ .___SHumanizedDate_1ux6f_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_1ux6f_gg_:focus-within .___SHumanizedDate_1ux6f_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SSingleDateInput_1ux6f_gg_.__focus-within_1ux6f_gg_ .___SMask_1ux6f_gg_,.___SSingleDateInput_1ux6f_gg_.__focus-within_1ux6f_gg_ .___SValue_1ux6f_gg_{opacity:1}.___SSingleDateInput_1ux6f_gg_:focus-within .___SMask_1ux6f_gg_,.___SSingleDateInput_1ux6f_gg_:focus-within .___SValue_1ux6f_gg_{opacity:1}.___SDateRange_1ux6f_gg_ .___SValue_1ux6f_gg_{opacity:0}.___SDateRange_1ux6f_gg_.__focus-within_1ux6f_gg_ .___SHumanizedDate_1ux6f_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_1ux6f_gg_:focus-within .___SHumanizedDate_1ux6f_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep,-999)}.___SDateRange_1ux6f_gg_.__focus-within_1ux6f_gg_ .___SMask_1ux6f_gg_,.___SDateRange_1ux6f_gg_.__focus-within_1ux6f_gg_ .___SValue_1ux6f_gg_{opacity:1}.___SDateRange_1ux6f_gg_:focus-within .___SMask_1ux6f_gg_,.___SDateRange_1ux6f_gg_:focus-within .___SValue_1ux6f_gg_{opacity:1}.___SInputMask_1ux6f_gg_.__noHumanizedDate_1ux6f_gg_ .___SMask_1ux6f_gg_,.___SInputMask_1ux6f_gg_.__noHumanizedDate_1ux6f_gg_ .___SValue_1ux6f_gg_{opacity:1}.___SDateRange_1ux6f_gg_ .___SInputMask_1ux6f_gg_.__focus-within_1ux6f_gg_ .___SMask_1ux6f_gg_{background-color:var(--intergalactic-text-placeholder,#a9abb6)}.___SDateRange_1ux6f_gg_ .___SInputMask_1ux6f_gg_:focus-within .___SMask_1ux6f_gg_{background-color:var(--intergalactic-text-placeholder,#a9abb6)}.___SDateRange_1ux6f_gg_.__focus-within_1ux6f_gg_ .___SRangeSep_1ux6f_gg_,.___SRangeSep_1ux6f_gg_.__fulfilled_1ux6f_gg_{color:var(--intergalactic-text-primary,#191b23)}.___SDateRange_1ux6f_gg_:focus-within .___SRangeSep_1ux6f_gg_,.___SRangeSep_1ux6f_gg_.__fulfilled_1ux6f_gg_{color:var(--intergalactic-text-primary,#191b23)}"
|
|
83
83
|
/*__inner_css_end__*/
|
|
84
|
-
, "
|
|
84
|
+
, "1ux6f_gg_")
|
|
85
85
|
/*__reshadow_css_end__*/
|
|
86
86
|
, {
|
|
87
|
-
"__SPopper": "
|
|
88
|
-
"__SHeader": "
|
|
89
|
-
"__STitle": "
|
|
90
|
-
"__SToday": "
|
|
91
|
-
"__SPeriod": "
|
|
92
|
-
"__SIndicator": "
|
|
93
|
-
"__SHumanizedDate": "
|
|
94
|
-
"__SDateRange": "
|
|
95
|
-
"__SMask": "
|
|
96
|
-
"__SValue": "
|
|
97
|
-
"__SSingleDateInput": "
|
|
98
|
-
"_focus-within": "__focus-
|
|
99
|
-
"__SInputMask": "
|
|
100
|
-
"_noHumanizedDate": "
|
|
101
|
-
"__SRangeSep": "
|
|
102
|
-
"_fulfilled": "
|
|
87
|
+
"__SPopper": "___SPopper_1ux6f_gg_",
|
|
88
|
+
"__SHeader": "___SHeader_1ux6f_gg_",
|
|
89
|
+
"__STitle": "___STitle_1ux6f_gg_",
|
|
90
|
+
"__SToday": "___SToday_1ux6f_gg_",
|
|
91
|
+
"__SPeriod": "___SPeriod_1ux6f_gg_",
|
|
92
|
+
"__SIndicator": "___SIndicator_1ux6f_gg_",
|
|
93
|
+
"__SHumanizedDate": "___SHumanizedDate_1ux6f_gg_",
|
|
94
|
+
"__SDateRange": "___SDateRange_1ux6f_gg_",
|
|
95
|
+
"__SMask": "___SMask_1ux6f_gg_",
|
|
96
|
+
"__SValue": "___SValue_1ux6f_gg_",
|
|
97
|
+
"__SSingleDateInput": "___SSingleDateInput_1ux6f_gg_",
|
|
98
|
+
"_focus-within": "__focus-within_1ux6f_gg_",
|
|
99
|
+
"__SInputMask": "___SInputMask_1ux6f_gg_",
|
|
100
|
+
"_noHumanizedDate": "__noHumanizedDate_1ux6f_gg_",
|
|
101
|
+
"__SRangeSep": "___SRangeSep_1ux6f_gg_",
|
|
102
|
+
"_fulfilled": "__fulfilled_1ux6f_gg_"
|
|
103
103
|
});
|
|
104
104
|
var defaultAllowedParts = {
|
|
105
105
|
year: true,
|
|
@@ -160,9 +160,10 @@ var InputTriggerRoot = /*#__PURE__*/function (_Component) {
|
|
|
160
160
|
var SInputTrigger = _flexBox.Box;
|
|
161
161
|
var _this$asProps3 = this.asProps,
|
|
162
162
|
Children = _this$asProps3.Children,
|
|
163
|
-
style = _this$asProps3.style
|
|
163
|
+
style = _this$asProps3.style,
|
|
164
|
+
getI18nText = _this$asProps3.getI18nText;
|
|
164
165
|
return _ref8 = (0, _core.sstyled)(style), /*#__PURE__*/_react["default"].createElement(SInputTrigger, _ref8.cn("SInputTrigger", _objectSpread({}, (0, _core.assignProps)({
|
|
165
|
-
"aria-label":
|
|
166
|
+
"aria-label": getI18nText('input'),
|
|
166
167
|
"__excludeProps": ['onChange', 'value', 'role']
|
|
167
168
|
}, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref8.cn("Children", {})));
|
|
168
169
|
}
|