@kdcloudjs/shoelace 1.0.50 → 1.0.51

package/cdn/chunks/chunk.GRNBQQOZ.js

@@ -1,1291 +0,0 @@
-import {
-  SlTimePanel
-} from "./chunk.C3ERAERA.js";
-import {
-  calendar_picker_styles_default
-} from "./chunk.CNOATE66.js";
-import {
-  SlButton
-} from "./chunk.SBJYRRNX.js";
-import {
-  SlIcon
-} from "./chunk.HAQD5VH2.js";
-import {
-  e
-} from "./chunk.ZLKEMKLZ.js";
-import {
-  watch
-} from "./chunk.WID3TCT6.js";
-import {
-  component_styles_default
-} from "./chunk.WT5BNBAS.js";
-import {
-  ShoelaceElement,
-  e as e2,
-  n,
-  r
-} from "./chunk.LDOWFQPY.js";
-import {
-  b
-} from "./chunk.7Z2GKZ7U.js";
-import {
-  __commonJS,
-  __decorateClass,
-  __toESM
-} from "./chunk.CZCSAYQZ.js";
-
-// node_modules/dayjs/plugin/customParseFormat.js
-var require_customParseFormat = __commonJS({
-  "node_modules/dayjs/plugin/customParseFormat.js"(exports, module) {
-    !function(e3, t) {
-      "object" == typeof exports && "undefined" != typeof module ? module.exports = t() : "function" == typeof define && define.amd ? define(t) : (e3 = "undefined" != typeof globalThis ? globalThis : e3 || self).dayjs_plugin_customParseFormat = t();
-    }(exports, function() {
-      "use strict";
-      var e3 = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, t = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, n2 = /\d/, r2 = /\d\d/, i = /\d\d?/, o = /\d*[^-_:/,()\s\d]+/, s = {}, a = function(e4) {
-        return (e4 = +e4) + (e4 > 68 ? 1900 : 2e3);
-      };
-      var f = function(e4) {
-        return function(t2) {
-          this[e4] = +t2;
-        };
-      }, h = [/[+-]\d\d:?(\d\d)?|Z/, function(e4) {
-        (this.zone || (this.zone = {})).offset = function(e5) {
-          if (!e5) return 0;
-          if ("Z" === e5) return 0;
-          var t2 = e5.match(/([+-]|\d\d)/g), n3 = 60 * t2[1] + (+t2[2] || 0);
-          return 0 === n3 ? 0 : "+" === t2[0] ? -n3 : n3;
-        }(e4);
-      }], u = function(e4) {
-        var t2 = s[e4];
-        return t2 && (t2.indexOf ? t2 : t2.s.concat(t2.f));
-      }, d = function(e4, t2) {
-        var n3, r3 = s.meridiem;
-        if (r3) {
-          for (var i2 = 1; i2 <= 24; i2 += 1) if (e4.indexOf(r3(i2, 0, t2)) > -1) {
-            n3 = i2 > 12;
-            break;
-          }
-        } else n3 = e4 === (t2 ? "pm" : "PM");
-        return n3;
-      }, c = { A: [o, function(e4) {
-        this.afternoon = d(e4, false);
-      }], a: [o, function(e4) {
-        this.afternoon = d(e4, true);
-      }], Q: [n2, function(e4) {
-        this.month = 3 * (e4 - 1) + 1;
-      }], S: [n2, function(e4) {
-        this.milliseconds = 100 * +e4;
-      }], SS: [r2, function(e4) {
-        this.milliseconds = 10 * +e4;
-      }], SSS: [/\d{3}/, function(e4) {
-        this.milliseconds = +e4;
-      }], s: [i, f("seconds")], ss: [i, f("seconds")], m: [i, f("minutes")], mm: [i, f("minutes")], H: [i, f("hours")], h: [i, f("hours")], HH: [i, f("hours")], hh: [i, f("hours")], D: [i, f("day")], DD: [r2, f("day")], Do: [o, function(e4) {
-        var t2 = s.ordinal, n3 = e4.match(/\d+/);
-        if (this.day = n3[0], t2) for (var r3 = 1; r3 <= 31; r3 += 1) t2(r3).replace(/\[|\]/g, "") === e4 && (this.day = r3);
-      }], w: [i, f("week")], ww: [r2, f("week")], M: [i, f("month")], MM: [r2, f("month")], MMM: [o, function(e4) {
-        var t2 = u("months"), n3 = (u("monthsShort") || t2.map(function(e5) {
-          return e5.slice(0, 3);
-        })).indexOf(e4) + 1;
-        if (n3 < 1) throw new Error();
-        this.month = n3 % 12 || n3;
-      }], MMMM: [o, function(e4) {
-        var t2 = u("months").indexOf(e4) + 1;
-        if (t2 < 1) throw new Error();
-        this.month = t2 % 12 || t2;
-      }], Y: [/[+-]?\d+/, f("year")], YY: [r2, function(e4) {
-        this.year = a(e4);
-      }], YYYY: [/\d{4}/, f("year")], Z: h, ZZ: h };
-      function l(n3) {
-        var r3, i2;
-        r3 = n3, i2 = s && s.formats;
-        for (var o2 = (n3 = r3.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(t2, n4, r4) {
-          var o3 = r4 && r4.toUpperCase();
-          return n4 || i2[r4] || e3[r4] || i2[o3].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(e4, t3, n5) {
-            return t3 || n5.slice(1);
-          });
-        })).match(t), a2 = o2.length, f2 = 0; f2 < a2; f2 += 1) {
-          var h2 = o2[f2], u2 = c[h2], d2 = u2 && u2[0], l2 = u2 && u2[1];
-          o2[f2] = l2 ? { regex: d2, parser: l2 } : h2.replace(/^\[|\]$/g, "");
-        }
-        return function(e4) {
-          for (var t2 = {}, n4 = 0, r4 = 0; n4 < a2; n4 += 1) {
-            var i3 = o2[n4];
-            if ("string" == typeof i3) r4 += i3.length;
-            else {
-              var s2 = i3.regex, f3 = i3.parser, h3 = e4.slice(r4), u3 = s2.exec(h3)[0];
-              f3.call(t2, u3), e4 = e4.replace(u3, "");
-            }
-          }
-          return function(e5) {
-            var t3 = e5.afternoon;
-            if (void 0 !== t3) {
-              var n5 = e5.hours;
-              t3 ? n5 < 12 && (e5.hours += 12) : 12 === n5 && (e5.hours = 0), delete e5.afternoon;
-            }
-          }(t2), t2;
-        };
-      }
-      return function(e4, t2, n3) {
-        n3.p.customParseFormat = true, e4 && e4.parseTwoDigitYear && (a = e4.parseTwoDigitYear);
-        var r3 = t2.prototype, i2 = r3.parse;
-        r3.parse = function(e5) {
-          var t3 = e5.date, r4 = e5.utc, o2 = e5.args;
-          this.$u = r4;
-          var a2 = o2[1];
-          if ("string" == typeof a2) {
-            var f2 = true === o2[2], h2 = true === o2[3], u2 = f2 || h2, d2 = o2[2];
-            h2 && (d2 = o2[2]), s = this.$locale(), !f2 && d2 && (s = n3.Ls[d2]), this.$d = function(e6, t4, n4, r5) {
-              try {
-                if (["x", "X"].indexOf(t4) > -1) return new Date(("X" === t4 ? 1e3 : 1) * e6);
-                var i3 = l(t4)(e6), o3 = i3.year, s2 = i3.month, a3 = i3.day, f3 = i3.hours, h3 = i3.minutes, u3 = i3.seconds, d3 = i3.milliseconds, c3 = i3.zone, m2 = i3.week, M2 = /* @__PURE__ */ new Date(), Y = a3 || (o3 || s2 ? 1 : M2.getDate()), p = o3 || M2.getFullYear(), v = 0;
-                o3 && !s2 || (v = s2 > 0 ? s2 - 1 : M2.getMonth());
-                var D, w = f3 || 0, g = h3 || 0, y = u3 || 0, L = d3 || 0;
-                return c3 ? new Date(Date.UTC(p, v, Y, w, g, y, L + 60 * c3.offset * 1e3)) : n4 ? new Date(Date.UTC(p, v, Y, w, g, y, L)) : (D = new Date(p, v, Y, w, g, y, L), m2 && (D = r5(D).week(m2).toDate()), D);
-              } catch (e7) {
-                return /* @__PURE__ */ new Date("");
-              }
-            }(t3, a2, r4, n3), this.init(), d2 && true !== d2 && (this.$L = this.locale(d2).$L), u2 && t3 != this.format(a2) && (this.$d = /* @__PURE__ */ new Date("")), s = {};
-          } else if (a2 instanceof Array) for (var c2 = a2.length, m = 1; m <= c2; m += 1) {
-            o2[1] = a2[m - 1];
-            var M = n3.apply(this, o2);
-            if (M.isValid()) {
-              this.$d = M.$d, this.$L = M.$L, this.init();
-              break;
-            }
-            m === c2 && (this.$d = /* @__PURE__ */ new Date(""));
-          }
-          else i2.call(this, e5);
-        };
-      };
-    });
-  }
-});
-
-// node_modules/dayjs/dayjs.min.js
-var require_dayjs_min = __commonJS({
-  "node_modules/dayjs/dayjs.min.js"(exports, module) {
-    !function(t, e3) {
-      "object" == typeof exports && "undefined" != typeof module ? module.exports = e3() : "function" == typeof define && define.amd ? define(e3) : (t = "undefined" != typeof globalThis ? globalThis : t || self).dayjs = e3();
-    }(exports, function() {
-      "use strict";
-      var t = 1e3, e3 = 6e4, n2 = 36e5, r2 = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", c = "month", f = "quarter", h = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t2) {
-        var e4 = ["th", "st", "nd", "rd"], n3 = t2 % 100;
-        return "[" + t2 + (e4[(n3 - 20) % 10] || e4[n3] || e4[0]) + "]";
-      } }, m = function(t2, e4, n3) {
-        var r3 = String(t2);
-        return !r3 || r3.length >= e4 ? t2 : "" + Array(e4 + 1 - r3.length).join(n3) + t2;
-      }, v = { s: m, z: function(t2) {
-        var e4 = -t2.utcOffset(), n3 = Math.abs(e4), r3 = Math.floor(n3 / 60), i2 = n3 % 60;
-        return (e4 <= 0 ? "+" : "-") + m(r3, 2, "0") + ":" + m(i2, 2, "0");
-      }, m: function t2(e4, n3) {
-        if (e4.date() < n3.date()) return -t2(n3, e4);
-        var r3 = 12 * (n3.year() - e4.year()) + (n3.month() - e4.month()), i2 = e4.clone().add(r3, c), s2 = n3 - i2 < 0, u2 = e4.clone().add(r3 + (s2 ? -1 : 1), c);
-        return +(-(r3 + (n3 - i2) / (s2 ? i2 - u2 : u2 - i2)) || 0);
-      }, a: function(t2) {
-        return t2 < 0 ? Math.ceil(t2) || 0 : Math.floor(t2);
-      }, p: function(t2) {
-        return { M: c, y: h, w: o, d: a, D: d, h: u, m: s, s: i, ms: r2, Q: f }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
-      }, u: function(t2) {
-        return void 0 === t2;
-      } }, g = "en", D = {};
-      D[g] = M;
-      var p = "$isDayjsObject", S = function(t2) {
-        return t2 instanceof _ || !(!t2 || !t2[p]);
-      }, w = function t2(e4, n3, r3) {
-        var i2;
-        if (!e4) return g;
-        if ("string" == typeof e4) {
-          var s2 = e4.toLowerCase();
-          D[s2] && (i2 = s2), n3 && (D[s2] = n3, i2 = s2);
-          var u2 = e4.split("-");
-          if (!i2 && u2.length > 1) return t2(u2[0]);
-        } else {
-          var a2 = e4.name;
-          D[a2] = e4, i2 = a2;
-        }
-        return !r3 && i2 && (g = i2), i2 || !r3 && g;
-      }, O = function(t2, e4) {
-        if (S(t2)) return t2.clone();
-        var n3 = "object" == typeof e4 ? e4 : {};
-        return n3.date = t2, n3.args = arguments, new _(n3);
-      }, b2 = v;
-      b2.l = w, b2.i = S, b2.w = function(t2, e4) {
-        return O(t2, { locale: e4.$L, utc: e4.$u, x: e4.$x, $offset: e4.$offset });
-      };
-      var _ = function() {
-        function M2(t2) {
-          this.$L = w(t2.locale, null, true), this.parse(t2), this.$x = this.$x || t2.x || {}, this[p] = true;
-        }
-        var m2 = M2.prototype;
-        return m2.parse = function(t2) {
-          this.$d = function(t3) {
-            var e4 = t3.date, n3 = t3.utc;
-            if (null === e4) return /* @__PURE__ */ new Date(NaN);
-            if (b2.u(e4)) return /* @__PURE__ */ new Date();
-            if (e4 instanceof Date) return new Date(e4);
-            if ("string" == typeof e4 && !/Z$/i.test(e4)) {
-              var r3 = e4.match($);
-              if (r3) {
-                var i2 = r3[2] - 1 || 0, s2 = (r3[7] || "0").substring(0, 3);
-                return n3 ? new Date(Date.UTC(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s2)) : new Date(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s2);
-              }
-            }
-            return new Date(e4);
-          }(t2), this.init();
-        }, m2.init = function() {
-          var t2 = this.$d;
-          this.$y = t2.getFullYear(), this.$M = t2.getMonth(), this.$D = t2.getDate(), this.$W = t2.getDay(), this.$H = t2.getHours(), this.$m = t2.getMinutes(), this.$s = t2.getSeconds(), this.$ms = t2.getMilliseconds();
-        }, m2.$utils = function() {
-          return b2;
-        }, m2.isValid = function() {
-          return !(this.$d.toString() === l);
-        }, m2.isSame = function(t2, e4) {
-          var n3 = O(t2);
-          return this.startOf(e4) <= n3 && n3 <= this.endOf(e4);
-        }, m2.isAfter = function(t2, e4) {
-          return O(t2) < this.startOf(e4);
-        }, m2.isBefore = function(t2, e4) {
-          return this.endOf(e4) < O(t2);
-        }, m2.$g = function(t2, e4, n3) {
-          return b2.u(t2) ? this[e4] : this.set(n3, t2);
-        }, m2.unix = function() {
-          return Math.floor(this.valueOf() / 1e3);
-        }, m2.valueOf = function() {
-          return this.$d.getTime();
-        }, m2.startOf = function(t2, e4) {
-          var n3 = this, r3 = !!b2.u(e4) || e4, f2 = b2.p(t2), l2 = function(t3, e5) {
-            var i2 = b2.w(n3.$u ? Date.UTC(n3.$y, e5, t3) : new Date(n3.$y, e5, t3), n3);
-            return r3 ? i2 : i2.endOf(a);
-          }, $2 = function(t3, e5) {
-            return b2.w(n3.toDate()[t3].apply(n3.toDate("s"), (r3 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e5)), n3);
-          }, y2 = this.$W, M3 = this.$M, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
-          switch (f2) {
-            case h:
-              return r3 ? l2(1, 0) : l2(31, 11);
-            case c:
-              return r3 ? l2(1, M3) : l2(0, M3 + 1);
-            case o:
-              var g2 = this.$locale().weekStart || 0, D2 = (y2 < g2 ? y2 + 7 : y2) - g2;
-              return l2(r3 ? m3 - D2 : m3 + (6 - D2), M3);
-            case a:
-            case d:
-              return $2(v2 + "Hours", 0);
-            case u:
-              return $2(v2 + "Minutes", 1);
-            case s:
-              return $2(v2 + "Seconds", 2);
-            case i:
-              return $2(v2 + "Milliseconds", 3);
-            default:
-              return this.clone();
-          }
-        }, m2.endOf = function(t2) {
-          return this.startOf(t2, false);
-        }, m2.$set = function(t2, e4) {
-          var n3, o2 = b2.p(t2), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n3 = {}, n3[a] = f2 + "Date", n3[d] = f2 + "Date", n3[c] = f2 + "Month", n3[h] = f2 + "FullYear", n3[u] = f2 + "Hours", n3[s] = f2 + "Minutes", n3[i] = f2 + "Seconds", n3[r2] = f2 + "Milliseconds", n3)[o2], $2 = o2 === a ? this.$D + (e4 - this.$W) : e4;
-          if (o2 === c || o2 === h) {
-            var y2 = this.clone().set(d, 1);
-            y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
-          } else l2 && this.$d[l2]($2);
-          return this.init(), this;
-        }, m2.set = function(t2, e4) {
-          return this.clone().$set(t2, e4);
-        }, m2.get = function(t2) {
-          return this[b2.p(t2)]();
-        }, m2.add = function(r3, f2) {
-          var d2, l2 = this;
-          r3 = Number(r3);
-          var $2 = b2.p(f2), y2 = function(t2) {
-            var e4 = O(l2);
-            return b2.w(e4.date(e4.date() + Math.round(t2 * r3)), l2);
-          };
-          if ($2 === c) return this.set(c, this.$M + r3);
-          if ($2 === h) return this.set(h, this.$y + r3);
-          if ($2 === a) return y2(1);
-          if ($2 === o) return y2(7);
-          var M3 = (d2 = {}, d2[s] = e3, d2[u] = n2, d2[i] = t, d2)[$2] || 1, m3 = this.$d.getTime() + r3 * M3;
-          return b2.w(m3, this);
-        }, m2.subtract = function(t2, e4) {
-          return this.add(-1 * t2, e4);
-        }, m2.format = function(t2) {
-          var e4 = this, n3 = this.$locale();
-          if (!this.isValid()) return n3.invalidDate || l;
-          var r3 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b2.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n3.weekdays, c2 = n3.months, f2 = n3.meridiem, h2 = function(t3, n4, i3, s3) {
-            return t3 && (t3[n4] || t3(e4, r3)) || i3[n4].slice(0, s3);
-          }, d2 = function(t3) {
-            return b2.s(s2 % 12 || 12, t3, "0");
-          }, $2 = f2 || function(t3, e5, n4) {
-            var r4 = t3 < 12 ? "AM" : "PM";
-            return n4 ? r4.toLowerCase() : r4;
-          };
-          return r3.replace(y, function(t3, r4) {
-            return r4 || function(t4) {
-              switch (t4) {
-                case "YY":
-                  return String(e4.$y).slice(-2);
-                case "YYYY":
-                  return b2.s(e4.$y, 4, "0");
-                case "M":
-                  return a2 + 1;
-                case "MM":
-                  return b2.s(a2 + 1, 2, "0");
-                case "MMM":
-                  return h2(n3.monthsShort, a2, c2, 3);
-                case "MMMM":
-                  return h2(c2, a2);
-                case "D":
-                  return e4.$D;
-                case "DD":
-                  return b2.s(e4.$D, 2, "0");
-                case "d":
-                  return String(e4.$W);
-                case "dd":
-                  return h2(n3.weekdaysMin, e4.$W, o2, 2);
-                case "ddd":
-                  return h2(n3.weekdaysShort, e4.$W, o2, 3);
-                case "dddd":
-                  return o2[e4.$W];
-                case "H":
-                  return String(s2);
-                case "HH":
-                  return b2.s(s2, 2, "0");
-                case "h":
-                  return d2(1);
-                case "hh":
-                  return d2(2);
-                case "a":
-                  return $2(s2, u2, true);
-                case "A":
-                  return $2(s2, u2, false);
-                case "m":
-                  return String(u2);
-                case "mm":
-                  return b2.s(u2, 2, "0");
-                case "s":
-                  return String(e4.$s);
-                case "ss":
-                  return b2.s(e4.$s, 2, "0");
-                case "SSS":
-                  return b2.s(e4.$ms, 3, "0");
-                case "Z":
-                  return i2;
-              }
-              return null;
-            }(t3) || i2.replace(":", "");
-          });
-        }, m2.utcOffset = function() {
-          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-        }, m2.diff = function(r3, d2, l2) {
-          var $2, y2 = this, M3 = b2.p(d2), m3 = O(r3), v2 = (m3.utcOffset() - this.utcOffset()) * e3, g2 = this - m3, D2 = function() {
-            return b2.m(y2, m3);
-          };
-          switch (M3) {
-            case h:
-              $2 = D2() / 12;
-              break;
-            case c:
-              $2 = D2();
-              break;
-            case f:
-              $2 = D2() / 3;
-              break;
-            case o:
-              $2 = (g2 - v2) / 6048e5;
-              break;
-            case a:
-              $2 = (g2 - v2) / 864e5;
-              break;
-            case u:
-              $2 = g2 / n2;
-              break;
-            case s:
-              $2 = g2 / e3;
-              break;
-            case i:
-              $2 = g2 / t;
-              break;
-            default:
-              $2 = g2;
-          }
-          return l2 ? $2 : b2.a($2);
-        }, m2.daysInMonth = function() {
-          return this.endOf(c).$D;
-        }, m2.$locale = function() {
-          return D[this.$L];
-        }, m2.locale = function(t2, e4) {
-          if (!t2) return this.$L;
-          var n3 = this.clone(), r3 = w(t2, e4, true);
-          return r3 && (n3.$L = r3), n3;
-        }, m2.clone = function() {
-          return b2.w(this.$d, this);
-        }, m2.toDate = function() {
-          return new Date(this.valueOf());
-        }, m2.toJSON = function() {
-          return this.isValid() ? this.toISOString() : null;
-        }, m2.toISOString = function() {
-          return this.$d.toISOString();
-        }, m2.toString = function() {
-          return this.$d.toUTCString();
-        }, M2;
-      }(), k = _.prototype;
-      return O.prototype = k, [["$ms", r2], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", c], ["$y", h], ["$D", d]].forEach(function(t2) {
-        k[t2[1]] = function(e4) {
-          return this.$g(e4, t2[0], t2[1]);
-        };
-      }), O.extend = function(t2, e4) {
-        return t2.$i || (t2(e4, _, O), t2.$i = true), O;
-      }, O.locale = w, O.isDayjs = S, O.unix = function(t2) {
-        return O(1e3 * t2);
-      }, O.en = D[g], O.Ls = D, O.p = {}, O;
-    });
-  }
-});
-
-// src/internal/datepicker.ts
-var import_customParseFormat = __toESM(require_customParseFormat(), 1);
-var import_dayjs = __toESM(require_dayjs_min(), 1);
-import_dayjs.default.extend(import_customParseFormat.default);
-function convertToDayjsFormat(format) {
-  return format.replace(/yyyy/g, "YYYY").replace(/dd/g, "DD");
-}
-function parseDatetime(datetimeStr, format = "datetime") {
-  if (!(datetimeStr == null ? void 0 : datetimeStr.trim())) {
-    return null;
-  }
-  const trimmedStr = datetimeStr.trim();
-  if (format === "year") {
-    const parsed2 = (0, import_dayjs.default)(trimmedStr, "YYYY", true);
-    return parsed2.isValid() ? parsed2.toDate() : null;
-  }
-  if (format === "month") {
-    const parsed2 = tryParseMultipleFormats(trimmedStr, ["YYYY-MM", "YYYY/MM", "YYYY.MM"]);
-    return parsed2;
-  }
-  if (format === "date") {
-    const parsed2 = tryParseMultipleFormats(trimmedStr, ["YYYY-MM-DD", "YYYY/MM/DD", "YYYY.MM.DD"]);
-    return parsed2;
-  }
-  if (format === "datetime") {
-    const parsed2 = tryParseMultipleFormats(trimmedStr, [
-      "YYYY-MM-DD HH:mm:ss",
-      "YYYY/MM/DD HH:mm:ss",
-      "YYYY.MM.DD HH:mm:ss"
-    ]);
-    return parsed2;
-  }
-  const dayjsFormat = convertToDayjsFormat(format);
-  const parsed = (0, import_dayjs.default)(trimmedStr, dayjsFormat, true);
-  if (!parsed.isValid()) {
-    return null;
-  }
-  return parsed.toDate();
-}
-function tryParseMultipleFormats(dateString, formats) {
-  for (const format of formats) {
-    const parsed = (0, import_dayjs.default)(dateString, format, true);
-    if (parsed.isValid()) {
-      return parsed.toDate();
-    }
-  }
-  const fallback = (0, import_dayjs.default)(dateString);
-  if (fallback.isValid()) {
-    return fallback.toDate();
-  }
-  return null;
-}
-function formatDatetime(date, format = "datetime") {
-  if (!date) {
-    return "";
-  }
-  const d = (0, import_dayjs.default)(date);
-  if (format === "year") {
-    return d.format("YYYY");
-  }
-  if (format === "month") {
-    return d.format("YYYY-MM");
-  }
-  if (format === "date") {
-    return d.format("YYYY-MM-DD");
-  }
-  if (format === "datetime") {
-    return d.format("YYYY-MM-DD HH:mm:ss");
-  }
-  const dayjsFormat = convertToDayjsFormat(format);
-  return d.format(dayjsFormat);
-}
-var LOCALE = {
-  today: "\u4ECA\u5929",
-  year: "\u5E74",
-  month: "\u6708",
-  monday: "\u4E00",
-  tuesday: "\u4E8C",
-  wednesday: "\u4E09",
-  thursday: "\u56DB",
-  friday: "\u4E94",
-  saturday: "\u516D",
-  sunday: "\u65E5",
-  confirmText: "\u786E\u5B9A",
-  cancelText: "\u53D6\u6D88",
-  hour: "\u65F6",
-  minute: "\u5206",
-  second: "\u79D2",
-  clearText: "\u6E05\u9664"
-};
-function getTimeColumnsFromFormat(format) {
-  if (!format || format === "date" || format === "year" || format === "month") {
-    return { showHour: false, showMinute: false, showSecond: false };
-  }
-  if (format === "datetime") {
-    return { showHour: true, showMinute: true, showSecond: true };
-  }
-  const dayjsFormat = convertToDayjsFormat(format);
-  const showHour = /HH|hh/.test(dayjsFormat);
-  const showMinute = /mm/.test(dayjsFormat) && showHour;
-  const showSecond = /ss/.test(dayjsFormat);
-  return { showHour, showMinute, showSecond };
-}
-
-// src/components/calendar-picker/calendar-picker.component.ts
-var SlCalendarPicker = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.type = "date";
-    this.mode = "single";
-    this.min = "0001-01-01";
-    this.max = "9999-12-31";
-    this.startDate = null;
-    this.endDate = null;
-    this.hoverDate = null;
-    this.activeInput = "start";
-    this.currentDate = /* @__PURE__ */ new Date();
-    this.syncViewWithValue = true;
-    this.showHour = true;
-    this.showMinute = true;
-    this.showSecond = true;
-    this.isMobile = false;
-    this.view = "days";
-    this.selectedDate = null;
-  }
-  /** 根据 type 获取初始视图 */
-  getInitialView() {
-    if (this.type === "year") return "years";
-    if (this.type === "month") return "months";
-    return "days";
-  }
-  /**
-   * 是否需要显示时间选择器，取决于 type 和 showHour/showMinute/showSecond。
-   * 当 type='datetime' 但 format 中不包含任何时间占位符时，等同于 type='date'。
-   */
-  get hasTimePart() {
-    return this.type === "datetime" && (this.showHour || this.showMinute || this.showSecond);
-  }
-  /**
-   * 根据可见的时间列生成移动端时间显示文本
-   */
-  getTimeDisplayText() {
-    if (!this.selectedDate) return "--:--";
-    const parts = [];
-    if (this.showHour) parts.push(this.padStart(this.selectedDate.getHours()));
-    if (this.showMinute) parts.push(this.padStart(this.selectedDate.getMinutes()));
-    if (this.showSecond) parts.push(this.padStart(this.selectedDate.getSeconds()));
-    return parts.join(":");
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.handleResize = this.handleResize.bind(this);
-    window.addEventListener("resize", this.handleResize);
-    this.handleResize();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    window.removeEventListener("resize", this.handleResize);
-  }
-  handleResize() {
-    this.isMobile = window.matchMedia("(max-width: 500px)").matches;
-  }
-  parseValue(value) {
-    return parseDatetime(value, this.type);
-  }
-  handleValueChange() {
-    if (!this.value) {
-      this.selectedDate = null;
-      return;
-    }
-    const parsedDate = this.parseValue(this.value);
-    if (parsedDate) {
-      if (this.syncViewWithValue) {
-        this.currentDate = new Date(parsedDate);
-      }
-      this.selectedDate = parsedDate;
-      this.view = this.getInitialView();
-    }
-  }
-  resetView() {
-    this.view = this.getInitialView();
-    this.selectedDate = this.value ? this.parseValue(this.value) : null;
-    this.currentDate = this.selectedDate ? new Date(this.selectedDate) : /* @__PURE__ */ new Date();
-    this.updateComplete.then(() => {
-      if (this.timePanel) {
-        this.timePanel.resetScroll();
-      }
-    });
-  }
-  /** 仅重置时间面板的滚动位置，不影响 view 和 currentDate */
-  resetTimeScroll(behavior = "auto") {
-    this.updateComplete.then(() => {
-      if (this.timePanel) {
-        this.timePanel.resetScroll(behavior);
-      }
-    });
-  }
-  setCurrentDate(date) {
-    this.currentDate = new Date(date);
-    this.view = this.getInitialView();
-  }
-  setView(view) {
-    this.view = view;
-  }
-  createDate(year, month, day, hours = 0, minutes = 0, seconds = 0) {
-    const d = /* @__PURE__ */ new Date(0);
-    d.setFullYear(year, month, day);
-    d.setHours(hours, minutes, seconds, 0);
-    return d;
-  }
-  // 获取当前月份的第一天是星期几
-  getFirstDayOfMonth(date) {
-    const firstDay = this.createDate(date.getFullYear(), date.getMonth(), 1);
-    return firstDay.getDay();
-  }
-  // 获取当前月份的天数
-  getDaysInMonth(date) {
-    return this.createDate(date.getFullYear(), date.getMonth() + 1, 0).getDate();
-  }
-  // 获取当前月份的日期网格
-  getMonthDays(date) {
-    const year = date.getFullYear();
-    const month = date.getMonth();
-    const firstDay = this.getFirstDayOfMonth(date);
-    const daysInMonth = this.getDaysInMonth(date);
-    const daysInPrevMonth = this.getDaysInMonth(this.createDate(year, month - 1, 1));
-    const days = [];
-    for (let i = firstDay - 1; i >= 0; i--) {
-      days.push({
-        day: daysInPrevMonth - i,
-        month: month - 1,
-        year,
-        isCurrentMonth: false
-      });
-    }
-    for (let i = 1; i <= daysInMonth; i++) {
-      days.push({
-        day: i,
-        month,
-        year,
-        isCurrentMonth: true
-      });
-    }
-    const remainingDays = 42 - days.length;
-    for (let i = 1; i <= remainingDays; i++) {
-      days.push({
-        day: i,
-        month: month + 1,
-        year,
-        isCurrentMonth: false
-      });
-    }
-    return days;
-  }
-  // Check if a specific day should be disabled
-  isDayDisabled(day, month, year) {
-    const minDate = this.min ? this.parseValue(this.min) : null;
-    const maxDate = this.max ? this.parseValue(this.max) : null;
-    if (minDate && maxDate && maxDate < minDate) {
-      return true;
-    }
-    const date = this.createDate(year, month, day);
-    date.setHours(0, 0, 0, 0);
-    if (minDate) {
-      minDate.setHours(0, 0, 0, 0);
-      if (date < minDate) {
-        return true;
-      }
-    }
-    if (maxDate) {
-      maxDate.setHours(0, 0, 0, 0);
-      if (date > maxDate) {
-        return true;
-      }
-    }
-    if (this.disabledDate && this.disabledDate(date)) {
-      return true;
-    }
-    return false;
-  }
-  // 获取年份范围
-  getYearRange() {
-    const currentYear = this.currentDate.getFullYear();
-    const startYear = Math.floor(currentYear / 10) * 10;
-    let rangeStart = startYear - 1;
-    const rangeLength = 12;
-    if (rangeStart < 1) {
-      rangeStart = 1;
-    }
-    if (rangeStart + rangeLength - 1 > 9999) {
-      rangeStart = 9999 - rangeLength + 1;
-    }
-    return Array.from({ length: rangeLength }, (_, i) => rangeStart + i);
-  }
-  // 月份名称
-  getMonthNames() {
-    return Array.from({ length: 12 }, (_, i) => `${i + 1}${LOCALE.month}`);
-  }
-  // 星期标题
-  getWeekdayHeaders() {
-    return [
-      LOCALE.sunday,
-      LOCALE.monday,
-      LOCALE.tuesday,
-      LOCALE.wednesday,
-      LOCALE.thursday,
-      LOCALE.friday,
-      LOCALE.saturday
-    ];
-  }
-  // 导航到上一个周期
-  navigatePrev() {
-    if (this.isPrevDisabled) return;
-    const newDate = new Date(this.currentDate);
-    if (this.view === "days") {
-      newDate.setMonth(newDate.getMonth() - 1);
-    } else if (this.view === "months") {
-      newDate.setFullYear(newDate.getFullYear() - 1);
-    } else if (this.view === "years") {
-      newDate.setFullYear(newDate.getFullYear() - 10);
-    }
-    if (newDate.getFullYear() < 1) {
-      newDate.setFullYear(1);
-    }
-    this.currentDate = newDate;
-    this.emit("sl-view-change", { detail: { date: this.currentDate, view: this.view } });
-  }
-  // 导航到下一个周期
-  navigateNext() {
-    if (this.isNextDisabled) return;
-    const newDate = new Date(this.currentDate);
-    if (this.view === "days") {
-      newDate.setMonth(newDate.getMonth() + 1);
-    } else if (this.view === "months") {
-      newDate.setFullYear(newDate.getFullYear() + 1);
-    } else if (this.view === "years") {
-      newDate.setFullYear(newDate.getFullYear() + 10);
-    }
-    if (newDate.getFullYear() > 9999) {
-      newDate.setFullYear(9999);
-    }
-    this.currentDate = newDate;
-    this.emit("sl-view-change", { detail: { date: this.currentDate, view: this.view } });
-  }
-  get isPrevDisabled() {
-    const year = this.currentDate.getFullYear();
-    const month = this.currentDate.getMonth();
-    if (this.view === "days") {
-      return year <= 1 && month === 0;
-    } else if (this.view === "months") {
-      return year <= 1;
-    } else if (this.view === "years") {
-      const yearRange = this.getYearRange();
-      return yearRange[0] <= 1;
-    }
-    return false;
-  }
-  get isNextDisabled() {
-    const year = this.currentDate.getFullYear();
-    const month = this.currentDate.getMonth();
-    if (this.view === "days") {
-      return year >= 9999 && month === 11;
-    } else if (this.view === "months") {
-      return year >= 9999;
-    } else if (this.view === "years") {
-      const yearRange = this.getYearRange();
-      return yearRange[yearRange.length - 1] >= 9999;
-    }
-    return false;
-  }
-  // 选择年份
-  selectYear(year) {
-    this.currentDate = new Date(this.currentDate);
-    this.currentDate.setFullYear(year);
-    if (this.type === "year") {
-      this.selectedDate = this.createDate(year, 0, 1);
-      this.emit("sl-date-select", { detail: { date: this.selectedDate } });
-      return;
-    }
-    this.view = "months";
-    this.emit("sl-view-change", { detail: { date: this.currentDate, view: this.view } });
-  }
-  // 选择月份
-  selectMonth(month) {
-    this.currentDate = new Date(this.currentDate);
-    this.currentDate.setMonth(month);
-    if (this.type === "month") {
-      this.selectedDate = this.createDate(this.currentDate.getFullYear(), month, 1);
-      this.emit("sl-date-select", { detail: { date: this.selectedDate } });
-      return;
-    }
-    this.view = "days";
-    this.emit("sl-view-change", { detail: { date: this.currentDate, view: this.view } });
-  }
-  // 选择日期
-  selectDay(day, month, year) {
-    const baseDate = this.selectedDate;
-    const hours = baseDate ? baseDate.getHours() : 0;
-    const minutes = baseDate ? baseDate.getMinutes() : 0;
-    const seconds = baseDate ? baseDate.getSeconds() : 0;
-    this.selectedDate = this.createDate(year, month, day, hours, minutes, seconds);
-    this.currentDate = new Date(this.selectedDate);
-    this.view = "days";
-    if (this.type === "date" || !this.hasTimePart) {
-      this.emit("sl-date-select", {
-        detail: { date: this.selectedDate }
-      });
-    } else {
-      this.emit("sl-date-change", {
-        detail: { date: this.selectedDate }
-      });
-    }
-  }
-  handleTimeChange(event) {
-    this.selectedDate = event.detail.value;
-    this.currentDate = new Date(this.selectedDate);
-    this.emit("sl-date-change", {
-      detail: { date: this.selectedDate, column: event.detail.column }
-    });
-  }
-  confirmSelection() {
-    if (!this.selectedDate) {
-      return;
-    }
-    this.emit("sl-date-select", {
-      detail: { date: this.selectedDate }
-    });
-  }
-  // 切换到年份选择视图
-  showYearSelector() {
-    const event = this.emit("sl-view-change", { detail: { view: "years" }, cancelable: true });
-    if (!event.defaultPrevented) {
-      this.view = "years";
-    }
-  }
-  // 切换到月份选择视图
-  showMonthSelector() {
-    const event = this.emit("sl-view-change", { detail: { view: "months" }, cancelable: true });
-    if (!event.defaultPrevented) {
-      this.view = "months";
-    }
-  }
-  // 导航到上一年
-  navigatePrevYear() {
-    if (this.isPrevYearDisabled) return;
-    const newDate = new Date(this.currentDate);
-    newDate.setFullYear(newDate.getFullYear() - 1);
-    if (newDate.getFullYear() < 1) newDate.setFullYear(1);
-    this.currentDate = newDate;
-    this.emit("sl-view-change", { detail: { date: this.currentDate, view: this.view } });
-  }
-  // 导航到下一年
-  navigateNextYear() {
-    if (this.isNextYearDisabled) return;
-    const newDate = new Date(this.currentDate);
-    newDate.setFullYear(newDate.getFullYear() + 1);
-    if (newDate.getFullYear() > 9999) newDate.setFullYear(9999);
-    this.currentDate = newDate;
-    this.emit("sl-view-change", { detail: { date: this.currentDate, view: this.view } });
-  }
-  get isPrevYearDisabled() {
-    return this.currentDate.getFullYear() <= 1;
-  }
-  get isNextYearDisabled() {
-    return this.currentDate.getFullYear() >= 9999;
-  }
-  padStart(num, length = 2) {
-    return String(num).padStart(length, "0");
-  }
-  normalizeDay(value) {
-    if (!value) return null;
-    const normalized = new Date(value);
-    normalized.setHours(0, 0, 0, 0);
-    return normalized;
-  }
-  handleMouseDown(event) {
-    event.preventDefault();
-  }
-  handleDatePanelMouseLeave() {
-    this.dispatchEvent(new CustomEvent("sl-date-hover", { detail: { date: null } }));
-  }
-  handleGridMouseMove(event) {
-    const hasDayItem = event.composedPath().some((element) => {
-      var _a;
-      return element instanceof HTMLElement && ((_a = element.classList) == null ? void 0 : _a.contains("calendar__day-item"));
-    });
-    if (!hasDayItem) {
-      this.dispatchEvent(new CustomEvent("sl-date-hover", { detail: { date: null } }));
-    }
-  }
-  handleKeyDown(event) {
-    if (event.key === "Enter") {
-      event.stopPropagation();
-      this.confirmSelection();
-    }
-  }
-  // 切换到时间选择视图
-  showTimeSelector() {
-    const event = this.emit("sl-view-change", { detail: { view: "time" }, cancelable: true });
-    if (!event.defaultPrevented) {
-      this.view = "time";
-    }
-  }
-  render() {
-    const year = this.currentDate.getFullYear();
-    const month = this.currentDate.getMonth();
-    const days = this.getMonthDays(this.currentDate);
-    const yearRange = this.getYearRange();
-    const monthNames = this.getMonthNames();
-    const weekdayHeaders = this.getWeekdayHeaders();
-    const todayDate = /* @__PURE__ */ new Date();
-    const isHiddenTimePicker = this.view !== "days";
-    const hiddenCss = isHiddenTimePicker ? "display: none;" : "";
-    return b`
-      <div class="calendar" part="base" @mousedown=${this.handleMouseDown} @keydown=${this.handleKeyDown}>
-        <div class="calendar__content ${this.hasTimePart ? "calendar__content--has-time" : ""}">
-          <div class="calendar__date-section">
-            <div class="calendar__header" part="header">
-              <div class="flex">
-                ${this.view !== "years" ? b`<button
-                      part="nav-button"
-                      class="calendar__nav-button calendar__nav-button--year"
-                      @click="${this.navigatePrevYear}"
-                      ?disabled="${this.isPrevYearDisabled}"
-                    >
-                      <sl-icon name="chevron-double-left-1"></sl-icon>
-                    </button>` : null}
-
-                <button
-                  part="nav-button"
-                  class="calendar__nav-button"
-                  @click="${this.navigatePrev}"
-                  ?disabled="${this.isPrevDisabled}"
-                >
-                  <sl-icon name="chevron-left"></sl-icon>
-                </button>
-              </div>
-
-              <div class="calendar__title" part="title">
-                ${this.view === "days" ? b`
-                      <span part="title-year" class="calendar__title-year" @click="${this.showYearSelector}"
-                        >${this.padStart(year, 4)}${LOCALE.year}</span
-                      >
-                      <span part="title-month" class="calendar__title-month" @click="${this.showMonthSelector}"
-                        >${this.padStart(month + 1)}${LOCALE.month}</span
-                      >
-                    ` : ""}
-                ${this.view === "months" ? b`
-                      <span part="title-year" class="calendar__title-year" @click="${this.showYearSelector}"
-                        >${this.padStart(year, 4)}${LOCALE.year}</span
-                      >
-                    ` : ""}
-                ${this.view === "years" ? b` ${this.padStart(yearRange[0], 4)}-${this.padStart(yearRange[yearRange.length - 1], 4)} ` : ""}
-              </div>
-
-              <div class="flex">
-                <button
-                  part="nav-button"
-                  class="calendar__nav-button"
-                  @click="${this.navigateNext}"
-                  ?disabled="${this.isNextDisabled}"
-                >
-                  <sl-icon name="chevron-right"></sl-icon>
-                </button>
-                ${this.view !== "years" ? b`<button
-                      part="nav-button"
-                      class="calendar__nav-button calendar__nav-button--year"
-                      @click="${this.navigateNextYear}"
-                      ?disabled="${this.isNextYearDisabled}"
-                    >
-                      <sl-icon name="chevron-double-right"></sl-icon>
-                    </button>` : null}
-              </div>
-            </div>
-
-            <div class="calendar__body" part="body">
-              ${this.view === "days" ? b`
-                    <div class="calendar__date-panel" part="date-panel" @mouseleave=${this.handleDatePanelMouseLeave}>
-                      <div class="calendar__grid" @mousemove=${this.handleGridMouseMove}>
-                        ${weekdayHeaders.map(
-      (header) => b` <div class="calendar__day-header" part="day-header">${header}</div> `
-    )}
-                        ${days.map((day) => {
-      const date = this.createDate(day.year, day.month, day.day);
-      date.setHours(0, 0, 0, 0);
-      const isRange = this.mode === "range";
-      const isCurrent = todayDate.getFullYear() === day.year && todayDate.getMonth() === day.month && todayDate.getDate() === day.day;
-      const isDisabled = this.isDayDisabled(day.day, day.month, day.year);
-      let confirmedRangeStart = isRange ? this.normalizeDay(this.startDate) : null;
-      let confirmedRangeEnd = isRange ? this.normalizeDay(this.endDate) : null;
-      if (confirmedRangeStart && confirmedRangeEnd && confirmedRangeStart > confirmedRangeEnd) {
-        [confirmedRangeStart, confirmedRangeEnd] = [confirmedRangeEnd, confirmedRangeStart];
-      }
-      let previewRangeStart = null;
-      let previewRangeEnd = null;
-      const hoverDate = isRange ? this.normalizeDay(this.hoverDate) : null;
-      if (isRange && hoverDate) {
-        if (this.activeInput === "start") {
-          if (confirmedRangeEnd && hoverDate > confirmedRangeEnd) {
-            previewRangeStart = hoverDate;
-            previewRangeEnd = null;
-          } else {
-            previewRangeStart = hoverDate;
-            previewRangeEnd = confirmedRangeEnd;
-          }
-        } else {
-          if (confirmedRangeStart && hoverDate < confirmedRangeStart) {
-            previewRangeStart = null;
-            previewRangeEnd = hoverDate;
-          } else {
-            previewRangeStart = confirmedRangeStart;
-            previewRangeEnd = hoverDate;
-          }
-        }
-      }
-      if (previewRangeStart && previewRangeEnd && previewRangeStart > previewRangeEnd) {
-        [previewRangeStart, previewRangeEnd] = [previewRangeEnd, previewRangeStart];
-      }
-      if (isRange && hoverDate && !confirmedRangeStart && confirmedRangeEnd && !previewRangeStart) {
-        previewRangeStart = hoverDate;
-        previewRangeEnd = confirmedRangeEnd;
-      } else if (isRange && hoverDate && confirmedRangeStart && !confirmedRangeEnd && !previewRangeEnd) {
-        previewRangeStart = confirmedRangeStart;
-        previewRangeEnd = hoverDate;
-      }
-      if (previewRangeStart && previewRangeEnd && previewRangeStart > previewRangeEnd) {
-        [previewRangeStart, previewRangeEnd] = [previewRangeEnd, previewRangeStart];
-      }
-      const isConfirmedStart = isRange && confirmedRangeStart && date.getTime() === confirmedRangeStart.getTime();
-      const isConfirmedEnd = isRange && confirmedRangeEnd && date.getTime() === confirmedRangeEnd.getTime();
-      const normalizedSelected = this.normalizeDay(this.selectedDate);
-      const isConfirmedSelected = isRange ? isConfirmedStart || isConfirmedEnd : isConfirmedStart || isConfirmedEnd || normalizedSelected && date.getTime() === normalizedSelected.getTime();
-      const isHovered = isRange && hoverDate && date.getTime() === hoverDate.getTime();
-      const isConfirmedRangeCell = isRange && !!day.isCurrentMonth && !!confirmedRangeStart && !!confirmedRangeEnd && date >= confirmedRangeStart && date <= confirmedRangeEnd;
-      const isPreviewRangeCell = isRange && !!day.isCurrentMonth && !!previewRangeStart && !!previewRangeEnd && date >= previewRangeStart && date <= previewRangeEnd;
-      return b`
-                            <div
-                              class=${e({
-        calendar__day: true,
-        "calendar__day--in-range-hover": !!isPreviewRangeCell,
-        "calendar__day--in-range": !isPreviewRangeCell && !!isConfirmedRangeCell,
-        "calendar__day--range-start": isPreviewRangeCell && !!previewRangeStart && !!previewRangeEnd && previewRangeStart.getTime() !== previewRangeEnd.getTime() && date.getTime() === previewRangeStart.getTime() || !isPreviewRangeCell && !!isConfirmedRangeCell && !!confirmedRangeStart && !!confirmedRangeEnd && confirmedRangeStart.getTime() !== confirmedRangeEnd.getTime() && date.getTime() === confirmedRangeStart.getTime(),
-        "calendar__day--range-end": isPreviewRangeCell && !!previewRangeStart && !!previewRangeEnd && previewRangeStart.getTime() !== previewRangeEnd.getTime() && date.getTime() === previewRangeEnd.getTime() || !isPreviewRangeCell && !!isConfirmedRangeCell && !!confirmedRangeStart && !!confirmedRangeEnd && confirmedRangeStart.getTime() !== confirmedRangeEnd.getTime() && date.getTime() === confirmedRangeEnd.getTime()
-      })}
-                              part="day"
-                            >
-                              <div
-                                class=${e({
-        "calendar__day-item": true,
-        "calendar__day--other-month": !day.isCurrentMonth,
-        "calendar__day--selected": !!day.isCurrentMonth && !!isConfirmedSelected,
-        "calendar__day--hover-cell": !!day.isCurrentMonth && !!isHovered && !isConfirmedSelected && !!(this.startDate || this.endDate),
-        "calendar__date--current": isCurrent,
-        "calendar__day--disabled": isDisabled
-      })}
-                                @click="${() => !isDisabled && this.selectDay(day.day, day.month, day.year)}"
-                                @mouseenter="${() => !isDisabled && this.dispatchEvent(new CustomEvent("sl-date-hover", { detail: { date } }))}"
-                              >
-                                ${day.day}
-                              </div>
-                            </div>
-                          `;
-    })}
-                      </div>
-                      ${!this.hasTimePart && this.mode !== "range" ? b`
-                            <div class="calendar__day-footer" part="day-footer">
-                              <sl-button
-                                variant="text"
-                                size="small"
-                                ?disabled=${this.isDayDisabled(
-      todayDate.getDate(),
-      todayDate.getMonth(),
-      todayDate.getFullYear()
-    )}
-                                @click="${() => {
-      this.selectDay(todayDate.getDate(), todayDate.getMonth(), todayDate.getFullYear());
-    }}"
-                              >
-                                ${LOCALE.today}
-                              </sl-button>
-                            </div>
-                          ` : ""}
-                    </div>
-                  ` : ""}
-              ${this.view === "months" ? b`
-                    <div class="calendar__month-grid" part="month-grid">
-                      ${monthNames.map((name, index) => {
-      const today = /* @__PURE__ */ new Date();
-      const isCurrent = today.getFullYear() === year && today.getMonth() === index;
-      const isSelected = this.selectedDate && this.selectedDate.getFullYear() === year && this.selectedDate.getMonth() === index;
-      return b`
-                          <div
-                            part="month-item"
-                            class="calendar__month-item ${e({
-        "calendar__date--current": isCurrent,
-        "calendar__month-item--selected": !!isSelected
-      })}"
-                            @click="${() => this.selectMonth(index)}"
-                          >
-                            ${name}
-                          </div>
-                        `;
-    })}
-                    </div>
-                  ` : ""}
-              ${this.view === "years" ? b`
-                    <div class="calendar__year-grid" part="year-grid">
-                      ${yearRange.map((y) => {
-      const today = /* @__PURE__ */ new Date();
-      const isCurrent = today.getFullYear() === y;
-      const isSelected = this.selectedDate && this.selectedDate.getFullYear() === y;
-      return b`
-                          <div
-                            part="year-item"
-                            class="calendar__year-item ${e({
-        "calendar__date--current": isCurrent,
-        "calendar__year-item--selected": !!isSelected
-      })}"
-                            @click="${() => this.selectYear(y)}"
-                          >
-                            ${this.padStart(y, 4)}
-                          </div>
-                        `;
-    })}
-                    </div>
-                  ` : ""}
-            </div>
-          </div>
-
-          ${this.hasTimePart && !this.isMobile ? b`
-                <sl-time-panel
-                  exportparts="
-                    base:time-panel-base,
-                    header:time-panel-header,
-                    margin-cell-first:time-panel-margin-cell-first,
-                    margin-cell:time-panel-margin-cell,
-                    columns:time-panel-columns,
-                    column:time-panel-column,
-                    hour:time-panel-hour,
-                    minute:time-panel-minute,
-                    second:time-panel-second,
-                    item:time-panel-item,
-                    footer:time-panel-footer
-                  "
-                  .value=${this.selectedDate}
-                  .showHour=${this.showHour}
-                  .showMinute=${this.showMinute}
-                  .showSecond=${this.showSecond}
-                  style="${hiddenCss}"
-                  @sl-change=${this.handleTimeChange}
-                ></sl-time-panel>
-              ` : ""}
-        </div>
-        ${this.hasTimePart ? b`
-              <div class="calendar__time-footer" part="time-footer" style="${hiddenCss}">
-                ${!this.isMobile ? b`
-                      <sl-button
-                        variant="primary"
-                        size="small"
-                        @click="${this.confirmSelection}"
-                        ?disabled=${!this.selectedDate || this.selectedDate && this.isDayDisabled(
-      this.selectedDate.getDate(),
-      this.selectedDate.getMonth(),
-      this.selectedDate.getFullYear()
-    )}
-                      >
-                        ${LOCALE.confirmText}
-                      </sl-button>
-                    ` : b`<div class="calendar__mobile-time-footer" @click=${this.showTimeSelector}>
-                      <span> ${this.selectedDate ? this.getTimeDisplayText() : "--:--"} </span>
-                      <sl-icon name="chevron-down"></sl-icon>
-                    </div>`}
-              </div>
-            ` : ""}
-      </div>
-    `;
-  }
-};
-SlCalendarPicker.styles = [component_styles_default, calendar_picker_styles_default];
-SlCalendarPicker.dependencies = { "sl-icon": SlIcon, "sl-button": SlButton, "sl-time-panel": SlTimePanel };
-__decorateClass([
-  n()
-], SlCalendarPicker.prototype, "value", 2);
-__decorateClass([
-  n({ reflect: true })
-], SlCalendarPicker.prototype, "type", 2);
-__decorateClass([
-  n({ reflect: true })
-], SlCalendarPicker.prototype, "mode", 2);
-__decorateClass([
-  n()
-], SlCalendarPicker.prototype, "min", 2);
-__decorateClass([
-  n()
-], SlCalendarPicker.prototype, "max", 2);
-__decorateClass([
-  n({ attribute: false })
-], SlCalendarPicker.prototype, "disabledDate", 2);
-__decorateClass([
-  n({ attribute: false })
-], SlCalendarPicker.prototype, "startDate", 2);
-__decorateClass([
-  n({ attribute: false })
-], SlCalendarPicker.prototype, "endDate", 2);
-__decorateClass([
-  n({ attribute: false })
-], SlCalendarPicker.prototype, "hoverDate", 2);
-__decorateClass([
-  n({ attribute: false })
-], SlCalendarPicker.prototype, "activeInput", 2);
-__decorateClass([
-  n({ attribute: false })
-], SlCalendarPicker.prototype, "currentDate", 2);
-__decorateClass([
-  n({ type: Boolean, attribute: "sync-view-with-value" })
-], SlCalendarPicker.prototype, "syncViewWithValue", 2);
-__decorateClass([
-  n({ type: Boolean, attribute: "show-hour" })
-], SlCalendarPicker.prototype, "showHour", 2);
-__decorateClass([
-  n({ type: Boolean, attribute: "show-minute" })
-], SlCalendarPicker.prototype, "showMinute", 2);
-__decorateClass([
-  n({ type: Boolean, attribute: "show-second" })
-], SlCalendarPicker.prototype, "showSecond", 2);
-__decorateClass([
-  r()
-], SlCalendarPicker.prototype, "isMobile", 2);
-__decorateClass([
-  r()
-], SlCalendarPicker.prototype, "view", 2);
-__decorateClass([
-  r()
-], SlCalendarPicker.prototype, "selectedDate", 2);
-__decorateClass([
-  e2("sl-time-panel")
-], SlCalendarPicker.prototype, "timePanel", 2);
-__decorateClass([
-  watch("value")
-], SlCalendarPicker.prototype, "handleValueChange", 1);
-
-export {
-  parseDatetime,
-  formatDatetime,
-  LOCALE,
-  getTimeColumnsFromFormat,
-  SlCalendarPicker
-};