@ironsource/shared-ui 2.2.0-rc.12 → 2.2.0-rc.13

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.
Files changed (27) hide show
  1. package/CalendarMonth.vue_vue_type_style_index_0_scoped_a44769fd_lang.css +1 -0
  2. package/CalendarMonthV4.vue_vue_type_style_index_0_scoped_6eae923a_lang.css +1 -0
  3. package/DateRange.vue_vue_type_style_index_0_scoped_25d03907_lang.css +1 -0
  4. package/DateRangeV4.vue_vue_type_style_index_0_scoped_f8826716_lang.css +1 -0
  5. package/components/dateRange/common/CalendarMonth.common.js +46 -41
  6. package/components/dateRange/common/DateRange.common.d.ts +1 -0
  7. package/components/dateRange/common/DateRange.common.js +38 -37
  8. package/components/dateRange/v3/CalendarMonth.vue.d.ts +5 -0
  9. package/components/dateRange/v3/CalendarMonth.vue.js +3 -3
  10. package/components/dateRange/v3/CalendarMonth.vue2.js +6 -5
  11. package/components/dateRange/v3/DateRange.vue.d.ts +5 -0
  12. package/components/dateRange/v3/DateRange.vue.js +2 -2
  13. package/components/dateRange/v3/DateRange.vue2.js +2 -1
  14. package/components/dateRange/v3/index.d.ts +20 -1
  15. package/components/dateRange/v4/CalendarMonthV4.vue.d.ts +5 -0
  16. package/components/dateRange/v4/CalendarMonthV4.vue.js +4 -4
  17. package/components/dateRange/v4/CalendarMonthV4.vue2.js +12 -11
  18. package/components/dateRange/v4/DateRangeV4.vue.d.ts +5 -0
  19. package/components/dateRange/v4/DateRangeV4.vue.js +3 -3
  20. package/components/dateRange/v4/DateRangeV4.vue2.js +104 -101
  21. package/components/dateRange/v4/index.d.ts +20 -1
  22. package/index.d.ts +40 -2
  23. package/package.json +1 -1
  24. package/CalendarMonth.vue_vue_type_style_index_0_scoped_acd3440c_lang.css +0 -1
  25. package/CalendarMonthV4.vue_vue_type_style_index_0_scoped_b0d3ea50_lang.css +0 -1
  26. package/DateRange.vue_vue_type_style_index_0_scoped_70e316e9_lang.css +0 -1
  27. package/DateRangeV4.vue_vue_type_style_index_0_scoped_a849128a_lang.css +0 -1
package/index.d.ts CHANGED
@@ -568,6 +568,7 @@ declare const _default: {
568
568
  openOnTop: boolean;
569
569
  showPresets: boolean;
570
570
  maxDate: Date;
571
+ minDate: Date;
571
572
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
572
573
  testId: {
573
574
  type: import("vue").PropType<string>;
@@ -635,6 +636,10 @@ declare const _default: {
635
636
  type: import("vue").PropType<Date>;
636
637
  default: any;
637
638
  };
639
+ minDate: {
640
+ type: import("vue").PropType<Date>;
641
+ default: any;
642
+ };
638
643
  }>> & {
639
644
  onOpened?: (...args: any[]) => any;
640
645
  onRangeTypeChanged?: (...args: any[]) => any;
@@ -642,7 +647,7 @@ declare const _default: {
642
647
  onRangeChanged?: (...args: any[]) => any;
643
648
  onDateRangePresetNameChanged?: (...args: any[]) => any;
644
649
  onDismissed?: (...args: any[]) => any;
645
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "allowedDays" | "uniqueId" | "includeToday" | "dateFormat" | "types" | "maxDaysInRange" | "datePresetList" | "regex" | "initialType" | "openOnTop" | "showPresets" | "maxDate">;
650
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "allowedDays" | "uniqueId" | "includeToday" | "dateFormat" | "types" | "maxDaysInRange" | "datePresetList" | "regex" | "initialType" | "openOnTop" | "showPresets" | "maxDate" | "minDate">;
646
651
  $attrs: {
647
652
  [x: string]: unknown;
648
653
  };
@@ -723,6 +728,10 @@ declare const _default: {
723
728
  type: import("vue").PropType<Date>;
724
729
  default: any;
725
730
  };
731
+ minDate: {
732
+ type: import("vue").PropType<Date>;
733
+ default: any;
734
+ };
726
735
  }>> & {
727
736
  onOpened?: (...args: any[]) => any;
728
737
  onRangeTypeChanged?: (...args: any[]) => any;
@@ -752,6 +761,7 @@ declare const _default: {
752
761
  openOnTop: boolean;
753
762
  showPresets: boolean;
754
763
  maxDate: Date;
764
+ minDate: Date;
755
765
  }, {}, string> & {
756
766
  beforeCreate?: (() => void) | (() => void)[];
757
767
  created?: (() => void) | (() => void)[];
@@ -839,6 +849,10 @@ declare const _default: {
839
849
  type: import("vue").PropType<Date>;
840
850
  default: any;
841
851
  };
852
+ minDate: {
853
+ type: import("vue").PropType<Date>;
854
+ default: any;
855
+ };
842
856
  }>> & {
843
857
  onOpened?: (...args: any[]) => any;
844
858
  onRangeTypeChanged?: (...args: any[]) => any;
@@ -917,6 +931,10 @@ declare const _default: {
917
931
  type: import("vue").PropType<Date>;
918
932
  default: any;
919
933
  };
934
+ minDate: {
935
+ type: import("vue").PropType<Date>;
936
+ default: any;
937
+ };
920
938
  }>> & {
921
939
  onOpened?: (...args: any[]) => any;
922
940
  onRangeTypeChanged?: (...args: any[]) => any;
@@ -946,6 +964,7 @@ declare const _default: {
946
964
  openOnTop: boolean;
947
965
  showPresets: boolean;
948
966
  maxDate: Date;
967
+ minDate: Date;
949
968
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
950
969
  $slots: {
951
970
  field?(_: {
@@ -974,6 +993,7 @@ declare const _default: {
974
993
  openOnTop: boolean;
975
994
  showPresets: boolean;
976
995
  maxDate: Date;
996
+ minDate: Date;
977
997
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
978
998
  testId: {
979
999
  type: import("vue").PropType<string>;
@@ -1041,6 +1061,10 @@ declare const _default: {
1041
1061
  type: import("vue").PropType<Date>;
1042
1062
  default: any;
1043
1063
  };
1064
+ minDate: {
1065
+ type: import("vue").PropType<Date>;
1066
+ default: any;
1067
+ };
1044
1068
  }>> & {
1045
1069
  onOpened?: (...args: any[]) => any;
1046
1070
  onRangeTypeChanged?: (...args: any[]) => any;
@@ -1048,7 +1072,7 @@ declare const _default: {
1048
1072
  onRangeChanged?: (...args: any[]) => any;
1049
1073
  onDateRangePresetNameChanged?: (...args: any[]) => any;
1050
1074
  onDismissed?: (...args: any[]) => any;
1051
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "allowedDays" | "uniqueId" | "includeToday" | "dateFormat" | "types" | "maxDaysInRange" | "datePresetList" | "regex" | "initialType" | "openOnTop" | "showPresets" | "maxDate">;
1075
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "allowedDays" | "uniqueId" | "includeToday" | "dateFormat" | "types" | "maxDaysInRange" | "datePresetList" | "regex" | "initialType" | "openOnTop" | "showPresets" | "maxDate" | "minDate">;
1052
1076
  $attrs: {
1053
1077
  [x: string]: unknown;
1054
1078
  };
@@ -1129,6 +1153,10 @@ declare const _default: {
1129
1153
  type: import("vue").PropType<Date>;
1130
1154
  default: any;
1131
1155
  };
1156
+ minDate: {
1157
+ type: import("vue").PropType<Date>;
1158
+ default: any;
1159
+ };
1132
1160
  }>> & {
1133
1161
  onOpened?: (...args: any[]) => any;
1134
1162
  onRangeTypeChanged?: (...args: any[]) => any;
@@ -1158,6 +1186,7 @@ declare const _default: {
1158
1186
  openOnTop: boolean;
1159
1187
  showPresets: boolean;
1160
1188
  maxDate: Date;
1189
+ minDate: Date;
1161
1190
  }, {}, string> & {
1162
1191
  beforeCreate?: (() => void) | (() => void)[];
1163
1192
  created?: (() => void) | (() => void)[];
@@ -1245,6 +1274,10 @@ declare const _default: {
1245
1274
  type: import("vue").PropType<Date>;
1246
1275
  default: any;
1247
1276
  };
1277
+ minDate: {
1278
+ type: import("vue").PropType<Date>;
1279
+ default: any;
1280
+ };
1248
1281
  }>> & {
1249
1282
  onOpened?: (...args: any[]) => any;
1250
1283
  onRangeTypeChanged?: (...args: any[]) => any;
@@ -1323,6 +1356,10 @@ declare const _default: {
1323
1356
  type: import("vue").PropType<Date>;
1324
1357
  default: any;
1325
1358
  };
1359
+ minDate: {
1360
+ type: import("vue").PropType<Date>;
1361
+ default: any;
1362
+ };
1326
1363
  }>> & {
1327
1364
  onOpened?: (...args: any[]) => any;
1328
1365
  onRangeTypeChanged?: (...args: any[]) => any;
@@ -1352,6 +1389,7 @@ declare const _default: {
1352
1389
  openOnTop: boolean;
1353
1390
  showPresets: boolean;
1354
1391
  maxDate: Date;
1392
+ minDate: Date;
1355
1393
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
1356
1394
  $slots: {
1357
1395
  field?(_: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.2.0-rc.12",
3
+ "version": "2.2.0-rc.13",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
@@ -1 +0,0 @@
1
- .label[data-v-acd3440c]{color:#41454d}.days-wrapper[data-v-acd3440c]{color:#53575b}.days-wrapper .day[data-v-acd3440c]{position:relative;width:32px;height:32px;cursor:pointer;display:inline-block;text-align:center;padding:5px;margin-bottom:4px;line-height:21px;box-sizing:border-box}.days-wrapper .day[data-v-acd3440c]:not(.non-day):not(.disabled-day):not(.selected-day):hover:before{content:"";display:block;position:absolute;background:#f1f3f4;width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:100px;z-index:-1}.days-wrapper .day.today[data-v-acd3440c]: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-acd3440c]:after,.days-wrapper .day.today.selected-day-between[data-v-acd3440c]:after{background:#ffffff}.days-wrapper .day.start-day[data-v-acd3440c]{border-radius:100px 0 0 100px}.days-wrapper .day.end-day[data-v-acd3440c]{border-radius:0 100px 100px 0}.days-wrapper .day.start-day.end-day[data-v-acd3440c]{background-color:transparent!important}.days-wrapper .day.start-day.end-day[data-v-acd3440c]:before{content:"";display:block;position:absolute;background:#3083ff;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-acd3440c]{color:#fff;background-color:#96c0ff}.days-wrapper .day.selected-day-between[data-v-acd3440c]:hover{background-color:#f1f3f4;color:#696a6b}.days-wrapper .day.selected-day[data-v-acd3440c]{background-color:#3083ff!important;color:#fff}.days-wrapper .day.selected-day[data-v-acd3440c]:hover{color:#fff}.days-wrapper .day.disabled-day[data-v-acd3440c]{color:#a9afb4;cursor:default;background:transparent}.days-wrapper .day.non-day[data-v-acd3440c]{color:transparent;cursor:default;background:transparent}.calendar-month[data-v-acd3440c]{user-select:none;box-sizing:unset;padding:0;overflow:hidden;position:relative;width:224px;margin:auto}.calendar-month .days-header[data-v-acd3440c]{padding:21px 0 14px;color:#8e959d}.calendar-month .days-header span[data-v-acd3440c]{width:32px;display:inline-block;text-align:center}.calendar-month .month-header[data-v-acd3440c]{padding-top:13px;padding-bottom:3px;text-align:center;color:#53575b}.calendar-month .next[data-v-acd3440c]{right:4px;cursor:pointer;position:absolute;z-index:16}.calendar-month .next[data-v-acd3440c],.calendar-month .previous[data-v-acd3440c]{transform:translateY(8px)}.calendar-month .previous[data-v-acd3440c]{left:4px;cursor:pointer;position:absolute;z-index:16}
@@ -1 +0,0 @@
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}
@@ -1 +0,0 @@
1
- .label[data-v-70e316e9]{color:#41454d}.pop-up[data-v-70e316e9]{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-70e316e9]{top:0}.pop-up.hide-presets[data-v-70e316e9],.pop-up.hide-presets .calendar-wrap[data-v-70e316e9]{width:494px}.pop-up.hide-presets .date-picker-calendar[data-v-70e316e9]{padding:15px 16px}.pop-up .date-picker-menu[data-v-70e316e9]{width:164px;background:#ffffff;vertical-align:top}.pop-up .date-picker-menu .preset-element[data-v-70e316e9]{padding-left:8px;height:32px;border-radius:8px;color:#53575b;line-height:32px}.pop-up .date-picker-menu .preset-element[data-v-70e316e9]:hover{background:#f1f3f4}.pop-up .date-picker-menu .selected-preset[data-v-70e316e9]{background:#e2eeff!important;color:#3083ff}.pop-up .date-picker-menu li[data-v-70e316e9]{cursor:pointer;margin-bottom:2px}.pop-up .left-box[data-v-70e316e9]{left:-1px}.pop-up .date-picker-calendar[data-v-70e316e9]{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-70e316e9]{padding-left:6px}.pop-up .preset-dropdown ul[data-v-70e316e9]{list-style:none;margin:0;padding:12px 16px 12px 12px;line-height:32px}.pop-up .buttons-cover[data-v-70e316e9]{height:48px;padding:0 16px 0 0;position:absolute;bottom:0;width:calc(100% + 10px);right:-10px;box-sizing:border-box;border-top:1px solid #dddfe1;display:grid;grid-template-columns:auto 250px;align-items:center}.pop-up button[data-v-70e316e9]{float:right;margin-left:4px}.pop-up .error[data-v-70e316e9]{display:none;position:absolute;left:270px;top:22px}.pop-up .inline-block[data-v-70e316e9]{display:inline-block}.pop-up.right[data-v-70e316e9]{left:initial;right:1px}.calendar-wrap[data-v-70e316e9]{width:478px;height:372px;position:relative;border-bottom-right-radius:8px;border-top-right-radius:8px;vertical-align:top}.type-picker[data-v-70e316e9]{height:60px;line-height:60px;padding-left:15px;box-shadow:0 1px 3px #0000003b}.range-type[data-v-70e316e9]{color:#8e959d;padding-left:15px;padding-right:15px;cursor:pointer}.selected-range-type[data-v-70e316e9]{color:#fff;background-color:#3083ff;border-radius:20px;padding:6px 15px;cursor:default}.date-range-field[data-v-70e316e9]{display:inline-block;width:100%;height:30px;position:relative;cursor:pointer;border-radius:3px}.date-range-field.selected-item-as-title[data-v-70e316e9]{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-70e316e9]{right:-25px}.date-range-field.selected-item-as-title .small-triangle[data-v-70e316e9]:after{border-top-color:currentColor}.date-range-field.selected-item-as-title span[data-v-70e316e9]{padding-left:12px}.date-range-field.no-button-limit[data-v-70e316e9]{overflow:visible}.date-range-field.no-button-limit span[data-v-70e316e9]{width:100%;line-height:22px}.date-range-field span[data-v-70e316e9]{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-70e316e9]{cursor:default;color:#8e959d;pointer-events:none}.date-range-disabled .small-triangle[data-v-70e316e9]:after{border-top-color:#8e959d}.pop-up-content[data-v-70e316e9]{margin-top:1px}.type-message[data-v-70e316e9]{color:#8e959d;padding:10px 20px;line-height:1.5}.relative-wrap[data-v-70e316e9]{position:relative}.space-right[data-v-70e316e9]{margin-right:13px}.space-left[data-v-70e316e9]{margin-left:9px}.top-date[data-v-70e316e9]{line-height:13px}.flex[data-v-70e316e9]{display:flex}
@@ -1 +0,0 @@
1
- .label[data-v-a849128a]{color:#41454d}.pop-up[data-v-a849128a]{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:var(--elevation-lg)}.pop-up.open-on-top[data-v-a849128a]{top:0}.pop-up.hide-presets[data-v-a849128a],.pop-up.hide-presets .calendar-wrap[data-v-a849128a]{width:520px}.pop-up.hide-presets .date-picker-calendar[data-v-a849128a]{padding:15px 16px}.pop-up .date-picker-menu[data-v-a849128a]{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-a849128a]{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-a849128a]:hover{background:var(--action-hover, rgba(0, 0, 0, .05))}.pop-up .date-picker-menu .selected-preset[data-v-a849128a]{border-radius:8px;background:var(--action-selected, #ebebeb)}.pop-up .date-picker-menu li[data-v-a849128a]{cursor:pointer;margin-bottom:2px}.pop-up .left-box[data-v-a849128a]{left:-1px}.pop-up .date-picker-calendar[data-v-a849128a]{box-sizing:border-box;height:100%;padding:16px;display:grid;grid-template-columns:1fr 1fr;grid-gap:24px}.pop-up .calendars-wrapper[data-v-a849128a]{padding-left:6px}.pop-up .preset-dropdown ul[data-v-a849128a]{list-style:none;margin:0;padding:8px;line-height:32px}.pop-up .buttons-cover[data-v-a849128a]{height:48px;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 16px}.pop-up .buttons-cover .text-container[data-v-a849128a]{flex:1;color:var(--text-secondary, #646464)}.pop-up button[data-v-a849128a]{float:right;margin-left:8px}.pop-up .error[data-v-a849128a]{display:none;position:absolute;left:270px;top:22px}.pop-up .inline-block[data-v-a849128a]{display:inline-block}.pop-up.right[data-v-a849128a]{left:initial;right:1px}.calendar-wrap[data-v-a849128a]{width:504px;height:372px;position:relative;border-bottom-right-radius:8px;border-top-right-radius:8px;vertical-align:top}.type-picker[data-v-a849128a]{height:60px;line-height:60px;padding-left:15px;box-shadow:0 1px 3px #0000003b}.range-type[data-v-a849128a]{color:#8e959d;padding-left:15px;padding-right:15px;cursor:pointer}.selected-range-type[data-v-a849128a]{color:#fff;background-color:#3083ff;border-radius:20px;padding:6px 15px;cursor:default}.date-range-field[data-v-a849128a]{display:inline-block;width:100%;height:28px;position:relative;cursor:pointer;border-radius:3px}.date-range-field.selected-item-as-title[data-v-a849128a]{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-a849128a]{right:-25px}.date-range-field.selected-item-as-title .small-triangle[data-v-a849128a]:after{border-top-color:currentColor}.date-range-field.selected-item-as-title span[data-v-a849128a]{padding-left:12px}.date-range-field.no-button-limit[data-v-a849128a]{overflow:visible}.date-range-field.no-button-limit span[data-v-a849128a]{width:100%;line-height:22px}.date-range-field span[data-v-a849128a]{line-height:26px;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-a849128a]{cursor:default;color:#8e959d;pointer-events:none}.date-range-disabled .small-triangle[data-v-a849128a]:after{border-top-color:#8e959d}.pop-up-content[data-v-a849128a]{margin-top:1px}.type-message[data-v-a849128a]{color:#8e959d;padding:10px 20px;line-height:1.5}.relative-wrap[data-v-a849128a]{position:relative}.space-right[data-v-a849128a]{margin-right:13px}.space-left[data-v-a849128a]{margin-left:9px}.top-date[data-v-a849128a]{line-height:13px}.flex[data-v-a849128a]{display:flex}