@bagelink/vue 0.0.1256 → 0.0.1258

package/dist/index.cjs

@@ -66,7 +66,7 @@ const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$19 = ["aria-expanded", "aria-controls"];
 const _hoisted_2$R = { class: "accordion-label" };
-const _hoisted_3$F = ["id", "aria-hidden"];
+const _hoisted_3$G = ["id", "aria-hidden"];
 const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
   __name: "AccordionItem",
   props: {
@@ -151,7 +151,7 @@ const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
               "aria-hidden": vue.unref(isOpen) ? "false" : "true"
             }, [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ], 8, _hoisted_3$F)) : vue.createCommentVNode("", true)
+            ], 8, _hoisted_3$G)) : vue.createCommentVNode("", true)
           ]),
           _: 3
         })
@@ -424,7 +424,7 @@ const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
 const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["__scopeId", "data-v-689f051f"]]);
 const _hoisted_1$14 = ["src"];
 const _hoisted_2$P = ["autoplay", "muted", "loop", "controls", "playsinline"];
-const _hoisted_3$E = ["src", "type"];
+const _hoisted_3$F = ["src", "type"];
 const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
   __name: "BglVideo",
   props: {
@@ -516,7 +516,7 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("source", {
             src: _ctx.src,
             type: `video/${videoFormat.value}`
-          }, null, 8, _hoisted_3$E)
+          }, null, 8, _hoisted_3$F)
         ], 12, _hoisted_2$P)) : vue.createCommentVNode("", true)
       ], 2);
     };
@@ -786,16 +786,16 @@ const DATE_TIME_STRING_PATTERN = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/;
 const DATE_TIME_STRING_FULL_DAY_PATTERN = /^\d{4}-\d{2}-\d{2}$/;
 const _hoisted_1$12 = ["id"];
 const _hoisted_2$N = { class: "flex txt14 flex column align-items-start gap-025 opacity-6" };
-const _hoisted_3$D = {
+const _hoisted_3$E = {
   key: 0,
   class: "agenda__event-time flex gap-025"
 };
-const _hoisted_4$r = {
+const _hoisted_4$s = {
   key: 1,
   class: "agenda__event-location flex gap-025"
 };
-const _hoisted_5$n = { class: "agenda__event-title" };
-const _hoisted_6$j = {
+const _hoisted_5$o = { class: "agenda__event-title" };
+const _hoisted_6$k = {
   key: 0,
   class: "agenda__event-with txt14 opacity-6"
 };
@@ -875,14 +875,14 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
         onClick: vue.withModifiers(handleClickOnEvent, ["prevent"])
       }, [
         vue.createElementVNode("div", _hoisted_2$N, [
-          eventTime.value && !__props.calendarEvent.originalEvent ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$D, [
+          eventTime.value && !__props.calendarEvent.originalEvent ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$E, [
             vue.createVNode(vue.unref(_sfc_main$r), {
               icon: icons.clock,
               size: 0.8
             }, null, 8, ["icon"]),
             vue.createTextVNode(" " + vue.toDisplayString(eventTime.value), 1)
           ])) : vue.createCommentVNode("", true),
-          __props.calendarEvent.location ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$r, [
+          __props.calendarEvent.location ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$s, [
             vue.createVNode(vue.unref(_sfc_main$r), {
               icon: icons.location,
               size: 1
@@ -891,8 +891,8 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
           ])) : vue.createCommentVNode("", true)
         ]),
         vue.createElementVNode("div", null, [
-          vue.createElementVNode("div", _hoisted_5$n, vue.toDisplayString(__props.calendarEvent.title), 1),
-          __props.calendarEvent.with ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$j, [
+          vue.createElementVNode("div", _hoisted_5$o, vue.toDisplayString(__props.calendarEvent.title), 1),
+          __props.calendarEvent.with ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$k, [
             vue.createVNode(vue.unref(_sfc_main$r), {
               icon: icons.user
             }, null, 8, ["icon"]),
@@ -906,14 +906,14 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
 const AgendaEventTile = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-5740437b"]]);
 const _hoisted_1$11 = { class: "agenda__wrapper grid align-items-start gap-1 h-100p" };
 const _hoisted_2$M = { class: "m_sticky" };
-const _hoisted_3$C = { class: "agenda__header-day-name txt-center" };
-const _hoisted_4$q = { class: "agenda__header-date flex justify-content-center rounded p-025 txt24 line-height-04" };
-const _hoisted_5$m = { class: "agenda__content flex column w-100p h-100p min-h-100px pt-05 border-start ps-1 m_pt-0 min-h-50px" };
-const _hoisted_6$i = {
+const _hoisted_3$D = { class: "agenda__header-day-name txt-center" };
+const _hoisted_4$r = { class: "agenda__header-date flex justify-content-center rounded p-025 txt24 line-height-04" };
+const _hoisted_5$n = { class: "agenda__content flex column w-100p h-100p min-h-100px pt-05 border-start ps-1 m_pt-0 min-h-50px" };
+const _hoisted_6$j = {
   key: 0,
   class: "align-items-center flex justify-content-center h-100p opacity-6"
 };
-const _hoisted_7$d = {
+const _hoisted_7$e = {
   key: 1,
   class: "w-100p"
 };
@@ -939,11 +939,11 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, [
         vue.createElementVNode("header", _hoisted_2$M, [
-          vue.createElementVNode("div", _hoisted_3$C, vue.toDisplayString(__props.day.dayName.slice(0, 3)), 1),
-          vue.createElementVNode("div", _hoisted_4$q, vue.toDisplayString(__props.day.dateTimeString.substring(8, 10)), 1)
+          vue.createElementVNode("div", _hoisted_3$D, vue.toDisplayString(__props.day.dayName.slice(0, 3)), 1),
+          vue.createElementVNode("div", _hoisted_4$r, vue.toDisplayString(__props.day.dateTimeString.substring(8, 10)), 1)
         ]),
-        vue.createElementVNode("div", _hoisted_5$m, [
-          __props.day.events.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$i, vue.toDisplayString(vue.unref(getLanguage)(vue.unref(languageKeys).noEvent, __props.time.CALENDAR_LOCALE)), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$d, [
+        vue.createElementVNode("div", _hoisted_5$n, [
+          __props.day.events.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$j, vue.toDisplayString(vue.unref(getLanguage)(vue.unref(languageKeys).noEvent, __props.time.CALENDAR_LOCALE)), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$e, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.day.events, (dayEvent) => {
               return vue.openBlock(), vue.createBlock(AgendaEventTile, {
                 key: `agenda_event_${dayEvent.id}`,
@@ -1644,40 +1644,40 @@ const _hoisted_1$10 = {
   class: "event-flyout__relative-wrapper"
 };
 const _hoisted_2$L = { class: "event-flyout__menu" };
-const _hoisted_3$B = {
+const _hoisted_3$C = {
   key: 0,
   class: "event-flyout__menu-editable"
 };
-const _hoisted_4$p = { class: "event-flyout__menu-close" };
-const _hoisted_5$l = {
+const _hoisted_4$q = { class: "event-flyout__menu-close" };
+const _hoisted_5$m = {
   key: 0,
   class: "event-flyout__info-wrapper"
 };
-const _hoisted_6$h = {
+const _hoisted_6$i = {
   key: 0,
   class: "event-flyout__row is-title"
 };
-const _hoisted_7$c = {
+const _hoisted_7$d = {
   key: 1,
   class: "event-flyout__row is-time"
 };
-const _hoisted_8$8 = {
+const _hoisted_8$9 = {
   key: 2,
   class: "event-flyout__row is-location"
 };
-const _hoisted_9$6 = {
+const _hoisted_9$7 = {
   key: 3,
   class: "event-flyout__row is-with"
 };
-const _hoisted_10$6 = {
+const _hoisted_10$7 = {
   key: 4,
   class: "event-flyout__row is-topic"
 };
-const _hoisted_11$5 = {
+const _hoisted_11$6 = {
   key: 5,
   class: "event-flyout__row is-description"
 };
-const _hoisted_12$5 = ["innerHTML"];
+const _hoisted_12$6 = ["innerHTML"];
 const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
   __name: "EventFlyout",
   props: {
@@ -1853,7 +1853,7 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
       }, [
         !__props.config.eventDialog || !__props.config.eventDialog.isCustom ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$10, [
           vue.createElementVNode("div", _hoisted_2$L, [
-            isEditable.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$B, [
+            isEditable.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$C, [
               vue.createVNode(vue.unref(_sfc_main$r), {
                 class: "event-flyout__menu-item is-edit-icon",
                 icon: icons.edit,
@@ -1865,7 +1865,7 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
                 onClick: deleteEvent
               }, null, 8, ["icon"])
             ])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("span", _hoisted_4$p, [
+            vue.createElementVNode("span", _hoisted_4$q, [
               vue.createVNode(vue.unref(_sfc_main$r), {
                 class: "event-flyout__menu-item is-times-icon",
                 icon: icons.times,
@@ -1873,40 +1873,40 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
               }, null, 8, ["icon"])
             ])
           ]),
-          calendarEvent.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$l, [
-            calendarEvent.value.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$h, [
+          calendarEvent.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$m, [
+            calendarEvent.value.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$i, [
               vue.createElementVNode("div", {
                 class: "event-flyout__color-icon",
                 style: vue.normalizeStyle({ backgroundColor: eventBackgroundColor.value })
               }, null, 4),
               vue.createTextVNode(" " + vue.toDisplayString(calendarEvent.value.title), 1)
             ])) : vue.createCommentVNode("", true),
-            calendarEvent.value.time ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$c, vue.toDisplayString(getEventTime.value), 1)) : vue.createCommentVNode("", true),
-            calendarEvent.value.location ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$8, [
+            calendarEvent.value.time ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$d, vue.toDisplayString(getEventTime.value), 1)) : vue.createCommentVNode("", true),
+            calendarEvent.value.location ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$9, [
               vue.createVNode(vue.unref(_sfc_main$r), {
                 icon: icons.location
               }, null, 8, ["icon"]),
               vue.createTextVNode(" " + vue.toDisplayString(calendarEvent.value.location), 1)
             ])) : vue.createCommentVNode("", true),
-            calendarEvent.value.with ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$6, [
+            calendarEvent.value.with ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$7, [
               vue.createVNode(vue.unref(_sfc_main$r), {
                 icon: icons.user
               }, null, 8, ["icon"]),
               vue.createTextVNode(" " + vue.toDisplayString(calendarEvent.value.with), 1)
             ])) : vue.createCommentVNode("", true),
-            calendarEvent.value.topic ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$6, [
+            calendarEvent.value.topic ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$7, [
               vue.createVNode(vue.unref(_sfc_main$r), {
                 icon: icons.topic
               }, null, 8, ["icon"]),
               vue.createTextVNode(" " + vue.toDisplayString(calendarEvent.value.topic), 1)
             ])) : vue.createCommentVNode("", true),
-            calendarEvent.value.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$5, [
+            calendarEvent.value.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$6, [
               vue.createVNode(vue.unref(_sfc_main$r), {
                 icon: icons.description
               }, null, 8, ["icon"]),
               vue.createElementVNode("p", {
                 innerHTML: calendarEvent.value.description
-              }, null, 8, _hoisted_12$5)
+              }, null, 8, _hoisted_12$6)
             ])) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true)
         ])) : vue.renderSlot(_ctx.$slots, "default", {
@@ -1923,12 +1923,12 @@ const _hoisted_1$$ = {
   class: "calendar-month__event"
 };
 const _hoisted_2$K = ["id", "draggable"];
-const _hoisted_3$A = ["id", "draggable"];
-const _hoisted_4$o = {
+const _hoisted_3$B = ["id", "draggable"];
+const _hoisted_4$p = {
   key: 0,
   class: "calendar-month__event-time opacity-6 flex-shrink-0"
 };
-const _hoisted_5$k = { class: "calendar-month__event-title1 white-space ellipsis" };
+const _hoisted_5$l = { class: "calendar-month__event-title1 white-space ellipsis" };
 const eventIdPrefix = "calendar-month__event-";
 const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
   __name: "Event",
@@ -2031,9 +2031,9 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
           onClick: handleClickOnEvent
         }, [
           _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "calendar-month__event-color round flex-shrink-0" }, null, -1)),
-          eventTimeStart.value && !__props.calendarEvent.originalEvent ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$o, vue.toDisplayString(eventTimeStart.value), 1)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("span", _hoisted_5$k, vue.toDisplayString(__props.calendarEvent.title), 1)
-        ], 42, _hoisted_3$A))
+          eventTimeStart.value && !__props.calendarEvent.originalEvent ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$p, vue.toDisplayString(eventTimeStart.value), 1)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("span", _hoisted_5$l, vue.toDisplayString(__props.calendarEvent.title), 1)
+        ], 42, _hoisted_3$B))
       ], 64));
     };
   }
@@ -2041,8 +2041,8 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
 const Event = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__scopeId", "data-v-3c4101df"]]);
 const _hoisted_1$_ = ["id"];
 const _hoisted_2$J = { class: "w-100p flex justify-content-end txt14 p-025 m_h-100p" };
-const _hoisted_3$z = { class: "calendar-month_events" };
-const _hoisted_4$n = {
+const _hoisted_3$A = { class: "calendar-month_events" };
+const _hoisted_4$o = {
   key: 1,
   class: "space-reserver"
 };
@@ -2149,7 +2149,7 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
               onClick: emitDayWasClicked
             }, vue.toDisplayString(__props.day.dateTimeString.substring(8, 10).startsWith("0") ? __props.day.dateTimeString.substring(9, 10) : __props.day.dateTimeString.substring(8, 10)), 1)
           ]),
-          vue.createElementVNode("div", _hoisted_3$z, [
+          vue.createElementVNode("div", _hoisted_3$A, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.day.events, (calendarEvent, index2) => {
               return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
                 index2 < 3 ? (vue.openBlock(), vue.createBlock(Event, {
@@ -2176,7 +2176,7 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
             }, vue.toDisplayString(vue.unref(getLanguage)(vue.unref(languageKeys).moreEvents, __props.time.CALENDAR_LOCALE)), 1)) : vue.createCommentVNode("", true)
           ])
         ], true)
-      ], 42, _hoisted_1$_)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$n));
+      ], 42, _hoisted_1$_)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$o));
     };
   }
 });
@@ -2195,8 +2195,8 @@ const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$Y = { class: "calendar-month relative column w-100p h-100p overflow-y flex flex-stretch" };
 const _hoisted_2$I = { class: "flex space-between" };
-const _hoisted_3$y = { class: "calendar-month__weeks h-100p flex-grow flex flex-stretch column space-between" };
-const _hoisted_4$m = {
+const _hoisted_3$z = { class: "calendar-month__weeks h-100p flex-grow flex flex-stretch column space-between" };
+const _hoisted_4$n = {
   key: 0,
   class: "calendar-month__day_events w-100p pt-1 m_pb-1"
 };
@@ -2314,7 +2314,7 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["config", "day", "time"]);
           }), 128))
         ]),
-        vue.createElementVNode("div", _hoisted_3$y, [
+        vue.createElementVNode("div", _hoisted_3$z, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(month.value, (week, weekIndex) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: weekIndex,
@@ -2346,7 +2346,7 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
             ]);
           }), 128))
         ]),
-        !(((_a2 = __props.config.month) == null ? void 0 : _a2.showEventsOnMobileView) === false) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$m, [
+        !(((_a2 = __props.config.month) == null ? void 0 : _a2.showEventsOnMobileView) === false) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$n, [
           selectedDay.value ? (vue.openBlock(), vue.createBlock(AgendaEvents, {
             key: 0,
             config: __props.config,
@@ -2583,24 +2583,24 @@ class EventChange {
 }
 const _hoisted_1$X = ["data-ref"];
 const _hoisted_2$H = { class: "calendar-week__event-row is-title" };
-const _hoisted_3$x = { class: "calendar-week__event-row is-time flex" };
-const _hoisted_4$l = {
+const _hoisted_3$y = { class: "calendar-week__event-row is-time flex" };
+const _hoisted_4$m = {
   key: 0,
   class: "calendar-week__event-row is-location"
 };
-const _hoisted_5$j = {
+const _hoisted_5$k = {
   key: 1,
   class: "calendar-week__event-row is-with"
 };
-const _hoisted_6$g = {
+const _hoisted_6$h = {
   key: 2,
   class: "calendar-week__event-row is-topic"
 };
-const _hoisted_7$b = {
+const _hoisted_7$c = {
   key: 3,
   class: "calendar-week__event-row is-description"
 };
-const _hoisted_8$7 = ["innerHTML"];
+const _hoisted_8$8 = ["innerHTML"];
 const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
   __name: "DayEvent",
   props: {
@@ -2944,42 +2944,42 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
           })
         }, [
           vue.createElementVNode("div", _hoisted_2$H, vue.toDisplayString(event.value.title), 1),
-          vue.createElementVNode("div", _hoisted_3$x, [
+          vue.createElementVNode("div", _hoisted_3$y, [
             vue.createVNode(vue.unref(_sfc_main$r), {
               icon: icons.value.clock,
               class: "calendar-week__event-icon"
             }, null, 8, ["icon"]),
             vue.createElementVNode("span", null, vue.toDisplayString(getEventTime.value), 1)
           ]),
-          event.value.location ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$l, [
+          event.value.location ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$m, [
             vue.createVNode(vue.unref(_sfc_main$r), {
               icon: icons.value.location,
               class: "calendar-week__event-icon"
             }, null, 8, ["icon"]),
             vue.createElementVNode("span", null, vue.toDisplayString(event.value.location), 1)
           ])) : vue.createCommentVNode("", true),
-          event.value.with ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$j, [
+          event.value.with ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$k, [
             vue.createVNode(vue.unref(_sfc_main$r), {
               icon: icons.value.user,
               class: "calendar-week__event-icon"
             }, null, 8, ["icon"]),
             vue.createElementVNode("span", null, vue.toDisplayString(event.value.with), 1)
           ])) : vue.createCommentVNode("", true),
-          event.value.topic ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$g, [
+          event.value.topic ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$h, [
             vue.createVNode(vue.unref(_sfc_main$r), {
               icon: icons.value.topic,
               class: "calendar-week__event-icon"
             }, null, 8, ["icon"]),
             vue.createElementVNode("span", null, vue.toDisplayString(event.value.topic), 1)
           ])) : vue.createCommentVNode("", true),
-          event.value.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$b, [
+          event.value.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$c, [
             vue.createVNode(vue.unref(_sfc_main$r), {
               icon: icons.value.description,
               class: "calendar-week__event-icon"
             }, null, 8, ["icon"]),
             vue.createElementVNode("p", {
               innerHTML: event.value.description
-            }, null, 8, _hoisted_8$7)
+            }, null, 8, _hoisted_8$8)
           ])) : vue.createCommentVNode("", true),
           eventIsLongerThan30Minutes.value ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 4,
@@ -3276,10 +3276,10 @@ const _hoisted_1$T = {
   style: { "margin-inline-end": "0.5em" }
 };
 const _hoisted_2$E = ["onClick"];
-const _hoisted_3$w = { class: "flex justify-content-center gap-025 txt12 pb-025" };
-const _hoisted_4$k = { class: "" };
-const _hoisted_5$i = { class: "week-timeline__date txt14 round inline-flex justify-content-center" };
-const _hoisted_6$f = { class: "week-timeline__events" };
+const _hoisted_3$x = { class: "flex justify-content-center gap-025 txt12 pb-025" };
+const _hoisted_4$l = { class: "" };
+const _hoisted_5$j = { class: "week-timeline__date txt14 round inline-flex justify-content-center" };
+const _hoisted_6$g = { class: "week-timeline__events" };
 const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
   __name: "WeekTimeline",
   props: {
@@ -3310,11 +3310,11 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
             }]),
             onClick: ($event) => emit2("dayWasClicked", _ctx.time.dateStringFrom(day.dateTimeString))
           }, [
-            vue.createElementVNode("div", _hoisted_3$w, [
-              vue.createElementVNode("div", _hoisted_4$k, vue.toDisplayString(day.dayName.charAt(0).toUpperCase() + day.dayName.slice(1, 3).toLowerCase()), 1),
-              vue.createElementVNode("div", _hoisted_5$i, vue.toDisplayString(getDaysDate(day)), 1)
+            vue.createElementVNode("div", _hoisted_3$x, [
+              vue.createElementVNode("div", _hoisted_4$l, vue.toDisplayString(day.dayName.charAt(0).toUpperCase() + day.dayName.slice(1, 3).toLowerCase()), 1),
+              vue.createElementVNode("div", _hoisted_5$j, vue.toDisplayString(getDaysDate(day)), 1)
             ]),
-            vue.createElementVNode("div", _hoisted_6$f, [
+            vue.createElementVNode("div", _hoisted_6$g, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(day.fullDayEvents, (event, key) => {
                 return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key }, [
                   key !== "date" ? (vue.openBlock(), vue.createBlock(FullDayEvent, {
@@ -3336,7 +3336,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
 const WeekTimeline = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-18ecf6c3"]]);
 const _hoisted_1$S = { class: "calendar-week__wrapper relative ps-3-5" };
 const _hoisted_2$D = { class: "calendar-week" };
-const _hoisted_3$v = { class: "calendar-week__events" };
+const _hoisted_3$w = { class: "calendar-week__events" };
 const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
   __name: "Week",
   props: {
@@ -3602,7 +3602,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
               "day-intervals": dayIntervals.value,
               "week-height": weekHeight.value
             }, null, 8, ["time", "day-intervals", "week-height"])),
-            vue.createElementVNode("div", _hoisted_3$v, [
+            vue.createElementVNode("div", _hoisted_3$w, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(days.value, (day, dayIndex) => {
                 return vue.openBlock(), vue.createBlock(Day, {
                   key: day.dateTimeString + mode.value + weekVersion.value,
@@ -3686,7 +3686,7 @@ ${_Errors.SUFFIX}`);
 let Errors = _Errors;
 const _hoisted_1$R = { class: "calendar-root-wrapper txt16" };
 const _hoisted_2$C = ["data-lang"];
-const _hoisted_3$u = {
+const _hoisted_3$v = {
   key: 0,
   class: "top-bar-loader"
 };
@@ -3882,7 +3882,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
         }, [
           vue.createVNode(vue.Transition, { name: "loading" }, {
             default: vue.withCtx(() => [
-              __props.isLoading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$u)) : vue.createCommentVNode("", true)
+              __props.isLoading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$v)) : vue.createCommentVNode("", true)
             ]),
             _: 1
           }),
@@ -4020,8 +4020,8 @@ const _hoisted_2$B = {
   key: 0,
   class: "dots"
 };
-const _hoisted_3$t = ["onClick"];
-const _hoisted_4$j = { class: "Handlers" };
+const _hoisted_3$u = ["onClick"];
+const _hoisted_4$k = { class: "Handlers" };
 const GAP_PERCENT = 1;
 const VELOCITY_SAMPLE_DURATION = 100;
 const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
@@ -4456,10 +4456,10 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
               key: i2,
               class: vue.normalizeClass(["dot", { current: vue.unref(activeSlideIndex) === i2 - 1 }]),
               onClick: ($event) => goToSlide(i2 - 1)
-            }, null, 10, _hoisted_3$t);
+            }, null, 10, _hoisted_3$u);
           }), 128))
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_4$j, [
+        vue.createElementVNode("div", _hoisted_4$k, [
           vue.createElementVNode("span", { onClick: prev }, [
             vue.renderSlot(_ctx.$slots, "prev", {
               index: vue.unref(activeSlideIndex),
@@ -9388,7 +9388,7 @@ const _hoisted_4$2$1 = {
 };
 const _hoisted_5$2$1 = ["x1", "y1", "x2", "y2"];
 const _hoisted_6$2$1 = ["x1", "y1", "x2", "y2"];
-const _hoisted_7$a = ["x1", "y1", "x2", "y2"];
+const _hoisted_7$b = ["x1", "y1", "x2", "y2"];
 function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.data.length ? (vue.openBlock(), vue.createElementBlock("g", {
     key: 0,
@@ -9444,7 +9444,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
         y1: _ctx.canvas.y,
         x2: _ctx.canvas.width - 1,
         y2: _ctx.canvas.height
-      }, null, 8, _hoisted_7$a)
+      }, null, 8, _hoisted_7$b)
     ])
   ], 8, _hoisted_1$4$1)) : vue.createCommentVNode("v-if", true);
 }
@@ -10311,10 +10311,10 @@ const _hoisted_1$1$1 = {
   style: { display: "flex", position: "relative" }
 };
 const _hoisted_2$1$1 = ["width", "height", "viewBox"];
-const _hoisted_3$s = { class: "layer-rectangles" };
-const _hoisted_4$i = ["transform", "onMouseover"];
-const _hoisted_5$h = ["width", "height"];
-const _hoisted_6$e = {
+const _hoisted_3$t = { class: "layer-rectangles" };
+const _hoisted_4$j = ["transform", "onMouseover"];
+const _hoisted_5$i = ["width", "height"];
+const _hoisted_6$f = {
   x: 0 + 10,
   y: 0 + 20,
   "font-size": `15px`,
@@ -10329,7 +10329,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
       viewBox: `0 0 ${_ctx.size.width} ${_ctx.size.height}`,
       ref: "el"
     }, [
-      vue.createElementVNode("g", _hoisted_3$s, [
+      vue.createElementVNode("g", _hoisted_3$t, [
         (vue.openBlock(true), vue.createElementBlock(
           vue.Fragment,
           null,
@@ -10350,21 +10350,21 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   y: 0,
                   width: r2.width,
                   height: r2.height
-                }), null, 16, _hoisted_5$h),
+                }), null, 16, _hoisted_5$i),
                 vue.renderSlot(_ctx.$slots, "text", {
                   r: r2,
                   selected: _ctx.selected === i2
                 }, () => [
                   vue.createElementVNode(
                     "text",
-                    _hoisted_6$e,
+                    _hoisted_6$f,
                     vue.toDisplayString(r2.data.name),
                     1
                     /* TEXT */
                   )
                 ])
               ])
-            ], 42, _hoisted_4$i);
+            ], 42, _hoisted_4$j);
           }),
           128
           /* KEYED_FRAGMENT */
@@ -10596,7 +10596,7 @@ function useSchemaField(options) {
       richtext: RichText,
       upload: UploadInput,
       file: UploadInput,
-      date: _sfc_main$M,
+      date: DateInput,
       tabs: TabsNav,
       form: _sfc_main$S
     };
@@ -11485,14 +11485,14 @@ const _hoisted_1$M = {
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
 };
 const _hoisted_2$z = { class: "infinite-wrapper" };
-const _hoisted_3$r = { class: "row first-row" };
-const _hoisted_4$h = { key: 0 };
-const _hoisted_5$g = ["onClick"];
-const _hoisted_6$d = { class: "flex" };
-const _hoisted_7$9 = ["onClick"];
-const _hoisted_8$6 = { key: 0 };
-const _hoisted_9$5 = ["value"];
-const _hoisted_10$5 = { key: 1 };
+const _hoisted_3$s = { class: "row first-row" };
+const _hoisted_4$i = { key: 0 };
+const _hoisted_5$h = ["onClick"];
+const _hoisted_6$e = { class: "flex" };
+const _hoisted_7$a = ["onClick"];
+const _hoisted_8$7 = { key: 0 };
+const _hoisted_9$6 = ["value"];
+const _hoisted_10$6 = { key: 1 };
 const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   __name: "DataTable",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -11612,8 +11612,8 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", { class: "loading-table-animation absolute oval" }, null, -1)
         ]))) : (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({ key: 1 }, vue.unref(wrapperProps))), [
           vue.createElementVNode("table", _hoisted_2$z, [
-            vue.createElementVNode("thead", _hoisted_3$r, [
-              vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_4$h, [
+            vue.createElementVNode("thead", _hoisted_3$s, [
+              vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_4$i, [
                 vue.createElementVNode("input", {
                   ref_key: "allSelectorEl",
                   ref: allSelectorEl,
@@ -11630,7 +11630,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
                   class: "col",
                   onClick: ($event) => vue.unref(toggleSort)((field == null ? void 0 : field.id) || "")
                 }, [
-                  vue.createElementVNode("div", _hoisted_6$d, [
+                  vue.createElementVNode("div", _hoisted_6$e, [
                     vue.createTextVNode(vue.toDisplayString(field.label || vue.unref(keyToLabel)(field.id)) + " ", 1),
                     vue.createElementVNode("div", {
                       class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === field.id }])
@@ -11641,7 +11641,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
                       }, null, 8, ["class"])
                     ], 2)
                   ])
-                ], 8, _hoisted_5$g);
+                ], 8, _hoisted_5$h);
               }), 128))
             ]),
             vue.createElementVNode("tbody", null, [
@@ -11651,7 +11651,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
                   class: vue.normalizeClass(["row row-item position-relative", { selected: vue.unref(computedSelectedItems).includes(row.id ?? "") }]),
                   onClick: ($event) => vue.unref(toggleSelectItem)(row)
                 }, [
-                  vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_8$6, [
+                  vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_8$7, [
                     vue.createElementVNode("div", {
                       onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
                       }, ["stop"]))
@@ -11660,7 +11660,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
                         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => selectedItems.value = $event),
                         type: "checkbox",
                         value: row.id
-                      }, null, 8, _hoisted_9$5), [
+                      }, null, 8, _hoisted_9$6), [
                         [vue.vModelCheckbox, selectedItems.value]
                       ])
                     ])
@@ -11674,12 +11674,12 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
                         key: 0,
                         row,
                         field
-                      }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$5, [
+                      }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$6, [
                         (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderFieldForRow(field, row))))
                       ]))
                     ]);
                   }), 128))
-                ], 10, _hoisted_7$9);
+                ], 10, _hoisted_7$a);
               }), 128)),
               props2.onLastItemVisible !== void 0 ? (vue.openBlock(), vue.createElementBlock("tr", {
                 key: 0,
@@ -14941,7 +14941,6 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     const formData = vue.ref(safeClone2(props2.modelValue ?? {}));
     const initialFormData = vue.ref(safeClone2(props2.modelValue ?? {}));
     vue.onMounted(() => {
-      console.log("formData.value");
       if (props2.modelValue) {
         initialFormData.value = safeClone2(props2.modelValue);
       }
@@ -15060,7 +15059,7 @@ const _hoisted_2$x = {
   key: 0,
   class: "ps-025 border-start"
 };
-const _hoisted_3$q = { class: "bg-gray-80 -my-05 px-025 pt-065 txt-center" };
+const _hoisted_3$r = { class: "bg-gray-80 -my-05 px-025 pt-065 txt-center" };
 const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "FieldArray",
   props: {
@@ -15143,7 +15142,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
                 "onUpdate:modelValue": [($event) => data2.value[i2] = $event, emitValue],
                 schema: _ctx.schema
               }, null, 8, ["modelValue", "onUpdate:modelValue", "schema"]),
-              vue.createElementVNode("div", _hoisted_3$q, [
+              vue.createElementVNode("div", _hoisted_3$r, [
                 props2.delete ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
                   key: 0,
                   icon: "delete",
@@ -15204,7 +15203,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
 const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-73f1d9ad"]]);
 const _hoisted_1$I = ["title"];
 const _hoisted_2$w = ["id", "value", "required"];
-const _hoisted_3$p = ["for"];
+const _hoisted_3$q = ["for"];
 const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInput",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -15246,7 +15245,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
           vue.renderSlot(_ctx.$slots, "label", {}, () => [
             vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
           ], true)
-        ], 8, _hoisted_3$p)
+        ], 8, _hoisted_3$q)
       ], 10, _hoisted_1$I);
     };
   }
@@ -15257,13 +15256,13 @@ const _hoisted_2$v = {
   key: 0,
   class: "label txt-start"
 };
-const _hoisted_3$o = {
+const _hoisted_3$p = {
   key: 1,
   class: "code-editor-wrap grid rounded p-1 overflow hm-300px ltr txt-start relative h-100p"
 };
-const _hoisted_4$g = { class: "overflow-hidden absolute inset-0 p-0 m-0 h-100 codeText" };
-const _hoisted_5$f = ["innerHTML"];
-const _hoisted_6$c = ["onKeydown"];
+const _hoisted_4$h = { class: "overflow-hidden absolute inset-0 p-0 m-0 h-100 codeText" };
+const _hoisted_5$g = ["innerHTML"];
+const _hoisted_6$d = ["onKeydown"];
 const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "Index",
   props: {
@@ -15348,17 +15347,17 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
         _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$v, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
-        vue.unref(loaded) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$o, [
+        vue.unref(loaded) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$p, [
           vue.createElementVNode("div", {
             class: "relative block h-100",
             style: vue.normalizeStyle({ height: `calc(${vue.unref(elHeight)} - 2rem)` })
           }, [
-            vue.createElementVNode("pre", _hoisted_4$g, [
+            vue.createElementVNode("pre", _hoisted_4$h, [
               _cache[2] || (_cache[2] = vue.createTextVNode("					")),
               vue.createElementVNode("code", {
                 class: vue.normalizeClass(["absolute inset-0", className.value]),
                 innerHTML: highlightedCode.value
-              }, null, 10, _hoisted_5$f),
+              }, null, 10, _hoisted_5$g),
               _cache[3] || (_cache[3] = vue.createTextVNode("\n				"))
             ]),
             !_ctx.readonly ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("textarea", {
@@ -15373,7 +15372,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
               "data-gramm": "false",
               onKeydown: vue.withKeys(vue.withModifiers(handleTab, ["prevent"]), ["tab"]),
               onInput: _cache[1] || (_cache[1] = ($event) => emit2("update:modelValue", vue.unref(code)))
-            }, null, 40, _hoisted_6$c)), [
+            }, null, 40, _hoisted_6$d)), [
               [vue.vModelText, vue.unref(code)]
             ]) : vue.createCommentVNode("", true)
           ], 4)
@@ -15431,6 +15430,801 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const _hoisted_1$F = ["title"];
+const _hoisted_2$t = { key: 0 };
+const _hoisted_3$o = {
+  key: 0,
+  class: "required"
+};
+const _hoisted_4$g = { class: "date-picker-container" };
+const _hoisted_5$f = { class: "flex gap-075 p-05 m_flex-wrap calendar-container justify-content-center h-100p" };
+const _hoisted_6$c = { class: "calendar-section m_border-none pe-05 m_p-0" };
+const _hoisted_7$9 = { class: "flex space-between pb-1" };
+const _hoisted_8$6 = { class: "flex gap-05" };
+const _hoisted_9$5 = { class: "month-year" };
+const _hoisted_10$5 = {
+  key: 0,
+  class: "calendar-grid grid gap-025"
+};
+const _hoisted_11$5 = ["disabled", "onClick"];
+const _hoisted_12$5 = {
+  key: 1,
+  class: "month-grid grid gap-05 p-05"
+};
+const _hoisted_13$4 = ["disabled", "onClick"];
+const _hoisted_14$4 = {
+  key: 2,
+  class: "year-grid grid gap-05 p-0"
+};
+const _hoisted_15$4 = ["disabled", "onClick"];
+const _hoisted_16$4 = {
+  key: 0,
+  class: "time-picker border-start flex column gap-1 w-120px"
+};
+const _hoisted_17$4 = { class: "flex gap-025" };
+const _hoisted_18$2 = { class: "txt-center opacity-6 txt14" };
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+  __name: "DateInput",
+  props: {
+    required: { type: Boolean },
+    label: {},
+    editMode: { type: Boolean, default: true },
+    small: { type: Boolean, default: false },
+    enableTime: { type: Boolean, default: false },
+    modelValue: {},
+    min: {},
+    max: {},
+    timezone: { default: "UTC" },
+    mode: { default: "day" },
+    firstDayOfWeek: { default: WEEK_START_DAY.MONDAY },
+    locale: { default: "" },
+    center: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props2 = __props;
+    const emit2 = __emit;
+    let isOpen = vue.ref(false);
+    let currentMonth = vue.ref(/* @__PURE__ */ new Date());
+    let currentView = vue.ref("days");
+    const time = new Time(props2.firstDayOfWeek, props2.locale);
+    function formatDisplayDate(date2) {
+      if (!date2) return "";
+      const dateObj = typeof date2 === "string" ? new Date(date2) : date2;
+      if (props2.enableTime) {
+        return dateObj.toLocaleString(props2.locale || void 0, {
+          year: "numeric",
+          month: "short",
+          day: "numeric",
+          hour: "2-digit",
+          minute: "2-digit",
+          timeZone: props2.timezone
+        });
+      }
+      return dateObj.toLocaleString(props2.locale || void 0, {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+        timeZone: props2.timezone
+      });
+    }
+    function formatDate(date2) {
+      if (!date2) return "";
+      const dateObj = typeof date2 === "string" ? new Date(date2) : date2;
+      return props2.enableTime ? dateObj.toISOString().slice(0, 16) : dateObj.toISOString().split("T")[0];
+    }
+    const formattedDisplayValue = vue.computed(() => formatDisplayDate(props2.modelValue));
+    const formattedMin = vue.computed(() => formatDate(props2.min));
+    const formattedMax = vue.computed(() => formatDate(props2.max));
+    const selectedDate = vue.computed(() => {
+      if (!props2.modelValue) return null;
+      return typeof props2.modelValue === "string" ? new Date(props2.modelValue) : props2.modelValue;
+    });
+    const currentMonthDays = vue.computed(() => {
+      const year = currentMonth.value.getFullYear();
+      const month = currentMonth.value.getMonth();
+      return time.getCalendarMonthSplitInWeeks(year, month).flat();
+    });
+    const currentMonthValue = vue.computed(() => ({
+      month: currentMonth.value.getMonth(),
+      year: currentMonth.value.getFullYear(),
+      formatted: {
+        month: time.getLocalizedNameOfMonth(currentMonth.value, "long"),
+        year: time.getLocalizedDateString(currentMonth.value).split("/").pop()
+        // Get just the year part
+      }
+    }));
+    const months = vue.computed(() => Array.from({ length: 12 }, (_2, i2) => {
+      const date2 = new Date(currentMonthValue.value.year, i2, 1);
+      return {
+        name: time.getLocalizedNameOfMonth(date2, "short"),
+        value: i2,
+        disabled: isDateDisabled(date2)
+      };
+    }));
+    const years = vue.computed(() => {
+      const startYear = currentMonthValue.value.year - 10;
+      return Array.from({ length: 21 }, (_2, i2) => ({
+        value: startYear + i2,
+        disabled: isYearDisabled(startYear + i2)
+      }));
+    });
+    const weekDays = vue.computed(() => {
+      const weekStart = /* @__PURE__ */ new Date();
+      weekStart.setDate(weekStart.getDate() - weekStart.getDay() + (props2.firstDayOfWeek === WEEK_START_DAY.MONDAY ? 1 : 0));
+      return Array.from({ length: 7 }, (_2, i2) => {
+        const day = new Date(weekStart);
+        day.setDate(weekStart.getDate() + i2);
+        return time.getLocalizedNameOfWeekday(day, "short");
+      });
+    });
+    function isDateDisabled(date2) {
+      if (!date2) return true;
+      const minDate = props2.min ? new Date(props2.min) : null;
+      const maxDate = props2.max ? new Date(props2.max) : null;
+      if (minDate && date2 < minDate) return true;
+      if (maxDate && date2 > maxDate) return true;
+      return false;
+    }
+    function isYearDisabled(year) {
+      const minDate = props2.min ? new Date(props2.min) : null;
+      const maxDate = props2.max ? new Date(props2.max) : null;
+      if (minDate && year < minDate.getFullYear()) return true;
+      if (maxDate && year > maxDate.getFullYear()) return true;
+      return false;
+    }
+    function selectMonth(monthIndex) {
+      currentMonth.value = new Date(currentMonth.value.getFullYear(), monthIndex, 1);
+      currentView.value = "days";
+    }
+    function selectYear(year) {
+      currentMonth.value = new Date(year, currentMonth.value.getMonth(), 1);
+      currentView.value = "months";
+    }
+    function previousMonth() {
+      currentMonth.value = new Date(currentMonth.value.getFullYear(), currentMonth.value.getMonth() - 1, 1);
+    }
+    function nextMonth() {
+      currentMonth.value = new Date(currentMonth.value.getFullYear(), currentMonth.value.getMonth() + 1, 1);
+    }
+    function previousYear() {
+      const offset2 = currentView.value === "months" ? 1 : 21;
+      currentMonth.value = new Date(currentMonth.value.getFullYear() - offset2, currentMonth.value.getMonth(), 1);
+    }
+    function nextYear() {
+      const offset2 = currentView.value === "months" ? 1 : 21;
+      currentMonth.value = new Date(currentMonth.value.getFullYear() + offset2, currentMonth.value.getMonth(), 1);
+    }
+    function selectDate(date2) {
+      var _a2, _b;
+      if (!date2 || !props2.editMode) return;
+      const newDate = new Date(date2.getFullYear(), date2.getMonth(), date2.getDate());
+      if (props2.enableTime) {
+        const currentHours = ((_a2 = selectedDate.value) == null ? void 0 : _a2.getHours()) ?? (/* @__PURE__ */ new Date()).getHours();
+        const currentMinutes = ((_b = selectedDate.value) == null ? void 0 : _b.getMinutes()) ?? (/* @__PURE__ */ new Date()).getMinutes();
+        newDate.setHours(currentHours);
+        newDate.setMinutes(currentMinutes);
+        emit2("update:modelValue", newDate.toISOString());
+      } else {
+        newDate.setUTCHours(0, 0, 0, 0);
+        emit2("update:modelValue", newDate.toISOString().split("T")[0]);
+        isOpen.value = false;
+      }
+    }
+    const hours = vue.computed(() => {
+      var _a2;
+      return ((_a2 = selectedDate.value) == null ? void 0 : _a2.getHours()) ?? 0;
+    });
+    const minutes = vue.computed(() => {
+      var _a2;
+      return ((_a2 = selectedDate.value) == null ? void 0 : _a2.getMinutes()) ?? 0;
+    });
+    function handleHourInput(value) {
+      if (!selectedDate.value) return;
+      const newDate = new Date(selectedDate.value);
+      newDate.setHours(value);
+      emit2("update:modelValue", newDate.toISOString());
+    }
+    function handleMinuteInput(value) {
+      if (!selectedDate.value) return;
+      const newDate = new Date(selectedDate.value);
+      newDate.setMinutes(value);
+      emit2("update:modelValue", newDate.toISOString());
+    }
+    function isSelected(date2) {
+      if (!date2 || !selectedDate.value) return false;
+      return date2.toISOString().split("T")[0] === selectedDate.value.toISOString().split("T")[0];
+    }
+    function isToday(date2) {
+      if (!date2) return false;
+      return time.dateIsToday(date2);
+    }
+    const timezoneDisplay = vue.computed(() => {
+      if (!props2.enableTime) return "";
+      try {
+        return (/* @__PURE__ */ new Date()).toLocaleString("en-US", {
+          timeZoneName: "short",
+          timeZone: props2.timezone
+        }).split(" ").pop();
+      } catch {
+        return "UTC";
+      }
+    });
+    function isNotInMonth(date2) {
+      return time.isTrailingOrLeadingDate(date2, currentMonth.value.getMonth());
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
+        title: _ctx.label
+      }, [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$t, [
+          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$V), {
+          shown: vue.unref(isOpen),
+          placement: "bottom-start",
+          onApplyShow: _cache[4] || (_cache[4] = ($event) => vue.isRef(isOpen) ? isOpen.value = true : isOpen = true),
+          onApplyHide: _cache[5] || (_cache[5] = ($event) => vue.isRef(isOpen) ? isOpen.value = false : isOpen = false)
+        }, {
+          trigger: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_4$g, [
+              vue.createVNode(vue.unref(TextInput), {
+                modelValue: formattedDisplayValue.value,
+                icon: "calendar",
+                min: formattedMin.value,
+                max: formattedMax.value,
+                required: _ctx.required,
+                disabled: !_ctx.editMode,
+                class: vue.normalizeClass(["date-input", {
+                  "txt-center": _ctx.center
+                }]),
+                readonly: "",
+                onClick: _cache[0] || (_cache[0] = ($event) => vue.isRef(isOpen) ? isOpen.value = true : isOpen = true)
+              }, null, 8, ["modelValue", "min", "max", "required", "disabled", "class"])
+            ])
+          ]),
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_5$f, [
+              vue.createElementVNode("div", _hoisted_6$c, [
+                vue.createElementVNode("div", _hoisted_7$9, [
+                  vue.unref(currentView) === "days" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                    vue.createVNode(vue.unref(Btn), {
+                      flat: "",
+                      icon: "chevron_left",
+                      onClick: previousMonth
+                    }),
+                    vue.createElementVNode("div", _hoisted_8$6, [
+                      vue.createVNode(vue.unref(Btn), {
+                        flat: "",
+                        class: "month-btn",
+                        onClick: _cache[1] || (_cache[1] = ($event) => vue.isRef(currentView) ? currentView.value = "months" : currentView = "months")
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(vue.toDisplayString(currentMonthValue.value.formatted.month), 1)
+                        ]),
+                        _: 1
+                      }),
+                      vue.createVNode(vue.unref(Btn), {
+                        flat: "",
+                        class: "year-btn",
+                        onClick: _cache[2] || (_cache[2] = ($event) => vue.isRef(currentView) ? currentView.value = "years" : currentView = "years")
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(vue.toDisplayString(currentMonthValue.value.formatted.year), 1)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    vue.createVNode(vue.unref(Btn), {
+                      flat: "",
+                      icon: "chevron_right",
+                      onClick: nextMonth
+                    })
+                  ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                    vue.createVNode(vue.unref(Btn), {
+                      flat: "",
+                      icon: "chevron_left",
+                      onClick: previousYear
+                    }),
+                    vue.createElementVNode("span", _hoisted_9$5, vue.toDisplayString(currentMonthValue.value.formatted.year), 1),
+                    vue.createVNode(vue.unref(Btn), {
+                      flat: "",
+                      icon: "chevron_right",
+                      onClick: nextYear
+                    })
+                  ], 64))
+                ]),
+                vue.unref(currentView) === "days" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$5, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(weekDays.value, (day) => {
+                    return vue.openBlock(), vue.createElementBlock("div", {
+                      key: day,
+                      class: "txt-center txt-12 opacity-6"
+                    }, vue.toDisplayString(day), 1);
+                  }), 128)),
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentMonthDays.value, (date2) => {
+                    return vue.openBlock(), vue.createElementBlock("button", {
+                      key: date2 == null ? void 0 : date2.toISOString(),
+                      type: "button",
+                      class: vue.normalizeClass(["day aspect-ratio-1 flex align-items-center justify-content-center pointer round txt14 p-0", {
+                        "selected": isSelected(date2),
+                        "today": isToday(date2),
+                        "disabled": isDateDisabled(date2),
+                        "not-in-month": isNotInMonth(date2)
+                      }]),
+                      disabled: isDateDisabled(date2),
+                      onClick: ($event) => selectDate(date2)
+                    }, vue.toDisplayString(date2 == null ? void 0 : date2.getDate()), 11, _hoisted_11$5);
+                  }), 128))
+                ])) : vue.unref(currentView) === "months" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$5, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(months.value, (month) => {
+                    return vue.openBlock(), vue.createElementBlock("button", {
+                      key: month.value,
+                      class: vue.normalizeClass(["month-item flex align-items-center justify-content-center pointer rounded p-05 txt14 border-none", {
+                        selected: month.value === currentMonthValue.value.month,
+                        disabled: month.disabled
+                      }]),
+                      disabled: month.disabled,
+                      onClick: ($event) => selectMonth(month.value)
+                    }, vue.toDisplayString(month.name), 11, _hoisted_13$4);
+                  }), 128))
+                ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$4, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(years.value, (year) => {
+                    return vue.openBlock(), vue.createElementBlock("button", {
+                      key: year.value,
+                      class: vue.normalizeClass(["year-item flex align-items-center justify-content-center pointer rounded p-05 txt14 border-none", {
+                        selected: year.value === currentMonthValue.value.year,
+                        disabled: year.disabled
+                      }]),
+                      disabled: year.disabled,
+                      onClick: ($event) => selectYear(year.value)
+                    }, vue.toDisplayString(year.value), 11, _hoisted_15$4);
+                  }), 128))
+                ]))
+              ]),
+              _ctx.enableTime && vue.unref(currentView) === "days" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$4, [
+                vue.createElementVNode("div", _hoisted_17$4, [
+                  vue.createVNode(vue.unref(NumberInput), {
+                    center: "",
+                    "model-value": hours.value,
+                    disabled: !selectedDate.value,
+                    min: 0,
+                    max: 23,
+                    layout: "vertical",
+                    padZero: 2,
+                    "onUpdate:modelValue": handleHourInput
+                  }, null, 8, ["model-value", "disabled"]),
+                  _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "pb-075" }, " : ", -1)),
+                  vue.createVNode(vue.unref(NumberInput), {
+                    center: "",
+                    "model-value": minutes.value,
+                    disabled: !selectedDate.value,
+                    min: 0,
+                    max: 59,
+                    padZero: 2,
+                    layout: "vertical",
+                    "onUpdate:modelValue": handleMinuteInput
+                  }, null, 8, ["model-value", "disabled"])
+                ]),
+                vue.createElementVNode("span", _hoisted_18$2, vue.toDisplayString(timezoneDisplay.value), 1),
+                selectedDate.value ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
+                  key: 0,
+                  flat: "",
+                  onClick: _cache[3] || (_cache[3] = ($event) => vue.isRef(isOpen) ? isOpen.value = false : isOpen = false)
+                }, {
+                  default: vue.withCtx(() => _cache[7] || (_cache[7] = [
+                    vue.createTextVNode(" Done ")
+                  ])),
+                  _: 1
+                })) : vue.createCommentVNode("", true)
+              ])) : vue.createCommentVNode("", true)
+            ])
+          ]),
+          _: 1
+        }, 8, ["shown"])
+      ], 10, _hoisted_1$F);
+    };
+  }
+});
+const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-a2f98d6e"]]);
+const _hoisted_1$E = ["title"];
+const _hoisted_2$s = { key: 0 };
+const _hoisted_3$n = {
+  key: 0,
+  class: "required"
+};
+const _hoisted_4$f = { class: "date-picker-container" };
+const _hoisted_5$e = ["value", "min", "max", "required", "disabled"];
+const _hoisted_6$b = { class: "flex gap-075 p-05 m_flex-wrap calendar-container justify-content-center h-100p" };
+const _hoisted_7$8 = { class: "calendar-section m_border-none pe-05 m_p-0" };
+const _hoisted_8$5 = { class: "flex space-between pb-1" };
+const _hoisted_9$4 = { class: "flex gap-05" };
+const _hoisted_10$4 = { class: "month-year" };
+const _hoisted_11$4 = {
+  key: 0,
+  class: "calendar-grid grid gap-025"
+};
+const _hoisted_12$4 = ["disabled", "onClick"];
+const _hoisted_13$3 = {
+  key: 1,
+  class: "month-grid grid gap-05 p-05"
+};
+const _hoisted_14$3 = ["disabled", "onClick"];
+const _hoisted_15$3 = {
+  key: 2,
+  class: "year-grid grid gap-05 p-0"
+};
+const _hoisted_16$3 = ["disabled", "onClick"];
+const _hoisted_17$3 = {
+  key: 0,
+  class: "time-picker border-start flex column gap-1 w-120px"
+};
+const _hoisted_18$1 = { class: "flex gap-025" };
+const _hoisted_19$1 = { class: "txt-center opacity-6 txt14" };
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+  __name: "DatePick",
+  props: {
+    required: { type: Boolean },
+    label: {},
+    editMode: { type: Boolean, default: true },
+    small: { type: Boolean, default: false },
+    enableTime: { type: Boolean, default: false },
+    modelValue: {},
+    min: {},
+    max: {},
+    timezone: { default: "UTC" },
+    mode: { default: "day" },
+    firstDayOfWeek: { default: WEEK_START_DAY.MONDAY },
+    locale: { default: "" },
+    center: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props2 = __props;
+    const emit2 = __emit;
+    let isOpen = vue.ref(false);
+    let currentMonth = vue.ref(/* @__PURE__ */ new Date());
+    let currentView = vue.ref("days");
+    const time = new Time(props2.firstDayOfWeek, props2.locale);
+    function formatDisplayDate(date2) {
+      if (!date2) return "";
+      const dateObj = typeof date2 === "string" ? new Date(date2) : date2;
+      if (props2.enableTime) {
+        return dateObj.toLocaleString(props2.locale || void 0, {
+          year: "numeric",
+          month: "short",
+          day: "numeric",
+          hour: "2-digit",
+          minute: "2-digit",
+          timeZone: props2.timezone
+        });
+      }
+      return dateObj.toLocaleString(props2.locale || void 0, {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+        timeZone: props2.timezone
+      });
+    }
+    function formatDate(date2) {
+      if (!date2) return "";
+      const dateObj = typeof date2 === "string" ? new Date(date2) : date2;
+      return props2.enableTime ? dateObj.toISOString().slice(0, 16) : dateObj.toISOString().split("T")[0];
+    }
+    const formattedDisplayValue = vue.computed(() => formatDisplayDate(props2.modelValue));
+    const formattedMin = vue.computed(() => formatDate(props2.min));
+    const formattedMax = vue.computed(() => formatDate(props2.max));
+    const selectedDate = vue.computed(() => {
+      if (!props2.modelValue) return null;
+      return typeof props2.modelValue === "string" ? new Date(props2.modelValue) : props2.modelValue;
+    });
+    const currentMonthDays = vue.computed(() => {
+      const year = currentMonth.value.getFullYear();
+      const month = currentMonth.value.getMonth();
+      return time.getCalendarMonthSplitInWeeks(year, month).flat();
+    });
+    const currentMonthValue = vue.computed(() => ({
+      month: currentMonth.value.getMonth(),
+      year: currentMonth.value.getFullYear(),
+      formatted: {
+        month: time.getLocalizedNameOfMonth(currentMonth.value, "long"),
+        year: time.getLocalizedDateString(currentMonth.value).split("/").pop()
+        // Get just the year part
+      }
+    }));
+    const months = vue.computed(() => Array.from({ length: 12 }, (_2, i2) => {
+      const date2 = new Date(currentMonthValue.value.year, i2, 1);
+      return {
+        name: time.getLocalizedNameOfMonth(date2, "short"),
+        value: i2,
+        disabled: isDateDisabled(date2)
+      };
+    }));
+    const years = vue.computed(() => {
+      const startYear = currentMonthValue.value.year - 10;
+      return Array.from({ length: 21 }, (_2, i2) => ({
+        value: startYear + i2,
+        disabled: isYearDisabled(startYear + i2)
+      }));
+    });
+    const weekDays = vue.computed(() => {
+      const weekStart = /* @__PURE__ */ new Date();
+      weekStart.setDate(weekStart.getDate() - weekStart.getDay() + (props2.firstDayOfWeek === WEEK_START_DAY.MONDAY ? 1 : 0));
+      return Array.from({ length: 7 }, (_2, i2) => {
+        const day = new Date(weekStart);
+        day.setDate(weekStart.getDate() + i2);
+        return time.getLocalizedNameOfWeekday(day, "short");
+      });
+    });
+    function isDateDisabled(date2) {
+      if (!date2) return true;
+      const minDate = props2.min ? new Date(props2.min) : null;
+      const maxDate = props2.max ? new Date(props2.max) : null;
+      if (minDate && date2 < minDate) return true;
+      if (maxDate && date2 > maxDate) return true;
+      return false;
+    }
+    function isYearDisabled(year) {
+      const minDate = props2.min ? new Date(props2.min) : null;
+      const maxDate = props2.max ? new Date(props2.max) : null;
+      if (minDate && year < minDate.getFullYear()) return true;
+      if (maxDate && year > maxDate.getFullYear()) return true;
+      return false;
+    }
+    function selectMonth(monthIndex) {
+      currentMonth.value = new Date(currentMonth.value.getFullYear(), monthIndex, 1);
+      currentView.value = "days";
+    }
+    function selectYear(year) {
+      currentMonth.value = new Date(year, currentMonth.value.getMonth(), 1);
+      currentView.value = "months";
+    }
+    function previousMonth() {
+      currentMonth.value = new Date(currentMonth.value.getFullYear(), currentMonth.value.getMonth() - 1, 1);
+    }
+    function nextMonth() {
+      currentMonth.value = new Date(currentMonth.value.getFullYear(), currentMonth.value.getMonth() + 1, 1);
+    }
+    function previousYear() {
+      const offset2 = currentView.value === "months" ? 1 : 21;
+      currentMonth.value = new Date(currentMonth.value.getFullYear() - offset2, currentMonth.value.getMonth(), 1);
+    }
+    function nextYear() {
+      const offset2 = currentView.value === "months" ? 1 : 21;
+      currentMonth.value = new Date(currentMonth.value.getFullYear() + offset2, currentMonth.value.getMonth(), 1);
+    }
+    function selectDate(date2) {
+      var _a2, _b;
+      if (!date2 || !props2.editMode) return;
+      const newDate = new Date(date2.getFullYear(), date2.getMonth(), date2.getDate(), 0, 0, 0);
+      if (props2.enableTime) {
+        const currentHours = ((_a2 = selectedDate.value) == null ? void 0 : _a2.getHours()) ?? (/* @__PURE__ */ new Date()).getHours();
+        const currentMinutes = ((_b = selectedDate.value) == null ? void 0 : _b.getMinutes()) ?? (/* @__PURE__ */ new Date()).getMinutes();
+        newDate.setHours(currentHours);
+        newDate.setMinutes(currentMinutes);
+      } else {
+        isOpen.value = false;
+      }
+      emit2("update:modelValue", newDate);
+    }
+    const hours = vue.computed(() => {
+      var _a2;
+      return ((_a2 = selectedDate.value) == null ? void 0 : _a2.getHours()) ?? 0;
+    });
+    const minutes = vue.computed(() => {
+      var _a2;
+      return ((_a2 = selectedDate.value) == null ? void 0 : _a2.getMinutes()) ?? 0;
+    });
+    function handleHourInput(value) {
+      if (!selectedDate.value) return;
+      const newDate = new Date(selectedDate.value);
+      newDate.setHours(value);
+      emit2("update:modelValue", newDate.toISOString());
+    }
+    function handleMinuteInput(value) {
+      if (!selectedDate.value) return;
+      const newDate = new Date(selectedDate.value);
+      newDate.setMinutes(value);
+      emit2("update:modelValue", newDate.toISOString());
+    }
+    function isSelected(date2) {
+      if (!date2 || !selectedDate.value) return false;
+      return date2.toISOString().split("T")[0] === selectedDate.value.toISOString().split("T")[0];
+    }
+    function isToday(date2) {
+      if (!date2) return false;
+      return time.dateIsToday(date2);
+    }
+    const timezoneDisplay = vue.computed(() => {
+      if (!props2.enableTime) return "";
+      try {
+        return (/* @__PURE__ */ new Date()).toLocaleString("en-US", {
+          timeZoneName: "short",
+          timeZone: props2.timezone
+        }).split(" ").pop();
+      } catch {
+        return "UTC";
+      }
+    });
+    function isNotInMonth(date2) {
+      return time.isTrailingOrLeadingDate(date2, currentMonth.value.getMonth());
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
+        title: _ctx.label
+      }, [
+        _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$n, "*")) : vue.createCommentVNode("", true)
+        ])) : vue.createCommentVNode("", true),
+        vue.createVNode(vue.unref(_sfc_main$V), {
+          shown: vue.unref(isOpen),
+          placement: "bottom-start",
+          onApplyShow: _cache[4] || (_cache[4] = ($event) => vue.isRef(isOpen) ? isOpen.value = true : isOpen = true),
+          onApplyHide: _cache[5] || (_cache[5] = ($event) => vue.isRef(isOpen) ? isOpen.value = false : isOpen = false)
+        }, {
+          trigger: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_4$f, [
+              vue.createElementVNode("input", {
+                type: "text",
+                value: formattedDisplayValue.value,
+                min: formattedMin.value,
+                max: formattedMax.value,
+                required: _ctx.required,
+                disabled: !_ctx.editMode,
+                class: vue.normalizeClass(["date-input", {
+                  "txt-center": _ctx.center
+                }]),
+                readonly: "",
+                onClick: _cache[0] || (_cache[0] = ($event) => vue.isRef(isOpen) ? isOpen.value = true : isOpen = true)
+              }, null, 10, _hoisted_5$e)
+            ])
+          ]),
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_6$b, [
+              vue.createElementVNode("div", _hoisted_7$8, [
+                vue.createElementVNode("div", _hoisted_8$5, [
+                  vue.unref(currentView) === "days" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                    vue.createVNode(vue.unref(Btn), {
+                      flat: "",
+                      icon: "chevron_left",
+                      onClick: previousMonth
+                    }),
+                    vue.createElementVNode("div", _hoisted_9$4, [
+                      vue.createVNode(vue.unref(Btn), {
+                        flat: "",
+                        class: "month-btn",
+                        onClick: _cache[1] || (_cache[1] = ($event) => vue.isRef(currentView) ? currentView.value = "months" : currentView = "months")
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(vue.toDisplayString(currentMonthValue.value.formatted.month), 1)
+                        ]),
+                        _: 1
+                      }),
+                      vue.createVNode(vue.unref(Btn), {
+                        flat: "",
+                        class: "year-btn",
+                        onClick: _cache[2] || (_cache[2] = ($event) => vue.isRef(currentView) ? currentView.value = "years" : currentView = "years")
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(vue.toDisplayString(currentMonthValue.value.formatted.year), 1)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    vue.createVNode(vue.unref(Btn), {
+                      flat: "",
+                      icon: "chevron_right",
+                      onClick: nextMonth
+                    })
+                  ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                    vue.createVNode(vue.unref(Btn), {
+                      flat: "",
+                      icon: "chevron_left",
+                      onClick: previousYear
+                    }),
+                    vue.createElementVNode("span", _hoisted_10$4, vue.toDisplayString(currentMonthValue.value.formatted.year), 1),
+                    vue.createVNode(vue.unref(Btn), {
+                      flat: "",
+                      icon: "chevron_right",
+                      onClick: nextYear
+                    })
+                  ], 64))
+                ]),
+                vue.unref(currentView) === "days" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$4, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(weekDays.value, (day) => {
+                    return vue.openBlock(), vue.createElementBlock("div", {
+                      key: day,
+                      class: "txt-center txt-12 opacity-6"
+                    }, vue.toDisplayString(day), 1);
+                  }), 128)),
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentMonthDays.value, (date2) => {
+                    return vue.openBlock(), vue.createElementBlock("button", {
+                      key: date2 == null ? void 0 : date2.toISOString(),
+                      type: "button",
+                      class: vue.normalizeClass(["day aspect-ratio-1 flex align-items-center justify-content-center pointer round txt14 p-0", {
+                        "selected": isSelected(date2),
+                        "today": isToday(date2),
+                        "disabled": isDateDisabled(date2),
+                        "not-in-month": isNotInMonth(date2)
+                      }]),
+                      disabled: isDateDisabled(date2),
+                      onClick: ($event) => selectDate(date2)
+                    }, vue.toDisplayString(date2 == null ? void 0 : date2.getDate()), 11, _hoisted_12$4);
+                  }), 128))
+                ])) : vue.unref(currentView) === "months" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$3, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(months.value, (month) => {
+                    return vue.openBlock(), vue.createElementBlock("button", {
+                      key: month.value,
+                      class: vue.normalizeClass(["month-item flex align-items-center justify-content-center pointer rounded p-05 txt14 border-none", {
+                        selected: month.value === currentMonthValue.value.month,
+                        disabled: month.disabled
+                      }]),
+                      disabled: month.disabled,
+                      onClick: ($event) => selectMonth(month.value)
+                    }, vue.toDisplayString(month.name), 11, _hoisted_14$3);
+                  }), 128))
+                ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$3, [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(years.value, (year) => {
+                    return vue.openBlock(), vue.createElementBlock("button", {
+                      key: year.value,
+                      class: vue.normalizeClass(["year-item flex align-items-center justify-content-center pointer rounded p-05 txt14 border-none", {
+                        selected: year.value === currentMonthValue.value.year,
+                        disabled: year.disabled
+                      }]),
+                      disabled: year.disabled,
+                      onClick: ($event) => selectYear(year.value)
+                    }, vue.toDisplayString(year.value), 11, _hoisted_16$3);
+                  }), 128))
+                ]))
+              ]),
+              _ctx.enableTime && vue.unref(currentView) === "days" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17$3, [
+                vue.createElementVNode("div", _hoisted_18$1, [
+                  vue.createVNode(vue.unref(NumberInput), {
+                    center: "",
+                    "model-value": hours.value,
+                    disabled: !selectedDate.value,
+                    min: 0,
+                    max: 23,
+                    layout: "vertical",
+                    padZero: 2,
+                    "onUpdate:modelValue": handleHourInput
+                  }, null, 8, ["model-value", "disabled"]),
+                  _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "pb-075" }, " : ", -1)),
+                  vue.createVNode(vue.unref(NumberInput), {
+                    center: "",
+                    "model-value": minutes.value,
+                    disabled: !selectedDate.value,
+                    min: 0,
+                    max: 59,
+                    padZero: 2,
+                    layout: "vertical",
+                    "onUpdate:modelValue": handleMinuteInput
+                  }, null, 8, ["model-value", "disabled"])
+                ]),
+                vue.createElementVNode("span", _hoisted_19$1, vue.toDisplayString(timezoneDisplay.value), 1),
+                selectedDate.value ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
+                  key: 0,
+                  flat: "",
+                  onClick: _cache[3] || (_cache[3] = ($event) => vue.isRef(isOpen) ? isOpen.value = false : isOpen = false)
+                }, {
+                  default: vue.withCtx(() => _cache[7] || (_cache[7] = [
+                    vue.createTextVNode(" Done ")
+                  ])),
+                  _: 1
+                })) : vue.createCommentVNode("", true)
+              ])) : vue.createCommentVNode("", true)
+            ])
+          ]),
+          _: 1
+        }, 8, ["shown"])
+      ], 10, _hoisted_1$E);
+    };
+  }
+});
+const DatePick = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-c6c8cc7b"]]);
 function toDate(argument) {
   const argStr = Object.prototype.toString.call(argument);
   if (argument instanceof Date || typeof argument === "object" && argStr === "[object Date]") {
@@ -23985,467 +24779,6 @@ const eo = ({
 Object.entries(go).forEach(([e, t]) => {
   e !== "default" && (Hn[e] = t);
 });
-const _hoisted_1$F = ["title"];
-const _hoisted_2$t = { key: 0 };
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
-  __name: "DateInput",
-  props: {
-    required: { type: Boolean },
-    label: {},
-    editMode: { type: Boolean, default: true },
-    small: { type: Boolean, default: false },
-    enableTime: { type: Boolean, default: false },
-    modelValue: {},
-    defaultValue: {},
-    extraProps: {},
-    allowedDates: {},
-    timePickerInline: { type: Boolean },
-    minutesIncrement: {},
-    minutesGridIncrement: {}
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props2 = __props;
-    const emit2 = __emit;
-    const datePicker = vue.ref();
-    const date2 = vue.computed({
-      get: () => props2.modelValue || "",
-      set: (val) => {
-        const d2 = typeof val === "string" ? new Date(val) : val;
-        if (props2.enableTime) {
-          emit2("update:modelValue", d2.toISOString());
-        } else {
-          emit2("update:modelValue", d2.toISOString().split("T")[0]);
-        }
-      }
-    });
-    vue.onMounted(() => {
-      if (props2.defaultValue && date2.value === "") {
-        Object.assign(date2.value, { date: props2.defaultValue });
-      }
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
-        title: _ctx.label
-      }, [
-        _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", _hoisted_2$t, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
-        vue.createVNode(vue.unref(Hn), vue.mergeProps({
-          ref_key: "datePicker",
-          ref: datePicker,
-          modelValue: date2.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => date2.value = $event),
-          required: _ctx.required,
-          "auto-apply": true,
-          "enable-time-picker": _ctx.enableTime,
-          "allowed-dates": _ctx.allowedDates
-        }, _ctx.extraProps, {
-          "time-picker-inline": _ctx.timePickerInline,
-          "minutes-increment": _ctx.minutesIncrement,
-          "minutes-grid-increment": _ctx.minutesGridIncrement,
-          "start-time": { hours: 8, minutes: 0 }
-        }), null, 16, ["modelValue", "required", "enable-time-picker", "allowed-dates", "time-picker-inline", "minutes-increment", "minutes-grid-increment"])
-      ], 10, _hoisted_1$F);
-    };
-  }
-});
-const _hoisted_1$E = ["title"];
-const _hoisted_2$s = { key: 0 };
-const _hoisted_3$n = {
-  key: 0,
-  class: "required"
-};
-const _hoisted_4$f = { class: "date-picker-container" };
-const _hoisted_5$e = ["value", "min", "max", "required", "disabled"];
-const _hoisted_6$b = { class: "flex gap-075 p-05 m_flex-wrap calendar-container justify-content-center h-100p" };
-const _hoisted_7$8 = { class: "calendar-section m_border-none pe-05 m_p-0" };
-const _hoisted_8$5 = { class: "flex space-between pb-1" };
-const _hoisted_9$4 = { class: "flex gap-05" };
-const _hoisted_10$4 = { class: "month-year" };
-const _hoisted_11$4 = {
-  key: 0,
-  class: "calendar-grid grid gap-025"
-};
-const _hoisted_12$4 = ["disabled", "onClick"];
-const _hoisted_13$3 = {
-  key: 1,
-  class: "month-grid grid gap-05 p-05"
-};
-const _hoisted_14$3 = ["disabled", "onClick"];
-const _hoisted_15$3 = {
-  key: 2,
-  class: "year-grid grid gap-05 p-0"
-};
-const _hoisted_16$3 = ["disabled", "onClick"];
-const _hoisted_17$3 = {
-  key: 0,
-  class: "time-picker border-start flex column gap-1 w-120px"
-};
-const _hoisted_18$1 = { class: "flex gap-025" };
-const _hoisted_19$1 = { class: "txt-center opacity-6 txt14" };
-const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
-  __name: "DatePick",
-  props: {
-    required: { type: Boolean },
-    label: {},
-    editMode: { type: Boolean, default: true },
-    small: { type: Boolean, default: false },
-    enableTime: { type: Boolean, default: false },
-    modelValue: {},
-    min: {},
-    max: {},
-    timezone: { default: "UTC" },
-    mode: { default: "day" },
-    firstDayOfWeek: { default: WEEK_START_DAY.MONDAY },
-    locale: { default: "" },
-    center: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props2 = __props;
-    const emit2 = __emit;
-    let isOpen = vue.ref(false);
-    let currentMonth = vue.ref(/* @__PURE__ */ new Date());
-    let currentView = vue.ref("days");
-    const time = new Time(props2.firstDayOfWeek, props2.locale);
-    function formatDisplayDate(date2) {
-      if (!date2) return "";
-      const dateObj = typeof date2 === "string" ? new Date(date2) : date2;
-      if (props2.enableTime) {
-        return dateObj.toLocaleString(props2.locale || void 0, {
-          year: "numeric",
-          month: "short",
-          day: "numeric",
-          hour: "2-digit",
-          minute: "2-digit",
-          timeZone: props2.timezone
-        });
-      }
-      return dateObj.toLocaleString(props2.locale || void 0, {
-        year: "numeric",
-        month: "short",
-        day: "numeric",
-        timeZone: props2.timezone
-      });
-    }
-    function formatDate(date2) {
-      if (!date2) return "";
-      const dateObj = typeof date2 === "string" ? new Date(date2) : date2;
-      return props2.enableTime ? dateObj.toISOString().slice(0, 16) : dateObj.toISOString().split("T")[0];
-    }
-    const formattedDisplayValue = vue.computed(() => formatDisplayDate(props2.modelValue));
-    const formattedMin = vue.computed(() => formatDate(props2.min));
-    const formattedMax = vue.computed(() => formatDate(props2.max));
-    const selectedDate = vue.computed(() => {
-      if (!props2.modelValue) return null;
-      return typeof props2.modelValue === "string" ? new Date(props2.modelValue) : props2.modelValue;
-    });
-    const currentMonthDays = vue.computed(() => {
-      const year = currentMonth.value.getFullYear();
-      const month = currentMonth.value.getMonth();
-      return time.getCalendarMonthSplitInWeeks(year, month).flat();
-    });
-    const currentMonthValue = vue.computed(() => ({
-      month: currentMonth.value.getMonth(),
-      year: currentMonth.value.getFullYear(),
-      formatted: {
-        month: time.getLocalizedNameOfMonth(currentMonth.value, "long"),
-        year: time.getLocalizedDateString(currentMonth.value).split("/").pop()
-        // Get just the year part
-      }
-    }));
-    const months = vue.computed(() => Array.from({ length: 12 }, (_2, i2) => {
-      const date2 = new Date(currentMonthValue.value.year, i2, 1);
-      return {
-        name: time.getLocalizedNameOfMonth(date2, "short"),
-        value: i2,
-        disabled: isDateDisabled(date2)
-      };
-    }));
-    const years = vue.computed(() => {
-      const startYear = currentMonthValue.value.year - 10;
-      return Array.from({ length: 21 }, (_2, i2) => ({
-        value: startYear + i2,
-        disabled: isYearDisabled(startYear + i2)
-      }));
-    });
-    const weekDays = vue.computed(() => {
-      const weekStart = /* @__PURE__ */ new Date();
-      weekStart.setDate(weekStart.getDate() - weekStart.getDay() + (props2.firstDayOfWeek === WEEK_START_DAY.MONDAY ? 1 : 0));
-      return Array.from({ length: 7 }, (_2, i2) => {
-        const day = new Date(weekStart);
-        day.setDate(weekStart.getDate() + i2);
-        return time.getLocalizedNameOfWeekday(day, "short");
-      });
-    });
-    function isDateDisabled(date2) {
-      if (!date2) return true;
-      const minDate = props2.min ? new Date(props2.min) : null;
-      const maxDate = props2.max ? new Date(props2.max) : null;
-      if (minDate && date2 < minDate) return true;
-      if (maxDate && date2 > maxDate) return true;
-      return false;
-    }
-    function isYearDisabled(year) {
-      const minDate = props2.min ? new Date(props2.min) : null;
-      const maxDate = props2.max ? new Date(props2.max) : null;
-      if (minDate && year < minDate.getFullYear()) return true;
-      if (maxDate && year > maxDate.getFullYear()) return true;
-      return false;
-    }
-    function selectMonth(monthIndex) {
-      currentMonth.value = new Date(currentMonth.value.getFullYear(), monthIndex, 1);
-      currentView.value = "days";
-    }
-    function selectYear(year) {
-      currentMonth.value = new Date(year, currentMonth.value.getMonth(), 1);
-      currentView.value = "months";
-    }
-    function previousMonth() {
-      currentMonth.value = new Date(currentMonth.value.getFullYear(), currentMonth.value.getMonth() - 1, 1);
-    }
-    function nextMonth() {
-      currentMonth.value = new Date(currentMonth.value.getFullYear(), currentMonth.value.getMonth() + 1, 1);
-    }
-    function previousYear() {
-      const offset2 = currentView.value === "months" ? 1 : 21;
-      currentMonth.value = new Date(currentMonth.value.getFullYear() - offset2, currentMonth.value.getMonth(), 1);
-    }
-    function nextYear() {
-      const offset2 = currentView.value === "months" ? 1 : 21;
-      currentMonth.value = new Date(currentMonth.value.getFullYear() + offset2, currentMonth.value.getMonth(), 1);
-    }
-    function selectDate(date2) {
-      var _a2, _b;
-      if (!date2 || !props2.editMode) return;
-      const newDate = new Date(date2.getFullYear(), date2.getMonth(), date2.getDate(), 0, 0, 0);
-      if (props2.enableTime) {
-        const currentHours = ((_a2 = selectedDate.value) == null ? void 0 : _a2.getHours()) ?? (/* @__PURE__ */ new Date()).getHours();
-        const currentMinutes = ((_b = selectedDate.value) == null ? void 0 : _b.getMinutes()) ?? (/* @__PURE__ */ new Date()).getMinutes();
-        newDate.setHours(currentHours);
-        newDate.setMinutes(currentMinutes);
-      } else {
-        isOpen.value = false;
-      }
-      emit2("update:modelValue", newDate);
-    }
-    const hours = vue.computed(() => {
-      var _a2;
-      return ((_a2 = selectedDate.value) == null ? void 0 : _a2.getHours()) ?? 0;
-    });
-    const minutes = vue.computed(() => {
-      var _a2;
-      return ((_a2 = selectedDate.value) == null ? void 0 : _a2.getMinutes()) ?? 0;
-    });
-    function handleHourInput(value) {
-      if (!selectedDate.value) return;
-      const newDate = new Date(selectedDate.value);
-      newDate.setHours(value);
-      emit2("update:modelValue", newDate.toISOString());
-    }
-    function handleMinuteInput(value) {
-      if (!selectedDate.value) return;
-      const newDate = new Date(selectedDate.value);
-      newDate.setMinutes(value);
-      emit2("update:modelValue", newDate.toISOString());
-    }
-    function isSelected(date2) {
-      if (!date2 || !selectedDate.value) return false;
-      return date2.toISOString().split("T")[0] === selectedDate.value.toISOString().split("T")[0];
-    }
-    function isToday(date2) {
-      if (!date2) return false;
-      return time.dateIsToday(date2);
-    }
-    const timezoneDisplay = vue.computed(() => {
-      if (!props2.enableTime) return "";
-      try {
-        return (/* @__PURE__ */ new Date()).toLocaleString("en-US", {
-          timeZoneName: "short",
-          timeZone: props2.timezone
-        }).split(" ").pop();
-      } catch {
-        return "UTC";
-      }
-    });
-    function isNotInMonth(date2) {
-      return time.isTrailingOrLeadingDate(date2, currentMonth.value.getMonth());
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["bagel-input", { small: _ctx.small }]),
-        title: _ctx.label
-      }, [
-        _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$n, "*")) : vue.createCommentVNode("", true)
-        ])) : vue.createCommentVNode("", true),
-        vue.createVNode(vue.unref(_sfc_main$V), {
-          shown: vue.unref(isOpen),
-          placement: "bottom-start",
-          onApplyShow: _cache[4] || (_cache[4] = ($event) => vue.isRef(isOpen) ? isOpen.value = true : isOpen = true),
-          onApplyHide: _cache[5] || (_cache[5] = ($event) => vue.isRef(isOpen) ? isOpen.value = false : isOpen = false)
-        }, {
-          trigger: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_4$f, [
-              vue.createElementVNode("input", {
-                type: "text",
-                value: formattedDisplayValue.value,
-                min: formattedMin.value,
-                max: formattedMax.value,
-                required: _ctx.required,
-                disabled: !_ctx.editMode,
-                class: vue.normalizeClass(["date-input", {
-                  "txt-center": _ctx.center
-                }]),
-                readonly: "",
-                onClick: _cache[0] || (_cache[0] = ($event) => vue.isRef(isOpen) ? isOpen.value = true : isOpen = true)
-              }, null, 10, _hoisted_5$e)
-            ])
-          ]),
-          default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_6$b, [
-              vue.createElementVNode("div", _hoisted_7$8, [
-                vue.createElementVNode("div", _hoisted_8$5, [
-                  vue.unref(currentView) === "days" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                    vue.createVNode(vue.unref(Btn), {
-                      flat: "",
-                      icon: "chevron_left",
-                      onClick: previousMonth
-                    }),
-                    vue.createElementVNode("div", _hoisted_9$4, [
-                      vue.createVNode(vue.unref(Btn), {
-                        flat: "",
-                        class: "month-btn",
-                        onClick: _cache[1] || (_cache[1] = ($event) => vue.isRef(currentView) ? currentView.value = "months" : currentView = "months")
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode(vue.toDisplayString(currentMonthValue.value.formatted.month), 1)
-                        ]),
-                        _: 1
-                      }),
-                      vue.createVNode(vue.unref(Btn), {
-                        flat: "",
-                        class: "year-btn",
-                        onClick: _cache[2] || (_cache[2] = ($event) => vue.isRef(currentView) ? currentView.value = "years" : currentView = "years")
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode(vue.toDisplayString(currentMonthValue.value.formatted.year), 1)
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    vue.createVNode(vue.unref(Btn), {
-                      flat: "",
-                      icon: "chevron_right",
-                      onClick: nextMonth
-                    })
-                  ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                    vue.createVNode(vue.unref(Btn), {
-                      flat: "",
-                      icon: "chevron_left",
-                      onClick: previousYear
-                    }),
-                    vue.createElementVNode("span", _hoisted_10$4, vue.toDisplayString(currentMonthValue.value.formatted.year), 1),
-                    vue.createVNode(vue.unref(Btn), {
-                      flat: "",
-                      icon: "chevron_right",
-                      onClick: nextYear
-                    })
-                  ], 64))
-                ]),
-                vue.unref(currentView) === "days" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$4, [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(weekDays.value, (day) => {
-                    return vue.openBlock(), vue.createElementBlock("div", {
-                      key: day,
-                      class: "txt-center txt-12 opacity-6"
-                    }, vue.toDisplayString(day), 1);
-                  }), 128)),
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentMonthDays.value, (date2) => {
-                    return vue.openBlock(), vue.createElementBlock("button", {
-                      key: date2 == null ? void 0 : date2.toISOString(),
-                      type: "button",
-                      class: vue.normalizeClass(["day aspect-ratio-1 flex align-items-center justify-content-center pointer round txt14 p-0", {
-                        "selected": isSelected(date2),
-                        "today": isToday(date2),
-                        "disabled": isDateDisabled(date2),
-                        "not-in-month": isNotInMonth(date2)
-                      }]),
-                      disabled: isDateDisabled(date2),
-                      onClick: ($event) => selectDate(date2)
-                    }, vue.toDisplayString(date2 == null ? void 0 : date2.getDate()), 11, _hoisted_12$4);
-                  }), 128))
-                ])) : vue.unref(currentView) === "months" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$3, [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(months.value, (month) => {
-                    return vue.openBlock(), vue.createElementBlock("button", {
-                      key: month.value,
-                      class: vue.normalizeClass(["month-item flex align-items-center justify-content-center pointer rounded p-05 txt14 border-none", {
-                        selected: month.value === currentMonthValue.value.month,
-                        disabled: month.disabled
-                      }]),
-                      disabled: month.disabled,
-                      onClick: ($event) => selectMonth(month.value)
-                    }, vue.toDisplayString(month.name), 11, _hoisted_14$3);
-                  }), 128))
-                ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$3, [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(years.value, (year) => {
-                    return vue.openBlock(), vue.createElementBlock("button", {
-                      key: year.value,
-                      class: vue.normalizeClass(["year-item flex align-items-center justify-content-center pointer rounded p-05 txt14 border-none", {
-                        selected: year.value === currentMonthValue.value.year,
-                        disabled: year.disabled
-                      }]),
-                      disabled: year.disabled,
-                      onClick: ($event) => selectYear(year.value)
-                    }, vue.toDisplayString(year.value), 11, _hoisted_16$3);
-                  }), 128))
-                ]))
-              ]),
-              _ctx.enableTime && vue.unref(currentView) === "days" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17$3, [
-                vue.createElementVNode("div", _hoisted_18$1, [
-                  vue.createVNode(vue.unref(NumberInput), {
-                    center: "",
-                    "model-value": hours.value,
-                    disabled: !selectedDate.value,
-                    min: 0,
-                    max: 23,
-                    layout: "vertical",
-                    padZero: 2,
-                    "onUpdate:modelValue": handleHourInput
-                  }, null, 8, ["model-value", "disabled"]),
-                  _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "pb-075" }, " : ", -1)),
-                  vue.createVNode(vue.unref(NumberInput), {
-                    center: "",
-                    "model-value": minutes.value,
-                    disabled: !selectedDate.value,
-                    min: 0,
-                    max: 59,
-                    padZero: 2,
-                    layout: "vertical",
-                    "onUpdate:modelValue": handleMinuteInput
-                  }, null, 8, ["model-value", "disabled"])
-                ]),
-                vue.createElementVNode("span", _hoisted_19$1, vue.toDisplayString(timezoneDisplay.value), 1),
-                selectedDate.value ? (vue.openBlock(), vue.createBlock(vue.unref(Btn), {
-                  key: 0,
-                  flat: "",
-                  onClick: _cache[3] || (_cache[3] = ($event) => vue.isRef(isOpen) ? isOpen.value = false : isOpen = false)
-                }, {
-                  default: vue.withCtx(() => _cache[7] || (_cache[7] = [
-                    vue.createTextVNode(" Done ")
-                  ])),
-                  _: 1
-                })) : vue.createCommentVNode("", true)
-              ])) : vue.createCommentVNode("", true)
-            ])
-          ]),
-          _: 1
-        }, 8, ["shown"])
-      ], 10, _hoisted_1$E);
-    };
-  }
-});
-const DatePick = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-c6c8cc7b"]]);
 const _hoisted_1$D = { class: "datetime-wrap" };
 const _hoisted_2$r = {
   key: 0,
@@ -25040,6 +25373,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     iconStart: {},
     icon: {},
     label: {},
+    defaultValue: {},
     placeholder: {},
     disabled: { type: Boolean },
     required: { type: Boolean },
@@ -25052,7 +25386,12 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const emit2 = __emit;
-    let numberValue = vue.ref(Number.parseFloat(`${__props.modelValue}`) || void 0);
+    let numberValue = vue.ref();
+    vue.onMounted(() => {
+      const num = __props.modelValue !== void 0 ? Number.parseFloat(`${__props.modelValue}`) : void 0;
+      const defaultNum = __props.defaultValue !== void 0 ? Number.parseFloat(`${__props.defaultValue}`) : void 0;
+      numberValue.value = num || defaultNum;
+    });
     const btnLayouts = ["horizontal", "vertical"];
     function add2(...numbers) {
       var _a2;
@@ -25209,7 +25548,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-6e5ae00f"]]);
+const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-26b79ca5"]]);
 const _hoisted_1$z = ["value", "autofocus", "onKeydown", "onPaste"];
 const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "OTP",
@@ -25239,10 +25578,9 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
       emitUpdate();
     }
     function emitUpdate() {
+      emit2("update:modelValue", digits.join(""));
       if (isDigitsFull()) {
         emit2("complete", digits.join(""));
-      } else {
-        emit2("update:modelValue", digits.join(""));
       }
     }
     function handleKeyDown(event, index2) {
@@ -25306,7 +25644,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
             autofocus: ind === 0,
             maxlength: "1",
             pattern: "[0-9]*",
-            oninput: "this.value = this.value.slice(0, 1);",
+            oninput: "this.value = this.value.slice(0, 1)",
             onKeydown: ($event) => handleKeyDown($event, ind),
             onPaste: ($event) => handlePaste($event, ind)
           }, null, 40, _hoisted_1$z);
@@ -25315,7 +25653,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const OTP = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-5c22c199"]]);
+const OTP = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-8e8db33e"]]);
 const _hoisted_1$y = { class: "relative" };
 const _hoisted_2$n = { class: "m-password position-bottom-end flex column justify-content-center" };
 const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
@@ -35558,6 +35896,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     dense: { type: Boolean },
     required: { type: Boolean },
     pattern: {},
+    defaultValue: {},
     shrink: { type: Boolean },
     disabled: { type: Boolean },
     type: { default: "text" },
@@ -35570,7 +35909,8 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     rows: {},
     autocomplete: {},
     autofocus: { type: Boolean },
-    onFocusout: {}
+    onFocusout: {},
+    onFocus: {}
   },
   emits: ["update:modelValue", "debounce"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -35610,6 +35950,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
         var _a2;
         return (_a2 = input.value) == null ? void 0 : _a2.focus();
       }, 10);
+      if (props2.defaultValue && !props2.modelValue) inputVal.value = props2.defaultValue;
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
@@ -35642,6 +35983,8 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
           }, _ctx.nativeInputAttrs, {
             onFocusout: _cache[1] || (_cache[1] = //@ts-ignore
             (...args) => _ctx.onFocusout && _ctx.onFocusout(...args)),
+            onFocus: _cache[2] || (_cache[2] = //@ts-ignore
+            (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
             onInput: updateInputVal
           }), null, 16, _hoisted_3$a)), [
             [
@@ -35655,7 +35998,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
             id: _ctx.id,
             ref_key: "input",
             ref: input,
-            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(inputVal) ? inputVal.value = $event : inputVal = $event),
+            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(inputVal) ? inputVal.value = $event : inputVal = $event),
             title: _ctx.title,
             type: _ctx.type,
             rows: inputRows.value,
@@ -35665,7 +36008,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
             pattern: _ctx.pattern
           }, _ctx.nativeInputAttrs, {
             onInput: updateInputVal,
-            onFocusout: _cache[3] || (_cache[3] = //@ts-ignore
+            onFocusout: _cache[4] || (_cache[4] = //@ts-ignore
             (...args) => _ctx.onFocusout && _ctx.onFocusout(...args))
           }), null, 16, _hoisted_4$5)), [
             [vue.vModelText, vue.unref(inputVal)]
@@ -35685,7 +36028,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-54de82a7"]]);
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-99e3ea36"]]);
 const _hoisted_1$m = ["title"];
 const _hoisted_2$c = ["id", "required"];
 const _hoisted_3$9 = ["for"];
@@ -40597,9 +40940,9 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: "bgl_icon-font",
         style: vue.normalizeStyle({ "fontSize": `${_ctx.size}rem`, color: _ctx.color, "font-variation-settings": `'wght' ${_ctx.weight || 400}` })
-      }, vue.toDisplayString(iconRender.value), 5)) : iconRenderType.value === "font-awesome" ? (vue.openBlock(), vue.createElementBlock("i", {
+      }, vue.toDisplayString(iconRender.value), 5)) : iconRenderType.value === "font-awesome" ? (vue.openBlock(), vue.createElementBlock("span", {
         key: 1,
-        class: vue.normalizeClass(["fa far", [`fa-${iconRender.value}`, { "fa-brands": isFaBrand.value }]]),
+        class: vue.normalizeClass(["fa far bgl_icon-font", [`fa-${iconRender.value}`, { "fa-brands": isFaBrand.value }]]),
         style: vue.normalizeStyle({ "fontSize": `${_ctx.size}rem`, color: _ctx.color, "font-variation-settings": `'wght' ${_ctx.weight || 400}` })
       }, null, 6)) : vue.createCommentVNode("", true);
     };
@@ -41451,6 +41794,7 @@ const _hoisted_3$4 = {
 const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "Modal",
   props: {
+    thin: { type: Boolean },
     side: { type: Boolean },
     title: {},
     width: {},
@@ -41507,6 +41851,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
         vue.createVNode(vue.unref(_sfc_main$$), {
           class: "modal",
           style: vue.normalizeStyle({ ...maxWidth.value }),
+          thin: _ctx.thin,
           onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
           }, ["stop"]))
         }, {
@@ -41551,7 +41896,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
             ];
           }),
           _: 3
-        }, 8, ["style"])
+        }, 8, ["style", "thin"])
       ], 34);
     };
   }
@@ -44944,7 +45289,7 @@ exports.CodeEditor = CodeEditor;
 exports.ColorPicker = _sfc_main$N;
 exports.DataPreview = DataPreview;
 exports.DataTable = DataTable;
-exports.DateInput = _sfc_main$M;
+exports.DateInput = DateInput;
 exports.DatePick = DatePick;
 exports.DatePicker = _sfc_main$K;
 exports.Draggable = _sfc_main$W;