@semcore/date-picker 4.57.2-prerelease.0 → 4.58.0-prerelease.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 +6 -0
- package/lib/cjs/DatePicker.js +27 -36
- package/lib/cjs/DatePicker.js.map +1 -1
- package/lib/cjs/DateRangeComparator.js +38 -43
- package/lib/cjs/DateRangeComparator.js.map +1 -1
- package/lib/cjs/DateRangePicker.js +17 -22
- package/lib/cjs/DateRangePicker.js.map +1 -1
- package/lib/cjs/MonthDateRangeComparator.js +42 -47
- package/lib/cjs/MonthDateRangeComparator.js.map +1 -1
- package/lib/cjs/MonthPicker.js +16 -21
- package/lib/cjs/MonthPicker.js.map +1 -1
- package/lib/cjs/MonthRangePicker.js +18 -23
- package/lib/cjs/MonthRangePicker.js.map +1 -1
- package/lib/cjs/components/ButtonTrigger.js +8 -10
- package/lib/cjs/components/ButtonTrigger.js.map +1 -1
- package/lib/cjs/components/Calendar.js +109 -125
- package/lib/cjs/components/Calendar.js.map +1 -1
- package/lib/cjs/components/DateRangeComparatorAbstract.js +121 -104
- package/lib/cjs/components/DateRangeComparatorAbstract.js.map +1 -1
- package/lib/cjs/components/InputTrigger.js +179 -189
- package/lib/cjs/components/InputTrigger.js.map +1 -1
- package/lib/cjs/components/PickerAbstract.js +58 -57
- package/lib/cjs/components/PickerAbstract.js.map +1 -1
- package/lib/cjs/components/RangePickerAbstract.js +97 -76
- package/lib/cjs/components/RangePickerAbstract.js.map +1 -1
- package/lib/cjs/components/index.js +41 -46
- package/lib/cjs/components/index.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +2 -2
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/style/calendar.shadow.css +40 -42
- package/lib/cjs/style/date-picker.shadow.css +15 -16
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +4 -5
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/cjs/translations/de.json +6 -2
- package/lib/cjs/translations/es.json +6 -2
- package/lib/cjs/translations/fr.json +6 -2
- package/lib/cjs/translations/it.json +6 -2
- package/lib/cjs/translations/ja.json +6 -2
- package/lib/cjs/translations/ko.json +6 -2
- package/lib/cjs/translations/nl.json +6 -2
- package/lib/cjs/translations/pl.json +6 -2
- package/lib/cjs/translations/pt.json +6 -2
- package/lib/cjs/translations/sv.json +6 -2
- package/lib/cjs/translations/tr.json +6 -2
- package/lib/cjs/translations/vi.json +6 -2
- package/lib/cjs/translations/zh.json +6 -2
- package/lib/cjs/utils/cronTabScheduler.js +8 -5
- package/lib/cjs/utils/cronTabScheduler.js.map +1 -1
- package/lib/cjs/utils/datesIntersects.js +3 -4
- package/lib/cjs/utils/datesIntersects.js.map +1 -1
- package/lib/cjs/utils/formatDate.js +3 -5
- package/lib/cjs/utils/formatDate.js.map +1 -1
- package/lib/cjs/utils/includesDate.js +2 -3
- package/lib/cjs/utils/includesDate.js.map +1 -1
- package/lib/cjs/utils/isBetweenPlugin.js +21 -0
- package/lib/cjs/utils/isBetweenPlugin.js.map +1 -0
- package/lib/cjs/utils/shortDateRangeFormat.js +2 -2
- package/lib/cjs/utils/shortDateRangeFormat.js.map +1 -1
- package/lib/es6/DatePicker.js +22 -28
- package/lib/es6/DatePicker.js.map +1 -1
- package/lib/es6/DateRangeComparator.js +23 -27
- package/lib/es6/DateRangeComparator.js.map +1 -1
- package/lib/es6/DateRangePicker.js +13 -17
- package/lib/es6/DateRangePicker.js.map +1 -1
- package/lib/es6/MonthDateRangeComparator.js +28 -32
- package/lib/es6/MonthDateRangeComparator.js.map +1 -1
- package/lib/es6/MonthPicker.js +13 -17
- package/lib/es6/MonthPicker.js.map +1 -1
- package/lib/es6/MonthRangePicker.js +14 -18
- package/lib/es6/MonthRangePicker.js.map +1 -1
- package/lib/es6/components/ButtonTrigger.js +5 -5
- package/lib/es6/components/ButtonTrigger.js.map +1 -1
- package/lib/es6/components/Calendar.js +100 -112
- package/lib/es6/components/Calendar.js.map +1 -1
- package/lib/es6/components/DateRangeComparatorAbstract.js +120 -101
- package/lib/es6/components/DateRangeComparatorAbstract.js.map +1 -1
- package/lib/es6/components/InputTrigger.js +173 -180
- package/lib/es6/components/InputTrigger.js.map +1 -1
- package/lib/es6/components/PickerAbstract.js +58 -55
- package/lib/es6/components/PickerAbstract.js.map +1 -1
- package/lib/es6/components/RangePickerAbstract.js +94 -71
- package/lib/es6/components/RangePickerAbstract.js.map +1 -1
- package/lib/es6/components/index.js +35 -38
- package/lib/es6/components/index.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/style/calendar.shadow.css +40 -42
- package/lib/es6/style/date-picker.shadow.css +15 -16
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/translations/de.json +6 -2
- package/lib/es6/translations/es.json +6 -2
- package/lib/es6/translations/fr.json +6 -2
- package/lib/es6/translations/it.json +6 -2
- package/lib/es6/translations/ja.json +6 -2
- package/lib/es6/translations/ko.json +6 -2
- package/lib/es6/translations/nl.json +6 -2
- package/lib/es6/translations/pl.json +6 -2
- package/lib/es6/translations/pt.json +6 -2
- package/lib/es6/translations/sv.json +6 -2
- package/lib/es6/translations/tr.json +6 -2
- package/lib/es6/translations/vi.json +6 -2
- package/lib/es6/translations/zh.json +6 -2
- package/lib/es6/utils/cronTabScheduler.js +7 -4
- package/lib/es6/utils/cronTabScheduler.js.map +1 -1
- package/lib/es6/utils/datesIntersects.js +1 -1
- package/lib/es6/utils/datesIntersects.js.map +1 -1
- package/lib/es6/utils/formatDate.js.map +1 -1
- package/lib/es6/utils/includesDate.js.map +1 -1
- package/lib/es6/utils/isBetweenPlugin.js +16 -0
- package/lib/es6/utils/isBetweenPlugin.js.map +1 -0
- package/lib/es6/utils/shortDateRangeFormat.js +1 -1
- package/lib/es6/utils/shortDateRangeFormat.js.map +1 -1
- package/lib/esm/DatePicker.mjs +27 -33
- package/lib/esm/DateRangeComparator.mjs +26 -30
- package/lib/esm/DateRangePicker.mjs +17 -21
- package/lib/esm/MonthDateRangeComparator.mjs +31 -35
- package/lib/esm/MonthPicker.mjs +16 -20
- package/lib/esm/MonthRangePicker.mjs +18 -22
- package/lib/esm/components/ButtonTrigger.mjs +5 -5
- package/lib/esm/components/Calendar.mjs +103 -115
- package/lib/esm/components/DateRangeComparatorAbstract.mjs +105 -89
- package/lib/esm/components/InputTrigger.mjs +143 -181
- package/lib/esm/components/PickerAbstract.mjs +61 -62
- package/lib/esm/components/RangePickerAbstract.mjs +94 -73
- package/lib/esm/components/index.mjs +29 -33
- package/lib/esm/style/calendar.shadow.css +40 -42
- package/lib/esm/style/date-picker.shadow.css +15 -16
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
- package/lib/esm/translations/de.json.mjs +18 -6
- package/lib/esm/translations/es.json.mjs +18 -6
- package/lib/esm/translations/fr.json.mjs +18 -6
- package/lib/esm/translations/it.json.mjs +18 -6
- package/lib/esm/translations/ja.json.mjs +18 -6
- package/lib/esm/translations/ko.json.mjs +18 -6
- package/lib/esm/translations/nl.json.mjs +18 -6
- package/lib/esm/translations/pl.json.mjs +18 -6
- package/lib/esm/translations/pt.json.mjs +18 -6
- package/lib/esm/translations/sv.json.mjs +18 -6
- package/lib/esm/translations/tr.json.mjs +18 -6
- package/lib/esm/translations/vi.json.mjs +18 -6
- package/lib/esm/translations/zh.json.mjs +18 -6
- package/lib/esm/utils/cronTabScheduler.mjs +4 -4
- package/lib/esm/utils/datesIntersects.mjs +1 -1
- package/lib/esm/utils/isBetweenPlugin.mjs +13 -0
- package/lib/esm/utils/shortDateRangeFormat.mjs +1 -2
- package/lib/types/index.d.ts +140 -171
- package/package.json +16 -16
|
@@ -1,37 +1,33 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
4
|
+
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
5
|
+
import _superPropGet from "@babel/runtime/helpers/esm/superPropGet";
|
|
7
6
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
8
|
-
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
9
7
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
10
|
-
import
|
|
8
|
+
import { createComponent } from "@semcore/core";
|
|
11
9
|
import dayjs from "dayjs";
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import { InputTrigger, Trigger, Popper, Header, Title, Prev, Next, Period } from "./components/index.mjs";
|
|
10
|
+
import React from "react";
|
|
11
|
+
import { InputTrigger, Period, Next, Prev, Title, Header, Popper, Trigger } from "./components/index.mjs";
|
|
15
12
|
import { CalendarMonths } from "./components/Calendar.mjs";
|
|
16
|
-
import RangePickerAbstract, {
|
|
13
|
+
import RangePickerAbstract, { Reset, Apply } from "./components/RangePickerAbstract.mjs";
|
|
14
|
+
import shortDateRangeFormat from "./utils/shortDateRangeFormat.mjs";
|
|
17
15
|
var dateParts = {
|
|
18
16
|
day: false,
|
|
19
17
|
month: true,
|
|
20
18
|
year: true
|
|
21
19
|
};
|
|
22
|
-
var MonthRangePickerRoot = /* @__PURE__ */ function(_RangePickerAbstract) {
|
|
23
|
-
_inherits(MonthRangePickerRoot2, _RangePickerAbstract);
|
|
24
|
-
var _super = _createSuper(MonthRangePickerRoot2);
|
|
20
|
+
var MonthRangePickerRoot = /* @__PURE__ */ (function(_RangePickerAbstract) {
|
|
25
21
|
function MonthRangePickerRoot2() {
|
|
26
22
|
var _this;
|
|
27
23
|
_classCallCheck(this, MonthRangePickerRoot2);
|
|
28
24
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
29
25
|
args[_key] = arguments[_key];
|
|
30
26
|
}
|
|
31
|
-
_this =
|
|
32
|
-
_defineProperty(
|
|
33
|
-
_defineProperty(
|
|
34
|
-
_defineProperty(
|
|
27
|
+
_this = _callSuper(this, MonthRangePickerRoot2, [].concat(args));
|
|
28
|
+
_defineProperty(_this, "navigateStep", "year");
|
|
29
|
+
_defineProperty(_this, "keyStep", "month");
|
|
30
|
+
_defineProperty(_this, "keyDiff", {
|
|
35
31
|
ArrowLeft: -1,
|
|
36
32
|
ArrowUp: -3,
|
|
37
33
|
ArrowRight: 1,
|
|
@@ -39,7 +35,8 @@ var MonthRangePickerRoot = /* @__PURE__ */ function(_RangePickerAbstract) {
|
|
|
39
35
|
});
|
|
40
36
|
return _this;
|
|
41
37
|
}
|
|
42
|
-
|
|
38
|
+
_inherits(MonthRangePickerRoot2, _RangePickerAbstract);
|
|
39
|
+
return _createClass(MonthRangePickerRoot2, [{
|
|
43
40
|
key: "getDefaultPeriods",
|
|
44
41
|
value: function getDefaultPeriods() {
|
|
45
42
|
var getI18nText = this.asProps.getI18nText;
|
|
@@ -62,7 +59,7 @@ var MonthRangePickerRoot = /* @__PURE__ */ function(_RangePickerAbstract) {
|
|
|
62
59
|
key: "getButtonTriggerProps",
|
|
63
60
|
value: function getButtonTriggerProps() {
|
|
64
61
|
var _this$asProps = this.asProps, value = _this$asProps.value, locale = _this$asProps.locale;
|
|
65
|
-
return _objectSpread(_objectSpread({},
|
|
62
|
+
return _objectSpread(_objectSpread({}, _superPropGet(MonthRangePickerRoot2, "getButtonTriggerProps", this, 3)([])), {}, {
|
|
66
63
|
placeholder: "Select month period",
|
|
67
64
|
children: shortDateRangeFormat(value, {
|
|
68
65
|
locale,
|
|
@@ -76,7 +73,7 @@ var MonthRangePickerRoot = /* @__PURE__ */ function(_RangePickerAbstract) {
|
|
|
76
73
|
value: function getTriggerProps() {
|
|
77
74
|
var _this$asProps2 = this.asProps, visible = _this$asProps2.visible, preselectedValue = _this$asProps2.preselectedValue, onChange = _this$asProps2.onChange, onDisplayedPeriodChange = _this$asProps2.onDisplayedPeriodChange, locale = _this$asProps2.locale, disabled = _this$asProps2.disabled, disabledErrorText = _this$asProps2.disabledErrorText, getI18nText = _this$asProps2.getI18nText, animationsDisabled = _this$asProps2.animationsDisabled;
|
|
78
75
|
var value = visible ? [preselectedValue[0] || this.asProps.value[0], preselectedValue[1] || this.asProps.value[1]] : this.asProps.value;
|
|
79
|
-
return _objectSpread(_objectSpread({},
|
|
76
|
+
return _objectSpread(_objectSpread({}, _superPropGet(MonthRangePickerRoot2, "getButtonTriggerProps", this, 3)([])), {}, {
|
|
80
77
|
value,
|
|
81
78
|
onChange,
|
|
82
79
|
onDisplayedPeriodChange,
|
|
@@ -96,15 +93,14 @@ var MonthRangePickerRoot = /* @__PURE__ */ function(_RangePickerAbstract) {
|
|
|
96
93
|
key: "getTitleProps",
|
|
97
94
|
value: function getTitleProps(props, index) {
|
|
98
95
|
var _this$asProps3 = this.asProps, displayedPeriod = _this$asProps3.displayedPeriod, locale = _this$asProps3.locale;
|
|
99
|
-
return _objectSpread(_objectSpread({},
|
|
96
|
+
return _objectSpread(_objectSpread({}, _superPropGet(MonthRangePickerRoot2, "getTitleProps", this, 3)([props, index])), {}, {
|
|
100
97
|
children: new Intl.DateTimeFormat(locale, {
|
|
101
98
|
year: "numeric"
|
|
102
99
|
}).format(dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate())
|
|
103
100
|
});
|
|
104
101
|
}
|
|
105
102
|
}]);
|
|
106
|
-
|
|
107
|
-
}(RangePickerAbstract);
|
|
103
|
+
})(RangePickerAbstract);
|
|
108
104
|
_defineProperty(MonthRangePickerRoot, "displayName", "MonthRangePicker");
|
|
109
105
|
_defineProperty(MonthRangePickerRoot, "defaultProps", function(props) {
|
|
110
106
|
return _objectSpread(_objectSpread({}, RangePickerAbstract.defaultProps(props)), {}, {
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import
|
|
2
|
-
import React from "react";
|
|
1
|
+
import { assignProps, createComponent } from "@semcore/core";
|
|
3
2
|
import BaseTrigger from "@semcore/base-trigger";
|
|
4
|
-
import addonTextChildren from "@semcore/
|
|
3
|
+
import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
|
|
5
4
|
import Calendar from "@semcore/icon/Calendar/m";
|
|
6
|
-
|
|
5
|
+
import React from "react";
|
|
6
|
+
function ButtonTriggerRoot(_ref2) {
|
|
7
7
|
var _ref = arguments[0];
|
|
8
8
|
var Children = _ref2.Children;
|
|
9
9
|
return /* @__PURE__ */ React.createElement(BaseTrigger, assignProps({}, _ref), /* @__PURE__ */ React.createElement(ButtonTrigger.Addon, {
|
|
10
10
|
tag: Calendar
|
|
11
11
|
}), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, true));
|
|
12
|
-
}
|
|
12
|
+
}
|
|
13
13
|
ButtonTriggerRoot.displayName = "ButtonTrigger";
|
|
14
14
|
var ButtonTrigger = createComponent(ButtonTriggerRoot, {
|
|
15
15
|
Text: BaseTrigger.Text,
|
|
@@ -1,61 +1,58 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
4
|
-
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
5
4
|
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
6
5
|
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
6
|
+
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
7
7
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
8
|
-
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
9
8
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
10
9
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
11
|
-
import { sstyled } from "@semcore/
|
|
12
|
-
import
|
|
13
|
-
import
|
|
10
|
+
import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
|
|
11
|
+
import { Box, ScreenReaderOnly } from "@semcore/base-components";
|
|
12
|
+
import fire from "@semcore/core/lib/utils/fire";
|
|
14
13
|
import dayjs from "dayjs";
|
|
15
|
-
import
|
|
16
|
-
import { ScreenReaderOnly, Box } from "@semcore/flex-box";
|
|
17
|
-
import fire from "@semcore/utils/lib/fire";
|
|
18
|
-
import { includesDate } from "../utils/includesDate.mjs";
|
|
14
|
+
import React from "react";
|
|
19
15
|
import { formatDDMMYY, formatMMYY } from "../utils/formatDate.mjs";
|
|
20
|
-
import
|
|
16
|
+
import { includesDate } from "../utils/includesDate.mjs";
|
|
17
|
+
import isBetween from "../utils/isBetweenPlugin.mjs";
|
|
21
18
|
var _excluded = ["date"];
|
|
22
19
|
/*!__reshadow-styles__:"../style/calendar.shadow.css"*/
|
|
23
20
|
var style = (
|
|
24
21
|
/*__reshadow_css_start__*/
|
|
25
22
|
(sstyled.insert(
|
|
26
23
|
/*__inner_css_start__*/
|
|
27
|
-
'.
|
|
24
|
+
'.___SCalendar_u4fft_gg_{display:flex;flex-direction:column;border-radius:var(--intergalactic-surface-rounded, calc(6px + 2px))}.___SCalendar_u4fft_gg_ .___SCalendarUnit_u4fft_gg_:focus-visible{outline:0}.___SGridDays_u4fft_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_u4fft_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_u4fft_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SWeekDay_u4fft_gg_{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);overflow:hidden}@supports (color:color(display-p3 0 0 0%)){.___SWeekDay_u4fft_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SWeekDay_u4fft_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SCalendarUnit_u4fft_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, rgba(1, 5, 0, 0.899));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, rgb(255, 255, 255));align-items:center;border-radius:var(--intergalactic-control-rounded, 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:border-radius .15s .15s;outline:0;margin:4px 0 0}@media (hover:hover){.___SCalendarUnit_u4fft_gg_:hover{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));background-color:var(--intergalactic-date-picker-cell-hover, rgb(248, 249, 248))}}.___SCalendarUnit_u4fft_gg_.__today_u4fft_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, rgba(0, 6, 3, 0.337))}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_u4fft_gg_.__today_u4fft_gg_:before{border:1px solid var(--intergalactic-date-picker-cell-current, rgba(0, 6, 3, 0.337))}@media (color-gamut:p3){.___SCalendarUnit_u4fft_gg_.__today_u4fft_gg_:before{border:1px solid var(--intergalactic-date-picker-cell-current, color(display-p3 0.00414 0.0233 0.01269 / 0.337))}}}.___SCalendarUnit_u4fft_gg_.___SCalendarUnit_u4fft_gg_.__today_u4fft_gg_.__startSelected_u4fft_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_u4fft_gg_.___SCalendarUnit_u4fft_gg_.__today_u4fft_gg_.__startSelected_u4fft_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SCalendarUnit_u4fft_gg_.___SCalendarUnit_u4fft_gg_.__today_u4fft_gg_.__startSelected_u4fft_gg_:before{border-color:var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SCalendarUnit_u4fft_gg_.___SCalendarUnit_u4fft_gg_.__today_u4fft_gg_.__endSelected_u4fft_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0%)){.___SCalendarUnit_u4fft_gg_.___SCalendarUnit_u4fft_gg_.__today_u4fft_gg_.__endSelected_u4fft_gg_:before{border-color:var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SCalendarUnit_u4fft_gg_.___SCalendarUnit_u4fft_gg_.__today_u4fft_gg_.__endSelected_u4fft_gg_:before{border-color:var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SCalendarUnit_u4fft_gg_.__highlighted_u4fft_gg_,.___SCalendarUnit_u4fft_gg_.__selected_u4fft_gg_{background-color:var(--intergalactic-date-picker-cell-range, rgb(239, 241, 252));border-radius:0;transition:border-radius 0s 0s;color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@media (hover:hover){.___SCalendarUnit_u4fft_gg_.__selected_u4fft_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(216, 220, 248))}}@media (hover:hover){.___SCalendarUnit_u4fft_gg_.__highlighted_u4fft_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, rgb(216, 220, 248))}}.___SCalendarUnit_u4fft_gg_.__startSelected_u4fft_gg_{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-date-picker-cell-active, rgb(123, 130, 220))}.___SCalendarUnit_u4fft_gg_.__startSelected_u4fft_gg_:not(.__highlighted_u4fft_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_u4fft_gg_.__startSelected_u4fft_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-date-picker-cell-active-hover, rgb(110, 115, 215))}}.___SCalendarUnit_u4fft_gg_.__endSelected_u4fft_gg_{background-color:var(--intergalactic-date-picker-cell-active, rgb(123, 130, 220));color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949))}.___SCalendarUnit_u4fft_gg_.__endSelected_u4fft_gg_:not(.__highlighted_u4fft_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_u4fft_gg_.__endSelected_u4fft_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-date-picker-cell-active-hover, rgb(110, 115, 215))}}.___SCalendarUnit_u4fft_gg_.__startHighlighted_u4fft_gg_:not(.__selected_u4fft_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_u4fft_gg_.__endHighlighted_u4fft_gg_:not(.__selected_u4fft_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_u4fft_gg_.__startHighlighted_u4fft_gg_.___SCalendarUnit_u4fft_gg_.__endHighlighted_u4fft_gg_,.___SCalendarUnit_u4fft_gg_.__startSelected_u4fft_gg_.___SCalendarUnit_u4fft_gg_.__endSelected_u4fft_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_u4fft_gg_.__compareHighlighted_u4fft_gg_{border-top:2px dashed var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253));border-bottom:2px dashed var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253));border-radius:0;transition:none}.___SCalendarUnit_u4fft_gg_.__compareEndHighlighted_u4fft_gg_,.___SCalendarUnit_u4fft_gg_.__compareStartHighlighted_u4fft_gg_{border-left:2px dashed var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253));border-right:2px dashed var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253))}.___SCalendarUnit_u4fft_gg_.__compareEnd_u4fft_gg_,.___SCalendarUnit_u4fft_gg_.__compareStart_u4fft_gg_{border-radius:0;background-color:var(--intergalactic-date-picker-cell-comparison-active, rgb(162, 97, 253));color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949))}@media (hover:hover){.___SCalendarUnit_u4fft_gg_.__compareEnd_u4fft_gg_:hover,.___SCalendarUnit_u4fft_gg_.__compareStart_u4fft_gg_:hover{color:var(--intergalactic-text-primary-invert, rgba(254, 255, 255, 0.949));background-color:var(--intergalactic-date-picker-cell-comparison-active-hover, rgb(150, 76, 251))}}.___SCalendarUnit_u4fft_gg_.__compareStartHighlighted_u4fft_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_u4fft_gg_.__compareEndHighlighted_u4fft_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_u4fft_gg_.__compareStart_u4fft_gg_:not(.__compareHighlighted_u4fft_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_u4fft_gg_.__compareEnd_u4fft_gg_:not(.__compareHighlighted_u4fft_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_u4fft_gg_.__outdated_u4fft_gg_{opacity:.2}.___SCalendarUnit_u4fft_gg_.__disabled_u4fft_gg_{opacity:.4;cursor:default;pointer-events:none}.___SCalendar_u4fft_gg_:focus .___SCalendarUnit_u4fft_gg_.__highlighted_u4fft_gg_{z-index:1}.___SCalendar_u4fft_gg_:focus:not(.___SCalendar_u4fft_gg_:focus:has(.___SCalendarUnit_u4fft_gg_.__highlighted_u4fft_gg_)){border-radius:var(--intergalactic-surface-rounded, calc(6px + 2px))}@media (prefers-reduced-motion){.___SCalendarUnit_u4fft_gg_,.___SCalendarUnit_u4fft_gg_.__highlighted_u4fft_gg_,.___SCalendarUnit_u4fft_gg_.__selected_u4fft_gg_{transition:none}}',
|
|
28
25
|
/*__inner_css_end__*/
|
|
29
|
-
"
|
|
26
|
+
"u4fft_gg_"
|
|
30
27
|
), /*__reshadow_css_end__*/
|
|
31
28
|
{
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"_today": "
|
|
29
|
+
"__SGridDays": "___SGridDays_u4fft_gg_",
|
|
30
|
+
"__SGridMonths": "___SGridMonths_u4fft_gg_",
|
|
31
|
+
"__SWeekDays": "___SWeekDays_u4fft_gg_",
|
|
32
|
+
"__SWeekDay": "___SWeekDay_u4fft_gg_",
|
|
33
|
+
"__SCalendarUnit": "___SCalendarUnit_u4fft_gg_",
|
|
34
|
+
"_startHighlighted": "__startHighlighted_u4fft_gg_",
|
|
35
|
+
"_selected": "__selected_u4fft_gg_",
|
|
36
|
+
"_endHighlighted": "__endHighlighted_u4fft_gg_",
|
|
37
|
+
"_startSelected": "__startSelected_u4fft_gg_",
|
|
38
|
+
"_endSelected": "__endSelected_u4fft_gg_",
|
|
39
|
+
"_compareHighlighted": "__compareHighlighted_u4fft_gg_",
|
|
40
|
+
"_compareStartHighlighted": "__compareStartHighlighted_u4fft_gg_",
|
|
41
|
+
"_compareEndHighlighted": "__compareEndHighlighted_u4fft_gg_",
|
|
42
|
+
"_compareStart": "__compareStart_u4fft_gg_",
|
|
43
|
+
"_compareEnd": "__compareEnd_u4fft_gg_",
|
|
44
|
+
"_outdated": "__outdated_u4fft_gg_",
|
|
45
|
+
"_disabled": "__disabled_u4fft_gg_",
|
|
46
|
+
"_highlighted": "__highlighted_u4fft_gg_",
|
|
47
|
+
"__SCalendar": "___SCalendar_u4fft_gg_",
|
|
48
|
+
"_today": "__today_u4fft_gg_"
|
|
52
49
|
})
|
|
53
50
|
);
|
|
54
51
|
dayjs.extend(isBetween);
|
|
55
52
|
var range = function range2(N, cb) {
|
|
56
53
|
return Array.from({
|
|
57
54
|
length: N
|
|
58
|
-
}, function(
|
|
55
|
+
}, function(_v, k) {
|
|
59
56
|
return cb(k);
|
|
60
57
|
});
|
|
61
58
|
};
|
|
@@ -69,14 +66,13 @@ function getDayJSLocaleParams(locale) {
|
|
|
69
66
|
weekStart: 1
|
|
70
67
|
}, dayjs.Ls[locale]);
|
|
71
68
|
}
|
|
72
|
-
var CalendarWeekDaysRoot = /* @__PURE__ */ function(_Component) {
|
|
73
|
-
_inherits(CalendarWeekDaysRoot2, _Component);
|
|
74
|
-
var _super = _createSuper(CalendarWeekDaysRoot2);
|
|
69
|
+
var CalendarWeekDaysRoot = /* @__PURE__ */ (function(_Component) {
|
|
75
70
|
function CalendarWeekDaysRoot2() {
|
|
76
71
|
_classCallCheck(this, CalendarWeekDaysRoot2);
|
|
77
|
-
return
|
|
72
|
+
return _callSuper(this, CalendarWeekDaysRoot2, arguments);
|
|
78
73
|
}
|
|
79
|
-
|
|
74
|
+
_inherits(CalendarWeekDaysRoot2, _Component);
|
|
75
|
+
return _createClass(CalendarWeekDaysRoot2, [{
|
|
80
76
|
key: "getDaysByWeek",
|
|
81
77
|
value: function getDaysByWeek() {
|
|
82
78
|
var locale = this.asProps.locale;
|
|
@@ -90,7 +86,7 @@ var CalendarWeekDaysRoot = /* @__PURE__ */ function(_Component) {
|
|
|
90
86
|
}).format(date.valueOf());
|
|
91
87
|
date = date.add(1, "day");
|
|
92
88
|
return {
|
|
93
|
-
children: _short,
|
|
89
|
+
"children": _short,
|
|
94
90
|
"aria-label": _long
|
|
95
91
|
};
|
|
96
92
|
});
|
|
@@ -108,17 +104,16 @@ var CalendarWeekDaysRoot = /* @__PURE__ */ function(_Component) {
|
|
|
108
104
|
var _ref = this.asProps, _ref6;
|
|
109
105
|
var SWeekDays = Box;
|
|
110
106
|
var _this$asProps = this.asProps, Children = _this$asProps.Children, styles = _this$asProps.styles;
|
|
111
|
-
return _ref6 = sstyled
|
|
107
|
+
return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SWeekDays, _ref6.cn("SWeekDays", _objectSpread({}, assignProps({}, _ref))), /* @__PURE__ */ React.createElement(Children, _ref6.cn("Children", {})));
|
|
112
108
|
}
|
|
113
109
|
}]);
|
|
114
|
-
|
|
115
|
-
}(Component);
|
|
110
|
+
})(Component);
|
|
116
111
|
_defineProperty(CalendarWeekDaysRoot, "displayName", "CalendarWeekDays");
|
|
117
112
|
_defineProperty(CalendarWeekDaysRoot, "style", style);
|
|
118
113
|
_defineProperty(CalendarWeekDaysRoot, "defaultProps", {
|
|
119
114
|
locale: "en",
|
|
120
|
-
children: function children(
|
|
121
|
-
var days =
|
|
115
|
+
children: function children(_ref15) {
|
|
116
|
+
var days = _ref15.days;
|
|
122
117
|
return days.map(function(data, i) {
|
|
123
118
|
return /* @__PURE__ */ React.createElement(CalendarWeekDays.Unit, _extends({
|
|
124
119
|
key: i
|
|
@@ -126,11 +121,11 @@ _defineProperty(CalendarWeekDaysRoot, "defaultProps", {
|
|
|
126
121
|
});
|
|
127
122
|
}
|
|
128
123
|
});
|
|
129
|
-
function CalendarWeekUnit(
|
|
124
|
+
function CalendarWeekUnit(_ref1) {
|
|
130
125
|
var _ref2 = arguments[0], _ref7;
|
|
131
|
-
var styles =
|
|
126
|
+
var styles = _ref1.styles;
|
|
132
127
|
var SWeekDay = Box;
|
|
133
|
-
return _ref7 = sstyled
|
|
128
|
+
return _ref7 = sstyled(styles), /* @__PURE__ */ React.createElement(SWeekDay, _ref7.cn("SWeekDay", _objectSpread({}, assignProps({
|
|
134
129
|
"role": "columnheader"
|
|
135
130
|
}, _ref2))));
|
|
136
131
|
}
|
|
@@ -139,9 +134,9 @@ function resolveHighlighting(date, unit, highlighted) {
|
|
|
139
134
|
var highlighted1 = highlighted[1] ? dayjs(highlighted[1]) : highlighted0;
|
|
140
135
|
if (highlighted0 && highlighted1) {
|
|
141
136
|
if (highlighted0 > highlighted1) {
|
|
142
|
-
var
|
|
143
|
-
highlighted1 =
|
|
144
|
-
highlighted0 =
|
|
137
|
+
var _ref10 = [highlighted0, highlighted1];
|
|
138
|
+
highlighted1 = _ref10[0];
|
|
139
|
+
highlighted0 = _ref10[1];
|
|
145
140
|
}
|
|
146
141
|
return {
|
|
147
142
|
highlighted: date.isBetween(highlighted0, highlighted1, unit, "[]"),
|
|
@@ -161,9 +156,9 @@ function resolveSelecting(date, unit, value) {
|
|
|
161
156
|
var selected;
|
|
162
157
|
if (value0 && value1) {
|
|
163
158
|
if (value0 > value1) {
|
|
164
|
-
var
|
|
165
|
-
value1 =
|
|
166
|
-
value0 =
|
|
159
|
+
var _ref11 = [value0, value1];
|
|
160
|
+
value1 = _ref11[0];
|
|
161
|
+
value0 = _ref11[1];
|
|
167
162
|
}
|
|
168
163
|
selected = date.isBetween(value0, value1, unit, "()");
|
|
169
164
|
}
|
|
@@ -175,29 +170,28 @@ function resolveSelecting(date, unit, value) {
|
|
|
175
170
|
endSelected
|
|
176
171
|
};
|
|
177
172
|
}
|
|
178
|
-
var CalendarAbstract = /* @__PURE__ */ function(_Component2) {
|
|
179
|
-
_inherits(CalendarAbstract2, _Component2);
|
|
180
|
-
var _super2 = _createSuper(CalendarAbstract2);
|
|
173
|
+
var CalendarAbstract = /* @__PURE__ */ (function(_Component2) {
|
|
181
174
|
function CalendarAbstract2() {
|
|
182
175
|
var _this;
|
|
183
176
|
_classCallCheck(this, CalendarAbstract2);
|
|
184
177
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
185
178
|
args[_key] = arguments[_key];
|
|
186
179
|
}
|
|
187
|
-
_this =
|
|
188
|
-
_defineProperty(
|
|
189
|
-
_defineProperty(
|
|
180
|
+
_this = _callSuper(this, CalendarAbstract2, [].concat(args));
|
|
181
|
+
_defineProperty(_this, "today", new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)));
|
|
182
|
+
_defineProperty(_this, "handleMouseLeave", function() {
|
|
190
183
|
var highlighted = _this.asProps.highlighted;
|
|
191
|
-
fire(
|
|
184
|
+
fire(_this, "onHighlightedChange", highlighted.length ? [highlighted[0]] : []);
|
|
192
185
|
});
|
|
193
|
-
_defineProperty(
|
|
186
|
+
_defineProperty(_this, "formatter", formatDDMMYY);
|
|
194
187
|
return _this;
|
|
195
188
|
}
|
|
196
|
-
|
|
189
|
+
_inherits(CalendarAbstract2, _Component2);
|
|
190
|
+
return _createClass(CalendarAbstract2, [{
|
|
197
191
|
key: "createUnit",
|
|
198
|
-
value: function createUnit(
|
|
192
|
+
value: function createUnit(_ref12, unit) {
|
|
199
193
|
var _this2 = this;
|
|
200
|
-
var date =
|
|
194
|
+
var date = _ref12.date, other = _objectWithoutProperties(_ref12, _excluded);
|
|
201
195
|
var self = this;
|
|
202
196
|
var _this$asProps2 = this.asProps, _disabled = _this$asProps2.disabled, value = _this$asProps2.value, compare = _this$asProps2.compare, highlighted = _this$asProps2.highlighted, compareHighlighted = _this$asProps2.compareHighlighted, locale = _this$asProps2.locale;
|
|
203
197
|
var highlighting = resolveHighlighting(date, unit, highlighted !== null && highlighted !== void 0 ? highlighted : []);
|
|
@@ -206,27 +200,27 @@ var CalendarAbstract = /* @__PURE__ */ function(_Component2) {
|
|
|
206
200
|
var comparing = resolveSelecting(date, unit, compare !== null && compare !== void 0 ? compare : []);
|
|
207
201
|
var disabled = _disabled.some(includesDate(date, unit));
|
|
208
202
|
return _objectSpread({
|
|
209
|
-
date: formatDDMMYY(date, locale),
|
|
210
|
-
dateKey: this.formatter(date, locale),
|
|
211
|
-
children: "",
|
|
212
|
-
role: "gridcell",
|
|
213
|
-
startSelected: selecting.startSelected,
|
|
214
|
-
endSelected: selecting.endSelected,
|
|
215
|
-
selected: selecting.selected,
|
|
216
|
-
highlighted: highlighting.highlighted,
|
|
217
|
-
startHighlighted: highlighting.startHighlighted,
|
|
218
|
-
endHighlighted: highlighting.endHighlighted,
|
|
219
|
-
compareHighlighted: comparedHighlighting.highlighted || comparing.selected,
|
|
220
|
-
compareStartHighlighted: comparedHighlighting.startHighlighted,
|
|
221
|
-
compareEndHighlighted: comparedHighlighting.endHighlighted,
|
|
222
|
-
compareStart: comparing.startSelected,
|
|
223
|
-
compareEnd: comparing.endSelected,
|
|
203
|
+
"date": formatDDMMYY(date, locale),
|
|
204
|
+
"dateKey": this.formatter(date, locale),
|
|
205
|
+
"children": "",
|
|
206
|
+
"role": "gridcell",
|
|
207
|
+
"startSelected": selecting.startSelected,
|
|
208
|
+
"endSelected": selecting.endSelected,
|
|
209
|
+
"selected": selecting.selected,
|
|
210
|
+
"highlighted": highlighting.highlighted,
|
|
211
|
+
"startHighlighted": highlighting.startHighlighted,
|
|
212
|
+
"endHighlighted": highlighting.endHighlighted,
|
|
213
|
+
"compareHighlighted": comparedHighlighting.highlighted || comparing.selected,
|
|
214
|
+
"compareStartHighlighted": comparedHighlighting.startHighlighted,
|
|
215
|
+
"compareEndHighlighted": comparedHighlighting.endHighlighted,
|
|
216
|
+
"compareStart": comparing.startSelected,
|
|
217
|
+
"compareEnd": comparing.endSelected,
|
|
224
218
|
"aria-selected": selecting.selected,
|
|
225
219
|
"aria-disabled": disabled,
|
|
226
220
|
"aria-current": highlighting.highlighted ? "date" : void 0,
|
|
227
221
|
disabled,
|
|
228
|
-
today: date.isSame(self.today, unit),
|
|
229
|
-
onClick: function onClick() {
|
|
222
|
+
"today": date.isSame(self.today, unit),
|
|
223
|
+
"onClick": function onClick() {
|
|
230
224
|
var _this2$asProps = _this2.asProps, range3 = _this2$asProps.range, _highlighted = _this2$asProps.highlighted;
|
|
231
225
|
var highlighted2 = [date.valueOf()];
|
|
232
226
|
if (_highlighted.length === 1) {
|
|
@@ -241,7 +235,7 @@ var CalendarAbstract = /* @__PURE__ */ function(_Component2) {
|
|
|
241
235
|
}
|
|
242
236
|
fire(_this2, "onChange", date.toDate());
|
|
243
237
|
},
|
|
244
|
-
onMouseEnter: function onMouseEnter() {
|
|
238
|
+
"onMouseEnter": function onMouseEnter() {
|
|
245
239
|
var _this2$asProps2 = _this2.asProps, range3 = _this2$asProps2.range, _highlighted = _this2$asProps2.highlighted;
|
|
246
240
|
var value2 = range3 === "compare" ? _this2.asProps.compare : _this2.asProps.value;
|
|
247
241
|
if (_highlighted[0] || (value2 !== null && value2 !== void 0 ? value2 : []).length === 1) {
|
|
@@ -258,14 +252,14 @@ var CalendarAbstract = /* @__PURE__ */ function(_Component2) {
|
|
|
258
252
|
}
|
|
259
253
|
}, {
|
|
260
254
|
key: "getUnitProps",
|
|
261
|
-
value: function getUnitProps(
|
|
262
|
-
var dateKey =
|
|
255
|
+
value: function getUnitProps(_ref13, index) {
|
|
256
|
+
var dateKey = _ref13.dateKey;
|
|
263
257
|
var inRow = 7;
|
|
264
258
|
var unitRefs = this.asProps.unitRefs;
|
|
265
259
|
return {
|
|
266
260
|
"aria-colindex": index % inRow + 1,
|
|
267
261
|
"aria-rowindex": Math.floor(index / inRow) + 1,
|
|
268
|
-
ref: function ref(node) {
|
|
262
|
+
"ref": function ref(node) {
|
|
269
263
|
if (!dateKey) return;
|
|
270
264
|
unitRefs[dateKey] = node;
|
|
271
265
|
}
|
|
@@ -321,29 +315,26 @@ var CalendarAbstract = /* @__PURE__ */ function(_Component2) {
|
|
|
321
315
|
return description;
|
|
322
316
|
}
|
|
323
317
|
}]);
|
|
324
|
-
|
|
325
|
-
}(Component);
|
|
318
|
+
})(Component);
|
|
326
319
|
_defineProperty(CalendarAbstract, "style", style);
|
|
327
|
-
function CalendarUnit(
|
|
320
|
+
function CalendarUnit(_ref14) {
|
|
328
321
|
var _ref3 = arguments[0], _ref8;
|
|
329
|
-
var styles =
|
|
322
|
+
var styles = _ref14.styles, date = _ref14.date, _long2 = _ref14["long"], outdated = _ref14.outdated, disabled = _ref14.disabled, highlighted = _ref14.highlighted;
|
|
330
323
|
var SCalendarUnit = Box;
|
|
331
|
-
return _ref8 = sstyled
|
|
324
|
+
return _ref8 = sstyled(styles), /* @__PURE__ */ React.createElement(SCalendarUnit, _ref8.cn("SCalendarUnit", _objectSpread({}, assignProps({
|
|
332
325
|
"use:disabled": disabled || outdated || !date,
|
|
333
326
|
"aria-hidden": !date,
|
|
334
327
|
"aria-label": _long2 || date,
|
|
335
328
|
"use:tabIndex": highlighted ? 0 : -1
|
|
336
329
|
}, _ref3))));
|
|
337
330
|
}
|
|
338
|
-
|
|
339
|
-
var CalendarDaysRoot = /* @__PURE__ */ function(_CalendarAbstract) {
|
|
340
|
-
_inherits(CalendarDaysRoot2, _CalendarAbstract);
|
|
341
|
-
var _super3 = _createSuper(CalendarDaysRoot2);
|
|
331
|
+
var CalendarDaysRoot = /* @__PURE__ */ (function(_CalendarAbstract2) {
|
|
342
332
|
function CalendarDaysRoot2() {
|
|
343
333
|
_classCallCheck(this, CalendarDaysRoot2);
|
|
344
|
-
return
|
|
334
|
+
return _callSuper(this, CalendarDaysRoot2, arguments);
|
|
345
335
|
}
|
|
346
|
-
|
|
336
|
+
_inherits(CalendarDaysRoot2, _CalendarAbstract2);
|
|
337
|
+
return _createClass(CalendarDaysRoot2, [{
|
|
347
338
|
key: "getDaysByMonth",
|
|
348
339
|
value: function getDaysByMonth() {
|
|
349
340
|
var _this4 = this;
|
|
@@ -407,7 +398,7 @@ var CalendarDaysRoot = /* @__PURE__ */ function(_CalendarAbstract) {
|
|
|
407
398
|
var SGridDays = "div";
|
|
408
399
|
var _this$asProps5 = this.asProps, Children = _this$asProps5.Children, styles = _this$asProps5.styles, locale = _this$asProps5.locale;
|
|
409
400
|
var description = this.describeValue();
|
|
410
|
-
return _ref9 = sstyled
|
|
401
|
+
return _ref9 = sstyled(styles), /* @__PURE__ */ React.createElement(SCalendar, _ref9.cn("SCalendar", _objectSpread({}, assignProps(_objectSpread({}, this.getRootProps()), _ref4))), /* @__PURE__ */ React.createElement(CalendarWeekDays, _ref9.cn("CalendarWeekDays", {
|
|
411
402
|
"locale": locale,
|
|
412
403
|
"role": "row"
|
|
413
404
|
})), /* @__PURE__ */ React.createElement(SGridDays, _ref9.cn("SGridDays", {
|
|
@@ -421,16 +412,15 @@ var CalendarDaysRoot = /* @__PURE__ */ function(_CalendarAbstract) {
|
|
|
421
412
|
}), description)));
|
|
422
413
|
}
|
|
423
414
|
}]);
|
|
424
|
-
|
|
425
|
-
}(CalendarAbstract);
|
|
415
|
+
})(CalendarAbstract);
|
|
426
416
|
_defineProperty(CalendarDaysRoot, "displayName", "CalendarDays");
|
|
427
417
|
_defineProperty(CalendarDaysRoot, "defaultProps", {
|
|
428
418
|
displayedPeriod: new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)),
|
|
429
419
|
disabled: [],
|
|
430
420
|
value: [],
|
|
431
421
|
locale: "en",
|
|
432
|
-
children: function children2(
|
|
433
|
-
var days =
|
|
422
|
+
children: function children2(_ref16) {
|
|
423
|
+
var days = _ref16.days;
|
|
434
424
|
return days.map(function(data, i) {
|
|
435
425
|
return /* @__PURE__ */ React.createElement(CalendarDays.Unit, _extends({
|
|
436
426
|
key: i
|
|
@@ -438,20 +428,19 @@ _defineProperty(CalendarDaysRoot, "defaultProps", {
|
|
|
438
428
|
});
|
|
439
429
|
}
|
|
440
430
|
});
|
|
441
|
-
var CalendarMonthsRoot = /* @__PURE__ */ function(
|
|
442
|
-
_inherits(CalendarMonthsRoot2, _CalendarAbstract2);
|
|
443
|
-
var _super4 = _createSuper(CalendarMonthsRoot2);
|
|
431
|
+
var CalendarMonthsRoot = /* @__PURE__ */ (function(_CalendarAbstract3) {
|
|
444
432
|
function CalendarMonthsRoot2() {
|
|
445
433
|
var _this5;
|
|
446
434
|
_classCallCheck(this, CalendarMonthsRoot2);
|
|
447
435
|
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
448
436
|
args[_key2] = arguments[_key2];
|
|
449
437
|
}
|
|
450
|
-
_this5 =
|
|
451
|
-
_defineProperty(
|
|
438
|
+
_this5 = _callSuper(this, CalendarMonthsRoot2, [].concat(args));
|
|
439
|
+
_defineProperty(_this5, "formatter", formatMMYY);
|
|
452
440
|
return _this5;
|
|
453
441
|
}
|
|
454
|
-
|
|
442
|
+
_inherits(CalendarMonthsRoot2, _CalendarAbstract3);
|
|
443
|
+
return _createClass(CalendarMonthsRoot2, [{
|
|
455
444
|
key: "getMonthsByYear",
|
|
456
445
|
value: function getMonthsByYear() {
|
|
457
446
|
var _this6 = this;
|
|
@@ -482,29 +471,28 @@ var CalendarMonthsRoot = /* @__PURE__ */ function(_CalendarAbstract2) {
|
|
|
482
471
|
}, {
|
|
483
472
|
key: "render",
|
|
484
473
|
value: function render() {
|
|
485
|
-
var _ref5 = this.asProps,
|
|
474
|
+
var _ref5 = this.asProps, _ref0;
|
|
486
475
|
var SCalendar = Box;
|
|
487
476
|
var SGridMonths = "div";
|
|
488
477
|
var _this$asProps7 = this.asProps, Children = _this$asProps7.Children, styles = _this$asProps7.styles;
|
|
489
478
|
var description = this.describeValue();
|
|
490
|
-
return
|
|
479
|
+
return _ref0 = sstyled(styles), /* @__PURE__ */ React.createElement(SCalendar, _ref0.cn("SCalendar", _objectSpread({}, assignProps(_objectSpread({}, this.getRootProps()), _ref5))), /* @__PURE__ */ React.createElement(SGridMonths, _ref0.cn("SGridMonths", {
|
|
491
480
|
"onMouseLeave": this.handleMouseLeave,
|
|
492
481
|
"role": "row"
|
|
493
|
-
}), /* @__PURE__ */ React.createElement(Children,
|
|
482
|
+
}), /* @__PURE__ */ React.createElement(Children, _ref0.cn("Children", {}))), /* @__PURE__ */ React.createElement(ScreenReaderOnly, _ref0.cn("ScreenReaderOnly", {
|
|
494
483
|
"role": "row"
|
|
495
|
-
}), /* @__PURE__ */ React.createElement("span",
|
|
484
|
+
}), /* @__PURE__ */ React.createElement("span", _ref0.cn("span", {
|
|
496
485
|
"aria-live": "polite",
|
|
497
486
|
"role": "gridcell"
|
|
498
487
|
}), description)));
|
|
499
488
|
}
|
|
500
489
|
}]);
|
|
501
|
-
|
|
502
|
-
}(CalendarAbstract);
|
|
490
|
+
})(CalendarAbstract);
|
|
503
491
|
_defineProperty(CalendarMonthsRoot, "displayName", "CalendarMonths");
|
|
504
492
|
_defineProperty(CalendarMonthsRoot, "defaultProps", {
|
|
505
493
|
locale: "en",
|
|
506
|
-
children: function children3(
|
|
507
|
-
var months =
|
|
494
|
+
children: function children3(_ref17) {
|
|
495
|
+
var months = _ref17.months;
|
|
508
496
|
return months.map(function(data, i) {
|
|
509
497
|
return /* @__PURE__ */ React.createElement(CalendarMonths.Unit, _extends({
|
|
510
498
|
key: i
|