@bagelink/vue 1.2.25 → 1.2.33

package/dist/index.mjs

@@ -588,7 +588,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
               onClick: withModifiers(($event) => emit2("eventClick", event), ["stop"])
             }, [
               createElementVNode("div", _hoisted_3$C, [
-                createElementVNode("div", _hoisted_4$p, toDisplayString(unref(formatDate)(event.start_time, "HH:mm")), 1),
+                createElementVNode("div", _hoisted_4$p, toDisplayString(unref(formatDate)(event.start_time, { fmt: "HH:mm" })), 1),
                 createElementVNode("div", _hoisted_5$o, [
                   createElementVNode("div", _hoisted_6$l, toDisplayString(event.title), 1),
                   createElementVNode("div", {
@@ -603,7 +603,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AgendaView = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-54c102a2"]]);
+const AgendaView = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-520aee85"]]);
 function calculatePopoverPosition(target, popoverWidth = 300, popoverHeight = 150) {
   const rect = target.getBoundingClientRect();
   const { scrollY, scrollX, innerHeight, innerWidth } = window;
@@ -855,7 +855,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DayView = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-8aa8e541"]]);
+const DayView = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-bc647d79"]]);
 const _hoisted_1$V = { class: "month-view" };
 const _hoisted_2$G = { class: "month-header" };
 const _hoisted_3$A = { class: "month-grid" };
@@ -969,7 +969,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
                 "other-month": !day.isCurrentMonth
               }])
             }, [
-              createElementVNode("div", _hoisted_4$n, toDisplayString(unref(formatDate)(day.date, "DD")), 1),
+              createElementVNode("div", _hoisted_4$n, toDisplayString(unref(fmtDate)(day.date, { fmt: "DD" })), 1),
               createElementVNode("div", _hoisted_5$m, [
                 isMobile.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                   day.events.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_6$j)) : createCommentVNode("", true)
@@ -981,7 +981,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
                     onClick: withModifiers(($event) => unref(slots).eventContent ? openPopover$1(event, $event) : emit2("eventClick", event), ["stop"])
                   }, [
                     createElementVNode("div", _hoisted_8$7, toDisplayString(event.title), 1),
-                    createElementVNode("div", _hoisted_9$6, toDisplayString(unref(formatDate)(event.start_time, "HH:mm")), 1)
+                    createElementVNode("div", _hoisted_9$6, toDisplayString(unref(fmtDate)(event.start_time, { fmt: "HH:mm" })), 1)
                   ], 12, _hoisted_7$f);
                 }), 128))
               ])
@@ -1011,7 +1011,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MonthView = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-505b680c"]]);
+const MonthView = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-e972943e"]]);
 const _hoisted_1$U = { class: "w-100p overflow-hidden m_overflow h-100p grid" };
 const _hoisted_2$F = { class: "weekGrid border-bottom me-1" };
 const _hoisted_3$z = { class: "overflow h-100p pe-05" };
@@ -1208,13 +1208,13 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
               key: day.toISOString(),
               class: "day-header p-05 txt-center"
             }, [
-              createTextVNode(toDisplayString(unref(formatDate)(day, "DDD")) + " ", 1),
+              createTextVNode(toDisplayString(unref(fmtDate)(day, { fmt: "DDD" })) + " ", 1),
               createElementVNode("span", {
                 class: normalizeClass(["txt-12 round p-025", {
                   "color-gray": day.toDateString() !== (/* @__PURE__ */ new Date()).toDateString(),
                   "bg-primary color-white": day.toDateString() === (/* @__PURE__ */ new Date()).toDateString()
                 }])
-              }, toDisplayString(unref(formatDate)(day, "DD")), 3)
+              }, toDisplayString(unref(fmtDate)(day, { fmt: "DD" })), 3)
             ]);
           }), 128))
         ]),
@@ -1260,7 +1260,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
                   }, [
                     createElementVNode("div", _hoisted_5$l, [
                       createElementVNode("div", _hoisted_6$i, toDisplayString(event.title), 1),
-                      createElementVNode("div", _hoisted_7$e, toDisplayString(unref(formatDate)(event.start_time, "HH:mm")), 1)
+                      createElementVNode("div", _hoisted_7$e, toDisplayString(unref(fmtDate)(event.start_time, { fmt: "HH:mm" })), 1)
                     ])
                   ], 12, _hoisted_4$m);
                 }), 128))
@@ -1302,7 +1302,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const WeekView = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-f774fc40"]]);
+const WeekView = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-c29ed3b2"]]);
 const _hoisted_1$T = { class: "calendar" };
 const _hoisted_2$E = { class: "flex m_block m_pb-1" };
 const _hoisted_3$y = { class: "txt-light my-0" };
@@ -1370,8 +1370,8 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$T, [
         createElementVNode("div", _hoisted_2$E, [
           createElementVNode("h3", _hoisted_3$y, [
-            createElementVNode("b", null, toDisplayString(unref(formatDate)(currentDate.value, "MMMM")), 1),
-            createTextVNode(" " + toDisplayString(unref(formatDate)(currentDate.value, "YYYY")), 1)
+            createElementVNode("b", null, toDisplayString(unref(fmtDate)(currentDate.value, { fmt: "MMMM" })), 1),
+            createTextVNode(" " + toDisplayString(unref(fmtDate)(currentDate.value, { fmt: "YYYY" })), 1)
           ]),
           createElementVNode("div", _hoisted_4$l, [
             createVNode(unref(_sfc_main$W), {
@@ -1431,7 +1431,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-b1af1548"]]);
+const Index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-98cddf40"]]);
 const _hoisted_1$S = {
   key: 0,
   class: "card_label"
@@ -15125,7 +15125,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     function useFormatting() {
       const formatDisplayDate2 = (date2) => {
         if (!date2) return "";
-        return formatDate(date2, props2.enableTime ? "DD.MM.YY HH:mm" : "DD.MM.YY");
+        return fmtDate(date2, { fmt: props2.enableTime ? "DD.MM.YY HH:mm" : "DD.MM.YY" });
       };
       const parseUserInput2 = (input) => {
         const date2 = new Date(input);
@@ -15273,7 +15273,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-6202aa21"]]);
+const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-a0f799e6"]]);
 const _hoisted_1$D = { class: "bagel-input" };
 const _hoisted_2$r = {
   key: 0,
@@ -36412,12 +36412,13 @@ function getDatePartsMap(date2, locale2, timeZone) {
 const _datePartsMapNow = getDatePartsMap(/* @__PURE__ */ new Date(), getBrowserNavigatorLocale());
 const _orderedDateTokens = Object.keys(_datePartsMapNow).sort((a2, b2) => b2.length - a2.length);
 const _tokenRegExPattern = new RegExp(_orderedDateTokens.map((token) => token).join("|"), "g");
-const formatDate = (date2, format2, locale2, timeZone) => {
+function formatDate(date2, opts = {}) {
+  let { fmt: format2, locale: locale2, tz: timeZone } = opts;
   if (!date2) return "";
   format2 = format2 || "DD.MM.YY";
   locale2 = locale2 || getBrowserNavigatorLocale();
   try {
-    const d2 = typeof date2 === "string" ? new Date(date2) : date2;
+    const d2 = typeof date2 === "string" || typeof date2 === "number" ? new Date(date2) : date2;
     if (Number.isNaN(d2.getTime())) {
       console.warn("Invalid date provided to formatDate:", date2);
       return "";
@@ -36461,11 +36462,8 @@ const formatDate = (date2, format2, locale2, timeZone) => {
     console.warn(`Error formatting date: ${date2} with format: ${format2}`, error);
     return "";
   }
-};
-function fmtDate(opts) {
-  const { date: date2, format: format2, locale: locale2, timeZone } = opts;
-  return formatDate(date2, format2, locale2, timeZone);
 }
+const fmtDate = formatDate;
 const IMAGE_FORMATS = ["jpeg", "png", "webp", "avif", "apng", "gif", "avifs", "svg", "bmp", "jpg", "heic", "heif", "ico", "cur", "tif", "tiff"];
 const IMAGE_FORMATS_REGEXP = new RegExp(`(${IMAGE_FORMATS.join("|")})$`, "i");
 const VIDEO_FORMATS = ["mp4", "webm", "ogg", "mov", "avi", "flv", "wmv", "mkv", "ts", "m3u8"];

package/dist/style.css

@@ -310,45 +310,45 @@ display: block;
 	border-radius: var(--input-border-radius);
 }
 
-.agenda-view[data-v-54c102a2] {
+.agenda-view[data-v-520aee85] {
   display: flex;
   flex-direction: column;
   height: 100%;
   overflow: hidden;
 }
-.agenda-header[data-v-54c102a2] {
+.agenda-header[data-v-520aee85] {
   display: flex;
   padding: 0.5rem;
   border-bottom: 1px solid var(--border-color);
 }
-.time-column[data-v-54c102a2] {
+.time-column[data-v-520aee85] {
   width: 100px;
   flex-shrink: 0;
 }
-.event-column[data-v-54c102a2] {
+.event-column[data-v-520aee85] {
   flex-grow: 1;
 }
-.agenda-content[data-v-54c102a2] {
+.agenda-content[data-v-520aee85] {
   flex-grow: 1;
   overflow-y: auto;
   padding: 1rem;
 }
-.event[data-v-54c102a2] {
+.event[data-v-520aee85] {
   margin-bottom: 1rem;
   border-radius: 4px;
   overflow: hidden;
   cursor: pointer;
   transition: all 0.2s ease;
 }
-.event[data-v-54c102a2]:hover {
+.event[data-v-520aee85]:hover {
   transform: scale(1.01);
 }
-.event-content[data-v-54c102a2] {
+.event-content[data-v-520aee85] {
   display: flex;
   height: 100%;
   color: white;
 }
-.event-time[data-v-54c102a2] {
+.event-time[data-v-520aee85] {
   width: 100px;
   flex-shrink: 0;
   padding: 0.5rem;
@@ -356,107 +356,107 @@ display: block;
   align-items: center;
   font-size: 0.9rem;
 }
-.event-details[data-v-54c102a2] {
+.event-details[data-v-520aee85] {
   flex-grow: 1;
   padding: 0.5rem;
   border-left: 1px solid rgba(255, 255, 255, 0.2);
 }
-.event-title[data-v-54c102a2] {
+.event-title[data-v-520aee85] {
   font-size: 1rem;
   margin-bottom: 0.25rem;
 }
-.event-day[data-v-54c102a2] {
+.event-day[data-v-520aee85] {
   font-size: 0.8rem;
   opacity: 0.8;
 }
-.event-day.today[data-v-54c102a2] {
+.event-day.today[data-v-520aee85] {
   color: var(--bgl-primary);
   opacity: 1;
 }
 @media (max-width: 768px) {
-.agenda-header[data-v-54c102a2] {
+.agenda-header[data-v-520aee85] {
     padding: 0.5rem;
 }
-.time-column[data-v-54c102a2] {
+.time-column[data-v-520aee85] {
     width: 80px;
 }
-.event-content[data-v-54c102a2] {
+.event-content[data-v-520aee85] {
     font-size: 0.9rem;
 }
-.event-time[data-v-54c102a2] {
+.event-time[data-v-520aee85] {
     width: 80px;
     font-size: 0.8rem;
 }
-.event-title[data-v-54c102a2] {
+.event-title[data-v-520aee85] {
     font-size: 0.9rem;
 }
-.event-day[data-v-54c102a2] {
+.event-day[data-v-520aee85] {
     font-size: 0.7rem;
 }
 }
 
-.dayGrid[data-v-8aa8e541]{
+.dayGrid[data-v-bc647d79]{
 	display: grid;
 	grid-template-columns: 5rem 1fr;
 }
-.time-column[data-v-8aa8e541] {
+.time-column[data-v-bc647d79] {
   width: 80px;
   flex-shrink: 0;
 }
-.events-column[data-v-8aa8e541] {
+.events-column[data-v-bc647d79] {
   flex-grow: 1;
   position: relative;
   border-inline-start: 1px solid var(--border-color);
 }
-.date-header[data-v-8aa8e541] {
+.date-header[data-v-bc647d79] {
   padding: 0.5rem;
   text-align: center;
 }
-.day-header .events-column[data-v-8aa8e541] {
+.day-header .events-column[data-v-bc647d79] {
   border-inline-start: 1px solid transparent;
 }
-.time-slot[data-v-8aa8e541] {
+.time-slot[data-v-bc647d79] {
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.time-slots[data-v-8aa8e541] {
+.time-slots[data-v-bc647d79] {
   flex-grow: 1;
   display: flex;
   overflow: auto;
   position: relative;
 }
-.event[data-v-8aa8e541] {
+.event[data-v-bc647d79] {
   left: 10px;
   right: 10px;
 }
-.event[data-v-8aa8e541]:hover {
+.event[data-v-bc647d79]:hover {
   z-index: 2;
   transform: scale(1.02);
 }
-.event-content[data-v-8aa8e541] {
+.event-content[data-v-bc647d79] {
   padding: 0.5rem;
   color: white;
   font-size: 0.9rem;
   height: 100%;
   overflow: hidden;
 }
-.event-title[data-v-8aa8e541] {
+.event-title[data-v-bc647d79] {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.event-time[data-v-8aa8e541] {
+.event-time[data-v-bc647d79] {
   font-size: 0.8rem;
 }
-.drag-preview[data-v-8aa8e541] {
+.drag-preview[data-v-bc647d79] {
 	background-color: rgba(var(--bgl-primary-rgb), 0.1);
 }
-.current-time-line[data-v-8aa8e541] {
+.current-time-line[data-v-bc647d79] {
   height: 2px;
 }
-.custom-popover[data-v-8aa8e541] {
+.custom-popover[data-v-bc647d79] {
   position: fixed;
   z-index: 1000;
   min-width: 250px;
@@ -464,10 +464,10 @@ display: block;
   background-color: white;
   border-radius: 4px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-  animation: fadeIn-8aa8e541 0.2s ease;
+  animation: fadeIn-bc647d79 0.2s ease;
   transform-origin: center left;
 }
-@keyframes fadeIn-8aa8e541 {
+@keyframes fadeIn-bc647d79 {
 from {
     opacity: 0;
     transform: scale(0.95);
@@ -478,23 +478,23 @@ to {
 }
 }
 
-.month-view[data-v-505b680c] {
+.month-view[data-v-e972943e] {
   display: flex;
   flex-direction: column;
   height: 100%;
   overflow: hidden;
 }
-.month-header[data-v-505b680c] {
+.month-header[data-v-e972943e] {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   border-bottom: 1px solid var(--border-color);
 }
-.weekday[data-v-505b680c] {
+.weekday[data-v-e972943e] {
   padding: 0.5rem;
   text-align: center;
   color: var(--text-muted);
 }
-.month-grid[data-v-505b680c] {
+.month-grid[data-v-e972943e] {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   grid-template-rows: repeat(6, 1fr);
@@ -502,7 +502,7 @@ to {
   overflow: auto;
   border-inline-end: 1px solid var(--border-color);
 }
-.day-cell[data-v-505b680c] {
+.day-cell[data-v-e972943e] {
   border-inline-start: 1px solid var(--border-color);
   border-bottom: 1px solid var(--border-color);
   padding: 0.5rem;
@@ -510,24 +510,24 @@ to {
   display: flex;
   flex-direction: column;
 }
-.day-number[data-v-505b680c] {
+.day-number[data-v-e972943e] {
   margin-bottom: 0.5rem;
 }
-.other-month[data-v-505b680c] {
+.other-month[data-v-e972943e] {
   background-color: var(--bgl-gray-light);
   color: var(--bgl-gray);
 }
-.today[data-v-505b680c] {
+.today[data-v-e972943e] {
   background-color: var(--bgl-primary-light);
 }
-.today .day-number[data-v-505b680c] {
+.today .day-number[data-v-e972943e] {
   color: var(--bgl-primary);
 }
-.day-events[data-v-505b680c] {
+.day-events[data-v-e972943e] {
   flex-grow: 1;
   overflow-y: auto;
 }
-.event-item[data-v-505b680c] {
+.event-item[data-v-e972943e] {
   margin-bottom: 0.25rem;
   padding: 0.25rem;
   border-radius: 4px;
@@ -536,17 +536,17 @@ to {
   cursor: pointer;
   transition: all 0.2s ease;
 }
-.event-title[data-v-505b680c] {
+.event-title[data-v-e972943e] {
   font-weight: 500;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.event-time[data-v-505b680c] {
+.event-time[data-v-e972943e] {
   font-size: 0.7rem;
   opacity: 0.8;
 }
-.event-dot[data-v-505b680c] {
+.event-dot[data-v-e972943e] {
   width: 6px;
   height: 6px;
   background-color: var(--bgl-primary);
@@ -554,20 +554,20 @@ to {
   margin: 0.25rem auto;
 }
 @media (max-width: 768px) {
-.day-cell[data-v-505b680c] {
+.day-cell[data-v-e972943e] {
     min-height: 60px;
     padding: 0.25rem;
 }
-.day-number[data-v-505b680c] {
+.day-number[data-v-e972943e] {
     font-size: 0.8rem;
     margin-bottom: 0.25rem;
 }
-.weekday[data-v-505b680c] {
+.weekday[data-v-e972943e] {
     font-size: 0.8rem;
     padding: 0.25rem;
 }
 }
-.custom-popover[data-v-505b680c] {
+.custom-popover[data-v-e972943e] {
   position: fixed;
   z-index: 1000;
   min-width: 250px;
@@ -575,10 +575,10 @@ to {
   background-color: white;
   border-radius: 4px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-  animation: fadeIn-505b680c 0.2s ease;
+  animation: fadeIn-e972943e 0.2s ease;
   transform-origin: center left;
 }
-@keyframes fadeIn-505b680c {
+@keyframes fadeIn-e972943e {
 from {
     opacity: 0;
     transform: scale(0.95);
@@ -589,49 +589,49 @@ to {
 }
 }
 
-.weekGrid[data-v-f774fc40]{
+.weekGrid[data-v-c29ed3b2]{
 	display: grid;
 	grid-template-columns: 5rem repeat(7, 1fr);
 }
-.days-column[data-v-f774fc40] {
+.days-column[data-v-c29ed3b2] {
   flex-grow: 1;
   display: flex;
 }
-.time-slot[data-v-f774fc40] {
+.time-slot[data-v-c29ed3b2] {
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--text-muted);
 }
-.time-slots[data-v-f774fc40] {
+.time-slots[data-v-c29ed3b2] {
   flex-grow: 1;
   display: flex;
   overflow: auto;
   position: relative;
 }
-.day-column[data-v-f774fc40] {
+.day-column[data-v-c29ed3b2] {
   flex: 1;
 }
-.event[data-v-f774fc40] {
+.event[data-v-c29ed3b2] {
   margin-right: 2px;
 }
-.event[data-v-f774fc40]:hover {
+.event[data-v-c29ed3b2]:hover {
   z-index: 1;
 }
-.drag-preview[data-v-f774fc40] {
+.drag-preview[data-v-c29ed3b2] {
   border: 2px solid var(--bgl-primary);
 }
-.current-time-line[data-v-f774fc40] {
+.current-time-line[data-v-c29ed3b2] {
   height: 2px;
 }
-.custom-popover[data-v-f774fc40] {
+.custom-popover[data-v-c29ed3b2] {
   min-width: 250px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-  animation: fadeIn-f774fc40 0.2s ease;
+  animation: fadeIn-c29ed3b2 0.2s ease;
   transform-origin: center left;
 }
-@keyframes fadeIn-f774fc40 {
+@keyframes fadeIn-c29ed3b2 {
 from {
     opacity: 0;
     transform: scale(0.95);
@@ -644,7 +644,7 @@ to {
 @media screen and (max-width: 910px) {
 }
 
-.calendar[data-v-b1af1548] {
+.calendar[data-v-98cddf40] {
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -1462,7 +1462,7 @@ pre code.hljs{
 	opacity: 0.4;
 }
 
-.date-picker-container[data-v-6202aa21] {
+.date-picker-container[data-v-a0f799e6] {
 	width: 100%;
 }
 

package/dist/utils/calendar/dateUtils.d.ts

@@ -1,3 +1,4 @@
+import { DateLike } from '@vueuse/core';
 import { AvailableTimeLanguages, DateTimeAcceptedFormats } from '../../types/timeAgoT';
 interface TimeDeltaOptions {
     day?: number;
@@ -32,16 +33,21 @@ export declare function getDatePartsMap(date: Date, locale: Intl.LocalesArgument
     YY: string;
     YYYY: string;
 };
-export type FormatDateFn = (date?: string | Date, format?: DateTimeAcceptedFormats, locale?: string, timeZone?: string) => string;
-export type FormatDateFnParams = Parameters<FormatDateFn>;
-export type FormatDateFnReturn = ReturnType<FormatDateFn>;
 export interface FormatDateOptions {
-    date?: FormatDateFnParams[0];
-    format?: FormatDateFnParams[1];
-    locale?: FormatDateFnParams[2];
-    timeZone?: FormatDateFnParams[3];
+    fmt?: DateTimeAcceptedFormats;
+    locale?: Intl.LocalesArgument;
+    tz?: string;
 }
-export declare const formatDate: FormatDateFn;
-export declare function fmtDate(opts: FormatDateOptions): FormatDateFnReturn;
+/**
+ * Formats a date based on the provided format string, locale, and timezone.
+ * @param date The date to format (string or Date object).
+ * @param opts Options for formatting the date.
+ * @param opts.fmt The format string (default is 'DD.MM.YY').
+ * @param opts.locale The locale to use for formatting (default is browser's locale).
+ * @param opts.tz The timezone to use for formatting (default is local timezone).
+ * @returns Formatted date string.
+ */
+export declare function formatDate(date?: DateLike, opts?: FormatDateOptions): string;
+export declare const fmtDate: typeof formatDate;
 export {};
 //# sourceMappingURL=dateUtils.d.ts.map

package/dist/utils/calendar/dateUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/calendar/dateUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,uBAAuB,EAAkC,MAAM,sBAAsB,CAAA;AAE3H,UAAU,gBAAgB;IACzB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,gBAAgB,QAyBvE;AAqDD,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,GAAE,sBAA6B,UAsD/E;AASD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAgDjE;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,EAAE,MAAM;;;;;;;;;;;;;;EAoB1F;AAcD,MAAM,MAAM,YAAY,GAAG,CAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,EACpB,MAAM,CAAC,EAAE,uBAAuB,EAChC,MAAM,CAAC,EAAE,MAAM,EACf,QAAQ,CAAC,EAAE,MAAM,KACb,MAAM,CAAA;AAEX,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;AACzD,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;AAEzD,MAAM,WAAW,iBAAiB;IACjC,IAAI,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAA;IAC5B,MAAM,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAA;IAC9B,MAAM,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAA;CAChC;AAED,eAAO,MAAM,UAAU,EAAE,YAqExB,CAAA;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,iBAAiB,GAAG,kBAAkB,CAGnE"}
+{"version":3,"file":"dateUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/calendar/dateUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,KAAK,EAAE,sBAAsB,EAAE,uBAAuB,EAAkC,MAAM,sBAAsB,CAAA;AAE3H,UAAU,gBAAgB;IACzB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACb;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,gBAAgB,QAyBvE;AAqDD,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,GAAE,sBAA6B,UAsD/E;AASD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAgDjE;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,EAAE,MAAM;;;;;;;;;;;;;;EAoB1F;AAcD,MAAM,WAAW,iBAAiB;IACjC,GAAG,CAAC,EAAE,uBAAuB,CAAA;IAC7B,MAAM,CAAC,EAAE,IAAI,CAAC,eAAe,CAAA;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAA;CACX;AACD;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CACzB,IAAI,CAAC,EAAE,QAAQ,EACf,IAAI,GAAE,iBAAsB,GAC1B,MAAM,CAkER;AACD,eAAO,MAAM,OAAO,mBAAa,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.2.25",
+  "version": "1.2.33",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/calendar/Index.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { Component } from 'vue'
 import type { CalendarEvent, CalendarView, WeekStart } from './CalendarTypes'
-import { timeDelta, Btn, formatDate, ListItem, Dropdown } from '@bagelink/vue'
+import { timeDelta, Btn, ListItem, Dropdown, fmtDate } from '@bagelink/vue'
 import { ref, computed } from 'vue'
 import AgendaView from './views/AgendaView.vue'
 import DayView from './views/DayView.vue'
@@ -97,8 +97,8 @@ defineExpose({ visibleDateRange })
 	<div class="calendar">
 		<div class="flex m_block m_pb-1">
 			<h3 class="txt-light my-0">
-				<b>{{ formatDate(currentDate, 'MMMM') }}</b>
-				{{ formatDate(currentDate, 'YYYY') }}
+				<b>{{ fmtDate(currentDate, { fmt: 'MMMM' }) }}</b>
+				{{ fmtDate(currentDate, { fmt: 'YYYY' }) }}
 			</h3>
 			<div class="ms-auto flex gap-025">
 				<Dropdown thin :value="currentView" iconEnd="keyboard_arrow_down" color="gray">

package/src/components/calendar/views/AgendaView.vue

@@ -141,7 +141,7 @@ onUnmounted(() => {
 			>
 				<div class="event-content">
 					<div class="event-time">
-						{{ formatDate(event.start_time, 'HH:mm') }}
+						{{ formatDate(event.start_time, { fmt: 'HH:mm' }) }}
 					</div>
 					<div class="event-details">
 						<div class="event-title">

package/src/components/calendar/views/DayView.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import type { SetupContext } from 'vue'
 import type { CalendarEvent } from '../CalendarTypes'
 import type { PopoverState } from '../utils'
 import { formatDate } from '@bagelink/vue'
@@ -18,7 +19,7 @@ const emit = defineEmits<{
 	(e: 'eventCreate', event: { start_time: Date, end_time: Date }): void
 }>()
 
-const slots = useSlots()
+const slots: SetupContext['slots'] = useSlots()
 
 // Configuration constants
 const slotHeight = 60