@getflip/swirl-components-react 0.4.0 → 0.5.1

package/dist/{flip-date-picker_2.entry.c2143459.js → flip-date-picker_2.entry.d02d7d18.js}

@@ -1,27 +1,27 @@
-import { r as le, c as we, h as x, H as be, F as te } from "./index.b66ff9f0.js";
+import { r as le, c as we, h as x, H as be, F as te } from "./index.7e0e9911.js";
 import { c as de, a as Ce, g as ke } from "./_commonjsHelpers-44457d8d.ba94af77.js";
 import "react";
 import "react-dom";
-var _e = de(function(D, $) {
-  (function(N, W) {
+var _e = de(function(D, b) {
+  (function(F, W) {
     D.exports = W();
   })(Ce, function() {
     return function() {
-      var N = { d: function(r, e) {
+      var F = { d: function(r, e) {
         for (var t in e)
-          N.o(e, t) && !N.o(r, t) && Object.defineProperty(r, t, { enumerable: !0, get: e[t] });
+          F.o(e, t) && !F.o(r, t) && Object.defineProperty(r, t, { enumerable: !0, get: e[t] });
       }, o: function(r, e) {
         return Object.prototype.hasOwnProperty.call(r, e);
       } }, W = {};
-      N.d(W, { default: function() {
-        return F;
+      F.d(W, { default: function() {
+        return H;
       } });
       var l = { days: "days", months: "months", years: "years", day: "day", month: "month", year: "year", eventChangeViewDate: "changeViewDate", eventChangeCurrentView: "changeCurrentView", eventChangeFocusDate: "changeFocusDate", eventChangeSelectedDate: "changeSelectedDate", eventChangeTime: "changeTime", eventChangeLastSelectedDate: "changeLastSelectedDate", actionSelectDate: "selectDate", actionUnselectDate: "unselectDate", cssClassWeekend: "-weekend-" }, ie = { classes: "", inline: !1, locale: { days: ["\u0412\u043E\u0441\u043A\u0440\u0435\u0441\u0435\u043D\u044C\u0435", "\u041F\u043E\u043D\u0435\u0434\u0435\u043B\u044C\u043D\u0438\u043A", "\u0412\u0442\u043E\u0440\u043D\u0438\u043A", "\u0421\u0440\u0435\u0434\u0430", "\u0427\u0435\u0442\u0432\u0435\u0440\u0433", "\u041F\u044F\u0442\u043D\u0438\u0446\u0430", "\u0421\u0443\u0431\u0431\u043E\u0442\u0430"], daysShort: ["\u0412\u043E\u0441", "\u041F\u043E\u043D", "\u0412\u0442\u043E", "\u0421\u0440\u0435", "\u0427\u0435\u0442", "\u041F\u044F\u0442", "\u0421\u0443\u0431"], daysMin: ["\u0412\u0441", "\u041F\u043D", "\u0412\u0442", "\u0421\u0440", "\u0427\u0442", "\u041F\u0442", "\u0421\u0431"], months: ["\u042F\u043D\u0432\u0430\u0440\u044C", "\u0424\u0435\u0432\u0440\u0430\u043B\u044C", "\u041C\u0430\u0440\u0442", "\u0410\u043F\u0440\u0435\u043B\u044C", "\u041C\u0430\u0439", "\u0418\u044E\u043D\u044C", "\u0418\u044E\u043B\u044C", "\u0410\u0432\u0433\u0443\u0441\u0442", "\u0421\u0435\u043D\u0442\u044F\u0431\u0440\u044C", "\u041E\u043A\u0442\u044F\u0431\u0440\u044C", "\u041D\u043E\u044F\u0431\u0440\u044C", "\u0414\u0435\u043A\u0430\u0431\u0440\u044C"], monthsShort: ["\u042F\u043D\u0432", "\u0424\u0435\u0432", "\u041C\u0430\u0440", "\u0410\u043F\u0440", "\u041C\u0430\u0439", "\u0418\u044E\u043D", "\u0418\u044E\u043B", "\u0410\u0432\u0433", "\u0421\u0435\u043D", "\u041E\u043A\u0442", "\u041D\u043E\u044F", "\u0414\u0435\u043A"], today: "\u0421\u0435\u0433\u043E\u0434\u043D\u044F", clear: "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C", dateFormat: "dd.MM.yyyy", timeFormat: "HH:mm", firstDay: 1 }, startDate: new Date(), firstDay: "", weekends: [6, 0], dateFormat: "", altField: "", altFieldDateFormat: "T", toggleSelected: !0, keyboardNav: !0, selectedDates: !1, container: "", isMobile: !1, visible: !1, position: "bottom left", offset: 12, view: l.days, minView: l.days, showOtherMonths: !0, selectOtherMonths: !0, moveToOtherMonthsOnSelect: !0, showOtherYears: !0, selectOtherYears: !0, moveToOtherYearsOnSelect: !0, minDate: "", maxDate: "", disableNavWhenOutOfRange: !0, multipleDates: !1, multipleDatesSeparator: ", ", range: !1, dynamicRange: !0, buttons: !1, monthsField: "monthsShort", showEvent: "focus", autoClose: !1, prevHtml: '<svg><path d="M 17,12 l -5,5 l 5,5"></path></svg>', nextHtml: '<svg><path d="M 14,12 l 5,5 l -5,5"></path></svg>', navTitles: { days: "MMMM, <i>yyyy</i>", months: "yyyy", years: "yyyy1 - yyyy2" }, timepicker: !1, onlyTimepicker: !1, dateTimeSeparator: " ", timeFormat: "", minHours: 0, maxHours: 24, minMinutes: 0, maxMinutes: 59, hoursStep: 1, minutesStep: 1, onSelect: !1, onChangeViewDate: !1, onChangeView: !1, onRenderCell: !1, onShow: !1, onHide: !1, onClickDayName: !1 };
       function f(r) {
         let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : document;
         return typeof r == "string" ? e.querySelector(r) : r;
       }
-      function C() {
+      function k() {
         let { tagName: r = "div", className: e = "", innerHtml: t = "", id: i = "", attrs: a = {} } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = document.createElement(r);
         return e && n.classList.add(...e.split(" ")), i && (n.id = i), t && (n.innerHTML = t), a && G(n, a), n;
       }
@@ -40,7 +40,7 @@ var _e = de(function(D, $) {
       function I(r) {
         return r < 10 ? "0" + r : r;
       }
-      function H(r) {
+      function O(r) {
         let e = 10 * Math.floor(r.getFullYear() / 10);
         return [e, e + 9];
       }
@@ -77,7 +77,7 @@ var _e = de(function(D, $) {
       function ce(r) {
         return r.setHours(0, 0, 0, 0), r;
       }
-      function b(r, e, t) {
+      function C(r, e, t) {
         r.length ? r.forEach((i) => {
           i.addEventListener(e, t);
         }) : r.addEventListener(e, t);
@@ -100,7 +100,7 @@ var _e = de(function(D, $) {
               r[n] = s;
         }), r;
       }
-      function _(r) {
+      function M(r) {
         let e = r;
         return r instanceof Date || (e = new Date(r)), isNaN(e.getTime()) && (console.log('Unable to convert value "'.concat(r, '" to Date object')), e = !1), e;
       }
@@ -108,28 +108,28 @@ var _e = de(function(D, $) {
         let e = "\\s|\\.|-|/|\\\\|,|\\$|\\!|\\?|:|;";
         return new RegExp("(^|>|" + e + ")(" + r + ")($|<|" + e + ")", "g");
       }
-      function O(r, e, t) {
+      function L(r, e, t) {
         return e in r ? Object.defineProperty(r, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[e] = t, r;
       }
       class ue {
         constructor() {
           let { type: e, date: t, dp: i, opts: a, body: n } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-          O(this, "focus", () => {
+          L(this, "focus", () => {
             this.$cell.classList.add("-focus-"), this.focused = !0;
-          }), O(this, "removeFocus", () => {
+          }), L(this, "removeFocus", () => {
             this.$cell.classList.remove("-focus-"), this.focused = !1;
-          }), O(this, "select", () => {
+          }), L(this, "select", () => {
             this.$cell.classList.add("-selected-"), this.selected = !0;
-          }), O(this, "removeSelect", () => {
+          }), L(this, "removeSelect", () => {
             this.$cell.classList.remove("-selected-", "-range-from-", "-range-to-"), this.selected = !1;
-          }), O(this, "onChangeSelectedDate", () => {
+          }), L(this, "onChangeSelectedDate", () => {
             this.isDisabled || (this._handleSelectedStatus(), this.opts.range && this._handleRangeStatus());
-          }), O(this, "onChangeFocusDate", (s) => {
+          }), L(this, "onChangeFocusDate", (s) => {
             if (!s)
               return void (this.focused && this.removeFocus());
             let o = y(s, this.date, this.type);
             o ? this.focus() : !o && this.focused && this.removeFocus(), this.opts.range && this._handleRangeStatus();
-          }), O(this, "render", () => (this.$cell.innerHTML = this._getHtml(), this.$cell.adpCell = this, this.$cell)), this.type = e, this.singleType = this.type.slice(0, -1), this.date = t, this.dp = i, this.opts = a, this.body = n, this.customData = !1, this.init();
+          }), L(this, "render", () => (this.$cell.innerHTML = this._getHtml(), this.$cell.adpCell = this, this.$cell)), this.type = e, this.singleType = this.type.slice(0, -1), this.date = t, this.dp = i, this.opts = a, this.body = n, this.customData = !1, this.init();
         }
         init() {
           let { range: e, onRenderCell: t } = this.opts;
@@ -144,7 +144,7 @@ var _e = de(function(D, $) {
         _createElement() {
           var e;
           let { year: t, month: i, date: a } = v(this.date), n = ((e = this.customData) === null || e === void 0 ? void 0 : e.attrs) || {};
-          this.$cell = C({ className: this._getClassName(), attrs: { "data-year": t, "data-month": i, "data-date": a, ...n } });
+          this.$cell = k({ className: this._getClassName(), attrs: { "data-year": t, "data-month": i, "data-date": a, ...n } });
         }
         _getClassName() {
           var e, t;
@@ -204,7 +204,7 @@ var _e = de(function(D, $) {
           return this.dp.isOtherDecade(this.date);
         }
       }
-      function k(r, e, t) {
+      function _(r, e, t) {
         return e in r ? Object.defineProperty(r, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[e] = t, r;
       }
       let pe = { [l.days]: '<div class="air-datepicker-body--day-names"></div>' + '<div class="air-datepicker-body--cells -'.concat(l.days, '-"></div>'), [l.months]: '<div class="air-datepicker-body--cells -'.concat(l.months, '-"></div>'), [l.years]: '<div class="air-datepicker-body--cells -'.concat(l.years, '-"></div>') };
@@ -212,7 +212,7 @@ var _e = de(function(D, $) {
       class ae {
         constructor(e) {
           let { dp: t, type: i, opts: a } = e;
-          k(this, "handleClick", (n) => {
+          _(this, "handleClick", (n) => {
             let s = n.target.closest(K).adpCell;
             if (s.isDisabled)
               return;
@@ -220,24 +220,24 @@ var _e = de(function(D, $) {
               return void this.dp.down();
             let o = this.dp._checkIfDateIsSelected(s.date, s.type);
             o ? this.dp._handleAlreadySelectedDates(o, s.date) : this.dp.selectDate(s.date);
-          }), k(this, "handleDayNameClick", (n) => {
+          }), _(this, "handleDayNameClick", (n) => {
             let s = n.target.getAttribute("data-day-index");
             this.opts.onClickDayName({ dayIndex: Number(s), datepicker: this.dp });
-          }), k(this, "onChangeCurrentView", (n) => {
+          }), _(this, "onChangeCurrentView", (n) => {
             n !== this.type ? this.hide() : (this.show(), this.render());
-          }), k(this, "onMouseOverCell", (n) => {
+          }), _(this, "onMouseOverCell", (n) => {
             let s = z(n.target, K);
             this.dp.setFocusDate(!!s && s.adpCell.date);
-          }), k(this, "onMouseOutCell", () => {
+          }), _(this, "onMouseOutCell", () => {
             this.dp.setFocusDate(!1);
-          }), k(this, "onClickBody", (n) => {
+          }), _(this, "onClickBody", (n) => {
             let { onClickDayName: s } = this.opts, o = n.target;
             o.closest(K) && this.handleClick(n), s && o.closest(".air-datepicker-body--day-name") && this.handleDayNameClick(n);
-          }), k(this, "onMouseDown", (n) => {
+          }), _(this, "onMouseDown", (n) => {
             this.pressed = !0;
             let s = z(n.target, K), o = s && s.adpCell;
             y(o.date, this.dp.rangeDateFrom) && (this.rangeFromFocused = !0), y(o.date, this.dp.rangeDateTo) && (this.rangeToFocused = !0);
-          }), k(this, "onMouseMove", (n) => {
+          }), _(this, "onMouseMove", (n) => {
             if (!this.pressed || !this.dp.isMinViewReached)
               return;
             n.preventDefault();
@@ -255,12 +255,12 @@ var _e = de(function(D, $) {
                 u.setHours(p), u.setMinutes(g), this.dp.rangeDateTo = u, this.dp.replaceDate(d, u);
               }
             }
-          }), k(this, "onMouseUp", () => {
+          }), _(this, "onMouseUp", () => {
             this.pressed = !1, this.rangeFromFocused = !1, this.rangeToFocused = !1;
-          }), k(this, "onChangeViewDate", (n, s) => {
+          }), _(this, "onChangeViewDate", (n, s) => {
             if (!this.isVisible)
               return;
-            let o = H(n), h = H(s);
+            let o = O(n), h = O(s);
             switch (this.dp.currentView) {
               case l.days:
                 if (y(n, s, l.months))
@@ -275,7 +275,7 @@ var _e = de(function(D, $) {
                   return;
             }
             this.render();
-          }), k(this, "render", () => {
+          }), _(this, "render", () => {
             this.destroyCells(), this._generateCells(), this.cells.forEach((n) => {
               this.$cells.appendChild(n.render());
             });
@@ -286,13 +286,13 @@ var _e = de(function(D, $) {
         }
         _bindEvents() {
           let { range: e, dynamicRange: t } = this.opts;
-          b(this.$el, "mouseover", this.onMouseOverCell), b(this.$el, "mouseout", this.onMouseOutCell), b(this.$el, "click", this.onClickBody), e && t && (b(this.$el, "mousedown", this.onMouseDown), b(this.$el, "mousemove", this.onMouseMove), b(window.document, "mouseup", this.onMouseUp));
+          C(this.$el, "mouseover", this.onMouseOverCell), C(this.$el, "mouseout", this.onMouseOutCell), C(this.$el, "click", this.onClickBody), e && t && (C(this.$el, "mousedown", this.onMouseDown), C(this.$el, "mousemove", this.onMouseMove), C(window.document, "mouseup", this.onMouseUp));
         }
         _bindDatepickerEvents() {
           this.dp.on(l.eventChangeViewDate, this.onChangeViewDate), this.dp.on(l.eventChangeCurrentView, this.onChangeCurrentView);
         }
         _buildBaseHtml() {
-          this.$el = C({ className: "air-datepicker-body -".concat(this.type, "-"), innerHtml: pe[this.type] }), this.$names = f(".air-datepicker-body--day-names", this.$el), this.$cells = f(".air-datepicker-body--cells", this.$el);
+          this.$el = k({ className: "air-datepicker-body -".concat(this.type, "-"), innerHtml: pe[this.type] }), this.$names = f(".air-datepicker-body--day-names", this.$el), this.$cells = f(".air-datepicker-body--cells", this.$el);
         }
         _getDayNamesHtml() {
           let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.dp.locale.firstDay, t = "", i = this.dp.isWeekend, { onClickDayName: a } = this.opts, n = e, s = 0;
@@ -308,10 +308,10 @@ var _e = de(function(D, $) {
           let c = function(B, U) {
             let { year: Y, month: j, date: q } = v(B);
             return new Date(Y, j, q - U);
-          }(s, h), u = i + h + d, p = c.getDate(), { year: g, month: w } = v(c), M = 0;
-          for (; M < u; ) {
-            let B = new Date(g, w, p + M);
-            this._generateCell(B), M++;
+          }(s, h), u = i + h + d, p = c.getDate(), { year: g, month: w } = v(c), $ = 0;
+          for (; $ < u; ) {
+            let B = new Date(g, w, p + $);
+            this._generateCell(B), $++;
           }
         }
         _generateCell(e) {
@@ -327,7 +327,7 @@ var _e = de(function(D, $) {
             this.cells.push(this._generateCell(new Date(e, t))), t++;
         }
         _generateYearCells() {
-          let e = H(this.dp.viewDate), t = e[0] - 1, i = e[1] + 1, a = t;
+          let e = O(this.dp.viewDate), t = e[0] - 1, i = e[1] + 1, a = t;
           for (; a <= i; )
             this.cells.push(this._generateCell(new Date(a, 0))), a++;
         }
@@ -359,30 +359,30 @@ var _e = de(function(D, $) {
           this.destroyCells(), this.dp.off(l.eventChangeViewDate, this.onChangeViewDate), this.dp.off(l.eventChangeCurrentView, this.onChangeCurrentView);
         }
       }
-      function L(r, e, t) {
+      function E(r, e, t) {
         return e in r ? Object.defineProperty(r, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[e] = t, r;
       }
       class me {
         constructor(e) {
           let { dp: t, opts: i } = e;
-          L(this, "onClickNav", (a) => {
+          E(this, "onClickNav", (a) => {
             let n = z(a.target, ".air-datepicker-nav--action");
             if (!n)
               return;
             let s = n.dataset.action;
             this.dp[s]();
-          }), L(this, "onChangeViewDate", () => {
+          }), E(this, "onChangeViewDate", () => {
             this.render(), this._resetNavStatus(), this.handleNavStatus();
-          }), L(this, "onChangeCurrentView", () => {
+          }), E(this, "onChangeCurrentView", () => {
             this.render(), this._resetNavStatus(), this.handleNavStatus();
-          }), L(this, "onClickNavTitle", () => {
+          }), E(this, "onClickNavTitle", () => {
             this.dp.isFinalView || this.dp.up();
-          }), L(this, "update", () => {
+          }), E(this, "update", () => {
             let { prevHtml: a, nextHtml: n } = this.opts;
             this.$prev.innerHTML = a, this.$next.innerHTML = n, this._resetNavStatus(), this.render(), this.handleNavStatus();
-          }), L(this, "renderDelay", () => {
+          }), E(this, "renderDelay", () => {
             setTimeout(this.render);
-          }), L(this, "render", () => {
+          }), E(this, "render", () => {
             this.$title.innerHTML = this._getTitle(), function(a, n) {
               for (let s in n)
                 n[s] ? a.classList.add(s) : a.classList.remove(s);
@@ -405,7 +405,7 @@ var _e = de(function(D, $) {
           this.dp.off(l.eventChangeViewDate, this.onChangeViewDate), this.dp.off(l.eventChangeCurrentView, this.onChangeCurrentView), this.isNavIsFunction && (this.dp.off(l.eventChangeSelectedDate, this.renderDelay), this.dp.opts.timepicker && this.dp.off(l.eventChangeTime, this.render));
         }
         _createElement() {
-          this.$el = C({ tagName: "nav", className: "air-datepicker-nav" });
+          this.$el = k({ tagName: "nav", className: "air-datepicker-nav" });
         }
         _getTitle() {
           let { dp: e, opts: t } = this, i = t.navTitles[e.currentView];
@@ -424,7 +424,7 @@ var _e = de(function(D, $) {
               t && s.year >= a && this._disableNav("prev"), i && o.year <= a && this._disableNav("next");
               break;
             case l.years: {
-              let h = H(this.dp.viewDate);
+              let h = O(this.dp.viewDate);
               t && s.year >= h[0] && this._disableNav("prev"), i && o.year <= h[1] && this._disableNav("next");
               break;
             }
@@ -461,7 +461,7 @@ var _e = de(function(D, $) {
           this.createElement(), this.render();
         }
         createElement() {
-          this.$el = C({ className: "air-datepicker-buttons" });
+          this.$el = k({ className: "air-datepicker-buttons" });
         }
         destroy() {
           this.$el.parentNode.removeChild(this.$el);
@@ -485,34 +485,34 @@ var _e = de(function(D, $) {
         }
         createButton(e) {
           let { content: t, className: i, tagName: a = "button", attrs: n = {} } = e, s = typeof t == "function" ? t(this.dp) : t;
-          return C({ tagName: a, innerHtml: "<span tabindex='-1'>".concat(s, "</span>"), className: S("air-datepicker-button", i), attrs: n });
+          return k({ tagName: a, innerHtml: "<span tabindex='-1'>".concat(s, "</span>"), className: S("air-datepicker-button", i), attrs: n });
         }
         render() {
           this.generateButtons();
         }
       }
-      function E(r, e, t) {
+      function A(r, e, t) {
         return e in r ? Object.defineProperty(r, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[e] = t, r;
       }
       class ve {
         constructor() {
           let { opts: e, dp: t } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-          E(this, "toggleTimepickerIsActive", (a) => {
+          A(this, "toggleTimepickerIsActive", (a) => {
             this.dp.timepickerIsActive = a;
-          }), E(this, "onChangeSelectedDate", (a) => {
+          }), A(this, "onChangeSelectedDate", (a) => {
             let { date: n, updateTime: s = !1 } = a;
             n && (this.setMinMaxTime(n), this.setCurrentTime(!!s && n), this.addTimeToDate(n));
-          }), E(this, "onChangeLastSelectedDate", (a) => {
+          }), A(this, "onChangeLastSelectedDate", (a) => {
             a && (this.setTime(a), this.render());
-          }), E(this, "onChangeInputRange", (a) => {
+          }), A(this, "onChangeInputRange", (a) => {
             let n = a.target;
             this[n.getAttribute("name")] = n.value, this.updateText(), this.dp.trigger(l.eventChangeTime, { hours: this.hours, minutes: this.minutes });
-          }), E(this, "onMouseEnterLeave", (a) => {
+          }), A(this, "onMouseEnterLeave", (a) => {
             let n = a.target.getAttribute("name"), s = this.$minutesText;
             n === "hours" && (s = this.$hoursText), s.classList.toggle("-focus-");
-          }), E(this, "onFocus", () => {
+          }), A(this, "onFocus", () => {
             this.toggleTimepickerIsActive(!0);
-          }), E(this, "onBlur", () => {
+          }), A(this, "onBlur", () => {
             this.toggleTimepickerIsActive(!1);
           }), this.opts = e, this.dp = t;
           let { timeFormat: i } = this.dp.locale;
@@ -526,10 +526,10 @@ var _e = de(function(D, $) {
         }
         bindDOMEvents() {
           let e = "input";
-          navigator.userAgent.match(/trident/gi) && (e = "change"), b(this.$ranges, e, this.onChangeInputRange), b(this.$ranges, "mouseenter", this.onMouseEnterLeave), b(this.$ranges, "mouseleave", this.onMouseEnterLeave), b(this.$ranges, "focus", this.onFocus), b(this.$ranges, "mousedown", this.onFocus), b(this.$ranges, "blur", this.onBlur);
+          navigator.userAgent.match(/trident/gi) && (e = "change"), C(this.$ranges, e, this.onChangeInputRange), C(this.$ranges, "mouseenter", this.onMouseEnterLeave), C(this.$ranges, "mouseleave", this.onMouseEnterLeave), C(this.$ranges, "focus", this.onFocus), C(this.$ranges, "mousedown", this.onFocus), C(this.$ranges, "blur", this.onBlur);
         }
         createElement() {
-          this.$el = C({ className: S("air-datepicker-time", { "-am-pm-": this.dp.ampm }) });
+          this.$el = k({ className: S("air-datepicker-time", { "-am-pm-": this.dp.ampm }) });
         }
         destroy() {
           this.dp.off(l.eventChangeSelectedDate, this.onChangeSelectedDate), this.dp.off(l.eventChangeLastSelectedDate, this.onChangeLastSelectedDate), this.$el.parentNode.removeChild(this.$el);
@@ -602,20 +602,20 @@ var _e = de(function(D, $) {
           this.updateSliders(), this.updateText();
         }
       }
-      function A(r, e, t) {
+      function N(r, e, t) {
         return e in r ? Object.defineProperty(r, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[e] = t, r;
       }
       class ye {
         constructor(e) {
           let { dp: t, opts: i } = e;
-          A(this, "pressedKeys", /* @__PURE__ */ new Set()), A(this, "hotKeys", /* @__PURE__ */ new Map([[[["Control", "ArrowRight"], ["Control", "ArrowUp"]], (a) => a.month++], [[["Control", "ArrowLeft"], ["Control", "ArrowDown"]], (a) => a.month--], [[["Shift", "ArrowRight"], ["Shift", "ArrowUp"]], (a) => a.year++], [[["Shift", "ArrowLeft"], ["Shift", "ArrowDown"]], (a) => a.year--], [[["Alt", "ArrowRight"], ["Alt", "ArrowUp"]], (a) => a.year += 10], [[["Alt", "ArrowLeft"], ["Alt", "ArrowDown"]], (a) => a.year -= 10], [["Control", "Shift", "ArrowUp"], (a, n) => n.up()]])), A(this, "handleHotKey", (a) => {
+          N(this, "pressedKeys", /* @__PURE__ */ new Set()), N(this, "hotKeys", /* @__PURE__ */ new Map([[[["Control", "ArrowRight"], ["Control", "ArrowUp"]], (a) => a.month++], [[["Control", "ArrowLeft"], ["Control", "ArrowDown"]], (a) => a.month--], [[["Shift", "ArrowRight"], ["Shift", "ArrowUp"]], (a) => a.year++], [[["Shift", "ArrowLeft"], ["Shift", "ArrowDown"]], (a) => a.year--], [[["Alt", "ArrowRight"], ["Alt", "ArrowUp"]], (a) => a.year += 10], [[["Alt", "ArrowLeft"], ["Alt", "ArrowDown"]], (a) => a.year -= 10], [["Control", "Shift", "ArrowUp"], (a, n) => n.up()]])), N(this, "handleHotKey", (a) => {
             let n = this.hotKeys.get(a), s = v(this.getInitialFocusDate());
             n(s, this.dp);
             let { year: o, month: h, date: d } = s, c = se(new Date(o, h));
             c < d && (d = c);
             let u = this.dp.getClampedDate(new Date(o, h, d));
             this.dp.setFocusDate(u, { viewDateTransition: !0 });
-          }), A(this, "isHotKeyPressed", () => {
+          }), N(this, "isHotKeyPressed", () => {
             let a = !1, n = this.pressedKeys.size, s = (o) => this.pressedKeys.has(o);
             for (let [o] of this.hotKeys) {
               if (a)
@@ -631,7 +631,7 @@ var _e = de(function(D, $) {
               }
             }
             return a;
-          }), A(this, "isArrow", (a) => a >= 37 && a <= 40), A(this, "onKeyDown", (a) => {
+          }), N(this, "isArrow", (a) => a >= 37 && a <= 40), N(this, "onKeyDown", (a) => {
             let { key: n, which: s } = a, { dp: o, dp: { focusDate: h }, opts: d } = this;
             this.registerKey(n);
             let c = this.isHotKeyPressed();
@@ -648,7 +648,7 @@ var _e = de(function(D, $) {
               }
             }
             n === "Escape" && this.dp.hide();
-          }), A(this, "onKeyUp", (a) => {
+          }), N(this, "onKeyUp", (a) => {
             this.removeKey(a.key);
           }), this.dp = t, this.opts = i, this.init();
         }
@@ -720,7 +720,7 @@ var _e = de(function(D, $) {
         return e in r ? Object.defineProperty(r, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[e] = t, r;
       }
       let ee = "", J = "", V = "", re = !1;
-      class F {
+      class H {
         constructor(e, t) {
           var i = this;
           if (m(this, "viewIndexes", [l.days, l.months, l.years]), m(this, "next", () => {
@@ -753,7 +753,7 @@ var _e = de(function(D, $) {
             let o = arguments.length > 1 && arguments[1] !== void 0 && arguments[1];
             if (typeof (s = s || i.opts.position) == "function")
               return void (i.customHide = s({ $datepicker: i.$datepicker, $target: i.$el, $pointer: i.$pointer, isViewChange: o, done: i._finishHide }));
-            let h, d, { isMobile: c } = i.opts, u = i.$el.getBoundingClientRect(), p = i.$el.getBoundingClientRect(), g = i.$datepicker.offsetParent, w = i.$el.offsetParent, M = i.$datepicker.getBoundingClientRect(), B = s.split(" "), U = window.scrollY, Y = window.scrollX, j = i.opts.offset, q = B[0], fe = B[1];
+            let h, d, { isMobile: c } = i.opts, u = i.$el.getBoundingClientRect(), p = i.$el.getBoundingClientRect(), g = i.$datepicker.offsetParent, w = i.$el.offsetParent, $ = i.$datepicker.getBoundingClientRect(), B = s.split(" "), U = window.scrollY, Y = window.scrollX, j = i.opts.offset, q = B[0], fe = B[1];
             if (c)
               i.$datepicker.style.cssText = "left: 50%; top: 50%";
             else {
@@ -763,7 +763,7 @@ var _e = de(function(D, $) {
               }
               switch (q) {
                 case "top":
-                  h = p.top - M.height - j;
+                  h = p.top - $.height - j;
                   break;
                 case "right":
                   d = p.left + p.width + j;
@@ -772,23 +772,23 @@ var _e = de(function(D, $) {
                   h = p.top + p.height + j;
                   break;
                 case "left":
-                  d = p.left - M.width - j;
+                  d = p.left - $.width - j;
               }
               switch (fe) {
                 case "top":
                   h = p.top;
                   break;
                 case "right":
-                  d = p.left + p.width - M.width;
+                  d = p.left + p.width - $.width;
                   break;
                 case "bottom":
-                  h = p.top + p.height - M.height;
+                  h = p.top + p.height - $.height;
                   break;
                 case "left":
                   d = p.left;
                   break;
                 case "center":
-                  /left|right/.test(q) ? h = p.top + p.height / 2 - M.height / 2 : d = p.left + p.width / 2 - M.width / 2;
+                  /left|right/.test(q) ? h = p.top + p.height / 2 - $.height / 2 : d = p.left + p.width / 2 - $.width / 2;
               }
               i.$datepicker.style.cssText = "left: ".concat(d + Y, "px; top: ").concat(h + U, "px");
             }
@@ -814,7 +814,7 @@ var _e = de(function(D, $) {
           }), m(this, "_cancelScheduledCall", () => {
             this.$datepicker.removeEventListener("transitionend", this._onTransitionEnd);
           }), m(this, "setViewDate", (s) => {
-            if (!((s = _(s)) instanceof Date) || y(s, this.viewDate))
+            if (!((s = M(s)) instanceof Date) || y(s, this.viewDate))
               return;
             let o = this.viewDate;
             this.viewDate = s;
@@ -826,7 +826,7 @@ var _e = de(function(D, $) {
             this.trigger(l.eventChangeViewDate, s, o);
           }), m(this, "setFocusDate", function(s) {
             let o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-            (!s || (s = _(s)) instanceof Date) && (i.focusDate = s, i.opts.range && s && i._handleRangeOnFocus(), i.trigger(l.eventChangeFocusDate, s, o));
+            (!s || (s = M(s)) instanceof Date) && (i.focusDate = s, i.opts.range && s && i._handleRangeOnFocus(), i.trigger(l.eventChangeFocusDate, s, o));
           }), m(this, "setCurrentView", (s) => {
             if (this.viewIndexes.includes(s)) {
               if (this.currentView = s, this.elIsInput && this.visible && this.setPosition(void 0, !0), this.trigger(l.eventChangeCurrentView, s), !this.views[s]) {
@@ -852,7 +852,7 @@ var _e = de(function(D, $) {
             let { year: o } = v(s);
             return o !== this.parsedViewDate.year;
           }), m(this, "isOtherDecade", (s) => {
-            let { year: o } = v(s), [h, d] = H(this.viewDate);
+            let { year: o } = v(s), [h, d] = O(this.viewDate);
             return o < h || o > d;
           }), m(this, "_onChangeSelectedDate", (s) => {
             let { silent: o } = s;
@@ -887,17 +887,17 @@ var _e = de(function(D, $) {
             return h && T(s, h) ? d = h : o && P(s, o) && (d = o), d;
           }), this.$el = f(e), !this.$el)
             return;
-          this.$datepicker = C({ className: "air-datepicker" }), this.opts = Z({}, ie, t), this.$customContainer = !!this.opts.container && f(this.opts.container), this.$altField = f(this.opts.altField || !1), ee || (ee = f("body"));
+          this.$datepicker = k({ className: "air-datepicker" }), this.opts = Z({}, ie, t), this.$customContainer = !!this.opts.container && f(this.opts.container), this.$altField = f(this.opts.altField || !1), ee || (ee = f("body"));
           let { view: a, startDate: n } = this.opts;
-          n || (this.opts.startDate = new Date()), this.$el.nodeName === "INPUT" && (this.elIsInput = !0), this.inited = !1, this.visible = !1, this.viewDate = _(this.opts.startDate), this.focusDate = !1, this.initialReadonly = this.$el.getAttribute("readonly"), this.customHide = !1, this.currentView = a, this.selectedDates = [], this.views = {}, this.keys = [], this.rangeDateFrom = "", this.rangeDateTo = "", this.timepickerIsActive = !1, this.treatAsInline = this.opts.inline || !this.elIsInput, this.init();
+          n || (this.opts.startDate = new Date()), this.$el.nodeName === "INPUT" && (this.elIsInput = !0), this.inited = !1, this.visible = !1, this.viewDate = M(this.opts.startDate), this.focusDate = !1, this.initialReadonly = this.$el.getAttribute("readonly"), this.customHide = !1, this.currentView = a, this.selectedDates = [], this.views = {}, this.keys = [], this.rangeDateFrom = "", this.rangeDateTo = "", this.timepickerIsActive = !1, this.treatAsInline = this.opts.inline || !this.elIsInput, this.init();
         }
         init() {
           let { opts: e, treatAsInline: t, opts: { inline: i, isMobile: a, selectedDates: n, keyboardNav: s, onlyTimepicker: o } } = this;
           var h;
-          re || i || !this.elIsInput || (re = !0, J = C({ className: h = F.defaultContainerId, id: h }), ee.appendChild(J)), !a || V || t || this._createMobileOverlay(), this._handleLocale(), this._bindSubEvents(), this._createMinMaxDates(), this._limitViewDateByMaxMinDates(), this.elIsInput && (i || this._bindEvents(), s && !o && (this.keyboardNav = new ye({ dp: this, opts: e }))), n && this.selectDate(n, { silent: !0 }), this.opts.visible && !t && this.show(), a && !t && this.$el.setAttribute("readonly", !0), t && this._createComponents();
+          re || i || !this.elIsInput || (re = !0, J = k({ className: h = H.defaultContainerId, id: h }), ee.appendChild(J)), !a || V || t || this._createMobileOverlay(), this._handleLocale(), this._bindSubEvents(), this._createMinMaxDates(), this._limitViewDateByMaxMinDates(), this.elIsInput && (i || this._bindEvents(), s && !o && (this.keyboardNav = new ye({ dp: this, opts: e }))), n && this.selectDate(n, { silent: !0 }), this.opts.visible && !t && this.show(), a && !t && this.$el.setAttribute("readonly", !0), t && this._createComponents();
         }
         _createMobileOverlay() {
-          V = C({ className: "air-datepicker-overlay" }), J.appendChild(V);
+          V = k({ className: "air-datepicker-overlay" }), J.appendChild(V);
         }
         _createComponents() {
           let { opts: e, treatAsInline: t, opts: { inline: i, buttons: a, timepicker: n, position: s, classes: o, onlyTimepicker: h, isMobile: d } } = this;
@@ -916,13 +916,13 @@ var _e = de(function(D, $) {
         }
         _createMinMaxDates() {
           let { minDate: e, maxDate: t } = this.opts;
-          this.minDate = !!e && _(e), this.maxDate = !!t && _(t);
+          this.minDate = !!e && M(e), this.maxDate = !!t && M(t);
         }
         _addTimepicker() {
-          this.$timepicker = C({ className: "air-datepicker--time" }), this.$datepicker.appendChild(this.$timepicker), this.timepicker = new ve({ dp: this, opts: this.opts }), this.$timepicker.appendChild(this.timepicker.$el);
+          this.$timepicker = k({ className: "air-datepicker--time" }), this.$datepicker.appendChild(this.$timepicker), this.timepicker = new ve({ dp: this, opts: this.opts }), this.$timepicker.appendChild(this.timepicker.$el);
         }
         _addButtons() {
-          this.$buttons = C({ className: "air-datepicker--buttons" }), this.$datepicker.appendChild(this.$buttons), this.buttons = new ge({ dp: this, opts: this.opts }), this.$buttons.appendChild(this.buttons.$el);
+          this.$buttons = k({ className: "air-datepicker--buttons" }), this.$datepicker.appendChild(this.$buttons), this.buttons = new ge({ dp: this, opts: this.opts }), this.$buttons.appendChild(this.buttons.$el);
         }
         _bindSubEvents() {
           this.on(l.eventChangeSelectedDate, this._onChangeSelectedDate), this.on(l.eventChangeFocusDate, this._onChangeFocusedDate), this.on(l.eventChangeTime, this._onChangeTime);
@@ -958,9 +958,9 @@ var _e = de(function(D, $) {
         }
         formatDate() {
           let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.viewDate, t = arguments.length > 1 ? arguments[1] : void 0;
-          if (e = _(e), !(e instanceof Date))
+          if (e = M(e), !(e instanceof Date))
             return;
-          let i = t, a = this.locale, n = v(e), s = H(e), o = F.replacer, h = "am";
+          let i = t, a = this.locale, n = v(e), s = O(e), o = H.replacer, h = "am";
           this.opts.timepicker && this.timepicker && (h = this.timepicker.getDayPeriod(e).dayPeriod);
           let d = { T: e.getTime(), m: n.minutes, mm: n.fullMinutes, h: n.hours12, hh: n.fullHours12, H: n.hours, HH: n.fullHours, aa: h, AA: h.toUpperCase(), E: a.daysShort[n.day], EEEE: a.days[n.day], d: n.date, dd: n.fullDate, M: n.month + 1, MM: n.fullMonth, MMM: a.monthsShort[n.month], MMMM: a.months[n.month], yy: n.year.toString().slice(-2), yyyy: n.year, yyyy1: s[0], yyyy2: s[1] };
           for (let [c, u] of Object.entries(d))
@@ -981,7 +981,7 @@ var _e = de(function(D, $) {
             }), new Promise((w) => {
               setTimeout(w);
             });
-          if ((e = _(e)) instanceof Date) {
+          if ((e = M(e)) instanceof Date) {
             if (a === l.days && e.getMonth() !== n.month && h && (t = new Date(e.getFullYear(), e.getMonth(), 1)), a === l.years && e.getFullYear() !== n.year && d && (t = new Date(e.getFullYear(), 0, 1)), t && this.setViewDate(t), c && !u) {
               if (g === c)
                 return;
@@ -1006,7 +1006,7 @@ var _e = de(function(D, $) {
         }
         unselectDate(e) {
           let t = this.selectedDates, i = this;
-          if ((e = _(e)) instanceof Date)
+          if ((e = M(e)) instanceof Date)
             return t.some((a, n) => {
               if (y(a, e))
                 return t.splice(n, 1), i.selectedDates.length ? i._updateLastSelectedDate(i.selectedDates[i.selectedDates.length - 1]) : (i.rangeDateFrom = "", i.rangeDateTo = "", i._updateLastSelectedDate(!1)), this.trigger(l.eventChangeSelectedDate, { action: l.actionUnselectDate, date: e }), !0;
@@ -1041,7 +1041,7 @@ var _e = de(function(D, $) {
           i ? a ? this.unselectDate(t) : this.selectedDates.length !== 2 && this.selectDate(t) : a && this.unselectDate(t), a || this._updateLastSelectedDate(e);
         }
         _handleUpDownActions(e, t) {
-          if (!((e = _(e || this.focusDate || this.viewDate)) instanceof Date))
+          if (!((e = M(e || this.focusDate || this.viewDate)) instanceof Date))
             return;
           let i = t === "up" ? this.viewIndex + 1 : this.viewIndex - 1;
           i > 2 && (i = 2), i < 0 && (i = 0), this.setViewDate(new Date(e.getFullYear(), e.getMonth(), 1)), this.setCurrentView(this.viewIndexes[i]);
@@ -1051,7 +1051,7 @@ var _e = de(function(D, $) {
         }
         getCell(e) {
           let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : l.day;
-          if (!((e = _(e)) instanceof Date))
+          if (!((e = M(e)) instanceof Date))
             return;
           let { year: i, month: a, date: n } = v(e), s = '[data-year="'.concat(i, '"]'), o = '[data-month="'.concat(a, '"]'), h = '[data-date="'.concat(n, '"]'), d = { [l.day]: "".concat(s).concat(o).concat(h), [l.month]: "".concat(s).concat(o), [l.year]: "".concat(s) };
           return this.views[this.currentView].$el.querySelector(d[t]);
@@ -1072,7 +1072,7 @@ var _e = de(function(D, $) {
           return this.currentView.slice(0, -1);
         }
         get curDecade() {
-          return H(this.viewDate);
+          return O(this.viewDate);
         }
         get viewIndex() {
           return this.viewIndexes.indexOf(this.currentView);
@@ -1096,14 +1096,14 @@ var _e = de(function(D, $) {
         }
       }
       var oe;
-      return m(F, "defaults", ie), m(F, "version", "3.3.0"), m(F, "defaultContainerId", "air-datepicker-global-container"), oe = F.prototype, Object.assign(oe, De), W.default;
+      return m(H, "defaults", ie), m(H, "version", "3.3.0"), m(H, "defaultContainerId", "air-datepicker-global-container"), oe = H.prototype, Object.assign(oe, De), W.default;
     }();
   });
-}), Me = de(function(D, $) {
-  Object.defineProperty($, "__esModule", {
+}), Me = de(function(D, b) {
+  Object.defineProperty(b, "__esModule", {
     value: !0
-  }), $.default = void 0;
-  var N = {
+  }), b.default = void 0;
+  var F = {
     days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
     daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
     daysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
@@ -1115,12 +1115,12 @@ var _e = de(function(D, $) {
     timeFormat: "hh:mm aa",
     firstDay: 0
   };
-  $.default = N;
+  b.default = F;
 });
 const $e = /* @__PURE__ */ ke(Me), Se = ':host{display:block}:host *{box-sizing:border-box}.date-picker{padding:var(--s-space-8) var(--s-space-16);background-color:var(--s-surface-overlay-default);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);letter-spacing:var(--s-letter-spacing-tighter)}@media (min-width: 768px){.date-picker{max-width:17.5rem}}.air-datepicker--pointer{display:none}.air-datepicker-nav{display:flex;margin-bottom:var(--s-space-8);align-items:center}.air-datepicker-nav--action{position:relative;display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border-radius:50%;color:var(--s-icon-highlight);cursor:pointer;order:2}.air-datepicker-nav--action:hover{background-color:var(--s-surface-overlay-hovered)}.air-datepicker-nav--title{padding:var(--s-space-8);flex-grow:1;border-radius:var(--s-border-radius-s);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;cursor:pointer;order:0}.air-datepicker-nav--title i{font-style:normal}.air-datepicker-body--day-names{display:flex;margin-bottom:var(--s-space-8);justify-content:space-between;align-items:center}.air-datepicker-body--day-name{display:inline-flex;flex-basis:calc(100 / 7 * 1%);justify-content:center;align-items:center;color:var(--s-text-subdued);aspect-ratio:1}.air-datepicker-body--cells{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between}.air-datepicker-body--cells.-months-{gap:var(--s-space-2)}.air-datepicker-cell{position:relative;display:inline-flex;flex-basis:calc(100 / 7 * 1%);justify-content:center;align-items:center;font-weight:var(--s-font-weight-medium);cursor:pointer;aspect-ratio:1}.air-datepicker-cell:not(.-month-):not(.-year-):not(.-in-range-):hover:before{position:absolute;z-index:-1;border-radius:50%;background-color:var(--s-surface-overlay-hovered);content:"";inset:0}.air-datepicker-cell.-month-,.air-datepicker-cell.-year-{height:2.5rem;flex-basis:calc(100 / 3 * 1% - var(--s-space-2) * 2);border-radius:var(--s-border-radius-s);aspect-ratio:auto}.air-datepicker-cell.-month-.-in-range-:before,.air-datepicker-cell.-year-.-in-range-:before{border-radius:var(--s-border-radius-s)}.air-datepicker-cell.-month-:hover:not(.-in-range-):not(.-selected-),.air-datepicker-cell.-year-:hover:not(.-in-range-):not(.-selected-){background-color:var(--s-surface-overlay-hovered)}.air-datepicker-cell.-other-month-{color:var(--s-text-subdued)}.air-datepicker-cell.-current-:not(.-month-):not(.-year-):after{position:absolute;z-index:-1;border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:50%;content:"";inset:0}.air-datepicker-cell.-selected-{color:var(--s-text-on-surface-highlight)}.air-datepicker-cell.-selected-.-year-,.air-datepicker-cell.-selected-.-month-{background-color:var(--s-surface-highlight-default)}.air-datepicker-cell.-selected-:not(.-month-):not(.-year-):not(.-in-range-):before{position:absolute;z-index:-1;border-radius:50%;background-color:var(--s-surface-highlight-default);content:"";inset:0}.air-datepicker-cell.-disabled-{color:var(--s-text-subdued);cursor:default}.air-datepicker-cell.-disabled-:hover{background-color:transparent}.air-datepicker-cell.-in-range-:before{position:absolute;z-index:-1;top:0.0625rem;right:0;bottom:0.0625rem;left:0;border-radius:0;background-color:var(--s-surface-highlight-default);content:"";opacity:0.2}.air-datepicker-cell.-range-from-:not(.-month-):not(.-year-):not(.-range-to-):hover{color:var(--s-text-on-surface-highlight)}.air-datepicker-cell.-range-from-:not(.-month-):not(.-year-):not(.-range-to-):before{position:absolute;z-index:-1;border-radius:50%;background-color:var(--s-surface-highlight-default);content:"";inset:0}.air-datepicker-cell.-range-from-:not(.-month-):not(.-year-):not(.-range-to-):after{position:absolute;z-index:-1;top:0.0625rem;right:0;bottom:0.0625rem;left:50%;border-radius:0;background-color:var(--s-surface-highlight-default);content:"";opacity:0.2}.air-datepicker-cell.-range-to-:not(.-month-):not(.-year-):not(.-range-from-):hover{color:var(--s-text-on-surface-highlight)}.air-datepicker-cell.-range-to-:not(.-month-):not(.-year-):not(.-range-from-):before{position:absolute;z-index:-1;border-radius:50%;background-color:var(--s-surface-highlight-default);content:"";inset:0}.air-datepicker-cell.-range-to-:not(.-month-):not(.-year-):not(.-range-from-):after{position:absolute;z-index:-1;top:0.0625rem;right:50%;bottom:0.0625rem;left:0;border-radius:0;background-color:var(--s-surface-highlight-default);content:"";opacity:0.2}.-hidden-{display:none}', Te = class {
   constructor(D) {
-    le(this, D), this.valueChange = we(this, "valueChange", 3), this.locale = $e, this.onClick = ($) => {
-      $.stopPropagation(), $.preventDefault();
+    le(this, D), this.valueChange = we(this, "valueChange", 3), this.locale = $e, this.onClick = (b) => {
+      b.stopPropagation(), b.preventDefault();
     };
   }
   watchProps() {
@@ -1135,7 +1135,9 @@ const $e = /* @__PURE__ */ ke(Me), Se = ':host{display:block}:host *{box-sizing:
   }
   init() {
     var D;
-    (D = this.picker) === null || D === void 0 || D.destroy(), this.picker = new _e(this.containerEl, {
+    (D = this.picker) === null || D === void 0 || D.destroy();
+    let b;
+    this.value === void 0 ? b = void 0 : Array.isArray(this.value) ? b = this.value : b = [this.value], this.picker = new _e(this.containerEl, {
       classes: "date-picker",
       inline: !0,
       locale: this.locale,
@@ -1143,12 +1145,12 @@ const $e = /* @__PURE__ */ ke(Me), Se = ':host{display:block}:host *{box-sizing:
       minDate: this.minDate,
       minView: "days",
       nextHtml: "<flip-icon-chevron-right></flip-icon-chevron-right>",
-      onSelect: ({ date: $ }) => {
-        this.valueChange.emit($);
+      onSelect: ({ date: F }) => {
+        this.valueChange.emit(F);
       },
       prevHtml: "<flip-icon-chevron-left></flip-icon-chevron-left>",
       range: this.range,
-      selectedDates: this.value === void 0 ? void 0 : Array.isArray(this.value) ? this.value : [this.value],
+      selectedDates: b,
       startDate: this.startDate,
       toggleSelected: !this.range,
       view: "days"