@bagelink/vue 1.2.25 → 1.2.39

package/dist/index.cjs

@@ -590,7 +590,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
               onClick: vue.withModifiers(($event) => emit2("eventClick", event), ["stop"])
             }, [
               vue.createElementVNode("div", _hoisted_3$C, [
-                vue.createElementVNode("div", _hoisted_4$p, vue.toDisplayString(vue.unref(formatDate)(event.start_time, "HH:mm")), 1),
+                vue.createElementVNode("div", _hoisted_4$p, vue.toDisplayString(vue.unref(formatDate)(event.start_time, { fmt: "HH:mm" })), 1),
                 vue.createElementVNode("div", _hoisted_5$o, [
                   vue.createElementVNode("div", _hoisted_6$l, vue.toDisplayString(event.title), 1),
                   vue.createElementVNode("div", {
@@ -605,7 +605,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AgendaView = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-54c102a2"]]);
+const AgendaView = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-520aee85"]]);
 function calculatePopoverPosition(target, popoverWidth = 300, popoverHeight = 150) {
   const rect = target.getBoundingClientRect();
   const { scrollY, scrollX, innerHeight, innerWidth } = window;
@@ -857,7 +857,7 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DayView = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-8aa8e541"]]);
+const DayView = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-bc647d79"]]);
 const _hoisted_1$V = { class: "month-view" };
 const _hoisted_2$G = { class: "month-header" };
 const _hoisted_3$A = { class: "month-grid" };
@@ -971,7 +971,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
                 "other-month": !day.isCurrentMonth
               }])
             }, [
-              vue.createElementVNode("div", _hoisted_4$n, vue.toDisplayString(vue.unref(formatDate)(day.date, "DD")), 1),
+              vue.createElementVNode("div", _hoisted_4$n, vue.toDisplayString(vue.unref(fmtDate)(day.date, { fmt: "DD" })), 1),
               vue.createElementVNode("div", _hoisted_5$m, [
                 isMobile.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                   day.events.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$j)) : vue.createCommentVNode("", true)
@@ -983,7 +983,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
                     onClick: vue.withModifiers(($event) => vue.unref(slots).eventContent ? openPopover$1(event, $event) : emit2("eventClick", event), ["stop"])
                   }, [
                     vue.createElementVNode("div", _hoisted_8$7, vue.toDisplayString(event.title), 1),
-                    vue.createElementVNode("div", _hoisted_9$6, vue.toDisplayString(vue.unref(formatDate)(event.start_time, "HH:mm")), 1)
+                    vue.createElementVNode("div", _hoisted_9$6, vue.toDisplayString(vue.unref(fmtDate)(event.start_time, { fmt: "HH:mm" })), 1)
                   ], 12, _hoisted_7$f);
                 }), 128))
               ])
@@ -1013,12 +1013,12 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const MonthView = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-505b680c"]]);
+const MonthView = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-eeb8abde"]]);
 const _hoisted_1$U = { class: "w-100p overflow-hidden m_overflow h-100p grid" };
 const _hoisted_2$F = { class: "weekGrid border-bottom me-1" };
 const _hoisted_3$z = { class: "overflow h-100p pe-05" };
 const _hoisted_4$m = ["onClick"];
-const _hoisted_5$l = { class: "overflow-hidden color-text-light p-025 txt12 h-100p" };
+const _hoisted_5$l = { class: "overflow-hidden color-white p-025 txt12 h-100p" };
 const _hoisted_6$i = { class: "white-space ellipsis-1" };
 const _hoisted_7$e = { class: "txt10 opacity-8" };
 const slotHeight = 60;
@@ -1100,7 +1100,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
           top: top2,
           height,
           left: 0,
-          width: 95,
+          width: 100,
           overlappingEvents: 0,
           position: 0
         };
@@ -1210,13 +1210,13 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
               key: day.toISOString(),
               class: "day-header p-05 txt-center"
             }, [
-              vue.createTextVNode(vue.toDisplayString(vue.unref(formatDate)(day, "DDD")) + " ", 1),
+              vue.createTextVNode(vue.toDisplayString(vue.unref(fmtDate)(day, { fmt: "DDD" })) + " ", 1),
               vue.createElementVNode("span", {
                 class: vue.normalizeClass(["txt-12 round p-025", {
                   "color-gray": day.toDateString() !== (/* @__PURE__ */ new Date()).toDateString(),
                   "bg-primary color-white": day.toDateString() === (/* @__PURE__ */ new Date()).toDateString()
                 }])
-              }, vue.toDisplayString(vue.unref(formatDate)(day, "DD")), 3)
+              }, vue.toDisplayString(vue.unref(fmtDate)(day, { fmt: "DD" })), 3)
             ]);
           }), 128))
         ]),
@@ -1262,7 +1262,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
                   }, [
                     vue.createElementVNode("div", _hoisted_5$l, [
                       vue.createElementVNode("div", _hoisted_6$i, vue.toDisplayString(event.title), 1),
-                      vue.createElementVNode("div", _hoisted_7$e, vue.toDisplayString(vue.unref(formatDate)(event.start_time, "HH:mm")), 1)
+                      vue.createElementVNode("div", _hoisted_7$e, vue.toDisplayString(vue.unref(fmtDate)(event.start_time, { fmt: "HH:mm" })), 1)
                     ])
                   ], 12, _hoisted_4$m);
                 }), 128))
@@ -1285,11 +1285,10 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
           ref_key: "popoverRef",
           ref: popoverRef,
           thin: "",
-          class: "custom-popover fixed z-999 radius-05 bg-white w350",
+          class: "custom-popover fixed z-999 radius-1 bg-white",
           style: vue.normalizeStyle({
             top: `${popoverPosition.value.top}px`,
-            left: `${popoverPosition.value.left}px`,
-            maxWidth: `${popoverPosition.value.width}px`
+            left: `${popoverPosition.value.left}px`
           })
         }, {
           default: vue.withCtx(() => [
@@ -1304,7 +1303,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const WeekView = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-f774fc40"]]);
+const WeekView = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-b897fbe8"]]);
 const _hoisted_1$T = { class: "calendar" };
 const _hoisted_2$E = { class: "flex m_block m_pb-1" };
 const _hoisted_3$y = { class: "txt-light my-0" };
@@ -1312,7 +1311,7 @@ const _hoisted_4$l = { class: "ms-auto flex gap-025" };
 const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
   __name: "Index",
   props: {
-    events: {},
+    events: { default: () => [] },
     startDate: { default: () => /* @__PURE__ */ new Date() },
     view: { default: "Week" },
     weekStart: { default: "Sunday" }
@@ -1372,8 +1371,8 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$T, [
         vue.createElementVNode("div", _hoisted_2$E, [
           vue.createElementVNode("h3", _hoisted_3$y, [
-            vue.createElementVNode("b", null, vue.toDisplayString(vue.unref(formatDate)(currentDate.value, "MMMM")), 1),
-            vue.createTextVNode(" " + vue.toDisplayString(vue.unref(formatDate)(currentDate.value, "YYYY")), 1)
+            vue.createElementVNode("b", null, vue.toDisplayString(vue.unref(fmtDate)(currentDate.value, { fmt: "MMMM" })), 1),
+            vue.createTextVNode(" " + vue.toDisplayString(vue.unref(fmtDate)(currentDate.value, { fmt: "YYYY" })), 1)
           ]),
           vue.createElementVNode("div", _hoisted_4$l, [
             vue.createVNode(vue.unref(_sfc_main$W), {
@@ -1433,7 +1432,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-b1af1548"]]);
+const Index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-36ea5622"]]);
 const _hoisted_1$S = {
   key: 0,
   class: "card_label"
@@ -8086,7 +8085,7 @@ ${indent}}`;
       richtext: RichText,
       upload: UploadInput,
       file: UploadInput,
-      date: DateInput,
+      date: _sfc_main$L,
       tabs: TabsNav,
       form: _sfc_main$T,
       range: RangeInput
@@ -15127,7 +15126,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     function useFormatting() {
       const formatDisplayDate2 = (date2) => {
         if (!date2) return "";
-        return formatDate(date2, props2.enableTime ? "DD.MM.YY HH:mm" : "DD.MM.YY");
+        return fmtDate(date2, { fmt: props2.enableTime ? "DD.MM.YY HH:mm" : "DD.MM.YY" });
       };
       const parseUserInput2 = (input) => {
         const date2 = new Date(input);
@@ -15213,7 +15212,6 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
         (...args) => vue.unref(handleFocus) && vue.unref(handleFocus)(...args))
       }, [
         _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$s, [
-          vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
           _ctx.required ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$o, "*")) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true),
         vue.createVNode(vue.unref(_sfc_main$W), {
@@ -15234,7 +15232,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
             }, [
               vue.createVNode(vue.unref(TextInput), {
                 modelValue: vue.unref(formatDisplayDate)(selectedDate.value),
-                icon: "calendar",
+                iconStart: "calendar",
                 min: vue.unref(formatDisplayDate)(_ctx.min),
                 max: vue.unref(formatDisplayDate)(_ctx.max),
                 required: _ctx.required,
@@ -15275,7 +15273,6 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-6202aa21"]]);
 const _hoisted_1$D = { class: "bagel-input" };
 const _hoisted_2$r = {
   key: 0,
@@ -36354,23 +36351,14 @@ function getBrowserNavigatorLocale() {
   if (typeof navigator !== "object") return "en-US";
   return navigator.languages && navigator.languages.length ? navigator.languages[0] : navigator.language;
 }
-function handleTimezone(date2, timeZone) {
-  if (timeZone === "UTC") {
+function handleTimezone(date2, locale2, intFmtOpt) {
+  if (intFmtOpt.timeZone === "UTC") {
     const utcDate = new Date(date2.getTime());
     utcDate.setMinutes(utcDate.getMinutes() + date2.getTimezoneOffset());
     return utcDate;
   }
   try {
-    const formatter = new Intl.DateTimeFormat("en-US", {
-      timeZone,
-      timeZoneName: "short",
-      year: "numeric",
-      month: "numeric",
-      day: "numeric",
-      hour: "numeric",
-      minute: "numeric",
-      second: "numeric"
-    });
+    const formatter = new Intl.DateTimeFormat(locale2, intFmtOpt);
     const formattedParts = formatter.formatToParts(date2);
     const parts = {};
     formattedParts.forEach((part) => {
@@ -36389,12 +36377,12 @@ function handleTimezone(date2, timeZone) {
     );
     return adjustedDate;
   } catch (error) {
-    console.warn(`Error handling timezone ${timeZone}:`, error);
+    console.warn(`Error handling timezone ${intFmtOpt.timeZone}:`, error);
     return date2;
   }
 }
-function getDatePartsMap(date2, locale2, timeZone) {
-  const d2 = timeZone ? handleTimezone(date2, timeZone) : date2;
+function getDatePartsMap(date2, locale2, intFmtOpt) {
+  const d2 = (intFmtOpt == null ? void 0 : intFmtOpt.timeZone) ? handleTimezone(date2, locale2, intFmtOpt) : date2;
   return {
     AmPm: d2.toLocaleString(locale2, { hour: "numeric", hour12: true, minute: "numeric" }).split(" ")[1],
     DD: String(d2.getDate()).padStart(2, "0"),
@@ -36414,21 +36402,23 @@ function getDatePartsMap(date2, locale2, timeZone) {
 const _datePartsMapNow = getDatePartsMap(/* @__PURE__ */ new Date(), getBrowserNavigatorLocale());
 const _orderedDateTokens = Object.keys(_datePartsMapNow).sort((a2, b2) => b2.length - a2.length);
 const _tokenRegExPattern = new RegExp(_orderedDateTokens.map((token) => token).join("|"), "g");
-const formatDate = (date2, format2, locale2, timeZone) => {
+function formatDate(date2, opts = {}) {
+  let { fmt: format2, locale: locale2, tz: timeZone, ...rest } = opts;
   if (!date2) return "";
   format2 = format2 || "DD.MM.YY";
   locale2 = locale2 || getBrowserNavigatorLocale();
   try {
-    const d2 = typeof date2 === "string" ? new Date(date2) : date2;
+    const d2 = typeof date2 === "string" || typeof date2 === "number" ? new Date(date2) : date2;
     if (Number.isNaN(d2.getTime())) {
       console.warn("Invalid date provided to formatDate:", date2);
       return "";
     }
-    const datePartsMap = getDatePartsMap(d2, locale2, timeZone);
-    const formatter = new Intl.DateTimeFormat(locale2, {
+    const intFmtOpt = {
       day: "numeric",
       hour: "2-digit",
-      hour12: true,
+      // Set default hour12 to true if not explicitly set
+      // hour12: true,
+      hour12: rest.hour12 === void 0 ? true : rest.hour12,
       minute: "2-digit",
       month: "long",
       second: "2-digit",
@@ -36436,7 +36426,9 @@ const formatDate = (date2, format2, locale2, timeZone) => {
       // Add timeZone if provided
       weekday: "long",
       year: "numeric"
-    });
+    };
+    const datePartsMap = getDatePartsMap(d2, locale2, intFmtOpt);
+    const formatter = new Intl.DateTimeFormat(locale2, intFmtOpt);
     const formattedParts = formatter.formatToParts(d2);
     const partsMap = {};
     formattedParts.forEach((part) => {
@@ -36463,11 +36455,8 @@ const formatDate = (date2, format2, locale2, timeZone) => {
     console.warn(`Error formatting date: ${date2} with format: ${format2}`, error);
     return "";
   }
-};
-function fmtDate(opts) {
-  const { date: date2, format: format2, locale: locale2, timeZone } = opts;
-  return formatDate(date2, format2, locale2, timeZone);
 }
+const fmtDate = formatDate;
 const IMAGE_FORMATS = ["jpeg", "png", "webp", "avif", "apng", "gif", "avifs", "svg", "bmp", "jpg", "heic", "heif", "ico", "cur", "tif", "tiff"];
 const IMAGE_FORMATS_REGEXP = new RegExp(`(${IMAGE_FORMATS.join("|")})$`, "i");
 const VIDEO_FORMATS = ["mp4", "webm", "ogg", "mov", "avi", "flv", "wmv", "mkv", "ts", "m3u8"];
@@ -36494,7 +36483,7 @@ exports.CodeEditor = CodeEditor;
 exports.ColorInput = _sfc_main$N;
 exports.DataPreview = DataPreview;
 exports.DataTable = DataTable;
-exports.DateInput = DateInput;
+exports.DateInput = _sfc_main$L;
 exports.DatePicker = DatePicker;
 exports.Draggable = _sfc_main$X;
 exports.Dropdown = _sfc_main$W;

package/dist/index.mjs

@@ -588,7 +588,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
               onClick: withModifiers(($event) => emit2("eventClick", event), ["stop"])
             }, [
               createElementVNode("div", _hoisted_3$C, [
-                createElementVNode("div", _hoisted_4$p, toDisplayString(unref(formatDate)(event.start_time, "HH:mm")), 1),
+                createElementVNode("div", _hoisted_4$p, toDisplayString(unref(formatDate)(event.start_time, { fmt: "HH:mm" })), 1),
                 createElementVNode("div", _hoisted_5$o, [
                   createElementVNode("div", _hoisted_6$l, toDisplayString(event.title), 1),
                   createElementVNode("div", {
@@ -603,7 +603,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AgendaView = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-54c102a2"]]);
+const AgendaView = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-520aee85"]]);
 function calculatePopoverPosition(target, popoverWidth = 300, popoverHeight = 150) {
   const rect = target.getBoundingClientRect();
   const { scrollY, scrollX, innerHeight, innerWidth } = window;
@@ -855,7 +855,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DayView = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-8aa8e541"]]);
+const DayView = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-bc647d79"]]);
 const _hoisted_1$V = { class: "month-view" };
 const _hoisted_2$G = { class: "month-header" };
 const _hoisted_3$A = { class: "month-grid" };
@@ -969,7 +969,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
                 "other-month": !day.isCurrentMonth
               }])
             }, [
-              createElementVNode("div", _hoisted_4$n, toDisplayString(unref(formatDate)(day.date, "DD")), 1),
+              createElementVNode("div", _hoisted_4$n, toDisplayString(unref(fmtDate)(day.date, { fmt: "DD" })), 1),
               createElementVNode("div", _hoisted_5$m, [
                 isMobile.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                   day.events.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_6$j)) : createCommentVNode("", true)
@@ -981,7 +981,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
                     onClick: withModifiers(($event) => unref(slots).eventContent ? openPopover$1(event, $event) : emit2("eventClick", event), ["stop"])
                   }, [
                     createElementVNode("div", _hoisted_8$7, toDisplayString(event.title), 1),
-                    createElementVNode("div", _hoisted_9$6, toDisplayString(unref(formatDate)(event.start_time, "HH:mm")), 1)
+                    createElementVNode("div", _hoisted_9$6, toDisplayString(unref(fmtDate)(event.start_time, { fmt: "HH:mm" })), 1)
                   ], 12, _hoisted_7$f);
                 }), 128))
               ])
@@ -1011,12 +1011,12 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MonthView = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-505b680c"]]);
+const MonthView = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-eeb8abde"]]);
 const _hoisted_1$U = { class: "w-100p overflow-hidden m_overflow h-100p grid" };
 const _hoisted_2$F = { class: "weekGrid border-bottom me-1" };
 const _hoisted_3$z = { class: "overflow h-100p pe-05" };
 const _hoisted_4$m = ["onClick"];
-const _hoisted_5$l = { class: "overflow-hidden color-text-light p-025 txt12 h-100p" };
+const _hoisted_5$l = { class: "overflow-hidden color-white p-025 txt12 h-100p" };
 const _hoisted_6$i = { class: "white-space ellipsis-1" };
 const _hoisted_7$e = { class: "txt10 opacity-8" };
 const slotHeight = 60;
@@ -1098,7 +1098,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
           top: top2,
           height,
           left: 0,
-          width: 95,
+          width: 100,
           overlappingEvents: 0,
           position: 0
         };
@@ -1208,13 +1208,13 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
               key: day.toISOString(),
               class: "day-header p-05 txt-center"
             }, [
-              createTextVNode(toDisplayString(unref(formatDate)(day, "DDD")) + " ", 1),
+              createTextVNode(toDisplayString(unref(fmtDate)(day, { fmt: "DDD" })) + " ", 1),
               createElementVNode("span", {
                 class: normalizeClass(["txt-12 round p-025", {
                   "color-gray": day.toDateString() !== (/* @__PURE__ */ new Date()).toDateString(),
                   "bg-primary color-white": day.toDateString() === (/* @__PURE__ */ new Date()).toDateString()
                 }])
-              }, toDisplayString(unref(formatDate)(day, "DD")), 3)
+              }, toDisplayString(unref(fmtDate)(day, { fmt: "DD" })), 3)
             ]);
           }), 128))
         ]),
@@ -1260,7 +1260,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
                   }, [
                     createElementVNode("div", _hoisted_5$l, [
                       createElementVNode("div", _hoisted_6$i, toDisplayString(event.title), 1),
-                      createElementVNode("div", _hoisted_7$e, toDisplayString(unref(formatDate)(event.start_time, "HH:mm")), 1)
+                      createElementVNode("div", _hoisted_7$e, toDisplayString(unref(fmtDate)(event.start_time, { fmt: "HH:mm" })), 1)
                     ])
                   ], 12, _hoisted_4$m);
                 }), 128))
@@ -1283,11 +1283,10 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
           ref_key: "popoverRef",
           ref: popoverRef,
           thin: "",
-          class: "custom-popover fixed z-999 radius-05 bg-white w350",
+          class: "custom-popover fixed z-999 radius-1 bg-white",
           style: normalizeStyle({
             top: `${popoverPosition.value.top}px`,
-            left: `${popoverPosition.value.left}px`,
-            maxWidth: `${popoverPosition.value.width}px`
+            left: `${popoverPosition.value.left}px`
           })
         }, {
           default: withCtx(() => [
@@ -1302,7 +1301,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const WeekView = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-f774fc40"]]);
+const WeekView = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-b897fbe8"]]);
 const _hoisted_1$T = { class: "calendar" };
 const _hoisted_2$E = { class: "flex m_block m_pb-1" };
 const _hoisted_3$y = { class: "txt-light my-0" };
@@ -1310,7 +1309,7 @@ const _hoisted_4$l = { class: "ms-auto flex gap-025" };
 const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   __name: "Index",
   props: {
-    events: {},
+    events: { default: () => [] },
     startDate: { default: () => /* @__PURE__ */ new Date() },
     view: { default: "Week" },
     weekStart: { default: "Sunday" }
@@ -1370,8 +1369,8 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$T, [
         createElementVNode("div", _hoisted_2$E, [
           createElementVNode("h3", _hoisted_3$y, [
-            createElementVNode("b", null, toDisplayString(unref(formatDate)(currentDate.value, "MMMM")), 1),
-            createTextVNode(" " + toDisplayString(unref(formatDate)(currentDate.value, "YYYY")), 1)
+            createElementVNode("b", null, toDisplayString(unref(fmtDate)(currentDate.value, { fmt: "MMMM" })), 1),
+            createTextVNode(" " + toDisplayString(unref(fmtDate)(currentDate.value, { fmt: "YYYY" })), 1)
           ]),
           createElementVNode("div", _hoisted_4$l, [
             createVNode(unref(_sfc_main$W), {
@@ -1431,7 +1430,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-b1af1548"]]);
+const Index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-36ea5622"]]);
 const _hoisted_1$S = {
   key: 0,
   class: "card_label"
@@ -8084,7 +8083,7 @@ ${indent}}`;
       richtext: RichText,
       upload: UploadInput,
       file: UploadInput,
-      date: DateInput,
+      date: _sfc_main$L,
       tabs: TabsNav,
       form: _sfc_main$T,
       range: RangeInput
@@ -15125,7 +15124,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     function useFormatting() {
       const formatDisplayDate2 = (date2) => {
         if (!date2) return "";
-        return formatDate(date2, props2.enableTime ? "DD.MM.YY HH:mm" : "DD.MM.YY");
+        return fmtDate(date2, { fmt: props2.enableTime ? "DD.MM.YY HH:mm" : "DD.MM.YY" });
       };
       const parseUserInput2 = (input) => {
         const date2 = new Date(input);
@@ -15211,7 +15210,6 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
         (...args) => unref(handleFocus) && unref(handleFocus)(...args))
       }, [
         _ctx.label ? (openBlock(), createElementBlock("label", _hoisted_2$s, [
-          createTextVNode(toDisplayString(_ctx.label) + " ", 1),
           _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_3$o, "*")) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
         createVNode(unref(_sfc_main$W), {
@@ -15232,7 +15230,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
             }, [
               createVNode(unref(TextInput), {
                 modelValue: unref(formatDisplayDate)(selectedDate.value),
-                icon: "calendar",
+                iconStart: "calendar",
                 min: unref(formatDisplayDate)(_ctx.min),
                 max: unref(formatDisplayDate)(_ctx.max),
                 required: _ctx.required,
@@ -15273,7 +15271,6 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-6202aa21"]]);
 const _hoisted_1$D = { class: "bagel-input" };
 const _hoisted_2$r = {
   key: 0,
@@ -36352,23 +36349,14 @@ function getBrowserNavigatorLocale() {
   if (typeof navigator !== "object") return "en-US";
   return navigator.languages && navigator.languages.length ? navigator.languages[0] : navigator.language;
 }
-function handleTimezone(date2, timeZone) {
-  if (timeZone === "UTC") {
+function handleTimezone(date2, locale2, intFmtOpt) {
+  if (intFmtOpt.timeZone === "UTC") {
     const utcDate = new Date(date2.getTime());
     utcDate.setMinutes(utcDate.getMinutes() + date2.getTimezoneOffset());
     return utcDate;
   }
   try {
-    const formatter = new Intl.DateTimeFormat("en-US", {
-      timeZone,
-      timeZoneName: "short",
-      year: "numeric",
-      month: "numeric",
-      day: "numeric",
-      hour: "numeric",
-      minute: "numeric",
-      second: "numeric"
-    });
+    const formatter = new Intl.DateTimeFormat(locale2, intFmtOpt);
     const formattedParts = formatter.formatToParts(date2);
     const parts = {};
     formattedParts.forEach((part) => {
@@ -36387,12 +36375,12 @@ function handleTimezone(date2, timeZone) {
     );
     return adjustedDate;
   } catch (error) {
-    console.warn(`Error handling timezone ${timeZone}:`, error);
+    console.warn(`Error handling timezone ${intFmtOpt.timeZone}:`, error);
     return date2;
   }
 }
-function getDatePartsMap(date2, locale2, timeZone) {
-  const d2 = timeZone ? handleTimezone(date2, timeZone) : date2;
+function getDatePartsMap(date2, locale2, intFmtOpt) {
+  const d2 = (intFmtOpt == null ? void 0 : intFmtOpt.timeZone) ? handleTimezone(date2, locale2, intFmtOpt) : date2;
   return {
     AmPm: d2.toLocaleString(locale2, { hour: "numeric", hour12: true, minute: "numeric" }).split(" ")[1],
     DD: String(d2.getDate()).padStart(2, "0"),
@@ -36412,21 +36400,23 @@ function getDatePartsMap(date2, locale2, timeZone) {
 const _datePartsMapNow = getDatePartsMap(/* @__PURE__ */ new Date(), getBrowserNavigatorLocale());
 const _orderedDateTokens = Object.keys(_datePartsMapNow).sort((a2, b2) => b2.length - a2.length);
 const _tokenRegExPattern = new RegExp(_orderedDateTokens.map((token) => token).join("|"), "g");
-const formatDate = (date2, format2, locale2, timeZone) => {
+function formatDate(date2, opts = {}) {
+  let { fmt: format2, locale: locale2, tz: timeZone, ...rest } = opts;
   if (!date2) return "";
   format2 = format2 || "DD.MM.YY";
   locale2 = locale2 || getBrowserNavigatorLocale();
   try {
-    const d2 = typeof date2 === "string" ? new Date(date2) : date2;
+    const d2 = typeof date2 === "string" || typeof date2 === "number" ? new Date(date2) : date2;
     if (Number.isNaN(d2.getTime())) {
       console.warn("Invalid date provided to formatDate:", date2);
       return "";
     }
-    const datePartsMap = getDatePartsMap(d2, locale2, timeZone);
-    const formatter = new Intl.DateTimeFormat(locale2, {
+    const intFmtOpt = {
       day: "numeric",
       hour: "2-digit",
-      hour12: true,
+      // Set default hour12 to true if not explicitly set
+      // hour12: true,
+      hour12: rest.hour12 === void 0 ? true : rest.hour12,
       minute: "2-digit",
       month: "long",
       second: "2-digit",
@@ -36434,7 +36424,9 @@ const formatDate = (date2, format2, locale2, timeZone) => {
       // Add timeZone if provided
       weekday: "long",
       year: "numeric"
-    });
+    };
+    const datePartsMap = getDatePartsMap(d2, locale2, intFmtOpt);
+    const formatter = new Intl.DateTimeFormat(locale2, intFmtOpt);
     const formattedParts = formatter.formatToParts(d2);
     const partsMap = {};
     formattedParts.forEach((part) => {
@@ -36461,11 +36453,8 @@ const formatDate = (date2, format2, locale2, timeZone) => {
     console.warn(`Error formatting date: ${date2} with format: ${format2}`, error);
     return "";
   }
-};
-function fmtDate(opts) {
-  const { date: date2, format: format2, locale: locale2, timeZone } = opts;
-  return formatDate(date2, format2, locale2, timeZone);
 }
+const fmtDate = formatDate;
 const IMAGE_FORMATS = ["jpeg", "png", "webp", "avif", "apng", "gif", "avifs", "svg", "bmp", "jpg", "heic", "heif", "ico", "cur", "tif", "tiff"];
 const IMAGE_FORMATS_REGEXP = new RegExp(`(${IMAGE_FORMATS.join("|")})$`, "i");
 const VIDEO_FORMATS = ["mp4", "webm", "ogg", "mov", "avi", "flv", "wmv", "mkv", "ts", "m3u8"];
@@ -36493,7 +36482,7 @@ export {
   _sfc_main$N as ColorInput,
   DataPreview,
   DataTable,
-  DateInput,
+  _sfc_main$L as DateInput,
   DatePicker,
   _sfc_main$X as Draggable,
   _sfc_main$W as Dropdown,