@mekari/pixel3-date-picker 0.0.3-dev.0 → 0.1.0

package/dist/calendar-panel.js

@@ -25,12 +25,12 @@ __export(calendar_panel_exports, {
   CalendarPanelRange: () => CalendarPanelRange
 });
 module.exports = __toCommonJS(calendar_panel_exports);
-var import_vue17 = require("vue");
-var import_vue18 = require("vue");
+var import_vue19 = require("vue");
+var import_vue20 = require("vue");
 
 // src/components/calendar/table-date.tsx
-var import_vue9 = require("vue");
-var import_vue10 = require("vue");
+var import_vue11 = require("vue");
+var import_vue12 = require("vue");
 var import_pixel3_button = require("@mekari/pixel3-button");
 
 // src/components/parts/date.tsx
@@ -155,6 +155,38 @@ var YearItem = (0, import_vue8.defineComponent)({
   }
 });
 
+// src/components/parts/time.tsx
+var import_vue9 = require("vue");
+var import_vue10 = require("vue");
+var import_recipes5 = require("@mekari/pixel3-styled-system/recipes");
+var TimeItem = (0, import_vue10.defineComponent)({
+  name: "TimeItem",
+  props: {
+    status: {
+      type: String,
+      default: "default"
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, {
+    slots
+  }) {
+    return () => {
+      const classes = (0, import_recipes5.timeItemRecipe)({
+        status: props.status
+      });
+      return (0, import_vue9.createVNode)("button", {
+        "disabled": props.isDisabled,
+        "data-status": props.status,
+        "class": classes
+      }, [slots.default()]);
+    };
+  }
+});
+
 // src/utils/base.ts
 function chunk(arr, size) {
   if (!Array.isArray(arr)) {
@@ -193,8 +225,8 @@ var assign = /* @__PURE__ */ __name((initial, override) => {
 }, "assign");
 
 // src/components/calendar/table-date.tsx
-var import_recipes5 = require("@mekari/pixel3-styled-system/recipes");
-var TableDate = (0, import_vue10.defineComponent)({
+var import_recipes6 = require("@mekari/pixel3-styled-system/recipes");
+var TableDate = (0, import_vue12.defineComponent)({
   name: "TableDate",
   props: {
     days: {
@@ -239,8 +271,8 @@ var TableDate = (0, import_vue10.defineComponent)({
       dateItemRoot,
       dateItemWrapper,
       shortcutLabelWrapper
-    } = (0, import_recipes5.tableDateSlotRecipe)();
-    const getDates = (0, import_vue10.computed)(() => {
+    } = (0, import_recipes6.tableDateSlotRecipe)();
+    const getDates = (0, import_vue12.computed)(() => {
       return chunk(props.dates, 7);
     });
     function onNextButton() {
@@ -284,39 +316,39 @@ var TableDate = (0, import_vue10.defineComponent)({
     }
     __name(getDateAttrs, "getDateAttrs");
     return () => {
-      return (0, import_vue9.createVNode)("div", null, [(0, import_vue9.createVNode)("div", {
+      return (0, import_vue11.createVNode)("div", null, [(0, import_vue11.createVNode)("div", {
         "data-pixel-parts": "Header",
         "class": headerRoot
-      }, [(0, import_vue9.createVNode)(import_pixel3_button.MpButton, {
+      }, [(0, import_vue11.createVNode)(import_pixel3_button.MpButton, {
         "left-icon": "chevrons-left",
         "variant": "ghost",
         "size": "sm",
         "onClick": onPreviousButton
-      }, null), (0, import_vue9.createVNode)("button", {
+      }, null), (0, import_vue11.createVNode)("button", {
         "class": headerLabel,
         "onClick": () => emit("clickHeaderLabel")
-      }, [props.headerLabel]), (0, import_vue9.createVNode)(import_pixel3_button.MpButton, {
+      }, [props.headerLabel]), (0, import_vue11.createVNode)(import_pixel3_button.MpButton, {
         "right-icon": "chevrons-right",
         "variant": "ghost",
         "size": "sm",
         "onClick": onNextButton
-      }, null)]), (0, import_vue9.createVNode)("div", {
+      }, null)]), (0, import_vue11.createVNode)("div", {
         "data-pixel-parts": "Content",
         "class": dayWrapper
-      }, [props.days.map((day) => (0, import_vue9.createVNode)(Day, null, {
-        default: () => [(0, import_vue9.createTextVNode)(" "), day, (0, import_vue9.createTextVNode)(" ")]
-      }))]), (0, import_vue9.createVNode)("div", {
+      }, [props.days.map((day) => (0, import_vue11.createVNode)(Day, null, {
+        default: () => [(0, import_vue11.createTextVNode)(" "), day, (0, import_vue11.createTextVNode)(" ")]
+      }))]), (0, import_vue11.createVNode)("div", {
         "data-pixel-parts": "Content",
         "class": dateItemRoot
-      }, [getDates.value.map((dates, index) => (0, import_vue9.createVNode)("div", {
+      }, [getDates.value.map((dates, index) => (0, import_vue11.createVNode)("div", {
         "class": dateItemWrapper,
         "data-row-index": index
-      }, [dates.map((date) => (0, import_vue9.createVNode)(Date2, getDateAttrs(date), {
-        default: () => [(0, import_vue9.createTextVNode)(" "), date.getDate(), (0, import_vue9.createTextVNode)(" ")]
-      }))]))]), props.isShowShortcut && (0, import_vue9.createVNode)("div", {
+      }, [dates.map((date) => (0, import_vue11.createVNode)(Date2, getDateAttrs(date), {
+        default: () => [(0, import_vue11.createTextVNode)(" "), date.getDate(), (0, import_vue11.createTextVNode)(" ")]
+      }))]))]), props.isShowShortcut && (0, import_vue11.createVNode)("div", {
         "data-pixel-parts": "Shortcut",
         "class": shortcutLabelWrapper
-      }, [(0, import_vue9.createVNode)(import_pixel3_button.MpButton, {
+      }, [(0, import_vue11.createVNode)(import_pixel3_button.MpButton, {
         "variant": "ghost",
         "onClick": onSelectToday
       }, {
@@ -327,8 +359,8 @@ var TableDate = (0, import_vue10.defineComponent)({
 });
 
 // src/components/calendar/table-month.tsx
-var import_vue11 = require("vue");
-var import_vue12 = require("vue");
+var import_vue13 = require("vue");
+var import_vue14 = require("vue");
 var import_pixel3_button2 = require("@mekari/pixel3-button");
 
 // src/utils/date.ts
@@ -412,8 +444,8 @@ function isDateBetween(date, min, max) {
 __name(isDateBetween, "isDateBetween");
 
 // src/components/calendar/table-month.tsx
-var import_recipes6 = require("@mekari/pixel3-styled-system/recipes");
-var TableMonth = (0, import_vue12.defineComponent)({
+var import_recipes7 = require("@mekari/pixel3-styled-system/recipes");
+var TableMonth = (0, import_vue14.defineComponent)({
   name: "TableMonth",
   props: {
     calendar: {
@@ -451,11 +483,11 @@ var TableMonth = (0, import_vue12.defineComponent)({
       monthItemRoot,
       monthItemWrapper,
       shortcutLabelWrapper
-    } = (0, import_recipes6.tableMonthSlotRecipe)();
-    const getMonths = (0, import_vue12.computed)(() => {
+    } = (0, import_recipes7.tableMonthSlotRecipe)();
+    const getMonths = (0, import_vue14.computed)(() => {
       return chunk(props.months, 3);
     });
-    const getCalendarYear = (0, import_vue12.computed)(() => props.calendar.getFullYear());
+    const getCalendarYear = (0, import_vue14.computed)(() => props.calendar.getFullYear());
     function onNextButton() {
       emit("next");
     }
@@ -487,33 +519,33 @@ var TableMonth = (0, import_vue12.defineComponent)({
     }
     __name(getMonthAttrs, "getMonthAttrs");
     return () => {
-      return (0, import_vue11.createVNode)("div", null, [(0, import_vue11.createVNode)("div", {
+      return (0, import_vue13.createVNode)("div", null, [(0, import_vue13.createVNode)("div", {
         "data-pixel-parts": "Header",
         "class": headerRoot
-      }, [(0, import_vue11.createVNode)(import_pixel3_button2.MpButton, {
+      }, [(0, import_vue13.createVNode)(import_pixel3_button2.MpButton, {
         "left-icon": "chevrons-left",
         "variant": "ghost",
         "size": "sm",
         "onClick": onPreviousButton
-      }, null), (0, import_vue11.createVNode)("button", {
+      }, null), (0, import_vue13.createVNode)("button", {
         "class": headerLabel,
         "onClick": () => emit("clickHeaderLabel")
-      }, [props.headerLabel]), (0, import_vue11.createVNode)(import_pixel3_button2.MpButton, {
+      }, [props.headerLabel]), (0, import_vue13.createVNode)(import_pixel3_button2.MpButton, {
         "right-icon": "chevrons-right",
         "variant": "ghost",
         "size": "sm",
         "onClick": onNextButton
-      }, null)]), (0, import_vue11.createVNode)("div", {
+      }, null)]), (0, import_vue13.createVNode)("div", {
         "data-pixel-parts": "Content",
         "class": monthItemRoot
-      }, [getMonths.value.map((data) => (0, import_vue11.createVNode)("div", {
+      }, [getMonths.value.map((data) => (0, import_vue13.createVNode)("div", {
         "class": monthItemWrapper
-      }, [data.map((month) => (0, import_vue11.createVNode)(Month, getMonthAttrs(month.month), {
+      }, [data.map((month) => (0, import_vue13.createVNode)(Month, getMonthAttrs(month.month), {
         default: () => [" ", month.text, " "]
-      }))]))]), props.isShowShortcut && (0, import_vue11.createVNode)("div", {
+      }))]))]), props.isShowShortcut && (0, import_vue13.createVNode)("div", {
         "data-pixel-parts": "Shortcut",
         "class": shortcutLabelWrapper
-      }, [(0, import_vue11.createVNode)(import_pixel3_button2.MpButton, {
+      }, [(0, import_vue13.createVNode)(import_pixel3_button2.MpButton, {
         "variant": "ghost",
         "onClick": () => onSelectMonth((/* @__PURE__ */ new Date()).getMonth(), getCalendarYear.value)
       }, {
@@ -524,11 +556,11 @@ var TableMonth = (0, import_vue12.defineComponent)({
 });
 
 // src/components/calendar/table-year.tsx
-var import_vue13 = require("vue");
-var import_vue14 = require("vue");
+var import_vue15 = require("vue");
+var import_vue16 = require("vue");
 var import_pixel3_button3 = require("@mekari/pixel3-button");
-var import_recipes7 = require("@mekari/pixel3-styled-system/recipes");
-var TableYear = (0, import_vue14.defineComponent)({
+var import_recipes8 = require("@mekari/pixel3-styled-system/recipes");
+var TableYear = (0, import_vue16.defineComponent)({
   name: "TableYear",
   props: {
     years: {
@@ -562,8 +594,8 @@ var TableYear = (0, import_vue14.defineComponent)({
       yearItemRoot,
       yearItemWrapper,
       shortcutLabelWrapper
-    } = (0, import_recipes7.tableYearSlotRecipe)();
-    const getYears = (0, import_vue14.computed)(() => {
+    } = (0, import_recipes8.tableYearSlotRecipe)();
+    const getYears = (0, import_vue16.computed)(() => {
       return chunk(props.years, 4);
     });
     function onNextButton() {
@@ -599,30 +631,30 @@ var TableYear = (0, import_vue14.defineComponent)({
     }
     __name(getMonthAttrs, "getMonthAttrs");
     return () => {
-      return (0, import_vue13.createVNode)("div", null, [(0, import_vue13.createVNode)("div", {
+      return (0, import_vue15.createVNode)("div", null, [(0, import_vue15.createVNode)("div", {
         "data-pixel-parts": "Header",
         "class": headerRoot
-      }, [(0, import_vue13.createVNode)(import_pixel3_button3.MpButton, {
+      }, [(0, import_vue15.createVNode)(import_pixel3_button3.MpButton, {
         "left-icon": "chevrons-left",
         "variant": "ghost",
         "size": "sm",
         "onClick": onPreviousButton
-      }, null), (0, import_vue13.createVNode)("button", {
+      }, null), (0, import_vue15.createVNode)("button", {
         "class": headerLabel
-      }, [props.headerLabel]), (0, import_vue13.createVNode)(import_pixel3_button3.MpButton, {
+      }, [props.headerLabel]), (0, import_vue15.createVNode)(import_pixel3_button3.MpButton, {
         "right-icon": "chevrons-right",
         "variant": "ghost",
         "size": "sm",
         "onClick": onNextButton
-      }, null)]), (0, import_vue13.createVNode)("div", {
+      }, null)]), (0, import_vue15.createVNode)("div", {
         "class": yearItemRoot
-      }, [getYears.value.map((data) => (0, import_vue13.createVNode)("div", {
+      }, [getYears.value.map((data) => (0, import_vue15.createVNode)("div", {
         "class": yearItemWrapper
-      }, [data.map((year) => (0, import_vue13.createVNode)(YearItem, getMonthAttrs(year), {
-        default: () => [(0, import_vue13.createTextVNode)(" "), year, (0, import_vue13.createTextVNode)(" ")]
-      }))]))]), props.isShowShortcut && (0, import_vue13.createVNode)("div", {
+      }, [data.map((year) => (0, import_vue15.createVNode)(YearItem, getMonthAttrs(year), {
+        default: () => [(0, import_vue15.createTextVNode)(" "), year, (0, import_vue15.createTextVNode)(" ")]
+      }))]))]), props.isShowShortcut && (0, import_vue15.createVNode)("div", {
         "class": shortcutLabelWrapper
-      }, [(0, import_vue13.createVNode)(import_pixel3_button3.MpButton, {
+      }, [(0, import_vue15.createVNode)(import_pixel3_button3.MpButton, {
         "variant": "ghost",
         "onClick": () => onSelectYear((/* @__PURE__ */ new Date()).getFullYear())
       }, {
@@ -636,11 +668,11 @@ var TableYear = (0, import_vue14.defineComponent)({
 var import_date_fns3 = require("date-fns");
 
 // src/composables/useCalendar.ts
-var import_vue15 = require("vue");
+var import_vue17 = require("vue");
 var import_date_fns2 = require("date-fns");
 function useCalendar(date, locale2) {
-  const currentDate = (0, import_vue15.ref)(isValidDate(date) ? date : /* @__PURE__ */ new Date());
-  const currentPanel = (0, import_vue15.ref)("date");
+  const currentDate = (0, import_vue17.ref)(isValidDate(date) ? date : /* @__PURE__ */ new Date());
+  const currentPanel = (0, import_vue17.ref)("date");
   const nextMonth = /* @__PURE__ */ __name(() => {
     currentDate.value = getNextMonth(currentDate.value);
   }, "nextMonth");
@@ -659,7 +691,7 @@ function useCalendar(date, locale2) {
   const changeMonth = /* @__PURE__ */ __name((month) => {
     currentDate.value = (0, import_date_fns2.setMonth)(currentDate.value, month);
   }, "changeMonth");
-  const getSplitDates = (0, import_vue15.computed)(() => {
+  const getSplitDates = (0, import_vue17.computed)(() => {
     return {
       day: currentDate.value.getDay(),
       month: currentDate.value.getMonth(),
@@ -667,7 +699,7 @@ function useCalendar(date, locale2) {
       monthLabel: locale2.value.months[currentDate.value.getMonth()]
     };
   });
-  const getDates = (0, import_vue15.computed)(() => {
+  const getDates = (0, import_vue17.computed)(() => {
     const {
       year,
       month
@@ -679,7 +711,7 @@ function useCalendar(date, locale2) {
     });
     return arr;
   });
-  const getMonths = (0, import_vue15.computed)(() => {
+  const getMonths = (0, import_vue17.computed)(() => {
     const monthsLocale = locale2.value.formatLocale.monthsShort || locale2.value.months;
     const months = monthsLocale.map((text, month) => {
       return {
@@ -689,7 +721,7 @@ function useCalendar(date, locale2) {
     });
     return months;
   });
-  const getYears = (0, import_vue15.computed)(() => {
+  const getYears = (0, import_vue17.computed)(() => {
     const {
       year
     } = getSplitDates.value;
@@ -700,7 +732,7 @@ function useCalendar(date, locale2) {
     }
     return years;
   });
-  const getLabel = (0, import_vue15.computed)(() => {
+  const getLabel = (0, import_vue17.computed)(() => {
     const {
       year,
       monthLabel
@@ -742,22 +774,22 @@ function useCalendar(date, locale2) {
 __name(useCalendar, "useCalendar");
 
 // src/composables/useCalendarRange.ts
-var import_vue16 = require("vue");
+var import_vue18 = require("vue");
 function useCalendarRange(props) {
   const leftCalendar = startOfMonth(/* @__PURE__ */ new Date());
   const rightCalendar = startOfMonth(getNextMonth(/* @__PURE__ */ new Date()));
-  const startDate = (0, import_vue16.ref)(props.modelValue[0]);
-  const endDate = (0, import_vue16.ref)(props.modelValue[1]);
-  const hoveredDate = (0, import_vue16.ref)();
-  const calendars = (0, import_vue16.ref)([leftCalendar, rightCalendar]);
-  const getCurrentDates = (0, import_vue16.computed)(() => {
+  const startDate = (0, import_vue18.ref)(props.modelValue[0]);
+  const endDate = (0, import_vue18.ref)(props.modelValue[1]);
+  const hoveredDate = (0, import_vue18.ref)();
+  const calendars = (0, import_vue18.ref)([leftCalendar, rightCalendar]);
+  const getCurrentDates = (0, import_vue18.computed)(() => {
     if (startDate.value && !endDate.value)
       return [startDate.value];
     if (startDate.value && endDate.value)
       return [startDate.value, endDate.value];
     return [];
   });
-  const calendarMinDiff = (0, import_vue16.computed)(() => {
+  const calendarMinDiff = (0, import_vue18.computed)(() => {
     const map = {
       date: 1,
       // type:date  min 1 month
@@ -768,7 +800,7 @@ function useCalendarRange(props) {
     };
     return map[props.type] || map.date;
   });
-  const calendarMaxDiff = (0, import_vue16.computed)(() => Infinity);
+  const calendarMaxDiff = (0, import_vue18.computed)(() => Infinity);
   function setStartDate(date) {
     startDate.value = date;
   }
@@ -858,6 +890,51 @@ function useCalendarRange(props) {
 __name(useCalendarRange, "useCalendarRange");
 
 // src/modules/date-picker.props.ts
+var timePanelProps = {
+  modelValue: {
+    type: Date
+  },
+  defaultDate: {
+    type: Date,
+    default() {
+      const date = /* @__PURE__ */ new Date();
+      date.setHours(0, 0, 0, 0);
+      return date;
+    }
+  },
+  isShowHour: {
+    type: Boolean,
+    default: true
+  },
+  isShowMinute: {
+    type: Boolean,
+    default: true
+  },
+  isShowSecond: {
+    type: Boolean,
+    default: true
+  },
+  hourStep: {
+    type: Number,
+    default: 1
+  },
+  minuteStep: {
+    type: Number,
+    default: 1
+  },
+  secondStep: {
+    type: Number,
+    default: 1
+  },
+  isUse12h: {
+    type: Boolean,
+    default: false
+  },
+  disabledTime: {
+    type: Function,
+    default: () => false
+  }
+};
 var calendarPanelProps = {
   modelValue: {
     type: Date
@@ -922,6 +999,7 @@ var calendarPanelRangeProps = {
   }
 };
 var datePickerProps = {
+  ...timePanelProps,
   id: {
     type: String
   },
@@ -1048,8 +1126,8 @@ function getLocale(config) {
 __name(getLocale, "getLocale");
 
 // src/calendar-panel.tsx
-var import_recipes8 = require("@mekari/pixel3-styled-system/recipes");
-var CalendarPanel = (0, import_vue18.defineComponent)({
+var import_recipes9 = require("@mekari/pixel3-styled-system/recipes");
+var CalendarPanel = (0, import_vue20.defineComponent)({
   name: "CalendarPanel",
   props: calendarPanelProps,
   emits: ["update:modelValue", "mouseEnter", "mouseLeave", "updateCalendar"],
@@ -1059,7 +1137,7 @@ var CalendarPanel = (0, import_vue18.defineComponent)({
     const {
       locale: locale2
     } = useDatePickerContext();
-    const restValue = (0, import_vue18.ref)(props.modelValue);
+    const restValue = (0, import_vue20.ref)(props.modelValue);
     const {
       currentDate: currentPanelDate,
       currentPanel,
@@ -1178,31 +1256,31 @@ var CalendarPanel = (0, import_vue18.defineComponent)({
       }
     }
     __name(initCalendar, "initCalendar");
-    (0, import_vue18.watch)(() => props.modelValue, (newValue) => {
+    (0, import_vue20.watch)(() => props.modelValue, (newValue) => {
       if (newValue)
         restValue.value = newValue;
     }, {
       immediate: true
     });
-    (0, import_vue18.watch)(() => props.type, (newValue) => {
+    (0, import_vue20.watch)(() => props.type, (newValue) => {
       if (newValue)
         currentPanel.value = newValue;
     }, {
       immediate: true
     });
-    (0, import_vue18.watch)(() => currentPanelDate.value, (newValue) => {
+    (0, import_vue20.watch)(() => currentPanelDate.value, (newValue) => {
       if (newValue) {
         emit("updateCalendar", newValue);
       }
     });
-    (0, import_vue18.watch)(() => props.calendar, () => {
+    (0, import_vue20.watch)(() => props.calendar, () => {
       initCalendar();
     }, {
       immediate: true
     });
     return () => {
       if (currentPanel.value === "date") {
-        return (0, import_vue17.createVNode)(TableDate, {
+        return (0, import_vue19.createVNode)(TableDate, {
           "days": locale2.value.days,
           "dates": getDates.value,
           "headerLabel": getLabel.value,
@@ -1219,7 +1297,7 @@ var CalendarPanel = (0, import_vue18.defineComponent)({
         }, null);
       }
       if (currentPanel.value === "month") {
-        return (0, import_vue17.createVNode)(TableMonth, {
+        return (0, import_vue19.createVNode)(TableMonth, {
           "calendar": currentPanelDate.value,
           "months": getMonths.value,
           "headerLabel": getLabel.value,
@@ -1235,7 +1313,7 @@ var CalendarPanel = (0, import_vue18.defineComponent)({
         }, null);
       }
       if (currentPanel.value === "year") {
-        return (0, import_vue17.createVNode)(TableYear, {
+        return (0, import_vue19.createVNode)(TableYear, {
           "years": getYears.value,
           "headerLabel": getLabel.value,
           "shortcutLabel": locale2.value.thisYearText,
@@ -1251,7 +1329,7 @@ var CalendarPanel = (0, import_vue18.defineComponent)({
     };
   }
 });
-var CalendarPanelRange = (0, import_vue18.defineComponent)({
+var CalendarPanelRange = (0, import_vue20.defineComponent)({
   name: "CalendarPanelRange",
   props: calendarPanelRangeProps,
   emits: ["update:modelValue"],
@@ -1458,7 +1536,7 @@ var CalendarPanelRange = (0, import_vue18.defineComponent)({
     __name(getYearStatus, "getYearStatus");
     return () => {
       const isWeekAndBiweek = props.type === "week" || props.type === "biweek";
-      const classes = isWeekAndBiweek ? "" : (0, import_recipes8.calendarPanelRangeRecipe)();
+      const classes = isWeekAndBiweek ? "" : (0, import_recipes9.calendarPanelRangeRecipe)();
       const calendarPanelAttrs = {
         isRange: true,
         type: props.type,
@@ -1471,27 +1549,27 @@ var CalendarPanelRange = (0, import_vue18.defineComponent)({
         onMouseEnter: (date) => setHoveredDate(date),
         onMouseLeave: () => setHoveredDate(void 0)
       };
-      const leftNode = (0, import_vue17.createVNode)(CalendarPanel, (0, import_vue17.mergeProps)({
+      const leftNode = (0, import_vue19.createVNode)(CalendarPanel, (0, import_vue19.mergeProps)({
         "data-pixel-parts": "CalendarPanelLeft"
       }, calendarPanelAttrs, {
         "onUpdateCalendar": (value) => updateStartCalendar(value),
         "calendar": calendars.value[0]
       }), null);
-      const rightNode = props.isInline ? "" : (0, import_vue17.createVNode)(CalendarPanel, (0, import_vue17.mergeProps)({
+      const rightNode = props.isInline ? "" : (0, import_vue19.createVNode)(CalendarPanel, (0, import_vue19.mergeProps)({
         "data-pixel-parts": "CalendarPanelRight"
       }, calendarPanelAttrs, {
         "style": "margin-left: 16px;",
         "onUpdateCalendar": (value) => updateEndCalendar(value),
         "calendar": calendars.value[1]
       }), null);
-      const weekAndBiweekNode = (0, import_vue17.createVNode)(CalendarPanel, (0, import_vue17.mergeProps)({
+      const weekAndBiweekNode = (0, import_vue19.createVNode)(CalendarPanel, (0, import_vue19.mergeProps)({
         "data-pixel-parts": "CalendarPanel"
       }, calendarPanelAttrs, {
         "onUpdateCalendar": (value) => updateStartCalendar(value),
         "calendar": props.modelValue[0],
         "type": "date"
       }), null);
-      return (0, import_vue17.createVNode)("div", {
+      return (0, import_vue19.createVNode)("div", {
         "class": classes
       }, [isWeekAndBiweek ? weekAndBiweekNode : [leftNode, rightNode]]);
     };

package/dist/calendar-panel.mjs

@@ -1,24 +1,25 @@
 import {
   CalendarPanel,
   CalendarPanelRange
-} from "./chunk-KTADGCWP.mjs";
-import "./chunk-XQLKPPRN.mjs";
+} from "./chunk-FPRON3EM.mjs";
+import "./chunk-7CLF67SP.mjs";
+import "./chunk-IZITNJFI.mjs";
 import "./chunk-V6D6W7RO.mjs";
-import "./chunk-NU6HYEPT.mjs";
-import "./chunk-5PISTT2K.mjs";
-import "./chunk-HJ4V3PM6.mjs";
-import "./chunk-FTR7OMCT.mjs";
+import "./chunk-64EO4HV7.mjs";
+import "./chunk-5MFHZK63.mjs";
+import "./chunk-O43S64IA.mjs";
+import "./chunk-5VRVDIXN.mjs";
+import "./chunk-MRP3X6QP.mjs";
+import "./chunk-EQWT6VDG.mjs";
 import "./chunk-J5BK7Z2U.mjs";
 import "./chunk-AGAA7XTC.mjs";
 import "./chunk-3VROFGJH.mjs";
-import "./chunk-EQWT6VDG.mjs";
-import "./chunk-NVULZQVI.mjs";
-import "./chunk-JZ2KFYWF.mjs";
+import "./chunk-KTYQJMW4.mjs";
+import "./chunk-OMV7LXBW.mjs";
+import "./chunk-WK62QUOT.mjs";
+import "./chunk-E5BRVBZ2.mjs";
+import "./chunk-U7O52D6B.mjs";
 import "./chunk-VACMCDOZ.mjs";
-import "./chunk-26Y3AVJW.mjs";
-import "./chunk-ZS4JQRK3.mjs";
-import "./chunk-IZITNJFI.mjs";
-import "./chunk-NIUQXHGQ.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {
   CalendarPanel,