zartui 2.0.47 → 2.0.48

package/es/calendar/FastForwardImg.js

@@ -0,0 +1,73 @@
+export default {
+  methods: {
+    onClick: function onClick(event) {
+      this.$emit('click', event);
+    }
+  },
+  render: function render() {
+    var h = arguments[0];
+    return h("svg", {
+      "attrs": {
+        "xmlns": "http://www.w3.org/2000/svg",
+        "viewBox": "0 0 16 16",
+        "version": "1.1",
+        "width": "16px",
+        "height": "16px"
+      },
+      "on": {
+        "click": this.onClick
+      }
+    }, [h("g", {
+      "attrs": {
+        "stroke": "none",
+        "stroke-width": "1",
+        "fill": "none",
+        "fill-rule": "evenodd"
+      }
+    }, [h("g", {
+      "attrs": {
+        "transform": "translate(-32.000000, -320.000000)",
+        "fill": "#0091FA",
+        "fill-rule": "nonzero"
+      }
+    }, [h("g", {
+      "attrs": {
+        "transform": "translate(0.000000, 70.000000)"
+      }
+    }, [h("g", {
+      "attrs": {
+        "transform": "translate(0.000000, 236.000000)"
+      }
+    }, [h("g", {
+      "attrs": {
+        "transform": "translate(32.000000, 12.000000)"
+      }
+    }, [h("g", {
+      "attrs": {
+        "transform": "translate(8.000000, 10.000000) scale(-1, 1) translate(-8.000000, -10.000000) translate(0.000000, 2.000000)"
+      }
+    }, [h("g", {
+      "attrs": {
+        "transform": "translate(0.500000, 2.000000)"
+      }
+    }, [h("path", {
+      "attrs": {
+        "d": "M6.79659726,4.25543258 L3.35183004,7.88886609 C3.14952477,8.10225141 2.77635057,8.13960837 2.51832213,7.9723052 C2.48075622,7.94794782 2.4468797,7.91993249 2.41742642,7.88886609 L-1.02734079,4.25543258 C-1.22964607,4.04204726 -1.18447352,3.73343826 -0.926445085,3.56613509 C-0.821927664,3.49836699 -0.69295109,3.46153846 -0.560138985,3.46153846 L6.32939545,3.46153846 C6.65727667,3.46153846 6.92307692,3.68135095 6.92307692,3.95250339 C6.92307692,4.06233684 6.87854337,4.16899837 6.79659726,4.25543258 Z",
+        "opacity": "0.3",
+        "transform": "translate(2.884615, 5.769231) rotate(-90.000000) translate(-2.884615, -5.769231) "
+      }
+    }), h("path", {
+      "attrs": {
+        "d": "M12.5116225,3.49853348 L7.59052644,8.94868375 C7.3015189,9.26876173 6.7684129,9.32479717 6.39980085,9.07384242 C6.34613526,9.03730635 6.29774023,8.99528335 6.25566412,8.94868375 L1.3345681,3.49853348 C1.04556056,3.1784555 1.11009277,2.715542 1.47870482,2.46458724 C1.62801542,2.3629351 1.81226767,2.30769231 2.00199925,2.30769231 L11.8441913,2.30769231 C12.3125931,2.30769231 12.6923077,2.63741103 12.6923077,3.0441397 C12.6923077,3.20888987 12.6286883,3.36888217 12.5116225,3.49853348 Z",
+        "opacity": "0.8",
+        "transform": "translate(6.923077, 5.769231) rotate(-90.000000) translate(-6.923077, -5.769231) "
+      }
+    }), h("path", {
+      "attrs": {
+        "d": "M17.1270071,3.49853348 L12.2059111,8.94868375 C11.9169035,9.26876173 11.3837975,9.32479717 11.0151855,9.07384242 C10.9615199,9.03730635 10.9131248,8.99528335 10.8710487,8.94868375 L5.94995271,3.49853348 C5.66094518,3.1784555 5.72547739,2.715542 6.09408944,2.46458724 C6.24340004,2.3629351 6.42765229,2.30769231 6.61738387,2.30769231 L16.4595759,2.30769231 C16.9279777,2.30769231 17.3076923,2.63741103 17.3076923,3.0441397 C17.3076923,3.20888987 17.2440729,3.36888217 17.1270071,3.49853348 Z",
+        "opacity": "0.8",
+        "transform": "translate(11.538462, 5.769231) rotate(-90.000000) translate(-11.538462, -5.769231) "
+      }
+    })])])])])])])])]);
+  }
+};

package/es/calendar/SlowForwardImg.js

@@ -0,0 +1,67 @@
+export default {
+  methods: {
+    onClick: function onClick(event) {
+      this.$emit('click', event);
+    }
+  },
+  render: function render() {
+    var h = arguments[0];
+    return h("svg", {
+      "attrs": {
+        "xmlns": "http://www.w3.org/2000/svg",
+        "viewBox": "0 0 16 16",
+        "version": "1.1",
+        "width": "16px",
+        "height": "16px"
+      },
+      "on": {
+        "click": this.onClick
+      }
+    }, [h("g", {
+      "attrs": {
+        "stroke": "none",
+        "stroke-width": "1",
+        "fill": "none",
+        "fill-rule": "evenodd"
+      }
+    }, [h("g", {
+      "attrs": {
+        "transform": "translate(-80.000000, -320.000000)",
+        "fill": "#0091FA",
+        "fill-rule": "nonzero"
+      }
+    }, [h("g", {
+      "attrs": {
+        "transform": "translate(0.000000, 70.000000)"
+      }
+    }, [h("g", {
+      "attrs": {
+        "transform": "translate(0.000000, 236.000000)"
+      }
+    }, [h("g", {
+      "attrs": {
+        "transform": "translate(32.000000, 12.000000)"
+      }
+    }, [h("g", {
+      "attrs": {
+        "transform": "translate(56.000000, 10.000000) scale(-1, 1) translate(-56.000000, -10.000000) translate(48.000000, 2.000000)"
+      }
+    }, [h("g", {
+      "attrs": {
+        "transform": "translate(3.000000, 2.000000)"
+      }
+    }, [h("path", {
+      "attrs": {
+        "d": "M7.06846115,4.42564988 L3.48590324,8.20442073 C3.27550576,8.42634147 2.88740459,8.46519271 2.61905502,8.29119741 C2.57998647,8.26586573 2.54475489,8.23672979 2.51412348,8.20442073 L-1.06843443,4.42564988 C-1.27883191,4.20372915 -1.23185246,3.88277579 -0.963502888,3.70878049 C-0.854804771,3.63830167 -0.720669133,3.6 -0.582544544,3.6 L6.58257127,3.6 C6.92356774,3.6 7.2,3.82860498 7.2,4.11060352 C7.2,4.22483031 7.1536851,4.3357583 7.06846115,4.42564988 Z",
+        "opacity": "0.3",
+        "transform": "translate(3.000000, 6.000000) rotate(-90.000000) translate(-3.000000, -6.000000) "
+      }
+    }), h("path", {
+      "attrs": {
+        "d": "M13.0120874,3.63847482 L7.89414749,9.3066311 C7.59357966,9.6395122 7.03914942,9.69778906 6.65579288,9.43679611 C6.59998067,9.3987986 6.54964984,9.35509469 6.50589069,9.3066311 L1.38795082,3.63847482 C1.08738299,3.30559372 1.15449649,2.82416368 1.53785302,2.56317073 C1.69313604,2.4574525 1.88475838,2.4 2.08207922,2.4 L12.317959,2.4 C12.8050968,2.4 13.2,2.74290748 13.2,3.16590528 C13.2,3.33724547 13.1338359,3.50363746 13.0120874,3.63847482 Z",
+        "opacity": "0.8",
+        "transform": "translate(7.200000, 6.000000) rotate(-90.000000) translate(-7.200000, -6.000000) "
+      }
+    })])])])])])])])]);
+  }
+};

package/es/calendar/components/Header.js

@@ -1,5 +1,7 @@
 import { createNamespace } from '../../utils';
 import { t, bem } from '../utils';
+import FastForwardImg from "../FastForwardImg";
+import SlowForwardImg from "../SlowForwardImg";
 
 var _createNamespace = createNamespace('calendar-header'),
     createComponent = _createNamespace[0];
@@ -11,7 +13,11 @@ export default createComponent({
     subtitle: String,
     showTitle: Boolean,
     showSubtitle: Boolean,
-    firstDayOfWeek: Number
+    firstDayOfWeek: Number,
+    yearPreEnable: Boolean,
+    monthPreEnable: Boolean,
+    yearNextEnable: Boolean,
+    monthNextEnable: Boolean
   },
   methods: {
     genTitle: function genTitle() {
@@ -24,13 +30,71 @@ export default createComponent({
         }, [title]);
       }
     },
+    onClickPreIcon: function onClickPreIcon(isMonth, isYear) {
+      if (isMonth && !this.monthPreEnable || isYear && !this.yearPreEnable) {
+        return;
+      }
+
+      this.$emit('clickPreIcon', isMonth, isYear);
+    },
+    onClickNextIcon: function onClickNextIcon(isMonth, isYear) {
+      if (isMonth && !this.monthNextEnable || isYear && !this.yearNextEnable) {
+        return;
+      }
+
+      this.$emit('clickNextIcon', isMonth, isYear);
+    },
     genSubtitle: function genSubtitle() {
+      var _this = this;
+
       var h = this.$createElement;
 
       if (this.showSubtitle) {
         return h("div", {
           "class": bem('header-subtitle')
-        }, [this.subtitle]);
+        }, [h("div", {
+          "class": bem('header-subtitle', ['opt', this.yearPreEnable ? '' : 'unenable']),
+          "attrs": {
+            "tabindex": "1"
+          },
+          "on": {
+            "click": function click() {
+              return _this.onClickPreIcon(false, true);
+            }
+          }
+        }, [h(FastForwardImg)]), h("div", {
+          "class": bem('header-subtitle', ['opt', this.monthPreEnable ? '' : 'unenable']),
+          "attrs": {
+            "tabindex": "1"
+          },
+          "on": {
+            "click": function click() {
+              return _this.onClickPreIcon(true, false);
+            }
+          }
+        }, [h(SlowForwardImg)]), h("label", {
+          "class": bem('header-subtitle-text')
+        }, [this.subtitle]), h("div", {
+          "class": bem('header-subtitle', ['opt', 'right', [this.monthNextEnable ? '' : 'unenable']]),
+          "attrs": {
+            "tabindex": "1"
+          },
+          "on": {
+            "click": function click() {
+              return _this.onClickNextIcon(true, false);
+            }
+          }
+        }, [h(SlowForwardImg)]), h("div", {
+          "class": bem('header-subtitle', ['opt', 'right', [this.yearNextEnable ? '' : 'unenable']]),
+          "attrs": {
+            "tabindex": "1"
+          },
+          "on": {
+            "click": function click() {
+              return _this.onClickNextIcon(false, true);
+            }
+          }
+        }, [h(FastForwardImg)])]);
       }
     },
     genWeekDays: function genWeekDays() {

package/es/calendar/components/Month.js

@@ -1,6 +1,7 @@
 import { createNamespace, addUnit } from '../../utils';
 import { setScrollTop } from '../../utils/dom/scroll';
 import { t, bem, compareDay, getPrevDay, getNextDay, formatMonthTitle } from '../utils';
+import { CalendarShowType, CalendarDayType, CalendarTotalDay } from '../types';
 import { getMonthEndDay } from '../../datetime-picker/utils';
 
 var _createNamespace = createNamespace('calendar-month'),
@@ -8,6 +9,7 @@ var _createNamespace = createNamespace('calendar-month'),
 
 export default createComponent({
   props: {
+    showType: String,
     date: Date,
     type: String,
     color: String,
@@ -21,7 +23,8 @@ export default createComponent({
     allowSameDay: Boolean,
     showSubtitle: Boolean,
     showMonthTitle: Boolean,
-    firstDayOfWeek: Number
+    firstDayOfWeek: Number,
+    disabledDate: Function
   },
   data: function data() {
     return {
@@ -68,21 +71,65 @@ export default createComponent({
       var year = this.date.getFullYear();
       var month = this.date.getMonth();
 
-      for (var day = 1; day <= this.totalDay; day++) {
-        var date = new Date(year, month, day);
-        var type = this.getDayType(date);
-        var config = {
-          date: date,
-          type: type,
-          text: day,
-          bottomInfo: this.getBottomInfo(type)
+      if (this.showType && this.showType === CalendarShowType.INLINE) {
+        for (var day = this.offset - 1; day >= 0; day--) {
+          var date = new Date(year, month, -day);
+          var type = this.getDayType(date, CalendarDayType.PREVIEW);
+          var config = {
+            date: date,
+            type: type,
+            text: date.getDate(),
+            bottomInfo: this.getBottomInfo(type)
+          };
+
+          if (this.formatter) {
+            config = this.formatter(config);
+          }
+
+          days.push(config);
+        }
+      }
+
+      for (var _day = 1; _day <= this.totalDay; _day++) {
+        var _date = new Date(year, month, _day);
+
+        var _type = this.getDayType(_date);
+
+        var _config = {
+          date: _date,
+          type: _type,
+          text: _day,
+          bottomInfo: this.getBottomInfo(_type)
         };
 
         if (this.formatter) {
-          config = this.formatter(config);
+          _config = this.formatter(_config);
         }
 
-        days.push(config);
+        days.push(_config);
+      }
+
+      if (this.showType && this.showType === CalendarShowType.INLINE && days && days.length < CalendarTotalDay) {
+        var nextMonthsLength = days.length;
+
+        for (var _day2 = 1; _day2 <= CalendarTotalDay - nextMonthsLength; _day2++) {
+          var _date2 = new Date(year, month + 1, _day2);
+
+          var _type2 = this.getDayType(_date2, CalendarDayType.PREVIEW);
+
+          var _config2 = {
+            date: _date2,
+            type: _type2,
+            text: _date2.getDate(),
+            bottomInfo: this.getBottomInfo(_type2)
+          };
+
+          if (this.formatter) {
+            _config2 = this.formatter(_config2);
+          }
+
+          days.push(_config2);
+        }
       }
 
       return days;
@@ -168,16 +215,21 @@ export default createComponent({
         return 'middle';
       }
     },
-    getDayType: function getDayType(day) {
+    getDayType: function getDayType(day, defaultType) {
       var type = this.type,
           minDate = this.minDate,
           maxDate = this.maxDate,
           currentDate = this.currentDate;
 
-      if (compareDay(day, minDate) < 0 || compareDay(day, maxDate) > 0) {
+      if (minDate && compareDay(day, minDate) < 0 || maxDate && compareDay(day, maxDate) > 0 || this.disabledDate && this.disabledDate(day)) {
         return 'disabled';
       }
 
+      if (defaultType) {
+        // 仅考虑disable以及defaultType
+        return defaultType;
+      }
+
       if (currentDate === null) {
         return;
       }
@@ -207,7 +259,7 @@ export default createComponent({
         }
       }
     },
-    getDayStyle: function getDayStyle(type, index) {
+    getDayStyle: function getDayStyle(type, index, text) {
       var style = {
         height: this.rowHeightWithUnit
       };
@@ -217,7 +269,7 @@ export default createComponent({
         return style;
       }
 
-      if (index === 0) {
+      if (index === 0 && text && +text === 1) {
         style.marginLeft = 100 * this.offset / 7 + "%";
       }
 
@@ -285,8 +337,9 @@ export default createComponent({
       var _this2 = this;
 
       var h = this.$createElement;
-      var type = item.type;
-      var style = this.getDayStyle(type, index);
+      var type = item.type,
+          text = item.text;
+      var style = this.getDayStyle(type, index, text);
       var disabled = type === 'disabled';
 
       var onClick = function onClick() {

package/es/calendar/index.css

@@ -1 +1 @@
-.zt2-calendar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:100%;background-color:#fff;color:#2d4b73}.zt2-calendar__popup.zt2-popup--bottom,.zt2-calendar__popup.zt2-popup--top{height:80%}.zt2-calendar__popup.zt2-popup--left,.zt2-calendar__popup.zt2-popup--right{height:100%}.zt2-calendar__popup .zt2-popup__close-icon{top:11px}.zt2-calendar__header{-webkit-flex-shrink:0;flex-shrink:0;box-shadow:0 4px 8px 0 rgba(0,0,0,.1);margin-bottom:8px}.zt2-calendar__header-title{height:44px;font-weight:400;line-height:44px;position:relative;color:#2d4b73;font-size:14px;line-height:20px;opacity:.4;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;border-bottom:1px solid rgba(45,75,115,.1)}.zt2-calendar__header-title .hint-block{position:absolute;content:'';top:14px;left:0;width:4px;height:16px;background:#0091fa}.zt2-calendar__header-title::after{top:44px;left:0;content:'';position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt2-calendar__header-subtitle{height:44px;font-weight:400;line-height:44px;text-align:center}.zt2-calendar__month-title{height:44px;font-weight:400;line-height:44px;text-align:center}.zt2-calendar__header-subtitle{font-size:14px}.zt2-calendar__month-title{font-size:14px}.zt2-calendar__weekdays{display:-webkit-box;display:-webkit-flex;display:flex;background-color:rgba(0,0,0,.02)}.zt2-calendar__weekday{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:12px;line-height:30px;font-weight:700;text-align:center}.zt2-calendar__body{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff}.zt2-calendar__days{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.zt2-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:rgba(242,243,245,.8);font-size:160px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.zt2-calendar__day,.zt2-calendar__selected-day{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.zt2-calendar__day{position:relative;width:14.285%;height:14.285vw;margin-bottom:10px;font-size:16px;font-weight:400;cursor:pointer;outline:0}.zt2-calendar__day--end,.zt2-calendar__day--multiple-middle,.zt2-calendar__day--multiple-selected,.zt2-calendar__day--start,.zt2-calendar__day--start-end{font-weight:700;color:#fff;background-color:#0091fa;box-shadow:0 0 0 3px rgba(0,145,250,.1)}@media (pointer:coarse){.zt2-calendar__day--end,.zt2-calendar__day--multiple-middle{margin-left:-1px}}.zt2-calendar__day--start{font-weight:700;border-radius:7.143vw 0 0 7.143vw;border-right:none;box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt2-calendar__day--end{font-weight:700;border-radius:0 7.143vw 7.143vw 0;border-left:none;box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt2-calendar__day--multiple-selected,.zt2-calendar__day--start-end{font-weight:700;border-radius:7.143vw;box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt2-calendar__day--middle{color:#000}.zt2-calendar__day--middle::after{position:absolute;top:0;right:0;bottom:0;left:0;color:#0091fa;background-color:currentColor;opacity:.11;content:''}.zt2-calendar__day--disabled{color:#c8c9cc;cursor:default}.zt2-calendar__bottom-info,.zt2-calendar__top-info{position:absolute;right:0;left:0;font-size:10px;line-height:14px}@media (max-width:350px){.zt2-calendar__bottom-info,.zt2-calendar__top-info{font-size:9px}}.zt2-calendar__top-info{top:6px}.zt2-calendar__bottom-info{display:none;bottom:6px}.zt2-calendar__selected-day{font-weight:700;width:14.285vw;height:14.285vw;color:#fff;background-color:#0091fa;border-radius:calc(14.285vw / 2);box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt2-calendar__footer{box-sizing:content-box;-webkit-flex-shrink:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:flex;padding:8px 16px 8px 16px;border-top:1px solid rgba(45,75,115,.1)}.zt2-calendar__footer--unfit{padding-bottom:0}
+.zt2-calendar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:100%;background-color:#fff;color:#2d4b73}.zt2-calendar__popup.zt2-popup--bottom,.zt2-calendar__popup.zt2-popup--top{height:80%}.zt2-calendar__popup.zt2-popup--left,.zt2-calendar__popup.zt2-popup--right{height:100%}.zt2-calendar__popup .zt2-popup__close-icon{top:11px}.zt2-calendar__header{-webkit-flex-shrink:0;flex-shrink:0;box-shadow:0 4px 8px 0 rgba(0,0,0,.1);margin-bottom:8px}.zt2-calendar__header-title{height:44px;font-weight:400;line-height:44px;position:relative;color:#2d4b73;font-size:14px;line-height:20px;opacity:.4;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;border-bottom:1px solid rgba(45,75,115,.1)}.zt2-calendar__header-title .hint-block{position:absolute;content:'';top:14px;left:0;width:4px;height:16px;background:#0091fa}.zt2-calendar__header-title::after{top:44px;left:0;content:'';position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt2-calendar__header-subtitle{height:44px;font-weight:400;line-height:44px;text-align:center;padding:0 16px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.zt2-calendar__header-subtitle--img{width:16px;height:16px}.zt2-calendar__header-subtitle--opt{width:32px;height:32px;line-height:32px;border-radius:50%;padding:0;margin:0 8px}.zt2-calendar__header-subtitle--opt:active{border-radius:50%;background-color:rgba(45,75,115,.1);opacity:.7}.zt2-calendar__header-subtitle--right{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.zt2-calendar__header-subtitle--unenable{opacity:.2}.zt2-calendar__header-subtitle-text{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}.zt2-calendar__month-title{height:44px;font-weight:400;line-height:44px;text-align:center}.zt2-calendar__header-subtitle{font-size:14px}.zt2-calendar__month-title{font-size:14px}.zt2-calendar__weekdays{display:-webkit-box;display:-webkit-flex;display:flex;background-color:rgba(0,0,0,.02)}.zt2-calendar__weekday{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:12px;line-height:30px;font-weight:700;text-align:center}.zt2-calendar__body{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fff}.zt2-calendar__days{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.zt2-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:rgba(242,243,245,.8);font-size:160px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.zt2-calendar__day,.zt2-calendar__selected-day{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.zt2-calendar__day{position:relative;width:14.285%;height:14.285vw;margin-bottom:4px;font-size:16px;font-weight:400;cursor:pointer;outline:0}.zt2-calendar__day--end,.zt2-calendar__day--multiple-middle,.zt2-calendar__day--multiple-selected,.zt2-calendar__day--start,.zt2-calendar__day--start-end{font-weight:700;color:#fff;background-color:#0091fa;box-shadow:0 0 0 3px rgba(0,145,250,.1)}@media (pointer:coarse){.zt2-calendar__day--end,.zt2-calendar__day--multiple-middle{margin-left:-1px}}.zt2-calendar__day--start{font-weight:700;border-radius:7.143vw 0 0 7.143vw;border-right:none;box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt2-calendar__day--end{font-weight:700;border-radius:0 7.143vw 7.143vw 0;border-left:none;box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt2-calendar__day--multiple-selected,.zt2-calendar__day--start-end{font-weight:700;border-radius:7.143vw;box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt2-calendar__day--middle{color:#000}.zt2-calendar__day--middle::after{position:absolute;top:0;right:0;bottom:0;left:0;color:#0091fa;background-color:currentColor;opacity:.11;content:''}.zt2-calendar__day--disabled,.zt2-calendar__day--preview{color:#c8c9cc;cursor:default}.zt2-calendar__bottom-info,.zt2-calendar__top-info{position:absolute;right:0;left:0;font-size:10px;line-height:14px}@media (max-width:350px){.zt2-calendar__bottom-info,.zt2-calendar__top-info{font-size:9px}}.zt2-calendar__top-info{top:6px}.zt2-calendar__bottom-info{display:none;bottom:6px}.zt2-calendar__selected-day{font-weight:700;width:14.285vw;height:14.285vw;color:#fff;background-color:#0091fa;border-radius:calc(14.285vw / 2);box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt2-calendar__footer{box-sizing:content-box;-webkit-flex-shrink:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:flex;padding:8px 16px 8px 16px;border-top:1px solid rgba(45,75,115,.1)}.zt2-calendar__footer--unfit{padding-bottom:0}