@ironsource/shared-ui 2.1.6-test.10 → 2.1.6-test.12
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/CalendarMonthV4.vue_vue_type_style_index_0_scoped_b0d3ea50_lang.css +1 -0
- package/DatePickerV4.vue_vue_type_style_index_0_scoped_be93e5a9_lang.css +1 -0
- package/DateRangeV4.vue_vue_type_style_index_0_scoped_f6d9f41d_lang.css +1 -0
- package/components/datePicker/v4/DatePickerV4.vue.js +2 -2
- package/components/datePicker/v4/DatePickerV4.vue2.js +40 -40
- package/components/dateRange/common/DateServices.common.d.ts +1 -0
- package/components/dateRange/common/DateServices.common.js +82 -79
- package/components/dateRange/v4/CalendarMonthV4.vue.js +2 -2
- package/components/dateRange/v4/CalendarMonthV4.vue2.js +74 -75
- package/components/dateRange/v4/DateRangeV4.vue.js +2 -2
- package/components/dateRange/v4/DateRangeV4.vue2.js +206 -195
- package/package.json +1 -1
- package/CalendarMonthV4.vue_vue_type_style_index_0_scoped_a80364bd_lang.css +0 -1
- package/DatePickerV4.vue_vue_type_style_index_0_scoped_a5757773_lang.css +0 -1
- package/DateRangeV4.vue_vue_type_style_index_0_scoped_590bb1db_lang.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.label[data-v-b0d3ea50]{color:#41454d}.days-wrapper .date-wrapper[data-v-b0d3ea50]{position:relative;width:32px;height:32px;display:inline-block;text-align:center;margin-bottom:4px;line-height:21px;box-sizing:border-box}.days-wrapper .date-wrapper.start-day-wrapper[data-v-b0d3ea50]{background:var(--primary-light, #cee7fe);border-radius:100% 0% 0% 100%}.days-wrapper .date-wrapper.end-day-wrapper[data-v-b0d3ea50]{background:var(--primary-light, #cee7fe);border-radius:0% 100% 100% 0%}.days-wrapper .date-wrapper.start-day-wrapper.end-day-wrapper[data-v-b0d3ea50]{background-color:transparent!important}.days-wrapper .date-wrapper.start-day-wrapper.end-day-wrapper[data-v-b0d3ea50]:before{content:"";display:block;position:absolute;background:var(--primary-main, #0091ff);width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:var(--borderRadius-full, 100px);z-index:-1}.days-wrapper .day[data-v-b0d3ea50]{position:relative;width:32px;height:32px;display:inline-block;text-align:center;padding:5px;margin-bottom:4px;line-height:21px;box-sizing:border-box;cursor:pointer;color:var(--text-Primary, #202020)}.days-wrapper .day[data-v-b0d3ea50]:not(.non-day):not(.disabled-day):not(.selected-day):hover:not(.selected-day-between):before{content:"";display:block;position:absolute;background:var(--primary-main50p, rgba(0, 145, 255, .5));width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:var(--borderRadius-full, 100px);z-index:-1}.days-wrapper .day.today[data-v-b0d3ea50]:after{content:"";background:var(--primary-main, #0091ff);position:absolute;text-align:center;width:4px;height:4px;border-radius:var(--borderRadius-full, 100px);bottom:4px;left:50%;margin-left:-2px}.days-wrapper .day.today.selected-day[data-v-b0d3ea50]:after,.days-wrapper .day.today.selected-day-between[data-v-b0d3ea50]:after{background:#ffffff}.days-wrapper .day.start-day[data-v-b0d3ea50]{border-radius:100px 0 0 100px}.days-wrapper .day.end-day[data-v-b0d3ea50]{border-radius:0 100px 100px 0}.days-wrapper .day.start-day.end-day[data-v-b0d3ea50]{background-color:transparent!important}.days-wrapper .day.start-day.end-day[data-v-b0d3ea50]:before{content:"";display:block;position:absolute;background:var(--primary-main, #0091ff);width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:var(--borderRadius-full, 100px);z-index:-1}.days-wrapper .day.selected-day-between[data-v-b0d3ea50]{color:#53575b;background:var(--primary-light, #cee7fe)}.days-wrapper .day.selected-day-between[data-v-b0d3ea50]:hover{background-color:var(--primary-main50p, rgba(0, 145, 255, .5));color:#696a6b}.days-wrapper .day.selected-day[data-v-b0d3ea50]{background:var(--primary-main, #0091ff)!important;border-radius:var(--borderRadius-full, 100px);color:var(--common-white, #fff)}.days-wrapper .day.selected-day[data-v-b0d3ea50]:hover{color:var(--common-white, #fff)}.days-wrapper .day.disabled-day[data-v-b0d3ea50]{color:var(--text-disabled, #bbb);cursor:default;background:transparent}.days-wrapper .day.non-day[data-v-b0d3ea50]{color:transparent;cursor:default;background:transparent}.calendar-month[data-v-b0d3ea50]{user-select:none;box-sizing:unset;padding:0;overflow:hidden;position:relative;width:224px;margin:auto}.calendar-month .days-header span[data-v-b0d3ea50]{width:32px;display:inline-block;display:inline-flex;text-align:center;height:32px;justify-content:center;align-items:center}.calendar-month .month-header[data-v-b0d3ea50]{display:flex;height:var(--spacing-500, 40px);padding:8px 0;align-items:center;gap:8px;align-self:stretch;text-align:center;flex-direction:column}.calendar-month .month-header .month-name[data-v-b0d3ea50]{color:var(--text-primary, #202020)}.calendar-month .week-day[data-v-b0d3ea50]{color:var(--text-secondary, #646464);text-align:center}.calendar-month .next[data-v-b0d3ea50]{right:1px;cursor:pointer;position:absolute;z-index:16}.calendar-month .next[data-v-b0d3ea50],.calendar-month .previous[data-v-b0d3ea50]{transform:translateY(8px)}.calendar-month .previous[data-v-b0d3ea50]{left:1px;cursor:pointer;position:absolute;z-index:16}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.label[data-v-be93e5a9]{color:#41454d}.date-picker[data-v-be93e5a9]{position:relative}.date-picker .input[data-v-be93e5a9]{max-width:100%}.date-picker-popup[data-v-be93e5a9]{width:256px;padding:16px;position:absolute;top:33px;left:0;z-index:1000!important;border-radius:8px;border:1px solid var(--common-divider, #e4e4e4);background:var(--background-modelElevation, #fff);box-shadow:0 12px 16px -4px #10182814}.date-picker-popup.align-right[data-v-be93e5a9]{left:inherit;right:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.label[data-v-f6d9f41d]{color:#41454d}.pop-up[data-v-f6d9f41d]{width:668px;position:absolute;z-index:1000;top:32px;left:1px;overflow:hidden;border-radius:8px;border:1px solid var(--common-divider, #e4e4e4);background:var(--background-modelElevation, #fff);box-shadow:0 12px 16px -4px #10182814}.pop-up.open-on-top[data-v-f6d9f41d]{top:0}.pop-up.hide-presets[data-v-f6d9f41d],.pop-up.hide-presets .calendar-wrap[data-v-f6d9f41d]{width:520px}.pop-up.hide-presets .date-picker-calendar[data-v-f6d9f41d]{padding:15px 16px}.pop-up .date-picker-menu[data-v-f6d9f41d]{width:164px;background:#ffffff;vertical-align:top;border-right:1px solid var(--common-divider-elevation-0, #e4e4e4);background:var(--background-paper, #fcfcfc)}.pop-up .date-picker-menu .preset-element[data-v-f6d9f41d]{padding-left:8px;height:32px;border-radius:8px;color:var(--text-primary, #202020);line-height:32px}.pop-up .date-picker-menu .preset-element[data-v-f6d9f41d]:hover{background:var(--action-hover, rgba(0, 0, 0, .05))}.pop-up .date-picker-menu .selected-preset[data-v-f6d9f41d]{border-radius:8px;background:var(--action-selected, #ebebeb)}.pop-up .date-picker-menu li[data-v-f6d9f41d]{cursor:pointer;margin-bottom:2px}.pop-up .left-box[data-v-f6d9f41d]{left:-1px}.pop-up .date-picker-calendar[data-v-f6d9f41d]{box-sizing:border-box;height:100%;padding:16px;display:grid;grid-template-columns:1fr 1fr;grid-gap:24px}.pop-up .calendars-wrapper[data-v-f6d9f41d]{padding-left:6px}.pop-up .preset-dropdown ul[data-v-f6d9f41d]{list-style:none;margin:0;padding:8px;line-height:32px}.pop-up .buttons-cover[data-v-f6d9f41d]{height:52px;position:absolute;bottom:0;width:100%;right:0;box-sizing:border-box;border-top:1px solid var(--common-divider-elevation-0, #e4e4e4);background:var(--background-modelElevation, #fff);align-items:center;display:flex;justify-content:space-between;padding:12px 24px}.pop-up .buttons-cover .text-container[data-v-f6d9f41d]{flex:1;color:var(--text-secondary, #646464)}.pop-up button[data-v-f6d9f41d]{float:right;margin-left:8px}.pop-up .error[data-v-f6d9f41d]{display:none;position:absolute;left:270px;top:22px}.pop-up .inline-block[data-v-f6d9f41d]{display:inline-block}.pop-up.right[data-v-f6d9f41d]{left:initial;right:1px}.calendar-wrap[data-v-f6d9f41d]{width:504px;height:372px;position:relative;border-bottom-right-radius:8px;border-top-right-radius:8px;vertical-align:top}.type-picker[data-v-f6d9f41d]{height:60px;line-height:60px;padding-left:15px;box-shadow:0 1px 3px #0000003b}.range-type[data-v-f6d9f41d]{color:#8e959d;padding-left:15px;padding-right:15px;cursor:pointer}.selected-range-type[data-v-f6d9f41d]{color:#fff;background-color:#3083ff;border-radius:20px;padding:6px 15px;cursor:default}.date-range-field[data-v-f6d9f41d]{display:inline-block;width:100%;height:30px;position:relative;cursor:pointer;border-radius:3px}.date-range-field.selected-item-as-title[data-v-f6d9f41d]{left:0;border:none;background-image:none;max-width:100%;height:22px;color:#3083ff;overflow:visible}.date-range-field.selected-item-as-title .small-triangle[data-v-f6d9f41d]{right:-25px}.date-range-field.selected-item-as-title .small-triangle[data-v-f6d9f41d]:after{border-top-color:currentColor}.date-range-field.selected-item-as-title span[data-v-f6d9f41d]{padding-left:12px}.date-range-field.no-button-limit[data-v-f6d9f41d]{overflow:visible}.date-range-field.no-button-limit span[data-v-f6d9f41d]{width:100%;line-height:22px}.date-range-field span[data-v-f6d9f41d]{line-height:28px;padding-left:15px;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:calc(100% - 26px);white-space:nowrap;position:relative}.date-range-disabled .date-range-field[data-v-f6d9f41d]{cursor:default;color:#8e959d;pointer-events:none}.date-range-disabled .small-triangle[data-v-f6d9f41d]:after{border-top-color:#8e959d}.pop-up-content[data-v-f6d9f41d]{margin-top:1px}.type-message[data-v-f6d9f41d]{color:#8e959d;padding:10px 20px;line-height:1.5}.relative-wrap[data-v-f6d9f41d]{position:relative}.space-right[data-v-f6d9f41d]{margin-right:13px}.space-left[data-v-f6d9f41d]{margin-left:9px}.top-date[data-v-f6d9f41d]{line-height:13px}.flex[data-v-f6d9f41d]{display:flex}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./DatePickerV4.vue2.js";
|
|
2
2
|
/* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../DatePickerV4.
|
|
4
|
-
const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-
|
|
3
|
+
// import "../../../DatePickerV4.vue_vue_type_style_index_0_scoped_be93e5a9_lang.css"; //*');
|
|
4
|
+
const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-be93e5a9"]]);
|
|
5
5
|
export {
|
|
6
6
|
a as default
|
|
7
7
|
};
|
|
@@ -1,10 +1,16 @@
|
|
|
1
|
-
import "../../../DatePickerV4.
|
|
2
|
-
import
|
|
3
|
-
import { DatePickerTestIdModifiers as
|
|
4
|
-
import { dataPickerCommon as
|
|
5
|
-
import
|
|
6
|
-
import "../../
|
|
7
|
-
|
|
1
|
+
import "../../../DatePickerV4.vue_vue_type_style_index_0_scoped_be93e5a9_lang.css"; import { defineComponent as g, openBlock as r, createElementBlock as i, unref as e, createElementVNode as D, renderSlot as v, createVNode as n, normalizeClass as I, createCommentVNode as P } from "vue";
|
|
2
|
+
import y from "./DatePickerMonthV4.vue.js";
|
|
3
|
+
import { DatePickerTestIdModifiers as u } from "../../../testids/index.js";
|
|
4
|
+
import { dataPickerCommon as h } from "../common/DatePicker.common.js";
|
|
5
|
+
import "../../dropdown/v4/DropdownV4.vue.js";
|
|
6
|
+
import "../../dropdown/v4/DefaultDropdownTrigger.vue.js";
|
|
7
|
+
import "../../dropdown/v4/IconButtonDropdownTrigger.vue.js";
|
|
8
|
+
import "../../dropdown/v4/ChipDropdownTrigger.vue.js";
|
|
9
|
+
import "../../dropdown/v4/AppDropdownTrigger.vue.js";
|
|
10
|
+
import "../../dropdown/v4/ButtonDropdownTrigger.vue.js";
|
|
11
|
+
import w from "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
|
|
12
|
+
import "../../dropdown/v4/OptionV4.vue.js";
|
|
13
|
+
const $ = ["id", "data-testid"], z = /* @__PURE__ */ g({
|
|
8
14
|
__name: "DatePickerV4",
|
|
9
15
|
props: {
|
|
10
16
|
uniqueId: { default: Date.now() },
|
|
@@ -15,59 +21,53 @@ const N = ["id", "data-testid"], b = /* @__PURE__ */ D({
|
|
|
15
21
|
testId: { default: "" }
|
|
16
22
|
},
|
|
17
23
|
emits: ["update:modelValue"],
|
|
18
|
-
setup(t, { emit:
|
|
19
|
-
const
|
|
20
|
-
toggle:
|
|
21
|
-
updateValue:
|
|
22
|
-
isOpen:
|
|
23
|
-
componentId:
|
|
24
|
+
setup(t, { emit: m }) {
|
|
25
|
+
const s = t, {
|
|
26
|
+
toggle: p,
|
|
27
|
+
updateValue: f,
|
|
28
|
+
isOpen: a,
|
|
29
|
+
componentId: o,
|
|
24
30
|
formattedValue: d,
|
|
25
|
-
nearTheEdge:
|
|
31
|
+
nearTheEdge: c,
|
|
26
32
|
valueAsDate: k
|
|
27
|
-
} =
|
|
28
|
-
return (V,
|
|
29
|
-
id: e(
|
|
33
|
+
} = h(s, m);
|
|
34
|
+
return (V, l) => (r(), i("div", {
|
|
35
|
+
id: e(o),
|
|
30
36
|
ref: "datePicker",
|
|
31
37
|
class: "date-picker",
|
|
32
|
-
"data-testid": `${t.testId}-${e(
|
|
38
|
+
"data-testid": `${t.testId}-${e(u).WRAPPER}`
|
|
33
39
|
}, [
|
|
34
|
-
|
|
40
|
+
D("div", {
|
|
35
41
|
ref: "buttonRef",
|
|
36
|
-
onClick:
|
|
42
|
+
onClick: l[0] || (l[0] = (C) => e(p)())
|
|
37
43
|
}, [
|
|
38
|
-
|
|
39
|
-
|
|
44
|
+
v(V.$slots, "default", { formattedDate: e(d) }, () => [
|
|
45
|
+
n(e(w), {
|
|
46
|
+
label: e(d),
|
|
40
47
|
"start-icon-name": "calendar-blank",
|
|
41
|
-
"end-icon-name": "caret-down",
|
|
42
|
-
color: "default",
|
|
43
48
|
variant: "outlined",
|
|
44
49
|
style: { marginRight: "10px" },
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
},
|
|
48
|
-
default: v(() => [
|
|
49
|
-
y(I(e(d)), 1)
|
|
50
|
-
]),
|
|
51
|
-
_: 1
|
|
52
|
-
}, 8, ["content", "data-testid"])
|
|
50
|
+
"test-id": `${t.testId}-${e(u).INPUT}`,
|
|
51
|
+
open: e(a)
|
|
52
|
+
}, null, 8, ["label", "test-id", "open"])
|
|
53
53
|
], !0)
|
|
54
54
|
], 512),
|
|
55
|
-
e(
|
|
55
|
+
e(a) ? (r(), i("div", {
|
|
56
56
|
key: 0,
|
|
57
57
|
ref: "popup",
|
|
58
|
-
class:
|
|
58
|
+
class: I(["date-picker-popup", { "align-right": e(c) }])
|
|
59
59
|
}, [
|
|
60
|
-
|
|
61
|
-
id: e(
|
|
60
|
+
n(y, {
|
|
61
|
+
id: e(o) + "-month",
|
|
62
62
|
"model-value": e(k),
|
|
63
63
|
"allow-future-dates": t.allowFutureDates,
|
|
64
64
|
"test-id": t.testId,
|
|
65
|
-
"onUpdate:modelValue": e(
|
|
65
|
+
"onUpdate:modelValue": e(f)
|
|
66
66
|
}, null, 8, ["id", "model-value", "allow-future-dates", "test-id", "onUpdate:modelValue"])
|
|
67
|
-
], 2)) :
|
|
68
|
-
], 8,
|
|
67
|
+
], 2)) : P("", !0)
|
|
68
|
+
], 8, $));
|
|
69
69
|
}
|
|
70
70
|
});
|
|
71
71
|
export {
|
|
72
|
-
|
|
72
|
+
z as default
|
|
73
73
|
};
|
|
@@ -29,22 +29,22 @@ class c {
|
|
|
29
29
|
let a = new Date(n);
|
|
30
30
|
const r = a.getDay(), s = a.getDate() + (6 - r);
|
|
31
31
|
a.setDate(s);
|
|
32
|
-
const
|
|
33
|
-
return a >
|
|
32
|
+
const t = this.getCurrentTimeUTC();
|
|
33
|
+
return a > t && (a = t), a;
|
|
34
34
|
}
|
|
35
35
|
getLastDayOfMonth(n) {
|
|
36
36
|
const a = this.getCurrentTimeUTC();
|
|
37
37
|
let r = new Date(n.getFullYear(), n.getMonth() + 1, 0);
|
|
38
38
|
return r > a && (r = a), r;
|
|
39
39
|
}
|
|
40
|
-
createMonth(n, a, r = !0,
|
|
40
|
+
createMonth(n, a, r = !0, e = !0) {
|
|
41
41
|
const s = {
|
|
42
42
|
weeks: [],
|
|
43
43
|
days: {},
|
|
44
44
|
month: n,
|
|
45
45
|
year: a
|
|
46
46
|
};
|
|
47
|
-
let
|
|
47
|
+
let t, o;
|
|
48
48
|
const T = new Date(a, n, 1).getDay();
|
|
49
49
|
let D = 1;
|
|
50
50
|
const i = /* @__PURE__ */ new Date();
|
|
@@ -53,187 +53,190 @@ class c {
|
|
|
53
53
|
for (let d = 0; d < 6; d++) {
|
|
54
54
|
o = [];
|
|
55
55
|
for (let f = 0; f < 7; f++)
|
|
56
|
-
|
|
57
|
-
s.weeks.push(o);
|
|
56
|
+
t = {}, d === 0 && T > 0 && f < T && (t.value = 0), D > g && (t.value = 0), !t.value && t.value !== 0 && (t.value = D, D += 1, s.days[t.value] = t, t.date = new Date(a, n, t.value), i < t.date && e ? t.isFuture = !0 : t.date.getTime() === i.getTime() && (t.isToday = !0, r || (t.disabled = !0))), o.push(t);
|
|
57
|
+
this.isWeekEmpty(o) || s.weeks.push(o);
|
|
58
58
|
}
|
|
59
59
|
return s;
|
|
60
60
|
}
|
|
61
|
+
isWeekEmpty(n) {
|
|
62
|
+
return n.every((a) => !a.value);
|
|
63
|
+
}
|
|
61
64
|
// eslint-disable-next-line class-methods-use-this
|
|
62
65
|
getPresetsFunctions(n = !0) {
|
|
63
66
|
const a = n, r = this;
|
|
64
67
|
return {
|
|
65
68
|
today: {
|
|
66
69
|
dates() {
|
|
67
|
-
const
|
|
68
|
-
return (
|
|
70
|
+
const e = {};
|
|
71
|
+
return (e.from = r.getCurrentTimeUTC()).setHours(0, 0, 0, 0), (e.to = new Date(e.from)).setHours(23, 59, 59, 0), e;
|
|
69
72
|
}
|
|
70
73
|
},
|
|
71
74
|
yesterday: {
|
|
72
75
|
dates() {
|
|
73
|
-
const
|
|
74
|
-
return
|
|
76
|
+
const e = {};
|
|
77
|
+
return e.from = new Date(
|
|
75
78
|
r.getCurrentTimeUTC() - 24 * 3600 * 1e3
|
|
76
|
-
), (
|
|
79
|
+
), (e.to = new Date(e.from)).setHours(23, 59, 59, 0), e;
|
|
77
80
|
}
|
|
78
81
|
},
|
|
79
82
|
last7days: {
|
|
80
83
|
dates() {
|
|
81
|
-
const
|
|
82
|
-
let s = 0,
|
|
83
|
-
return a || (s = 24 * 3600 * 1e3,
|
|
84
|
-
r.getCurrentTimeUTC() -
|
|
85
|
-
),
|
|
84
|
+
const e = {};
|
|
85
|
+
let s = 0, t = 6 * 24 * 3600 * 1e3;
|
|
86
|
+
return a || (s = 24 * 3600 * 1e3, t = 7 * 24 * 3600 * 1e3), e.from = new Date(
|
|
87
|
+
r.getCurrentTimeUTC() - t
|
|
88
|
+
), e.to = new Date(
|
|
86
89
|
r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - s
|
|
87
|
-
),
|
|
90
|
+
), e;
|
|
88
91
|
}
|
|
89
92
|
},
|
|
90
93
|
last14days: {
|
|
91
94
|
dates() {
|
|
92
|
-
const
|
|
93
|
-
let s = 0,
|
|
94
|
-
return a || (s = 24 * 3600 * 1e3,
|
|
95
|
-
r.getCurrentTimeUTC() -
|
|
96
|
-
),
|
|
95
|
+
const e = {};
|
|
96
|
+
let s = 0, t = 13 * 24 * 3600 * 1e3;
|
|
97
|
+
return a || (s = 24 * 3600 * 1e3, t = 14 * 24 * 3600 * 1e3), e.from = new Date(
|
|
98
|
+
r.getCurrentTimeUTC() - t
|
|
99
|
+
), e.to = new Date(
|
|
97
100
|
r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - s
|
|
98
|
-
),
|
|
101
|
+
), e;
|
|
99
102
|
}
|
|
100
103
|
},
|
|
101
104
|
last30days: {
|
|
102
105
|
dates() {
|
|
103
|
-
const
|
|
104
|
-
let s = 0,
|
|
105
|
-
return a || (s = 24 * 3600 * 1e3,
|
|
106
|
-
r.getCurrentTimeUTC() -
|
|
107
|
-
),
|
|
106
|
+
const e = {};
|
|
107
|
+
let s = 0, t = 29 * 24 * 3600 * 1e3;
|
|
108
|
+
return a || (s = 24 * 3600 * 1e3, t = 30 * 24 * 3600 * 1e3), e.from = new Date(
|
|
109
|
+
r.getCurrentTimeUTC() - t
|
|
110
|
+
), e.to = new Date(
|
|
108
111
|
r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - s
|
|
109
|
-
),
|
|
112
|
+
), e;
|
|
110
113
|
}
|
|
111
114
|
},
|
|
112
115
|
last31days: {
|
|
113
116
|
dates() {
|
|
114
|
-
const
|
|
115
|
-
let s = 0,
|
|
116
|
-
return a || (s = 24 * 3600 * 1e3,
|
|
117
|
-
r.getCurrentTimeUTC() -
|
|
118
|
-
),
|
|
117
|
+
const e = {};
|
|
118
|
+
let s = 0, t = 30 * 24 * 3600 * 1e3;
|
|
119
|
+
return a || (s = 24 * 3600 * 1e3, t = 31 * 24 * 3600 * 1e3), e.from = new Date(
|
|
120
|
+
r.getCurrentTimeUTC() - t
|
|
121
|
+
), e.to = new Date(
|
|
119
122
|
r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - s
|
|
120
|
-
),
|
|
123
|
+
), e;
|
|
121
124
|
}
|
|
122
125
|
},
|
|
123
126
|
last60days: {
|
|
124
127
|
dates() {
|
|
125
|
-
const
|
|
126
|
-
let s = 0,
|
|
127
|
-
return a || (s = 24 * 3600 * 1e3,
|
|
128
|
-
r.getCurrentTimeUTC() -
|
|
129
|
-
),
|
|
128
|
+
const e = {};
|
|
129
|
+
let s = 0, t = 59 * 24 * 3600 * 1e3;
|
|
130
|
+
return a || (s = 24 * 3600 * 1e3, t = 60 * 24 * 3600 * 1e3), e.from = new Date(
|
|
131
|
+
r.getCurrentTimeUTC() - t
|
|
132
|
+
), e.to = new Date(
|
|
130
133
|
r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - s
|
|
131
|
-
),
|
|
134
|
+
), e;
|
|
132
135
|
}
|
|
133
136
|
},
|
|
134
137
|
last90days: {
|
|
135
138
|
dates() {
|
|
136
|
-
const
|
|
137
|
-
let s = 0,
|
|
138
|
-
return a || (s = 24 * 3600 * 1e3,
|
|
139
|
-
r.getCurrentTimeUTC() -
|
|
140
|
-
),
|
|
139
|
+
const e = {};
|
|
140
|
+
let s = 0, t = 89 * 24 * 3600 * 1e3;
|
|
141
|
+
return a || (s = 24 * 3600 * 1e3, t = 90 * 24 * 3600 * 1e3), e.from = new Date(
|
|
142
|
+
r.getCurrentTimeUTC() - t
|
|
143
|
+
), e.to = new Date(
|
|
141
144
|
r.getCurrentTimeUTC().setHours(23, 59, 59, 0) - s
|
|
142
|
-
),
|
|
145
|
+
), e;
|
|
143
146
|
}
|
|
144
147
|
},
|
|
145
148
|
thisMonth: {
|
|
146
149
|
dates() {
|
|
147
|
-
const
|
|
150
|
+
const e = {}, s = /* @__PURE__ */ new Date(), t = new Date(s.getFullYear(), s.getMonth(), 1);
|
|
148
151
|
if (a)
|
|
149
|
-
(
|
|
152
|
+
(e.to = r.getCurrentTimeUTC()).setHours(0, 0, 0, 0);
|
|
150
153
|
else {
|
|
151
154
|
const o = new Date(
|
|
152
155
|
r.getCurrentTimeUTC().setHours(0, 0, 0, 0) - 864e5
|
|
153
156
|
);
|
|
154
|
-
o <
|
|
157
|
+
o < t ? e.to = t : e.to = o;
|
|
155
158
|
}
|
|
156
|
-
return
|
|
159
|
+
return e.from = t, e;
|
|
157
160
|
}
|
|
158
161
|
},
|
|
159
162
|
lastMonth: {
|
|
160
163
|
dates() {
|
|
161
|
-
const
|
|
162
|
-
return
|
|
164
|
+
const e = {}, s = /* @__PURE__ */ new Date();
|
|
165
|
+
return e.from = new Date(s.getFullYear(), s.getMonth() - 1, 1), e.to = new Date(s.getFullYear(), s.getMonth(), 0), e;
|
|
163
166
|
}
|
|
164
167
|
},
|
|
165
168
|
last4weeks: {
|
|
166
169
|
dates() {
|
|
167
|
-
const
|
|
168
|
-
return
|
|
169
|
-
|
|
170
|
-
),
|
|
170
|
+
const e = {}, s = r.getCurrentTimeUTC(), t = r.getFirstDayOfWeek(s);
|
|
171
|
+
return e.from = new Date(
|
|
172
|
+
t.setDate(t.getDate() - u * 3)
|
|
173
|
+
), e.to = new Date(s.setHours(23, 59, 59, 0)), e;
|
|
171
174
|
}
|
|
172
175
|
},
|
|
173
176
|
last12weeks: {
|
|
174
177
|
dates() {
|
|
175
|
-
const
|
|
176
|
-
return
|
|
177
|
-
|
|
178
|
-
),
|
|
178
|
+
const e = {}, s = r.getCurrentTimeUTC(), t = r.getFirstDayOfWeek(s);
|
|
179
|
+
return e.from = new Date(
|
|
180
|
+
t.setDate(t.getDate() - u * 11)
|
|
181
|
+
), e.to = new Date(s.setHours(23, 59, 59, 0)), e;
|
|
179
182
|
}
|
|
180
183
|
},
|
|
181
184
|
last26weeks: {
|
|
182
185
|
dates() {
|
|
183
|
-
const
|
|
184
|
-
return
|
|
185
|
-
|
|
186
|
-
),
|
|
186
|
+
const e = {}, s = r.getCurrentTimeUTC(), t = r.getFirstDayOfWeek(s);
|
|
187
|
+
return e.from = new Date(
|
|
188
|
+
t.setDate(t.getDate() - u * 25)
|
|
189
|
+
), e.to = new Date(s.setHours(23, 59, 59, 0)), e;
|
|
187
190
|
}
|
|
188
191
|
},
|
|
189
192
|
last52weeks: {
|
|
190
193
|
dates() {
|
|
191
|
-
const
|
|
192
|
-
return
|
|
193
|
-
|
|
194
|
-
),
|
|
194
|
+
const e = {}, s = r.getCurrentTimeUTC(), t = r.getFirstDayOfWeek(s);
|
|
195
|
+
return e.from = new Date(
|
|
196
|
+
t.setDate(t.getDate() - u * 51)
|
|
197
|
+
), e.to = new Date(s.setHours(23, 59, 59, 0)), e;
|
|
195
198
|
}
|
|
196
199
|
},
|
|
197
200
|
last3months: {
|
|
198
201
|
dates() {
|
|
199
|
-
const
|
|
200
|
-
return (
|
|
202
|
+
const e = {}, s = r.getCurrentTimeUTC(), t = new Date(s.getFullYear(), s.getMonth() - 2, 1);
|
|
203
|
+
return (e.to = r.getCurrentTimeUTC()).setHours(0, 0, 0, 0), e.from = t, e;
|
|
201
204
|
}
|
|
202
205
|
},
|
|
203
206
|
last6months: {
|
|
204
207
|
dates() {
|
|
205
|
-
const
|
|
206
|
-
return (
|
|
208
|
+
const e = {}, s = r.getCurrentTimeUTC(), t = new Date(s.getFullYear(), s.getMonth() - 5, 1);
|
|
209
|
+
return (e.to = r.getCurrentTimeUTC()).setHours(0, 0, 0, 0), e.from = t, e;
|
|
207
210
|
}
|
|
208
211
|
},
|
|
209
212
|
last12months: {
|
|
210
213
|
dates() {
|
|
211
|
-
const
|
|
214
|
+
const e = {}, s = r.getCurrentTimeUTC(), t = new Date(
|
|
212
215
|
s.getFullYear(),
|
|
213
216
|
s.getMonth() - 11,
|
|
214
217
|
1
|
|
215
218
|
);
|
|
216
|
-
return (
|
|
219
|
+
return (e.to = r.getCurrentTimeUTC()).setHours(0, 0, 0, 0), e.from = t, e;
|
|
217
220
|
}
|
|
218
221
|
},
|
|
219
222
|
last24months: {
|
|
220
223
|
dates() {
|
|
221
|
-
const
|
|
224
|
+
const e = {}, s = r.getCurrentTimeUTC(), t = new Date(
|
|
222
225
|
s.getFullYear(),
|
|
223
226
|
s.getMonth() - 23,
|
|
224
227
|
1
|
|
225
228
|
);
|
|
226
|
-
return (
|
|
229
|
+
return (e.to = r.getCurrentTimeUTC()).setHours(0, 0, 0, 0), e.from = t, e;
|
|
227
230
|
}
|
|
228
231
|
},
|
|
229
232
|
last36months: {
|
|
230
233
|
dates() {
|
|
231
|
-
const
|
|
234
|
+
const e = {}, s = r.getCurrentTimeUTC(), t = new Date(
|
|
232
235
|
s.getFullYear(),
|
|
233
236
|
s.getMonth() - 35,
|
|
234
237
|
1
|
|
235
238
|
);
|
|
236
|
-
return (
|
|
239
|
+
return (e.to = r.getCurrentTimeUTC()).setHours(0, 0, 0, 0), e.from = t, e;
|
|
237
240
|
}
|
|
238
241
|
}
|
|
239
242
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./CalendarMonthV4.vue2.js";
|
|
2
2
|
/* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../CalendarMonthV4.
|
|
4
|
-
const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-
|
|
3
|
+
// import "../../../CalendarMonthV4.vue_vue_type_style_index_0_scoped_b0d3ea50_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b0d3ea50"]]);
|
|
5
5
|
export {
|
|
6
6
|
s as default
|
|
7
7
|
};
|
|
@@ -1,13 +1,11 @@
|
|
|
1
|
-
import "../../../CalendarMonthV4.
|
|
2
|
-
import { navigatePrev as
|
|
3
|
-
import "../../typography/Heading.vue.js";
|
|
4
|
-
import N from "../../typography/Text.vue.js";
|
|
1
|
+
import "../../../CalendarMonthV4.vue_vue_type_style_index_0_scoped_b0d3ea50_lang.css"; import { defineComponent as V, openBlock as n, createElementBlock as l, unref as t, createElementVNode as i, createBlock as c, createCommentVNode as D, createVNode as E, withCtx as m, createTextVNode as v, toDisplayString as o, Fragment as $, renderList as f, normalizeClass as C } from "vue";
|
|
2
|
+
import { navigatePrev as I, navigateNext as N } from "../common/consts.common.js";
|
|
5
3
|
import { calendarMonthCommon as B } from "../common/CalendarMonth.common.js";
|
|
6
4
|
import "../../button/v4/ButtonV4.vue.js";
|
|
7
|
-
import
|
|
8
|
-
import
|
|
5
|
+
import A from "../../button/v4/IconButtonV4.vue.js";
|
|
6
|
+
import y from "../../typography/v4/Typography.vue.js";
|
|
9
7
|
import { CalendarMonthTestIdModifiers as d } from "../../../testids/index.js";
|
|
10
|
-
const
|
|
8
|
+
const H = ["id", "data-testid"], S = ["data-testid"], z = ["data-testid"], F = ["data-testid"], J = /* @__PURE__ */ V({
|
|
11
9
|
__name: "CalendarMonthV4",
|
|
12
10
|
props: {
|
|
13
11
|
year: null,
|
|
@@ -23,111 +21,112 @@ const S = ["id", "data-testid"], b = ["data-testid"], F = ["data-testid"], O = [
|
|
|
23
21
|
testId: { default: "" }
|
|
24
22
|
},
|
|
25
23
|
emits: ["selectionChanged", "navigation"],
|
|
26
|
-
setup(
|
|
27
|
-
const
|
|
28
|
-
isEndDay:
|
|
24
|
+
setup(e, { emit: T }) {
|
|
25
|
+
const M = e, {
|
|
26
|
+
isEndDay: k,
|
|
29
27
|
isStartDay: g,
|
|
30
28
|
navigate: h,
|
|
31
|
-
selectDay:
|
|
32
|
-
monthName:
|
|
33
|
-
dayNames:
|
|
34
|
-
selectedDaysMap:
|
|
35
|
-
inBetweenMap:
|
|
36
|
-
} = B(
|
|
37
|
-
return (
|
|
38
|
-
id: "datepickerCalendar" +
|
|
29
|
+
selectDay: R,
|
|
30
|
+
monthName: p,
|
|
31
|
+
dayNames: x,
|
|
32
|
+
selectedDaysMap: w,
|
|
33
|
+
inBetweenMap: b
|
|
34
|
+
} = B(M, T);
|
|
35
|
+
return (O, r) => (n(), l("div", {
|
|
36
|
+
id: "datepickerCalendar" + e.id,
|
|
39
37
|
class: "calendar-month",
|
|
40
|
-
"data-testid": `${
|
|
38
|
+
"data-testid": `${e.testId}-${t(d).WRAPPER}`
|
|
41
39
|
}, [
|
|
42
|
-
|
|
43
|
-
onClick: r[0] || (r[0] = (
|
|
40
|
+
i("span", {
|
|
41
|
+
onClick: r[0] || (r[0] = (s) => t(h)(t(I)))
|
|
44
42
|
}, [
|
|
45
|
-
|
|
43
|
+
e.navigation === t(I) || e.navigation === "all" ? (n(), c(t(A), {
|
|
46
44
|
key: 0,
|
|
47
|
-
size: "
|
|
45
|
+
size: "small",
|
|
48
46
|
class: "previous",
|
|
49
|
-
"data-testid": `${
|
|
47
|
+
"data-testid": `${e.testId}-${t(d).PREVIOUS}`,
|
|
50
48
|
"icon-name": "caret-left"
|
|
51
49
|
}, null, 8, ["data-testid"])) : D("", !0)
|
|
52
50
|
]),
|
|
53
|
-
|
|
54
|
-
onClick: r[1] || (r[1] = (
|
|
51
|
+
i("span", {
|
|
52
|
+
onClick: r[1] || (r[1] = (s) => t(h)(t(N)))
|
|
55
53
|
}, [
|
|
56
|
-
|
|
54
|
+
e.navigation === t(N) || e.navigation === "all" ? (n(), c(t(A), {
|
|
57
55
|
key: 0,
|
|
58
56
|
class: "next",
|
|
59
|
-
size: "
|
|
57
|
+
size: "small",
|
|
60
58
|
"icon-name": "caret-right",
|
|
61
|
-
"data-testid": `${
|
|
59
|
+
"data-testid": `${e.testId}-${t(d).NEXT}`
|
|
62
60
|
}, null, 8, ["data-testid"])) : D("", !0)
|
|
63
61
|
]),
|
|
64
|
-
|
|
62
|
+
i("div", {
|
|
65
63
|
class: "month-header",
|
|
66
|
-
"data-testid": `${
|
|
64
|
+
"data-testid": `${e.testId}-${t(d).MONTH_HEADER}`
|
|
67
65
|
}, [
|
|
68
|
-
E(
|
|
69
|
-
variant: "
|
|
70
|
-
"
|
|
66
|
+
E(t(y), {
|
|
67
|
+
variant: "button",
|
|
68
|
+
class: "month-name",
|
|
69
|
+
"test-id": `${e.testId}-${t(d).MONTH_HEADER_TEXT}`
|
|
71
70
|
}, {
|
|
72
|
-
default:
|
|
73
|
-
v(o(
|
|
71
|
+
default: m(() => [
|
|
72
|
+
v(o(t(p)) + " " + o(e.year), 1)
|
|
74
73
|
]),
|
|
75
74
|
_: 1
|
|
76
|
-
}, 8, ["test-id"])
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
75
|
+
}, 8, ["test-id"])
|
|
76
|
+
], 8, S),
|
|
77
|
+
i("div", {
|
|
78
|
+
class: "days-header",
|
|
79
|
+
"data-testid": `${e.testId}-${t(d).DAYS_HEADER}`
|
|
80
|
+
}, [
|
|
81
|
+
(n(!0), l($, null, f(t(x), (s, u) => (n(), c(t(y), {
|
|
82
|
+
key: u,
|
|
83
|
+
variant: "caption",
|
|
84
|
+
class: "week-day"
|
|
85
|
+
}, {
|
|
86
|
+
default: m(() => [
|
|
87
|
+
v(o(s), 1)
|
|
88
|
+
]),
|
|
89
|
+
_: 2
|
|
90
|
+
}, 1024))), 128))
|
|
91
|
+
], 8, z),
|
|
92
|
+
i("div", {
|
|
93
93
|
class: "days-wrapper",
|
|
94
|
-
"data-testid": `${
|
|
94
|
+
"data-testid": `${e.testId}-${t(d).DAYS_WRAPPER}`
|
|
95
95
|
}, [
|
|
96
|
-
(n(!0),
|
|
97
|
-
(n(!0),
|
|
98
|
-
key:
|
|
99
|
-
class:
|
|
100
|
-
"selected-day-wrapper":
|
|
101
|
-
"start-day-wrapper":
|
|
102
|
-
"end-day-wrapper":
|
|
96
|
+
(n(!0), l($, null, f(e.weeks, (s, u) => (n(), l("div", { key: u }, [
|
|
97
|
+
(n(!0), l($, null, f(s, (a, P) => (n(), l("span", {
|
|
98
|
+
key: P,
|
|
99
|
+
class: C(["date-wrapper", {
|
|
100
|
+
"selected-day-wrapper": t(w)[a.value],
|
|
101
|
+
"start-day-wrapper": t(g)(a),
|
|
102
|
+
"end-day-wrapper": t(k)(a)
|
|
103
103
|
}])
|
|
104
104
|
}, [
|
|
105
|
-
E(
|
|
106
|
-
class:
|
|
107
|
-
"selected-day":
|
|
108
|
-
"selected-day-between":
|
|
105
|
+
E(t(y), {
|
|
106
|
+
class: C(["day", {
|
|
107
|
+
"selected-day": t(w)[a.value],
|
|
108
|
+
"selected-day-between": t(b)[a.value],
|
|
109
109
|
today: a.isToday,
|
|
110
110
|
"disabled-day": a.isFuture || a.disabled,
|
|
111
111
|
"non-day": a.value === 0,
|
|
112
|
-
"start-day":
|
|
113
|
-
"end-day":
|
|
112
|
+
"start-day": t(g)(a),
|
|
113
|
+
"end-day": t(k)(a)
|
|
114
114
|
}]),
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
onClick: (W) => a.disabled || a.isFuture || e(p)(a)
|
|
115
|
+
variant: "body1",
|
|
116
|
+
"data-testid": `${e.testId}-${t(d).DAY}-${a.value}`,
|
|
117
|
+
onClick: (Y) => a.disabled || a.isFuture || t(R)(a)
|
|
119
118
|
}, {
|
|
120
|
-
default:
|
|
119
|
+
default: m(() => [
|
|
121
120
|
v(o(a.value), 1)
|
|
122
121
|
]),
|
|
123
122
|
_: 2
|
|
124
123
|
}, 1032, ["class", "data-testid", "onClick"])
|
|
125
124
|
], 2))), 128))
|
|
126
125
|
]))), 128))
|
|
127
|
-
], 8,
|
|
128
|
-
], 8,
|
|
126
|
+
], 8, F)
|
|
127
|
+
], 8, H));
|
|
129
128
|
}
|
|
130
129
|
});
|
|
131
130
|
export {
|
|
132
|
-
|
|
131
|
+
J as default
|
|
133
132
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./DateRangeV4.vue2.js";
|
|
2
2
|
/* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../DateRangeV4.
|
|
4
|
-
const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-
|
|
3
|
+
// import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_f6d9f41d_lang.css"; //*');
|
|
4
|
+
const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f6d9f41d"]]);
|
|
5
5
|
export {
|
|
6
6
|
a as default
|
|
7
7
|
};
|
|
@@ -1,15 +1,23 @@
|
|
|
1
|
-
import "../../../DateRangeV4.
|
|
2
|
-
import
|
|
3
|
-
import { typeToName as
|
|
4
|
-
import
|
|
1
|
+
import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_f6d9f41d_lang.css"; import { defineComponent as J, openBlock as n, createElementBlock as i, unref as e, normalizeClass as r, createElementVNode as d, renderSlot as N, createVNode as s, withDirectives as v, Fragment as k, renderList as C, withCtx as l, createTextVNode as m, toDisplayString as g, createCommentVNode as P, vShow as $, normalizeStyle as Q, setBlockTracking as x } from "vue";
|
|
2
|
+
import X from "./CalendarMonthV4.vue.js";
|
|
3
|
+
import { typeToName as Z, messagePerType as _ } from "../common/consts.common.js";
|
|
4
|
+
import R from "../../button/v4/ButtonV4.vue.js";
|
|
5
5
|
import "../../button/v4/IconButtonV4.vue.js";
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
|
|
6
|
+
import "../../dropdown/v4/DropdownV4.vue.js";
|
|
7
|
+
import "../../dropdown/v4/DefaultDropdownTrigger.vue.js";
|
|
8
|
+
import "../../dropdown/v4/IconButtonDropdownTrigger.vue.js";
|
|
9
|
+
import "../../dropdown/v4/ChipDropdownTrigger.vue.js";
|
|
10
|
+
import "../../dropdown/v4/AppDropdownTrigger.vue.js";
|
|
11
|
+
import "../../dropdown/v4/ButtonDropdownTrigger.vue.js";
|
|
12
|
+
import ee from "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
|
|
13
|
+
import "../../dropdown/v4/OptionV4.vue.js";
|
|
14
|
+
import { DateRangeTestIdModifiers as o, DatePickerTestIdModifiers as te } from "../../../testids/index.js";
|
|
15
|
+
import { dateRangeCommon as ae } from "../common/DateRange.common.js";
|
|
16
|
+
import p from "../../typography/v4/Typography.vue.js";
|
|
17
|
+
const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid"], se = {
|
|
10
18
|
key: 0,
|
|
11
19
|
class: "type-picker"
|
|
12
|
-
}, oe = ["onClick"],
|
|
20
|
+
}, oe = ["onClick"], le = ["data-testid"], re = ["id"], ue = ["id"], ce = ["onClick"], me = { class: "dropdown-rightTriangle" }, pe = ["data-testid"], ye = { class: "date-picker-calendar left-box" }, ge = { class: "buttons-cover" }, fe = { class: "range" }, he = { class: "text-container" }, Me = /* @__PURE__ */ J({
|
|
13
21
|
__name: "DateRangeV4",
|
|
14
22
|
props: {
|
|
15
23
|
range: null,
|
|
@@ -38,214 +46,217 @@ const se = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
|
|
|
38
46
|
],
|
|
39
47
|
setup(t, { emit: E }) {
|
|
40
48
|
const A = t, {
|
|
41
|
-
datePicker:
|
|
42
|
-
datePickerId:
|
|
49
|
+
datePicker: B,
|
|
50
|
+
datePickerId: M,
|
|
43
51
|
getMaxAllowedDate: S,
|
|
44
|
-
selectedPreset:
|
|
52
|
+
selectedPreset: I,
|
|
45
53
|
displayError: q,
|
|
46
|
-
rangeType:
|
|
54
|
+
rangeType: f,
|
|
47
55
|
selectedRange: O,
|
|
48
|
-
placement:
|
|
49
|
-
currentDate:
|
|
50
|
-
error:
|
|
51
|
-
presets:
|
|
52
|
-
isOpen:
|
|
56
|
+
placement: L,
|
|
57
|
+
currentDate: w,
|
|
58
|
+
error: V,
|
|
59
|
+
presets: z,
|
|
60
|
+
isOpen: h,
|
|
53
61
|
popup: U,
|
|
54
|
-
currentMonths:
|
|
62
|
+
currentMonths: y,
|
|
55
63
|
displayedMonthsKeys: T,
|
|
56
|
-
changeType:
|
|
57
|
-
presetChanged:
|
|
64
|
+
changeType: F,
|
|
65
|
+
presetChanged: G,
|
|
58
66
|
apply: K,
|
|
59
67
|
getNavigation: W,
|
|
60
68
|
navigationCallback: Y,
|
|
61
69
|
selectionChanged: j,
|
|
62
|
-
toggle:
|
|
70
|
+
toggle: b,
|
|
63
71
|
isCompact: H
|
|
64
|
-
} =
|
|
65
|
-
return (
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
72
|
+
} = ae(A, E);
|
|
73
|
+
return (D, u) => (n(), i("div", {
|
|
74
|
+
id: e(M),
|
|
75
|
+
ref_key: "datePicker",
|
|
76
|
+
ref: B,
|
|
77
|
+
class: r(["relative-wrap", { "date-range-disabled": t.disabled }]),
|
|
78
|
+
"data-testid": `${t.testId}-${e(o).WRAPPER}`
|
|
79
|
+
}, [
|
|
80
|
+
d("div", {
|
|
81
|
+
class: "date-range-field",
|
|
82
|
+
"data-testid": `${t.testId}-${e(o).TRIGGER}`,
|
|
83
|
+
onClick: u[0] || (u[0] = (a) => e(b)())
|
|
73
84
|
}, [
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
85
|
+
N(D.$slots, "field", {
|
|
86
|
+
currentDate: e(w),
|
|
87
|
+
isOpen: e(h)
|
|
88
|
+
}, () => [
|
|
89
|
+
s(e(ee), {
|
|
90
|
+
label: e(w),
|
|
91
|
+
"start-icon-name": "calendar-blank",
|
|
92
|
+
variant: "outlined",
|
|
93
|
+
style: { marginRight: "10px" },
|
|
94
|
+
"test-id": `${t.testId}-${e(te).INPUT}`,
|
|
95
|
+
open: e(h)
|
|
96
|
+
}, null, 8, ["label", "test-id", "open"])
|
|
97
|
+
], !0)
|
|
98
|
+
], 8, ne),
|
|
99
|
+
v(d("div", {
|
|
100
|
+
id: "datepickerPopup" + t.uniqueId,
|
|
101
|
+
ref_key: "popup",
|
|
102
|
+
ref: U,
|
|
103
|
+
class: r(["pop-up", [
|
|
104
|
+
e(L),
|
|
105
|
+
t.openOnTop ? "open-on-top" : "",
|
|
106
|
+
t.showPresets ? "" : "hide-presets"
|
|
107
|
+
]]),
|
|
108
|
+
"data-testid": `${t.testId}-${e(o).CONTAINER}`
|
|
109
|
+
}, [
|
|
110
|
+
t.types.length > 1 ? (n(), i("div", se, [
|
|
111
|
+
(n(!0), i(k, null, C(t.types, (a) => (n(), i("span", {
|
|
112
|
+
key: a,
|
|
113
|
+
class: r(["range-type", { "selected-range-type": e(f) === a }]),
|
|
114
|
+
onClick: (c) => e(F)(a, !0)
|
|
115
|
+
}, [
|
|
116
|
+
s(e(p), { variant: "h1" }, {
|
|
117
|
+
default: l(() => [
|
|
118
|
+
m(g(e(Z)[a]), 1)
|
|
93
119
|
]),
|
|
94
|
-
_:
|
|
95
|
-
},
|
|
96
|
-
],
|
|
97
|
-
]
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
ref_key: "popup",
|
|
101
|
-
ref: U,
|
|
102
|
-
class: o(["pop-up", [
|
|
103
|
-
e(z),
|
|
104
|
-
t.openOnTop ? "open-on-top" : "",
|
|
105
|
-
t.showPresets ? "" : "hide-presets"
|
|
106
|
-
]]),
|
|
107
|
-
"data-testid": `${t.testId}-${e(i).CONTAINER}`
|
|
120
|
+
_: 2
|
|
121
|
+
}, 1024)
|
|
122
|
+
], 10, oe))), 128))
|
|
123
|
+
])) : P("", !0),
|
|
124
|
+
d("div", {
|
|
125
|
+
class: r(["flex", { "pop-up-content": t.types.length > 1 }])
|
|
108
126
|
}, [
|
|
109
|
-
t.
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
onClick: (m) => e(G)(a, !0)
|
|
114
|
-
}, [
|
|
115
|
-
l(J, { size: "sm" }, {
|
|
116
|
-
default: r(() => [
|
|
117
|
-
c(y(e(ee)[a]), 1)
|
|
118
|
-
]),
|
|
119
|
-
_: 2
|
|
120
|
-
}, 1024)
|
|
121
|
-
], 10, oe))), 128))
|
|
122
|
-
])) : x("", !0),
|
|
123
|
-
d("div", {
|
|
124
|
-
class: o(["flex", { "pop-up-content": t.types.length > 1 }])
|
|
127
|
+
t.showPresets ? (n(), i("div", {
|
|
128
|
+
key: 0,
|
|
129
|
+
class: "date-picker-menu",
|
|
130
|
+
"data-testid": `${t.testId}-${e(o).MENU}`
|
|
125
131
|
}, [
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
class: "
|
|
129
|
-
"data-testid": `${t.testId}-${e(i).MENU}`
|
|
132
|
+
d("div", {
|
|
133
|
+
id: "presets" + t.uniqueId,
|
|
134
|
+
class: "preset-dropdown"
|
|
130
135
|
}, [
|
|
131
|
-
d("
|
|
132
|
-
id: "
|
|
133
|
-
class: "preset-dropdown"
|
|
136
|
+
d("ul", {
|
|
137
|
+
id: "customDropDownList" + t.uniqueId
|
|
134
138
|
}, [
|
|
135
|
-
|
|
136
|
-
|
|
139
|
+
(n(!0), i(k, null, C(e(z), (a) => (n(), i("li", {
|
|
140
|
+
key: a.id,
|
|
141
|
+
class: r({
|
|
142
|
+
"selected-preset-container": e(I) === a.id
|
|
143
|
+
})
|
|
137
144
|
}, [
|
|
138
|
-
(
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
"selected-preset-container": e($) === a.id
|
|
142
|
-
})
|
|
145
|
+
d("div", {
|
|
146
|
+
class: r([{ "selected-preset": e(I) === a.id }, "preset-element"]),
|
|
147
|
+
onClick: (c) => e(G)(a)
|
|
143
148
|
}, [
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
}, [
|
|
148
|
-
l(e(R), {
|
|
149
|
-
size: "xs",
|
|
150
|
-
"data-testid": `${t.testId}-${e(i).MENU}-${a.id}`
|
|
151
|
-
}, {
|
|
152
|
-
default: r(() => [
|
|
153
|
-
c(y(a.name), 1)
|
|
154
|
-
]),
|
|
155
|
-
_: 2
|
|
156
|
-
}, 1032, ["data-testid"])
|
|
157
|
-
], 10, me),
|
|
158
|
-
f(d("div", ye, null, 512), [
|
|
159
|
-
[k, a.id === "custom"]
|
|
160
|
-
])
|
|
161
|
-
], 2))), 128))
|
|
162
|
-
], 8, ue)
|
|
163
|
-
], 8, ce),
|
|
164
|
-
d("div", {
|
|
165
|
-
class: "type-message",
|
|
166
|
-
"data-testid": `${t.testId}-${e(i).MESSAGE}`
|
|
167
|
-
}, y(e(te)[e(p)]), 9, ge)
|
|
168
|
-
], 8, re)) : x("", !0),
|
|
169
|
-
d("div", {
|
|
170
|
-
class: "calendar-wrap",
|
|
171
|
-
style: Z({ height: e(H) ? "336px" : "372px" })
|
|
172
|
-
}, [
|
|
173
|
-
d("div", pe, [
|
|
174
|
-
(s(!0), n(h, null, v(e(T), (a, m) => (s(), n("div", { key: a }, [
|
|
175
|
-
l(_, {
|
|
176
|
-
id: t.uniqueId,
|
|
177
|
-
navigation: e(W)(
|
|
178
|
-
m === 0,
|
|
179
|
-
m === e(T).length - 1
|
|
180
|
-
),
|
|
181
|
-
year: e(g)[a].parsedMonth.year,
|
|
182
|
-
days: e(g)[a].parsedMonth.days,
|
|
183
|
-
weeks: e(g)[a].parsedMonth.weeks,
|
|
184
|
-
month: e(g)[a].parsedMonth.month,
|
|
185
|
-
range: e(O),
|
|
186
|
-
type: e(p),
|
|
187
|
-
"allowed-days": t.allowedDays,
|
|
188
|
-
"max-allowed-date": e(S),
|
|
189
|
-
"test-id": `${t.testId}-${m}`,
|
|
190
|
-
onSelectionChanged: e(j),
|
|
191
|
-
onNavigation: e(Y)
|
|
192
|
-
}, null, 8, ["id", "navigation", "year", "days", "weeks", "month", "range", "type", "allowed-days", "max-allowed-date", "test-id", "onSelectionChanged", "onNavigation"])
|
|
193
|
-
]))), 128)),
|
|
194
|
-
d("div", fe, [
|
|
195
|
-
d("div", he, [
|
|
196
|
-
D(P.$slots, "footer", {}, void 0, !0)
|
|
197
|
-
]),
|
|
198
|
-
d("div", ve, [
|
|
199
|
-
l(e(R), null, {
|
|
200
|
-
default: r(() => [
|
|
201
|
-
c("All dates are in UTC")
|
|
202
|
-
]),
|
|
203
|
-
_: 1
|
|
204
|
-
})
|
|
205
|
-
]),
|
|
206
|
-
f(d("div", { class: "error" }, y(e(L)), 513), [
|
|
207
|
-
[k, e(q)]
|
|
208
|
-
]),
|
|
209
|
-
u[1] || (b(-1), u[1] = d("div", { class: "buttons" }, [
|
|
210
|
-
l(e(C), {
|
|
211
|
-
id: "button-ok" + t.uniqueId,
|
|
212
|
-
size: "small",
|
|
213
|
-
class: "primary button small",
|
|
214
|
-
"data-testid": `${t.testId}-${e(i).ACTION_APPLY}`,
|
|
215
|
-
onClick: (a) => e(K)()
|
|
216
|
-
}, {
|
|
217
|
-
default: r(() => [
|
|
218
|
-
c(" Apply ")
|
|
219
|
-
]),
|
|
220
|
-
_: 1
|
|
221
|
-
}, 8, ["id", "data-testid", "onClick"]),
|
|
222
|
-
l(e(C), {
|
|
223
|
-
id: "button-cancel" + t.uniqueId,
|
|
224
|
-
size: "small",
|
|
225
|
-
theme: "third",
|
|
226
|
-
color: "default",
|
|
227
|
-
variant: "outlined",
|
|
228
|
-
class: "button small border third transparent",
|
|
229
|
-
"data-testid": `${t.testId}-${e(i).ACTION_CANCEL}`,
|
|
230
|
-
onClick: (a) => e(N)()
|
|
149
|
+
s(e(p), {
|
|
150
|
+
variant: "body2",
|
|
151
|
+
"data-testid": `${t.testId}-${e(o).MENU}-${a.id}`
|
|
231
152
|
}, {
|
|
232
|
-
default:
|
|
233
|
-
|
|
153
|
+
default: l(() => [
|
|
154
|
+
m(g(a.name), 1)
|
|
234
155
|
]),
|
|
235
|
-
_:
|
|
236
|
-
},
|
|
237
|
-
]
|
|
238
|
-
|
|
156
|
+
_: 2
|
|
157
|
+
}, 1032, ["data-testid"])
|
|
158
|
+
], 10, ce),
|
|
159
|
+
v(d("div", me, null, 512), [
|
|
160
|
+
[$, a.id === "custom"]
|
|
161
|
+
])
|
|
162
|
+
], 2))), 128))
|
|
163
|
+
], 8, ue)
|
|
164
|
+
], 8, re),
|
|
165
|
+
d("div", {
|
|
166
|
+
class: "type-message",
|
|
167
|
+
"data-testid": `${t.testId}-${e(o).MESSAGE}`
|
|
168
|
+
}, g(e(_)[e(f)]), 9, pe)
|
|
169
|
+
], 8, le)) : P("", !0),
|
|
170
|
+
d("div", {
|
|
171
|
+
class: "calendar-wrap",
|
|
172
|
+
style: Q({ height: e(H) ? "336px" : "372px" })
|
|
173
|
+
}, [
|
|
174
|
+
d("div", ye, [
|
|
175
|
+
(n(!0), i(k, null, C(e(T), (a, c) => (n(), i("div", { key: a }, [
|
|
176
|
+
s(X, {
|
|
177
|
+
id: t.uniqueId,
|
|
178
|
+
navigation: e(W)(
|
|
179
|
+
c === 0,
|
|
180
|
+
c === e(T).length - 1
|
|
181
|
+
),
|
|
182
|
+
year: e(y)[a].parsedMonth.year,
|
|
183
|
+
days: e(y)[a].parsedMonth.days,
|
|
184
|
+
weeks: e(y)[a].parsedMonth.weeks,
|
|
185
|
+
month: e(y)[a].parsedMonth.month,
|
|
186
|
+
range: e(O),
|
|
187
|
+
type: e(f),
|
|
188
|
+
"allowed-days": t.allowedDays,
|
|
189
|
+
"max-allowed-date": e(S),
|
|
190
|
+
"test-id": `${t.testId}-${c}`,
|
|
191
|
+
onSelectionChanged: e(j),
|
|
192
|
+
onNavigation: e(Y)
|
|
193
|
+
}, null, 8, ["id", "navigation", "year", "days", "weeks", "month", "range", "type", "allowed-days", "max-allowed-date", "test-id", "onSelectionChanged", "onNavigation"])
|
|
194
|
+
]))), 128)),
|
|
195
|
+
d("div", ge, [
|
|
196
|
+
d("div", fe, [
|
|
197
|
+
N(D.$slots, "footer", {}, void 0, !0)
|
|
198
|
+
]),
|
|
199
|
+
d("div", he, [
|
|
200
|
+
s(e(p), { variant: "body2" }, {
|
|
201
|
+
default: l(() => [
|
|
202
|
+
m("All dates are in UTC")
|
|
203
|
+
]),
|
|
204
|
+
_: 1
|
|
205
|
+
})
|
|
206
|
+
]),
|
|
207
|
+
v(d("div", { class: "error" }, g(e(V)), 513), [
|
|
208
|
+
[$, e(q)]
|
|
209
|
+
]),
|
|
210
|
+
u[1] || (x(-1), u[1] = d("div", { class: "buttons" }, [
|
|
211
|
+
s(e(R), {
|
|
212
|
+
id: "button-ok" + t.uniqueId,
|
|
213
|
+
size: "medium",
|
|
214
|
+
class: "button",
|
|
215
|
+
color: "primary",
|
|
216
|
+
"data-testid": `${t.testId}-${e(o).ACTION_APPLY}`,
|
|
217
|
+
onClick: (a) => e(K)()
|
|
218
|
+
}, {
|
|
219
|
+
default: l(() => [
|
|
220
|
+
s(e(p), { variant: "button" }, {
|
|
221
|
+
default: l(() => [
|
|
222
|
+
m("Apply")
|
|
223
|
+
]),
|
|
224
|
+
_: 1
|
|
225
|
+
})
|
|
226
|
+
]),
|
|
227
|
+
_: 1
|
|
228
|
+
}, 8, ["id", "data-testid", "onClick"]),
|
|
229
|
+
s(e(R), {
|
|
230
|
+
id: "button-cancel" + t.uniqueId,
|
|
231
|
+
size: "medium",
|
|
232
|
+
theme: "third",
|
|
233
|
+
color: "default",
|
|
234
|
+
variant: "outlined",
|
|
235
|
+
class: "button",
|
|
236
|
+
"data-testid": `${t.testId}-${e(o).ACTION_CANCEL}`,
|
|
237
|
+
onClick: (a) => e(b)()
|
|
238
|
+
}, {
|
|
239
|
+
default: l(() => [
|
|
240
|
+
s(e(p), { variant: "button" }, {
|
|
241
|
+
default: l(() => [
|
|
242
|
+
m(" Cancel ")
|
|
243
|
+
]),
|
|
244
|
+
_: 1
|
|
245
|
+
})
|
|
246
|
+
]),
|
|
247
|
+
_: 1
|
|
248
|
+
}, 8, ["id", "data-testid", "onClick"])
|
|
249
|
+
]), x(1), u[1])
|
|
239
250
|
])
|
|
240
|
-
]
|
|
241
|
-
],
|
|
242
|
-
],
|
|
243
|
-
|
|
244
|
-
]
|
|
245
|
-
]
|
|
246
|
-
|
|
251
|
+
])
|
|
252
|
+
], 4)
|
|
253
|
+
], 2)
|
|
254
|
+
], 10, ie), [
|
|
255
|
+
[$, e(h)]
|
|
256
|
+
])
|
|
257
|
+
], 10, de));
|
|
247
258
|
}
|
|
248
259
|
});
|
|
249
260
|
export {
|
|
250
|
-
|
|
261
|
+
Me as default
|
|
251
262
|
};
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.label[data-v-a80364bd]{color:#41454d}.days-wrapper[data-v-a80364bd]{color:#53575b}.days-wrapper .date-wrapper[data-v-a80364bd]{position:relative;width:32px;height:32px;display:inline-block;text-align:center;margin-bottom:4px;line-height:21px;box-sizing:border-box}.days-wrapper .date-wrapper.start-day-wrapper[data-v-a80364bd]{background:var(--primary-light, #cee7fe);border-radius:100% 0% 0% 100%}.days-wrapper .date-wrapper.end-day-wrapper[data-v-a80364bd]{background:var(--primary-light, #cee7fe);border-radius:0% 100% 100% 0%}.days-wrapper .date-wrapper.start-day-wrapper.end-day-wrapper[data-v-a80364bd]{background-color:transparent!important}.days-wrapper .date-wrapper.start-day-wrapper.end-day-wrapper[data-v-a80364bd]:before{content:"";display:block;position:absolute;background:var(--primary-main, #0091ff);width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:100px;z-index:-1}.days-wrapper .day[data-v-a80364bd]{position:relative;width:32px;height:32px;display:inline-block;text-align:center;padding:5px;margin-bottom:4px;line-height:21px;box-sizing:border-box;cursor:pointer}.days-wrapper .day[data-v-a80364bd]:not(.non-day):not(.disabled-day):not(.selected-day):hover:not(.selected-day-between):before{content:"";display:block;position:absolute;background:var(--primary-main50p, rgba(0, 145, 255, .5));width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:100px;z-index:-1}.days-wrapper .day.today[data-v-a80364bd]:after{content:"";background:#3083ff;position:absolute;text-align:center;width:4px;height:4px;border-radius:100%;bottom:4px;left:50%;margin-left:-2px}.days-wrapper .day.today.selected-day[data-v-a80364bd]:after,.days-wrapper .day.today.selected-day-between[data-v-a80364bd]:after{background:#ffffff}.days-wrapper .day.start-day[data-v-a80364bd]{border-radius:100px 0 0 100px}.days-wrapper .day.end-day[data-v-a80364bd]{border-radius:0 100px 100px 0}.days-wrapper .day.start-day.end-day[data-v-a80364bd]{background-color:transparent!important}.days-wrapper .day.start-day.end-day[data-v-a80364bd]:before{content:"";display:block;position:absolute;background:var(--primary-main, #0091ff);width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:100px;z-index:-1}.days-wrapper .day.selected-day-between[data-v-a80364bd]{color:#53575b;background:var(--primary-light, #cee7fe)}.days-wrapper .day.selected-day-between[data-v-a80364bd]:hover{background-color:var(--primary-main50p, rgba(0, 145, 255, .5));color:#696a6b}.days-wrapper .day.selected-day[data-v-a80364bd]{background:var(--primary-main, #0091ff)!important;border-radius:100%;color:#fff}.days-wrapper .day.selected-day[data-v-a80364bd]:hover{color:#fff}.days-wrapper .day.disabled-day[data-v-a80364bd]{color:#a9afb4;cursor:default;background:transparent}.days-wrapper .day.non-day[data-v-a80364bd]{color:transparent;cursor:default;background:transparent}.calendar-month[data-v-a80364bd]{user-select:none;box-sizing:unset;padding:0;overflow:hidden;position:relative;width:224px;margin:auto}.calendar-month .days-header[data-v-a80364bd]{padding:21px 0 14px;color:#8e959d}.calendar-month .days-header span[data-v-a80364bd]{width:32px;display:inline-block;text-align:center}.calendar-month .month-header[data-v-a80364bd]{padding-top:13px;padding-bottom:3px;text-align:center;color:#53575b}.calendar-month .next[data-v-a80364bd]{right:4px;cursor:pointer;position:absolute;z-index:16}.calendar-month .next[data-v-a80364bd],.calendar-month .previous[data-v-a80364bd]{transform:translateY(8px)}.calendar-month .previous[data-v-a80364bd]{left:4px;cursor:pointer;position:absolute;z-index:16}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.label[data-v-a5757773]{color:#41454d}.date-picker[data-v-a5757773]{position:relative}.date-picker .input[data-v-a5757773]{max-width:100%}.date-picker-popup[data-v-a5757773]{width:252px;padding:16px;position:absolute;top:38px;left:0;z-index:1000!important;background-color:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000004d}.date-picker-popup.align-right[data-v-a5757773]{left:inherit;right:0}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.label[data-v-590bb1db]{color:#41454d}.pop-up[data-v-590bb1db]{width:652px;position:absolute;z-index:1000;top:32px;box-shadow:0 8px 24px -6px #00000029,0 0 1px #0006;background-color:#fff;border-radius:8px;left:1px;overflow:hidden}.pop-up.open-on-top[data-v-590bb1db]{top:0}.pop-up.hide-presets[data-v-590bb1db],.pop-up.hide-presets .calendar-wrap[data-v-590bb1db]{width:494px}.pop-up.hide-presets .date-picker-calendar[data-v-590bb1db]{padding:15px 16px}.pop-up .date-picker-menu[data-v-590bb1db]{width:164px;background:#ffffff;vertical-align:top;border-right:1px solid var(--common-divider-elevation-0, #e4e4e4);background:var(--background-paper, #fcfcfc)}.pop-up .date-picker-menu .preset-element[data-v-590bb1db]{padding-left:8px;height:32px;border-radius:8px;color:#53575b;line-height:32px}.pop-up .date-picker-menu .preset-element[data-v-590bb1db]:hover{background:var(--action-hover, rgba(0, 0, 0, .05))}.pop-up .date-picker-menu .selected-preset[data-v-590bb1db]{border-radius:8px;background:var(--action-selected, #ebebeb)}.pop-up .date-picker-menu li[data-v-590bb1db]{cursor:pointer;margin-bottom:2px}.pop-up .left-box[data-v-590bb1db]{left:-1px}.pop-up .date-picker-calendar[data-v-590bb1db]{box-sizing:border-box;height:100%;padding:15px 0;display:grid;grid-template-columns:1fr 1fr;grid-gap:18px}.pop-up .calendars-wrapper[data-v-590bb1db]{padding-left:6px}.pop-up .preset-dropdown ul[data-v-590bb1db]{list-style:none;margin:0;padding:8px;line-height:32px}.pop-up .buttons-cover[data-v-590bb1db]{height:48px;position:absolute;bottom:0;width:calc(100% + 10px);right:-10px;box-sizing:border-box;border-top:1px solid #dddfe1;align-items:center;display:flex;justify-content:space-between;padding:12px 24px}.pop-up .buttons-cover .text-container[data-v-590bb1db]{flex:1;color:var(--text-secondary, #646464)}.pop-up button[data-v-590bb1db]{float:right;margin-left:4px}.pop-up .error[data-v-590bb1db]{display:none;position:absolute;left:270px;top:22px}.pop-up .inline-block[data-v-590bb1db]{display:inline-block}.pop-up.right[data-v-590bb1db]{left:initial;right:1px}.calendar-wrap[data-v-590bb1db]{width:478px;height:372px;position:relative;border-bottom-right-radius:8px;border-top-right-radius:8px;vertical-align:top}.type-picker[data-v-590bb1db]{height:60px;line-height:60px;padding-left:15px;box-shadow:0 1px 3px #0000003b}.range-type[data-v-590bb1db]{color:#8e959d;padding-left:15px;padding-right:15px;cursor:pointer}.selected-range-type[data-v-590bb1db]{color:#fff;background-color:#3083ff;border-radius:20px;padding:6px 15px;cursor:default}.date-range-field[data-v-590bb1db]{display:inline-block;width:100%;height:30px;position:relative;cursor:pointer;border-radius:3px}.date-range-field.selected-item-as-title[data-v-590bb1db]{left:0;border:none;background-image:none;max-width:100%;height:22px;color:#3083ff;overflow:visible}.date-range-field.selected-item-as-title .small-triangle[data-v-590bb1db]{right:-25px}.date-range-field.selected-item-as-title .small-triangle[data-v-590bb1db]:after{border-top-color:currentColor}.date-range-field.selected-item-as-title span[data-v-590bb1db]{padding-left:12px}.date-range-field.no-button-limit[data-v-590bb1db]{overflow:visible}.date-range-field.no-button-limit span[data-v-590bb1db]{width:100%;line-height:22px}.date-range-field span[data-v-590bb1db]{line-height:28px;padding-left:15px;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:calc(100% - 26px);white-space:nowrap;position:relative}.date-range-disabled .date-range-field[data-v-590bb1db]{cursor:default;color:#8e959d;pointer-events:none}.date-range-disabled .small-triangle[data-v-590bb1db]:after{border-top-color:#8e959d}.pop-up-content[data-v-590bb1db]{margin-top:1px}.type-message[data-v-590bb1db]{color:#8e959d;padding:10px 20px;line-height:1.5}.relative-wrap[data-v-590bb1db]{position:relative}.space-right[data-v-590bb1db]{margin-right:13px}.space-left[data-v-590bb1db]{margin-left:9px}.top-date[data-v-590bb1db]{line-height:13px}.flex[data-v-590bb1db]{display:flex}
|