@kdcloudjs/shoelace 1.0.51 → 1.0.52

package/cdn/chunks/chunk.S4M3XPG5.js

@@ -0,0 +1,1291 @@
+import {
+  SlTimePanel
+} from "./chunk.WFQCT6VC.js";
+import {
+  calendar_picker_styles_default
+} from "./chunk.CNOATE66.js";
+import {
+  SlButton
+} from "./chunk.PIB5DYY5.js";
+import {
+  SlIcon
+} from "./chunk.QKWA4FGY.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.XXG7OQYD.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
+};