@fewangsit/wangsvue 1.5.219-alpha.2 → 1.5.219-alpha.3

package/basecalendar/index.es.js

@@ -1,1399 +0,0 @@
-import { defineComponent, onMounted, ref, shallowRef, computed, watch, createBlock, openBlock, withCtx, renderSlot, createVNode, createElementVNode, mergeProps, unref, createElementBlock, createCommentVNode, withDirectives, toDisplayString, Fragment, renderList, createTextVNode, normalizeProps, withKeys, vShow } from "vue";
-import { u as useWangsVueConfig } from "../plugins/WangsVue.es.js";
-import { s as script } from "../vendor/primevue/overlaypanel/overlaypanel.esm.es.js";
-import { s as script$2 } from "../vendor/primevue/selectbutton/selectbutton.esm.es.js";
-import { s as script$1 } from "../vendor/primevue/skeleton/skeleton.esm.es.js";
-import { _ as _sfc_main$4 } from "../button/index.es.js";
-import { _ as _sfc_main$1 } from "../fieldwrapper/index.es.js";
-import { _ as _sfc_main$3 } from "../icon/index.es.js";
-import { _ as _sfc_main$2 } from "../inputgroup/index.es.js";
-import { _ as _sfc_main$5 } from "../validatormessage/index.es.js";
-const _hoisted_1 = ["id"];
-const _hoisted_2 = ["id", "aria-invalid", "disabled", "placeholder", "value"];
-const _hoisted_3 = { class: "flex gap-1" };
-const _hoisted_4 = { key: 2 };
-const _hoisted_5 = {
-  key: 0,
-  class: "flex flex-col",
-  "data-wv-section": "datepicker"
-};
-const _hoisted_6 = { "data-wv-section": "tableheader" };
-const _hoisted_7 = {
-  class: "grid grid-cols-7 justify-between h-[26.8px] items-center",
-  "data-wv-section": "weekdays"
-};
-const _hoisted_8 = {
-  class: "grid grid-cols-7",
-  "data-wv-section": "tablebody"
-};
-const _hoisted_9 = ["aria-label", "data-wv-other-month", "data-wv-today"];
-const _hoisted_10 = ["aria-disabled", "data-p-disabled", "onClick"];
-const _hoisted_11 = ["data-p-disabled", "data-p-highlight", "onClick"];
-const _hoisted_12 = ["data-p-disabled", "data-p-highlight", "onClick"];
-const _hoisted_13 = ["aria-label"];
-const _hoisted_14 = ["aria-label"];
-const _hoisted_15 = ["aria-label", "disabled"];
-const _hoisted_16 = ["aria-label", "disabled"];
-const _hoisted_17 = {
-  key: 1,
-  class: "w-full flex items-center justify-end gap-1",
-  "data-wv-section": "calendarbuttons"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "BaseCalendar",
-  props: {
-    modelValue: {},
-    dateValue: {},
-    epochTimeMillis: {},
-    valueFormat: { default: "millis" },
-    label: {},
-    placeholder: {},
-    disabled: { type: Boolean },
-    readonly: { type: Boolean },
-    overlayClass: {},
-    inputId: {},
-    id: {},
-    mode: { default: "single" },
-    selectionMode: { default: "single" },
-    hideOnDateTimeSelect: { type: Boolean },
-    hideOnRangeSelection: { type: Boolean, default: true },
-    view: { default: "date" },
-    showYear: { type: Boolean, default: true },
-    showButtons: { type: Boolean },
-    useValidator: { type: Boolean },
-    fieldName: {},
-    fieldInfo: {},
-    mandatory: { type: Boolean },
-    showOptionalText: { type: Boolean, default: void 0 },
-    invalid: { type: Boolean },
-    validatorMessage: {},
-    customValidation: {},
-    dateFormat: { default: "dd/mm/yy" },
-    hourFormat: { default: "24" },
-    showTime: { type: Boolean },
-    timeSeparator: { default: ":" },
-    stepHour: { default: 1 },
-    stepMinute: { default: 1 },
-    useTimeFormat: { type: Boolean },
-    onlyWeekdays: { type: Boolean, default: false },
-    excludeDates: { default: () => [] },
-    minDate: {},
-    maxDate: {},
-    maxYear: {},
-    maxMonth: {},
-    exactSelection: { type: Boolean, default: false }
-  },
-  emits: ["update:modelValue", "update:epochTimeMillis", "monthChange", "yearChange", "dateSelect"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    onMounted(() => {
-      updateCalendar();
-    });
-    const config = useWangsVueConfig("Calendar");
-    const ticksTo1970 = ((1970 - 1) * 365 + Math.floor(1970 / 4) - Math.floor(1970 / 100) + Math.floor(1970 / 400)) * 24 * 60 * 60 * 1e7;
-    const input = ref();
-    const overlayPanel = ref();
-    const wrapper = ref();
-    const currentDate = /* @__PURE__ */ new Date();
-    const currentMonth = ref(currentDate.getMonth());
-    const currentYear = ref(currentDate.getFullYear());
-    const currentHour = ref(currentDate.getHours());
-    const currentMinute = ref(currentDate.getMinutes());
-    const currentSecond = ref(currentDate.getSeconds());
-    const temporaryDate = ref(props.modelValue);
-    const changesSaved = ref(false);
-    const inputValue = shallowRef();
-    const currentView = shallowRef(props.view ?? "date");
-    const weeksInMonth = shallowRef([]);
-    const isLoading = shallowRef(false);
-    const pm = shallowRef(false);
-    const timePickerTimer = shallowRef();
-    const timePickerChange = shallowRef(false);
-    const previousDateMeta = shallowRef();
-    const previousDatesInMonth = shallowRef([]);
-    const calendarModelValue = computed(() => {
-      return props.showButtons || props.showTime ? temporaryDate.value : props.modelValue;
-    });
-    const datesInMonth = computed(() => {
-      return weeksInMonth.value.flatMap((week) => week);
-    });
-    const formattedCurrentHour = computed(() => {
-      return currentHour.value < 10 ? "0" + currentHour.value : currentHour.value;
-    });
-    const formattedCurrentMinute = computed(() => {
-      return currentMinute.value < 10 ? "0" + currentMinute.value : currentMinute.value;
-    });
-    const datePattern = computed(() => {
-      return props.dateFormat || config.locale.global.dateFormat;
-    });
-    const monthPickerValues = computed(() => {
-      const months = [];
-      const isSelectableMonth = (baseMonth) => {
-        if (props.minDate) {
-          const minMonth = props.minDate.getMonth();
-          const minYear = props.minDate.getFullYear();
-          if (currentYear.value < minYear || currentYear.value === minYear && baseMonth < minMonth) {
-            return false;
-          }
-        }
-        if (props.maxDate) {
-          const maxMonth = props.maxDate.getMonth();
-          const maxYear = props.maxDate.getFullYear();
-          if (currentYear.value > maxYear || currentYear.value === maxYear && baseMonth > maxMonth) {
-            return false;
-          }
-        }
-        if (props.maxMonth) {
-          if (props.maxMonth === "current") {
-            const today = /* @__PURE__ */ new Date();
-            const monthInPresent = today.getMonth();
-            const yearInPresent = today.getFullYear();
-            return baseMonth <= monthInPresent && currentYear.value == yearInPresent || // In current year
-            currentYear.value < yearInPresent;
-          }
-        }
-        return true;
-      };
-      for (let i = 0; i <= 11; i++) {
-        months.push({
-          value: i,
-          selectable: isSelectableMonth(i)
-        });
-      }
-      return months;
-    });
-    const yearPickerValues = computed(() => {
-      const years = [];
-      const base = currentYear.value - currentYear.value % 10;
-      const isSelectableYear = (baseYear) => {
-        if (props.minDate) {
-          if (props.minDate.getFullYear() > baseYear) return false;
-        }
-        if (props.maxDate) {
-          if (props.maxDate.getFullYear() < baseYear) return false;
-        }
-        if (props.maxYear) {
-          if (props.maxYear === "current") {
-            const yearInPresent = (/* @__PURE__ */ new Date()).getFullYear();
-            return baseYear <= yearInPresent;
-          }
-        }
-        return true;
-      };
-      for (let i = 0; i < 10; i++) {
-        years.push({
-          value: base + i,
-          selectable: isSelectableYear(base + i)
-        });
-      }
-      return years;
-    });
-    const viewDate = computed(() => {
-      let propValue;
-      if (calendarModelValue.value && isArraySelection(calendarModelValue.value)) {
-        propValue = calendarModelValue.value[getLastIndex(calendarModelValue.value)] || calendarModelValue.value[0];
-      } else {
-        propValue = calendarModelValue.value;
-      }
-      if (propValue && typeof propValue !== "string" && propValue.toString() !== "Invalid Date") {
-        return propValue;
-      }
-      const today = /* @__PURE__ */ new Date();
-      if (props.maxDate && props.maxDate < today) {
-        return props.maxDate;
-      }
-      if (props.minDate && props.minDate > today) {
-        return props.minDate;
-      }
-      return today;
-    });
-    const getLastIndex = (date) => {
-      if (date.length > 2) return date.length - 1;
-      return 1;
-    };
-    const getWeeksInMonth = () => {
-      const firstDayOfMonth = new Date(currentYear.value, currentMonth.value, 1);
-      const lastDayOfMonth = new Date(currentYear.value, currentMonth.value + 1, 0);
-      const daysInMonth = lastDayOfMonth.getDate();
-      const firstDayOfWeek = firstDayOfMonth.getDay();
-      const lastDayOfWeek = lastDayOfMonth.getDay();
-      const weeks = [];
-      let currentDay = 1 - firstDayOfWeek;
-      while (currentDay <= daysInMonth) {
-        const week = [];
-        for (let i = 0; i < 7; i++) {
-          week.push({
-            day: currentDay,
-            month: currentMonth.value,
-            year: currentYear.value,
-            otherMonth: currentDay < 1 || currentDay > daysInMonth,
-            today: currentDay === currentDate.getDate() && currentMonth.value === (/* @__PURE__ */ new Date()).getMonth() && currentYear.value === (/* @__PURE__ */ new Date()).getFullYear(),
-            selectable: isSelectable(
-              currentDay,
-              currentMonth.value,
-              currentYear.value
-            )
-          });
-          currentDay++;
-        }
-        weeks.push(week);
-      }
-      if (lastDayOfWeek !== 6) {
-        const lastWeek = weeks[weeks.length - 1];
-        let nextMonthDay = 1;
-        for (let i = lastDayOfWeek + 1; i < 7; i++) {
-          lastWeek[i].day = nextMonthDay++;
-          lastWeek[i].otherMonth = true;
-        }
-      }
-      return weeks;
-    };
-    const prevMonth = () => {
-      if (currentMonth.value === 0) {
-        currentYear.value--;
-        currentMonth.value = 11;
-      } else {
-        currentMonth.value--;
-      }
-      updateCalendar();
-    };
-    const decrementYear = () => {
-      currentYear.value--;
-    };
-    const incrementYear = () => {
-      currentYear.value++;
-    };
-    const nextMonth = () => {
-      if (currentMonth.value === 11) {
-        incrementYear();
-        currentMonth.value = 0;
-      } else {
-        currentMonth.value++;
-      }
-      updateCalendar();
-    };
-    const decrementDecade = () => {
-      currentYear.value -= 10;
-    };
-    const incrementDecade = () => {
-      currentYear.value += 10;
-    };
-    const navBackward = () => {
-      if (currentView.value === "date") {
-        prevMonth();
-      } else if (currentView.value === "month") {
-        decrementYear();
-      } else {
-        decrementDecade();
-      }
-    };
-    const navForward = () => {
-      if (currentView.value === "date") {
-        nextMonth();
-      } else if (currentView.value === "month") {
-        incrementYear();
-      } else {
-        incrementDecade();
-      }
-    };
-    const updateCalendar = () => {
-      weeksInMonth.value = getWeeksInMonth();
-    };
-    const isComparable = () => {
-      return calendarModelValue.value != null && typeof calendarModelValue.value !== "string";
-    };
-    const isSingleSelection = (value) => {
-      return props.selectionMode === "single" && (!Array.isArray(calendarModelValue.value) || calendarModelValue.value == null);
-    };
-    const isRangeSelection = () => {
-      return props.selectionMode === "range" && (Array.isArray(calendarModelValue.value) || calendarModelValue.value == null);
-    };
-    const isMultipleSelection = () => {
-      return props.selectionMode === "multiple" && (Array.isArray(calendarModelValue.value) || calendarModelValue.value == null);
-    };
-    const isArraySelection = (value) => {
-      return isMultipleSelection() || isRangeSelection();
-    };
-    const isDateEquals = (value, dateMeta) => {
-      if (value)
-        return value.getDate() === dateMeta.day && value.getMonth() === dateMeta.month && value.getFullYear() === dateMeta.year;
-      return false;
-    };
-    const isDateBetween = (start, end, dateMeta) => {
-      const between = false;
-      if (start && end) {
-        const date = new Date(dateMeta.year, dateMeta.month, dateMeta.day);
-        return start.getTime() <= date.getTime() && end.getTime() >= date.getTime();
-      }
-      return between;
-    };
-    const isSelected = (dateMeta) => {
-      if (!isComparable()) {
-        return false;
-      }
-      if (calendarModelValue.value) {
-        if (isSingleSelection(calendarModelValue.value)) {
-          return isDateEquals(calendarModelValue.value, dateMeta);
-        } else if (isMultipleSelection()) {
-          return calendarModelValue.value.some(
-            (dateIter) => isDateEquals(dateIter, dateMeta)
-          );
-        } else if (isRangeSelection()) {
-          if (calendarModelValue.value[getLastIndex(calendarModelValue.value)])
-            return isDateEquals(calendarModelValue.value[0], dateMeta) || isDateEquals(
-              calendarModelValue.value[getLastIndex(calendarModelValue.value)],
-              dateMeta
-            ) || isDateBetween(
-              calendarModelValue.value[0],
-              calendarModelValue.value[getLastIndex(calendarModelValue.value)],
-              dateMeta
-            );
-          return isDateEquals(calendarModelValue.value[0], dateMeta);
-        }
-      }
-      return false;
-    };
-    const isFirstSelected = (dateMeta) => {
-      if (isSingleSelection(calendarModelValue.value) || isMultipleSelection())
-        return isSelected(dateMeta);
-      else if (isRangeSelection())
-        return isSelected(dateMeta) && (isDateEquals(calendarModelValue.value[0], dateMeta) || calendarModelValue.value[0] == null);
-      return false;
-    };
-    const isLastSelected = (dateMeta) => {
-      if (isSingleSelection(calendarModelValue.value) || isMultipleSelection())
-        return isSelected(dateMeta);
-      else if (isRangeSelection())
-        return isSelected(dateMeta) && (isDateEquals(
-          calendarModelValue.value[getLastIndex(calendarModelValue.value)],
-          dateMeta
-        ) || calendarModelValue.value[getLastIndex(calendarModelValue.value)] == null);
-      return false;
-    };
-    const isMonthSelected = (month) => {
-      if (isComparable()) {
-        if (isSingleSelection(calendarModelValue.value)) {
-          return calendarModelValue.value.getMonth() === month && calendarModelValue.value.getFullYear() === currentYear.value;
-        }
-        if (isMultipleSelection())
-          return calendarModelValue.value.some(
-            (date) => date.getMonth() === month && date.getFullYear() === currentYear.value
-          );
-        if (isRangeSelection()) {
-          const [start, end] = calendarModelValue.value;
-          if (start && end) {
-            const startDate = new Date(start.getFullYear(), start.getMonth());
-            const endDate = new Date(end.getFullYear(), end.getMonth());
-            const currentMonthDate = new Date(currentYear.value, month);
-            return currentMonthDate >= startDate && currentMonthDate <= endDate;
-          }
-        }
-      }
-      return false;
-    };
-    const isYearSelected = (year) => {
-      var _a;
-      if (isComparable()) {
-        if (isSingleSelection(calendarModelValue.value))
-          return ((_a = calendarModelValue.value) == null ? void 0 : _a.getFullYear()) === year;
-        if (isMultipleSelection())
-          return calendarModelValue.value.some(
-            (date) => date.getFullYear() === year
-          );
-        if (isRangeSelection()) {
-          const [start, end] = calendarModelValue.value;
-          return year >= start.getFullYear() && year <= (end ?? start).getFullYear();
-        }
-      }
-      return false;
-    };
-    const isSelectable = (day, month, year) => {
-      let validMin = true;
-      let validMax = true;
-      let validWeekdays = true;
-      let validExcludes = true;
-      if (props.onlyWeekdays) {
-        const dayOfWeek = new Date(year, month, day).getDay();
-        validWeekdays = dayOfWeek >= 1 && dayOfWeek <= 5;
-      }
-      if (props.excludeDates) {
-        validExcludes = !props.excludeDates.some(
-          (excludeDate) => excludeDate.getFullYear() === year && excludeDate.getMonth() === month && excludeDate.getDate() === day
-        );
-      }
-      if (props.minDate) {
-        if (props.minDate.getFullYear() > year) {
-          validMin = false;
-        } else if (props.minDate.getFullYear() === year) {
-          if (props.minDate.getMonth() > month) {
-            validMin = false;
-          } else if (props.minDate.getMonth() === month) {
-            if (props.minDate.getDate() > day) {
-              validMin = false;
-            }
-          }
-        }
-      }
-      if (props.maxDate) {
-        if (props.maxDate.getFullYear() < year) {
-          validMax = false;
-        } else if (props.maxDate.getFullYear() === year) {
-          if (props.maxDate.getMonth() < month) {
-            validMax = false;
-          } else if (props.maxDate.getMonth() === month) {
-            if (props.maxDate.getDate() < day) {
-              validMax = false;
-            }
-          }
-        }
-      }
-      return validMin && validMax && validWeekdays && validExcludes;
-    };
-    const onDateSelect = (event, date) => {
-      if (event.currentTarget instanceof HTMLElement) {
-        event.currentTarget.focus();
-      }
-      if (date.selectable) selectDate(date);
-      if (props.selectionMode === "single" && (!props.showTime || props.hideOnDateTimeSelect)) {
-        hidePanel();
-      }
-    };
-    const onMonthSelect = (event, monthMeta) => {
-      if (!monthMeta.selectable) return;
-      if (props.view === "month") {
-        onDateSelect(event, {
-          year: currentYear.value,
-          month: monthMeta.value,
-          day: 1,
-          selectable: true,
-          today: false,
-          otherMonth: false
-        });
-      } else {
-        currentMonth.value = monthMeta.value;
-        currentView.value = "date";
-        emit("monthChange", {
-          month: currentMonth.value,
-          year: currentYear.value
-        });
-      }
-      updateCalendar();
-    };
-    const onYearSelect = (event, year) => {
-      if (!year.selectable) return;
-      if (props.view === "year") {
-        onDateSelect(event, {
-          year: year.value,
-          month: 0,
-          day: 1,
-          selectable: true,
-          otherMonth: false,
-          today: false
-        });
-      } else {
-        currentYear.value = year.value;
-        currentView.value = "month";
-        emit("yearChange", {
-          month: currentMonth.value + 1,
-          year: currentYear.value
-        });
-      }
-      updateCalendar();
-    };
-    const onTimePickerElementMouseDown = (event, type, direction) => {
-      if (!props.disabled && !props.readonly) {
-        repeat(event, null, type, direction);
-        event.preventDefault();
-      }
-    };
-    const onTimePickerElementMouseUp = (event) => {
-      if (!props.disabled && !props.readonly) {
-        clearTimePickerTimer();
-        updateModelTime();
-        event.preventDefault();
-      }
-    };
-    const onTimePickerElementMouseLeave = () => {
-      clearTimePickerTimer();
-    };
-    const onContainerButtonKeydown = (event) => {
-      switch (event.code) {
-        case "Tab":
-          break;
-        case "Escape":
-          hidePanel();
-          event.preventDefault();
-          break;
-      }
-    };
-    const onInputClick = (event) => {
-      if (!props.disabled) {
-        setTimeout(() => {
-          overlayPanel.value.show(event, getOverlayTarget(event));
-        }, 0);
-      }
-    };
-    const onButtonTriggerClick = (event) => {
-      if (!props.disabled) {
-        setTimeout(() => {
-          var _a;
-          (_a = overlayPanel.value) == null ? void 0 : _a.toggle(event, getOverlayTarget(event));
-        }, 0);
-      }
-    };
-    const onPanelHide = () => {
-      currentView.value = props.view;
-      updateCurrentMetaData();
-      if (!changesSaved.value) {
-        revertChanges();
-      }
-    };
-    const getOverlayTarget = (event) => {
-      return ("$el" in wrapper.value ? wrapper.value.$el : input.value) ?? event.currentTarget;
-    };
-    const repeat = (event, interval, type, direction) => {
-      interval || (interval = 500);
-      clearTimePickerTimer();
-      timePickerTimer.value = setTimeout(() => {
-        repeat(event, 100, type, direction);
-      }, interval);
-      switch (type) {
-        case 0:
-          if (direction === 1) incrementHour(event);
-          else decrementHour(event);
-          break;
-        case 1:
-          if (direction === 1) incrementMinute(event);
-          else decrementMinute(event);
-          break;
-      }
-    };
-    const incrementHour = (event) => {
-      const prevHour = currentHour.value;
-      let newHour = currentHour.value + Number(props.stepHour);
-      let newPM = pm.value;
-      if (props.hourFormat == "24")
-        newHour = newHour >= 24 ? newHour - 24 : newHour;
-      else if (props.hourFormat == "12") {
-        if (prevHour < 12 && newHour > 11) {
-          newPM = !pm.value;
-        }
-        newHour = newHour >= 13 ? newHour - 12 : newHour;
-      }
-      if (validateTime(newHour, currentMinute.value, currentSecond.value, newPM)) {
-        currentHour.value = newHour;
-        pm.value = newPM;
-      }
-      event.preventDefault();
-    };
-    const decrementHour = (event) => {
-      let newHour = currentHour.value - props.stepHour;
-      let newPM = pm.value;
-      if (props.hourFormat == "24") newHour = newHour < 0 ? 24 + newHour : newHour;
-      else if (props.hourFormat == "12") {
-        if (currentHour.value === 12) {
-          newPM = !pm.value;
-        }
-        newHour = newHour <= 0 ? 12 + newHour : newHour;
-      }
-      if (validateTime(newHour, currentMinute.value, currentSecond.value, newPM)) {
-        currentHour.value = newHour;
-        pm.value = newPM;
-      }
-      event.preventDefault();
-    };
-    const incrementMinute = (event) => {
-      const newMinute = currentMinute.value + Number(props.stepMinute);
-      if (validateTime(currentHour.value, newMinute, currentSecond.value, pm.value)) {
-        currentMinute.value = newMinute > 59 ? newMinute - 60 : newMinute;
-      }
-      event.preventDefault();
-    };
-    const decrementMinute = (event) => {
-      let newMinute = currentMinute.value - props.stepMinute;
-      newMinute = newMinute < 0 ? 60 + newMinute : newMinute;
-      if (validateTime(currentHour.value, newMinute, currentSecond.value, pm.value)) {
-        currentMinute.value = newMinute;
-      }
-      event.preventDefault();
-    };
-    const clearTimePickerTimer = () => {
-      if (timePickerTimer.value) {
-        clearInterval(timePickerTimer.value);
-      }
-    };
-    const validateTime = (hour, minute, second, isPm) => {
-      let value;
-      const convertedHour = convertTo24Hour(hour, isPm);
-      if (isArraySelection(calendarModelValue.value)) {
-        const modelValue = isComparable() ? calendarModelValue.value : viewDate.value;
-        value = modelValue[getLastIndex(modelValue)] || modelValue[0];
-      } else {
-        value = isComparable() ? calendarModelValue.value : viewDate.value;
-      }
-      const valueDateString = value ? value.toDateString() : null;
-      if (props.minDate && valueDateString && props.minDate.toDateString() === valueDateString) {
-        if (props.minDate.getHours() > convertedHour) {
-          return false;
-        }
-        if (props.minDate.getHours() === convertedHour) {
-          if (props.minDate.getMinutes() > minute) {
-            return false;
-          }
-          if (props.minDate.getMinutes() === minute) {
-            if (props.minDate.getSeconds() > second) {
-              return false;
-            }
-          }
-        }
-      }
-      if (props.maxDate && valueDateString && props.maxDate.toDateString() === valueDateString) {
-        if (props.maxDate.getHours() < convertedHour) {
-          return false;
-        }
-        if (props.maxDate.getHours() === convertedHour) {
-          if (props.maxDate.getMinutes() < minute) {
-            return false;
-          }
-          if (props.maxDate.getMinutes() === minute) {
-            if (props.maxDate.getSeconds() < second) {
-              return false;
-            }
-          }
-        }
-      }
-      return true;
-    };
-    const convertTo24Hour = (hours, isPm) => {
-      if (props.hourFormat == "12") {
-        if (hours === 12) return isPm ? 12 : 0;
-        return isPm ? hours + 12 : hours;
-      }
-      return hours;
-    };
-    const updateModelTime = () => {
-      timePickerChange.value = true;
-      let value;
-      if (isArraySelection(calendarModelValue.value)) {
-        const modelValue = isComparable() ? calendarModelValue.value : viewDate.value;
-        value = modelValue[getLastIndex(modelValue)] || modelValue[0];
-      } else {
-        value = isComparable() ? calendarModelValue.value : viewDate.value;
-      }
-      value = value && !Array.isArray(value) ? new Date(value.getTime()) : /* @__PURE__ */ new Date();
-      if (props.hourFormat == "12") {
-        if (currentHour.value === 12) value.setHours(pm.value ? 12 : 0);
-        else value.setHours(pm.value ? currentHour.value + 12 : currentHour.value);
-      } else {
-        value.setHours(currentHour.value);
-      }
-      value.setMinutes(currentMinute.value);
-      value.setSeconds(currentSecond.value);
-      if (isArraySelection(calendarModelValue.value)) {
-        if (isMultipleSelection()) {
-          value = [...calendarModelValue.value];
-        } else if (isRangeSelection()) {
-          if (calendarModelValue.value[getLastIndex(calendarModelValue.value)])
-            value = [calendarModelValue.value[0], value];
-          else value = [value, null];
-        }
-      }
-      updateModel(value);
-      emit("dateSelect", value);
-      setTimeout(() => timePickerChange.value = false, 0);
-    };
-    const getMillisTime = (value) => {
-      const millisValue = value ? Array.isArray(value) ? value.map((v) => v == null ? void 0 : v.getTime()) : value.getTime() : null;
-      return millisValue;
-    };
-    const updateModel = (value) => {
-      if (props.showButtons || props.showTime) {
-        temporaryDate.value = value;
-        changesSaved.value = false;
-      } else {
-        emit("update:epochTimeMillis", getMillisTime(value));
-        emit("update:modelValue", value);
-      }
-    };
-    const applyChanges = () => {
-      emit("update:epochTimeMillis", getMillisTime(temporaryDate.value));
-      emit("update:modelValue", temporaryDate.value);
-      changesSaved.value = true;
-      hidePanel();
-    };
-    const revertChanges = () => {
-      temporaryDate.value = props.modelValue;
-      changesSaved.value = true;
-      hidePanel();
-    };
-    const toggleAMPM = () => {
-      const validHour = validateTime(
-        currentHour.value,
-        currentMinute.value,
-        currentSecond.value,
-        !pm.value
-      );
-      if (!validHour && (props.maxDate || props.minDate)) return;
-      pm.value = !pm.value;
-      updateModelTime();
-    };
-    const updateCurrentMetaData = () => {
-      currentMonth.value = viewDate.value.getMonth();
-      currentYear.value = viewDate.value.getFullYear();
-      if (props.showTime) {
-        updateCurrentTimeMeta(viewDate.value);
-      }
-    };
-    const updateCurrentTimeMeta = (date) => {
-      let hour = date.getHours();
-      if (props.hourFormat === "12") {
-        pm.value = hour > 11;
-        if (hour >= 12) hour = hour == 12 ? 12 : hour - 12;
-        else hour = hour == 0 ? 12 : hour;
-      }
-      currentHour.value = Math.floor(hour / props.stepHour) * props.stepHour;
-      currentMinute.value = Math.floor(date.getMinutes() / props.stepMinute) * props.stepMinute;
-    };
-    const formatValue = () => {
-      const value = props.showButtons || props.showTime ? temporaryDate.value : calendarModelValue.value;
-      if (typeof value === "string") {
-        return value;
-      }
-      let formattedValue = "";
-      if (value) {
-        try {
-          if (isSingleSelection(value)) {
-            if (value.toString() !== "Invalid Date")
-              formattedValue = formatDateTime(value);
-          } else if (isMultipleSelection()) {
-            if (value && value.length) {
-              formattedValue = value.map((date) => formatDateTime(date)).join(", ");
-            }
-          } else if (isRangeSelection()) {
-            if (value && value.length) {
-              const startDate = value[0];
-              const endDate = value[getLastIndex(value)];
-              if (startDate.toString() !== "Invalid Date") {
-                formattedValue = formatDateTime(startDate);
-              }
-              if (endDate && endDate.toString() !== "Invalid Date") {
-                formattedValue += " - " + formatDateTime(endDate);
-              }
-            }
-          }
-        } catch {
-          formattedValue = value.toString();
-        }
-      }
-      return formattedValue;
-    };
-    const formatDateTime = (date) => {
-      let formattedValue = null;
-      if (date) {
-        formattedValue = formatDate(date, datePattern.value);
-        if (props.showTime) {
-          formattedValue += " " + formatTime(date);
-        }
-      }
-      return formattedValue;
-    };
-    const formatDate = (date, format) => {
-      if (!date) {
-        return "";
-      }
-      let iFormat;
-      const lookAhead = (match) => {
-        const matches = iFormat + 1 < format.length && format.charAt(iFormat + 1) === match;
-        if (matches) {
-          iFormat++;
-        }
-        return matches;
-      };
-      const formatNumber = (match, value, len) => {
-        let num = "" + value;
-        if (lookAhead(match)) {
-          while (num.length < len) {
-            num = "0" + num;
-          }
-        }
-        return num;
-      };
-      const formatName = (match, value, shortNames, longNames) => {
-        return lookAhead(match) ? longNames[value] : shortNames[value];
-      };
-      let output = "";
-      let literal = false;
-      if (date) {
-        for (iFormat = 0; iFormat < format.length; iFormat++) {
-          if (literal) {
-            if (format.charAt(iFormat) === "'" && !lookAhead("'")) {
-              literal = false;
-            } else {
-              output += format.charAt(iFormat);
-            }
-          } else {
-            switch (format.charAt(iFormat)) {
-              case "d":
-                output += formatNumber("d", date.getDate(), 2);
-                break;
-              case "D":
-                output += formatName(
-                  "D",
-                  date.getDay(),
-                  config.locale.global.dayNamesShort,
-                  config.locale.global.dayNames
-                );
-                break;
-              case "o":
-                output += formatNumber(
-                  "o",
-                  Math.round(
-                    (new Date(
-                      date.getFullYear(),
-                      date.getMonth(),
-                      date.getDate()
-                    ).getTime() - new Date(date.getFullYear(), 0, 0).getTime()) / 864e5
-                  ),
-                  3
-                );
-                break;
-              case "m":
-                output += formatNumber("m", date.getMonth() + 1, 2);
-                break;
-              case "M":
-                output += formatName(
-                  "M",
-                  date.getMonth(),
-                  config.locale.global.monthNamesShort,
-                  config.locale.global.monthNames
-                );
-                break;
-              case "y":
-                output += lookAhead("y") ? date.getFullYear() : (date.getFullYear() % 100 < 10 ? "0" : "") + date.getFullYear() % 100;
-                break;
-              case "@":
-                output += date.getTime();
-                break;
-              case "!":
-                output += date.getTime() * 1e4 + ticksTo1970;
-                break;
-              case "'":
-                if (lookAhead("'")) {
-                  output += "'";
-                } else {
-                  literal = true;
-                }
-                break;
-              default:
-                output += format.charAt(iFormat);
-            }
-          }
-        }
-      }
-      return output;
-    };
-    const formatTime = (date) => {
-      if (!date) {
-        return "";
-      }
-      let output = "";
-      let hours = date.getHours();
-      const minutes = date.getMinutes();
-      if (props.hourFormat === "12" && hours > 11 && hours !== 12) {
-        hours -= 12;
-      }
-      if (props.hourFormat === "12") {
-        output += hours === 0 ? 12 : hours < 10 ? "0" + hours : hours;
-      } else {
-        output += hours < 10 ? "0" + hours : hours;
-      }
-      output += ":";
-      output += minutes < 10 ? "0" + minutes : minutes;
-      if (props.hourFormat === "12") {
-        output += date.getHours() > 11 ? ` ${config.locale.global.pm}` : ` ${config.locale.global.am}`;
-      }
-      return output;
-    };
-    const selectDate = (dateMeta) => {
-      let date = new Date(dateMeta.year, dateMeta.month, dateMeta.day);
-      if (props.showTime) {
-        date.setHours(
-          currentHour.value + (props.hourFormat === "12" && currentHour.value !== 12 && pm.value ? 12 : 0)
-        );
-        date.setMinutes(currentMinute.value);
-        date.setSeconds(currentSecond.value);
-      }
-      if (props.minDate && props.minDate > date) {
-        date = props.minDate;
-        currentHour.value = date.getHours();
-        currentMinute.value = date.getMinutes();
-        currentSecond.value = date.getSeconds();
-      }
-      if (props.maxDate && props.maxDate < date) {
-        date = props.maxDate;
-        currentHour.value = date.getHours();
-        currentMinute.value = date.getMinutes();
-        currentSecond.value = date.getSeconds();
-      }
-      let modelVal = null;
-      if (isSingleSelection(calendarModelValue.value)) {
-        modelVal = date;
-      } else if (isMultipleSelection()) {
-        let selectedDates = calendarModelValue.value;
-        if (selectedDates && selectedDates.length) {
-          const dateIndex = selectedDates.findIndex(
-            (each) => each.getFullYear() === date.getFullYear() && each.getMonth() === date.getMonth() && each.getDate() === date.getDate()
-          );
-          if (dateIndex !== -1) {
-            selectedDates.splice(dateIndex, 1);
-          } else selectedDates = [...selectedDates, date];
-          selectedDates.sort((a, b) => a.getTime() - b.getTime());
-        } else selectedDates = [date];
-        modelVal = selectedDates;
-      } else if (props.exactSelection) {
-        modelVal = formattingExactSelection(dateMeta, date);
-      } else if (isRangeSelection()) {
-        if (calendarModelValue.value && calendarModelValue.value.length) {
-          let startDate = calendarModelValue.value[0];
-          let endDate = calendarModelValue.value[getLastIndex(calendarModelValue.value)];
-          if (!endDate && date.getTime() >= startDate.getTime()) {
-            endDate = date;
-          } else {
-            startDate = date;
-            endDate = null;
-          }
-          modelVal = [startDate, endDate];
-        } else {
-          modelVal = [date, null];
-        }
-      }
-      if (modelVal !== null) {
-        updateModel(modelVal);
-      }
-      hideOverlayRangeSelection(modelVal);
-      emit("dateSelect", date);
-    };
-    const hideOverlayRangeSelection = (modelVal) => {
-      const isCompleteRangeSelection = !props.exactSelection ? modelVal && modelVal[getLastIndex(modelVal)] !== null : modelVal.length > 1;
-      if (isRangeSelection() && props.hideOnRangeSelection && !props.showButtons && !props.showTime && isCompleteRangeSelection) {
-        hidePanel();
-      }
-    };
-    const formattingExactSelection = (dateMeta, date) => {
-      const startDate = previousDateMeta.value;
-      if (!previousDateMeta.value || startDate.day === dateMeta.day) {
-        previousDateMeta.value = dateMeta;
-        previousDatesInMonth.value = datesInMonth.value;
-        return [date];
-      }
-      const restDate = startDate.month === dateMeta.month ? datesInMonth.value.filter((each) => each.day > startDate.day && each.day < dateMeta.day).map((each) => new Date(each.year, each.month, each.day)) : [
-        ...previousDatesInMonth.value.filter((each) => !each.otherMonth && each.day > startDate.day).map((each) => new Date(each.year, each.month, each.day)),
-        ...datesInMonth.value.filter((each) => !each.otherMonth && each.day < dateMeta.day).map((each) => new Date(each.year, each.month, each.day))
-      ];
-      return [
-        new Date(startDate.year, startDate.month, startDate.day),
-        ...restDate,
-        date
-      ];
-    };
-    const hidePanel = () => {
-      setTimeout(() => {
-        var _a;
-        (_a = overlayPanel.value) == null ? void 0 : _a.hide();
-      }, 150);
-    };
-    watch(
-      () => [
-        props.minDate,
-        props.maxDate,
-        props.excludeDates,
-        props.maxYear,
-        props.maxMonth
-      ],
-      () => updateCalendar()
-    );
-    watch(
-      () => calendarModelValue.value,
-      () => {
-        updateCurrentMetaData();
-        inputValue.value = formatValue();
-      },
-      {
-        immediate: true
-      }
-    );
-    if (props.showButtons || props.showTime) {
-      watch(
-        temporaryDate,
-        () => {
-          updateCurrentMetaData();
-          inputValue.value = formatValue();
-        },
-        {
-          immediate: true,
-          deep: true
-        }
-      );
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, {
-        ref_key: "wrapper",
-        ref: wrapper,
-        info: _ctx.fieldInfo,
-        label: _ctx.label,
-        mandatory: _ctx.mandatory,
-        "show-optional-text": _ctx.showOptionalText
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", { onClick: onInputClick }, () => [
-            createVNode(_sfc_main$2, { disabled: _ctx.disabled }, {
-              default: withCtx(() => [
-                createElementVNode("span", mergeProps(_ctx.$preset.calendar.root({ props }), {
-                  id: _ctx.id,
-                  "data-wv-name": "calendar",
-                  "data-wv-section": "root"
-                }), [
-                  createElementVNode("input", mergeProps({
-                    id: _ctx.inputId,
-                    ref_key: "input",
-                    ref: input,
-                    "aria-invalid": _ctx.invalid || void 0,
-                    disabled: _ctx.disabled,
-                    placeholder: _ctx.placeholder ?? unref(config).locale.defaultPlaceholder,
-                    tabindex: 0,
-                    value: inputValue.value,
-                    onClick: onInputClick,
-                    "aria-autocomplete": "none",
-                    autocomplete: "off",
-                    inputmode: "none",
-                    readonly: "",
-                    role: "combobox",
-                    type: "text"
-                  }, _ctx.$preset.calendar.input({ props })), null, 16, _hoisted_2),
-                  createVNode(_sfc_main$3, mergeProps({
-                    onClick: onButtonTriggerClick,
-                    icon: "calendar"
-                  }, _ctx.$preset.calendar.inputicon), null, 16)
-                ], 16, _hoisted_1)
-              ]),
-              _: 1
-            }, 8, ["disabled"])
-          ]),
-          createVNode(unref(script), {
-            ref_key: "overlayPanel",
-            ref: overlayPanel,
-            pt: {
-              root: {
-                class: [_ctx.$preset.overlaypanel.root.class, "!mt-0", props.overlayClass]
-              }
-            },
-            onHide: onPanelHide
-          }, {
-            default: withCtx(() => [
-              createElementVNode("div", mergeProps(_ctx.$preset.calendar.panel({ props }), { "data-wv-section": "panel" }), [
-                createElementVNode("div", mergeProps(_ctx.$preset.calendar.container, { "data-wv-section": "container" }), [
-                  createElementVNode("div", mergeProps(_ctx.$preset.calendar.header({ props, state: { currentView: currentView.value } }), { "data-wv-section": "navigation" }), [
-                    createVNode(_sfc_main$4, {
-                      onClick: navBackward,
-                      class: "rotate-180 !p-1",
-                      "data-wv-section": "prevbutton",
-                      icon: "arrow-right",
-                      "icon-class": "w-5 h-5",
-                      severity: "secondary",
-                      text: ""
-                    }),
-                    createElementVNode("div", _hoisted_3, [
-                      currentView.value == "date" ? (openBlock(), createElementBlock("button", mergeProps({ key: 0 }, _ctx.$preset.calendar.monthTitle, {
-                        onClick: _cache[0] || (_cache[0] = ($event) => currentView.value = "month")
-                      }), toDisplayString(_ctx.$wangsvue.config.locale.global.monthNamesShort[currentMonth.value]), 17)) : createCommentVNode("", true),
-                      currentView.value != "year" ? (openBlock(), createElementBlock("button", mergeProps({ key: 1 }, _ctx.$preset.calendar.yearTitle({ props }), {
-                        onClick: _cache[1] || (_cache[1] = ($event) => currentView.value = "year")
-                      }), toDisplayString(currentYear.value), 17)) : createCommentVNode("", true),
-                      currentView.value == "year" ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(yearPickerValues.value[0].value) + " - " + toDisplayString(yearPickerValues.value[yearPickerValues.value.length - 1].value), 1)) : createCommentVNode("", true)
-                    ]),
-                    createVNode(_sfc_main$4, {
-                      onClick: navForward,
-                      class: "!p-1",
-                      "data-wv-section": "nextbutton",
-                      icon: "arrow-right",
-                      "icon-class": "w-5 h-5",
-                      severity: "secondary",
-                      text: ""
-                    })
-                  ], 16),
-                  currentView.value === "date" ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                    createElementVNode("div", _hoisted_6, [
-                      createElementVNode("div", _hoisted_7, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.$wangsvue.config.locale.global.dayNamesShort, (day) => {
-                          return openBlock(), createElementBlock("span", {
-                            key: day,
-                            abbr: "day",
-                            class: "text-center",
-                            "data-wv-section": "weekday"
-                          }, toDisplayString(day), 1);
-                        }), 128))
-                      ])
-                    ]),
-                    createElementVNode("div", _hoisted_8, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(datesInMonth.value, (date, dayIndex) => {
-                        return openBlock(), createElementBlock("span", {
-                          key: dayIndex,
-                          "aria-label": date.day.toString(),
-                          "data-wv-other-month": date.otherMonth,
-                          "data-wv-today": date.today,
-                          "data-wv-section": "day"
-                        }, [
-                          isLoading.value && !date.otherMonth ? (openBlock(), createBlock(unref(script$1), {
-                            key: 0,
-                            class: "!w-8 !h-8",
-                            shape: "circle"
-                          })) : !isLoading.value ? (openBlock(), createElementBlock("span", mergeProps(
-                            {
-                              key: 1,
-                              "aria-disabled": !date.selectable,
-                              "data-p-disabled": date.otherMonth || !date.selectable,
-                              onClick: ($event) => onDateSelect($event, date),
-                              ref_for: true
-                            },
-                            _ctx.$preset.calendar.daylabel({
-                              context: {
-                                date,
-                                today: date.today,
-                                otherMonth: date.otherMonth,
-                                selected: isSelected(date),
-                                firstSelected: isFirstSelected(date),
-                                lastSelected: isLastSelected(date),
-                                disabled: !date.selectable
-                              }
-                            }),
-                            {
-                              "data-wv-section": "daylabel",
-                              draggable: "false",
-                              tabindex: "0"
-                            }
-                          ), [
-                            !date.otherMonth ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                              createTextVNode(toDisplayString(date.day), 1)
-                            ], 64)) : createCommentVNode("", true)
-                          ], 16, _hoisted_10)) : createCommentVNode("", true)
-                        ], 8, _hoisted_9);
-                      }), 128))
-                    ])
-                  ])) : createCommentVNode("", true),
-                  currentView.value === "month" ? (openBlock(), createElementBlock("div", mergeProps({
-                    key: 1,
-                    "data-wv-section": "monthpicker"
-                  }, _ctx.$preset.calendar.monthpicker), [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(monthPickerValues.value, (m, i) => {
-                      return openBlock(), createElementBlock("span", mergeProps(
-                        {
-                          key: m.value,
-                          ref_for: true
-                        },
-                        _ctx.$preset.calendar.month({
-                          context: {
-                            month: m,
-                            monthIndex: i,
-                            selected: isMonthSelected(i),
-                            disabled: !m.selectable
-                          }
-                        }),
-                        {
-                          "data-p-disabled": !m.selectable,
-                          "data-p-highlight": isMonthSelected(i),
-                          onClick: ($event) => onMonthSelect($event, m)
-                        }
-                      ), toDisplayString(_ctx.$wangsvue.config.locale.global.monthNamesShort[m.value]), 17, _hoisted_11);
-                    }), 128))
-                  ], 16)) : createCommentVNode("", true),
-                  currentView.value === "year" ? (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 2 }, _ctx.$preset.calendar.yearpicker)), [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(yearPickerValues.value, (y) => {
-                      return openBlock(), createElementBlock("span", mergeProps(
-                        {
-                          key: y.value,
-                          ref_for: true
-                        },
-                        _ctx.$preset.calendar.year({
-                          context: {
-                            year: y,
-                            selected: isYearSelected(y.value),
-                            disabled: !y.selectable
-                          }
-                        }),
-                        {
-                          "data-p-disabled": !y.selectable,
-                          "data-p-highlight": isYearSelected(y.value),
-                          onClick: ($event) => onYearSelect($event, y)
-                        }
-                      ), toDisplayString(y.value), 17, _hoisted_12);
-                    }), 128))
-                  ], 16)) : createCommentVNode("", true)
-                ], 16),
-                _ctx.showTime && currentView.value === "date" ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, _ctx.$preset.calendar.timepicker, { "data-wv-section": "timepicker" }), [
-                  createElementVNode("div", mergeProps(_ctx.$preset.calendar.hourpicker, { "data-wv-section": "hourpicker" }), [
-                    createElementVNode("button", mergeProps({
-                      "aria-label": _ctx.$wangsvue.config.locale.global.nextHour,
-                      onKeydown: [
-                        onContainerButtonKeydown,
-                        _cache[2] || (_cache[2] = withKeys(($event) => onTimePickerElementMouseDown($event, 0, 1), ["enter"])),
-                        _cache[3] || (_cache[3] = withKeys(($event) => onTimePickerElementMouseDown($event, 0, 1), ["space"]))
-                      ],
-                      onKeyup: [
-                        _cache[4] || (_cache[4] = withKeys(($event) => onTimePickerElementMouseUp($event), ["enter"])),
-                        _cache[5] || (_cache[5] = withKeys(($event) => onTimePickerElementMouseUp($event), ["space"]))
-                      ],
-                      onMousedown: _cache[6] || (_cache[6] = ($event) => onTimePickerElementMouseDown($event, 0, 1)),
-                      onMouseleave: _cache[7] || (_cache[7] = ($event) => onTimePickerElementMouseLeave()),
-                      onMouseup: _cache[8] || (_cache[8] = ($event) => onTimePickerElementMouseUp($event))
-                    }, _ctx.$preset.calendar.incrementbutton, {
-                      "data-wv-group-section": "hourpicker",
-                      "data-wv-section": "incrementbutton",
-                      type: "button"
-                    }), [
-                      renderSlot(_ctx.$slots, "incrementicon", {}, () => [
-                        createVNode(_sfc_main$3, mergeProps({
-                          "data-wv-group-section": "hourpicker",
-                          "data-wv-section": "incrementicon",
-                          icon: "arrow-up-s"
-                        }, _ctx.$preset.calendar.incrementicon), null, 16)
-                      ])
-                    ], 16, _hoisted_13),
-                    createElementVNode("span", mergeProps(_ctx.$preset.calendar.timepickerlabel, {
-                      "data-wv-group-section": "hourpicker",
-                      "data-wv-section": "timepickerlabel"
-                    }), toDisplayString(formattedCurrentHour.value), 17),
-                    createElementVNode("button", mergeProps({
-                      "aria-label": _ctx.$wangsvue.config.locale.global.prevHour,
-                      onKeydown: [
-                        onContainerButtonKeydown,
-                        _cache[9] || (_cache[9] = withKeys(($event) => onTimePickerElementMouseDown($event, 0, -1), ["enter"])),
-                        _cache[10] || (_cache[10] = withKeys(($event) => onTimePickerElementMouseDown($event, 0, -1), ["space"]))
-                      ],
-                      onKeyup: [
-                        _cache[11] || (_cache[11] = withKeys(($event) => onTimePickerElementMouseUp($event), ["enter"])),
-                        _cache[12] || (_cache[12] = withKeys(($event) => onTimePickerElementMouseUp($event), ["space"]))
-                      ],
-                      onMousedown: _cache[13] || (_cache[13] = ($event) => onTimePickerElementMouseDown($event, 0, -1)),
-                      onMouseleave: _cache[14] || (_cache[14] = ($event) => onTimePickerElementMouseLeave()),
-                      onMouseup: _cache[15] || (_cache[15] = ($event) => onTimePickerElementMouseUp($event))
-                    }, _ctx.$preset.calendar.decrementbutton, {
-                      "data-wv-group-section": "hourpicker",
-                      "data-wv-section": "decrementbutton",
-                      type: "button"
-                    }), [
-                      renderSlot(_ctx.$slots, "decrementicon", {}, () => [
-                        createVNode(_sfc_main$3, mergeProps({
-                          "data-wv-group-section": "hourpicker",
-                          "data-wv-section": "decrementicon",
-                          icon: "arrow-down"
-                        }, _ctx.$preset.calendar.decrementicon), null, 16)
-                      ])
-                    ], 16, _hoisted_14)
-                  ], 16),
-                  createElementVNode("div", mergeProps(_ctx.$preset.calendar.separatorcontainer, { "data-wv-section": "separatorcontainer" }), [
-                    createElementVNode("span", mergeProps(_ctx.$preset.calendar.separator, { "data-wv-section": "separator" }), toDisplayString(_ctx.timeSeparator), 17)
-                  ], 16),
-                  createElementVNode("div", mergeProps(_ctx.$preset.calendar.minutepicker, { "data-wv-section": "minutepicker" }), [
-                    createElementVNode("button", mergeProps({
-                      "aria-label": _ctx.$wangsvue.config.locale.global.nextMinute,
-                      disabled: _ctx.disabled,
-                      onKeydown: [
-                        onContainerButtonKeydown,
-                        _cache[16] || (_cache[16] = withKeys(($event) => onTimePickerElementMouseDown($event, 1, 1), ["enter"])),
-                        _cache[17] || (_cache[17] = withKeys(($event) => onTimePickerElementMouseDown($event, 1, 1), ["space"]))
-                      ],
-                      onKeyup: [
-                        _cache[18] || (_cache[18] = withKeys(($event) => onTimePickerElementMouseUp($event), ["enter"])),
-                        _cache[19] || (_cache[19] = withKeys(($event) => onTimePickerElementMouseUp($event), ["space"]))
-                      ],
-                      onMousedown: _cache[20] || (_cache[20] = ($event) => onTimePickerElementMouseDown($event, 1, 1)),
-                      onMouseleave: _cache[21] || (_cache[21] = ($event) => onTimePickerElementMouseLeave()),
-                      onMouseup: _cache[22] || (_cache[22] = ($event) => onTimePickerElementMouseUp($event))
-                    }, _ctx.$preset.calendar.incrementbutton, {
-                      "data-wv-group-section": "minutepicker",
-                      "data-wv-section": "incrementbutton",
-                      type: "button"
-                    }), [
-                      renderSlot(_ctx.$slots, "incrementicon", {}, () => [
-                        createVNode(_sfc_main$3, mergeProps({
-                          "data-wv-group-section": "minutepicker",
-                          "data-wv-section": "incrementicon",
-                          icon: "arrow-up-s"
-                        }, _ctx.$preset.calendar.incrementicon), null, 16)
-                      ])
-                    ], 16, _hoisted_15),
-                    createElementVNode("span", mergeProps(_ctx.$preset.calendar.timepickerlabel, { "data-wv-section": "timepickerlabel" }), toDisplayString(formattedCurrentMinute.value), 17),
-                    createElementVNode("button", mergeProps({
-                      "aria-label": _ctx.$wangsvue.config.locale.global.prevMinute,
-                      disabled: _ctx.disabled,
-                      onKeydown: [
-                        onContainerButtonKeydown,
-                        _cache[23] || (_cache[23] = withKeys(($event) => onTimePickerElementMouseDown($event, 1, -1), ["enter"])),
-                        _cache[24] || (_cache[24] = withKeys(($event) => onTimePickerElementMouseDown($event, 1, -1), ["space"]))
-                      ],
-                      onKeyup: [
-                        _cache[25] || (_cache[25] = withKeys(($event) => onTimePickerElementMouseUp($event), ["enter"])),
-                        _cache[26] || (_cache[26] = withKeys(($event) => onTimePickerElementMouseUp($event), ["space"]))
-                      ],
-                      onMousedown: _cache[27] || (_cache[27] = ($event) => onTimePickerElementMouseDown($event, 1, -1)),
-                      onMouseleave: _cache[28] || (_cache[28] = ($event) => onTimePickerElementMouseLeave()),
-                      onMouseup: _cache[29] || (_cache[29] = ($event) => onTimePickerElementMouseUp($event))
-                    }, _ctx.$preset.calendar.decrementbutton, {
-                      "data-wv-group-section": "minutepicker",
-                      "data-wv-section": "decrementbutton",
-                      type: "button"
-                    }), [
-                      renderSlot(_ctx.$slots, "decrementicon", {}, () => [
-                        createVNode(_sfc_main$3, mergeProps({
-                          "data-wv-group-section": "minutepicker",
-                          "data-wv-section": "decrementicon",
-                          icon: "arrow-down"
-                        }, _ctx.$preset.calendar.decrementicon), null, 16)
-                      ])
-                    ], 16, _hoisted_16)
-                  ], 16),
-                  _ctx.hourFormat === "12" ? (openBlock(), createBlock(unref(script$2), {
-                    key: 0,
-                    "model-value": pm.value,
-                    options: [
-                      { label: "AM", value: false },
-                      { label: "PM", value: true }
-                    ],
-                    "onUpdate:modelValue": toggleAMPM,
-                    "option-label": "label",
-                    "option-value": "value"
-                  }, null, 8, ["model-value"])) : createCommentVNode("", true)
-                ], 16)) : createCommentVNode("", true),
-                renderSlot(_ctx.$slots, "addon-overlay"),
-                _ctx.showButtons || _ctx.showTime ? withDirectives((openBlock(), createElementBlock("div", _hoisted_17, [
-                  createVNode(_sfc_main$4, {
-                    label: unref(config).locale.cancelFooterButtonLabel,
-                    onClick: revertChanges,
-                    severity: "secondary",
-                    text: ""
-                  }, null, 8, ["label"]),
-                  createVNode(_sfc_main$4, {
-                    disabled: !calendarModelValue.value,
-                    label: unref(config).locale.applyFooterButtonLabel,
-                    onClick: applyChanges
-                  }, null, 8, ["disabled", "label"])
-                ], 512)), [
-                  [vShow, currentView.value === "date"]
-                ]) : createCommentVNode("", true)
-              ], 16)
-            ]),
-            _: 3
-          }, 8, ["pt"]),
-          createVNode(_sfc_main$5, {
-            message: _ctx.$attrs["error-message"]
-          }, null, 8, ["message"])
-        ]),
-        _: 3
-      }, 8, ["info", "label", "mandatory", "show-optional-text"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};