eco-vue-js 0.3.67

package/dist/components/DatePicker/WDatePicker.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './WDatePicker.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/DatePicker/WDatePickerSingle.vue.d.ts

@@ -0,0 +1,23 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<Date | undefined>;
+        required: true;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Date | undefined) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<Date | undefined>;
+        required: true;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: Date | undefined) => any) | undefined;
+}, {}, {}>;
+export default _default;
+//# sourceMappingURL=WDatePickerSingle.vue.d.ts.map

package/dist/components/DatePicker/WDatePickerSingle.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WDatePickerSingle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/WDatePickerSingle.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwOA,wBAAkD"}

package/dist/components/DatePicker/WDatePickerSingle.vue.js

@@ -0,0 +1,97 @@
+import { defineComponent, ref, computed, watch, toRef, openBlock, createElementBlock, createElementVNode, createVNode, normalizeStyle, unref, Transition, withCtx, createBlock } from 'vue';
+import { getStartOfMonth, getStartOfWeek, addDay, monthShortFormatter, addMonth, addYear } from '../../utils/dateTime.js';
+import _sfc_main$3 from './components/CalendarMonth.vue.js';
+import _sfc_main$2 from './components/CalendarToggle.vue.js';
+import _sfc_main$1 from './components/CalendarValue.vue.js';
+
+const _hoisted_1 = { class: "mb-4" };
+const _hoisted_2 = { class: "grid grid-cols-2 px-3 pb-4" };
+const _hoisted_3 = { class: "relative" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WDatePickerSingle",
+  props: {
+    modelValue: {},
+    title: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const currentDate = ref(getStartOfMonth());
+    const dateRange = ref(void 0);
+    const preselectedValue = ref(null);
+    const isDirect = ref(false);
+    const year = computed(() => currentDate.value.getFullYear());
+    const setCurrentDate = (value) => {
+      isDirect.value = value > currentDate.value;
+      currentDate.value = value;
+    };
+    const onClickDay = (value) => {
+      emit("update:modelValue", value);
+    };
+    const firstDay = computed(() => getStartOfWeek(currentDate.value));
+    const lastDay = computed(() => addDay(firstDay.value, 41));
+    const isSameCalendarPage = (value) => {
+      return value >= firstDay.value && value <= lastDay.value;
+    };
+    watch(toRef(props, "modelValue"), (modelValue) => {
+      dateRange.value = modelValue ? { from: modelValue, to: modelValue } : void 0;
+      if (!modelValue)
+        return;
+      if (!isSameCalendarPage(modelValue)) {
+        setCurrentDate(getStartOfMonth(modelValue));
+      }
+    }, { immediate: true });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createElementVNode("div", _hoisted_1, [
+          createVNode(_sfc_main$1, {
+            title: _ctx.title ?? "Value:",
+            value: _ctx.modelValue,
+            "current-date": currentDate.value,
+            "auto-focus": "",
+            "onUpdate:currentDate": setCurrentDate
+          }, null, 8, ["title", "value", "current-date"])
+        ]),
+        createElementVNode("div", {
+          class: "bg-default dark:bg-default-dark border border-solid border-gray-300 dark:border-gray-700 rounded-xl py-3 overflow-hidden",
+          style: normalizeStyle({ "--direction-factor": isDirect.value ? "1" : "-1" })
+        }, [
+          createElementVNode("div", _hoisted_2, [
+            createVNode(_sfc_main$2, {
+              text: unref(monthShortFormatter).format(currentDate.value).toLocaleUpperCase(),
+              "onClick:previous": _cache[0] || (_cache[0] = ($event) => setCurrentDate(unref(addMonth)(currentDate.value, -1))),
+              "onClick:next": _cache[1] || (_cache[1] = ($event) => setCurrentDate(unref(addMonth)(currentDate.value, 1)))
+            }, null, 8, ["text"]),
+            createVNode(_sfc_main$2, {
+              text: year.value.toString(),
+              "onClick:previous": _cache[2] || (_cache[2] = ($event) => setCurrentDate(unref(addYear)(currentDate.value, -1))),
+              "onClick:next": _cache[3] || (_cache[3] = ($event) => setCurrentDate(unref(addYear)(currentDate.value, 1)))
+            }, null, 8, ["text"])
+          ]),
+          createElementVNode("div", _hoisted_3, [
+            createVNode(Transition, {
+              "enter-active-class": "transition-transform duration-[250ms] w-full",
+              "leave-active-class": "transition-transform duration-[250ms] w-full absolute top-0",
+              "enter-from-class": "translate-x-[calc(100%*var(--direction-factor))]",
+              "leave-to-class": "translate-x-[calc(100%*var(--direction-factor)*-1)]"
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(_sfc_main$3, {
+                  key: currentDate.value.toISOString(),
+                  "start-of-month": currentDate.value,
+                  "date-range": dateRange.value,
+                  "is-hover-enabled": preselectedValue.value !== null,
+                  class: "px-3",
+                  "onClick:day": onClickDay
+                }, null, 8, ["start-of-month", "date-range", "is-hover-enabled"]))
+              ]),
+              _: 1
+            })
+          ])
+        ], 4)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/DatePicker/WDatePickerSingle.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './WDatePickerSingle.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/DatePicker/components/CalendarDay.vue.d.ts

@@ -0,0 +1,64 @@
+import type { DateRange } from '../models/types';
+declare const _default: import("vue").DefineComponent<{
+    startOfMonth: {
+        type: import("vue").PropType<Date>;
+        required: true;
+    };
+    startOfDay: {
+        type: import("vue").PropType<Date>;
+        required: true;
+    };
+    dateRange: {
+        type: import("vue").PropType<DateRange>;
+    };
+    isBetween: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    isWeekOutOfMonth: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    isHoverEnabled: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "click:day": (value: Date) => void;
+    "hover:day": (value: Date) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    startOfMonth: {
+        type: import("vue").PropType<Date>;
+        required: true;
+    };
+    startOfDay: {
+        type: import("vue").PropType<Date>;
+        required: true;
+    };
+    dateRange: {
+        type: import("vue").PropType<DateRange>;
+    };
+    isBetween: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    isWeekOutOfMonth: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    isHoverEnabled: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+}>> & {
+    "onClick:day"?: ((value: Date) => any) | undefined;
+    "onHover:day"?: ((value: Date) => any) | undefined;
+}, {}, {}>;
+export default _default;
+//# sourceMappingURL=CalendarDay.vue.d.ts.map

package/dist/components/DatePicker/components/CalendarDay.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarDay.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/CalendarDay.vue.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwL9C,wBAAkD"}

package/dist/components/DatePicker/components/CalendarDay.vue.js

@@ -0,0 +1,96 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, vShow, toDisplayString } from 'vue';
+import { isSameDate } from '../../../utils/dateTime.js';
+
+const _hoisted_1 = { class: "text-base font-normal" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CalendarDay",
+  props: {
+    startOfMonth: {},
+    startOfDay: {},
+    dateRange: {},
+    isBetween: { type: Boolean },
+    isWeekOutOfMonth: { type: Boolean },
+    disabled: { type: Boolean },
+    isHoverEnabled: { type: Boolean }
+  },
+  emits: ["click:day", "hover:day"],
+  setup(__props) {
+    const props = __props;
+    const isOutOfMonth = computed(() => {
+      if (!props.isWeekOutOfMonth)
+        return false;
+      return props.startOfDay.getMonth() !== props.startOfMonth.getMonth();
+    });
+    const isFrom = computed(() => {
+      if (!props.dateRange)
+        return false;
+      return isSameDate(props.startOfDay, props.dateRange.from);
+    });
+    const isTo = computed(() => {
+      if (!props.dateRange)
+        return false;
+      return isSameDate(props.startOfDay, props.dateRange.to);
+    });
+    const isSelected = computed(() => {
+      if (!props.dateRange)
+        return false;
+      return isFrom.value || isTo.value;
+    });
+    const isBeforeTo = computed(() => {
+      if (!props.dateRange)
+        return false;
+      if (isSelected.value)
+        return false;
+      return props.dateRange.to > props.startOfDay;
+    });
+    const isAfterFrom = computed(() => {
+      if (!props.dateRange)
+        return false;
+      if (isSelected.value)
+        return false;
+      return props.dateRange.from < props.startOfDay;
+    });
+    const isBetweenRange = computed(() => {
+      if (props.isBetween)
+        return true;
+      if (isSelected.value)
+        return false;
+      return isBeforeTo.value && isAfterFrom.value;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["flex relative justify-center items-center cursor-pointer my-[1px] select-none height-9 flex-1 w-ripple-trigger", {
+          "text-accent": !isSelected.value && !isOutOfMonth.value,
+          "text-description": !isSelected.value && isOutOfMonth.value,
+          "text-default dark:text-default-dark selected": isSelected.value,
+          "cursor-not-allowed": _ctx.disabled,
+          "hover-enabled": _ctx.isHoverEnabled
+        }]),
+        onClick: _cache[0] || (_cache[0] = ($event) => !_ctx.disabled && _ctx.$emit("click:day", _ctx.startOfDay)),
+        onMouseenter: _cache[1] || (_cache[1] = ($event) => !_ctx.disabled && _ctx.isHoverEnabled && _ctx.$emit("hover:day", _ctx.startOfDay))
+      }, [
+        withDirectives(createElementVNode("div", {
+          class: normalizeClass(["absolute opacity-50 h-9", {
+            "border-y border-solid border-primary-default": _ctx.isHoverEnabled,
+            "bg-primary-default dark:bg-primary-dark": !_ctx.isHoverEnabled,
+            "w-full": isBetweenRange.value,
+            "w-1/2 left-1/2": isFrom.value && !isTo.value,
+            "w-1/2 right-1/2": !isFrom.value && isTo.value
+          }])
+        }, null, 2), [
+          [vShow, isBetweenRange.value || (isFrom.value || isTo.value && !(isFrom.value && isTo.value))]
+        ]),
+        createElementVNode("div", {
+          class: normalizeClass(["relative flex justify-center items-center rounded-full square-9", {
+            "w-ripple w-ripple-hover": !_ctx.disabled,
+            "bg-primary-default dark:bg-primary-dark font-semibold": isSelected.value
+          }])
+        }, [
+          createElementVNode("div", _hoisted_1, toDisplayString(_ctx.startOfDay.getDate()), 1)
+        ], 2)
+      ], 34);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/DatePicker/components/CalendarDay.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './CalendarDay.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/DatePicker/components/CalendarMonth.vue.d.ts

@@ -0,0 +1,47 @@
+import { WeekDay } from '../../../utils/dateTime';
+import type { DateRange } from '../models/types';
+declare const _default: import("vue").DefineComponent<{
+    startOfMonth: {
+        type: import("vue").PropType<Date>;
+        required: true;
+    };
+    startDayOfWeek: {
+        type: import("vue").PropType<WeekDay>;
+    };
+    dateRange: {
+        type: import("vue").PropType<DateRange>;
+    };
+    isBetween: {
+        type: import("vue").PropType<boolean>;
+    };
+    isHoverEnabled: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "click:day": (value: Date) => void;
+    "hover:day": (value: Date) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    startOfMonth: {
+        type: import("vue").PropType<Date>;
+        required: true;
+    };
+    startDayOfWeek: {
+        type: import("vue").PropType<WeekDay>;
+    };
+    dateRange: {
+        type: import("vue").PropType<DateRange>;
+    };
+    isBetween: {
+        type: import("vue").PropType<boolean>;
+    };
+    isHoverEnabled: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+}>> & {
+    "onClick:day"?: ((value: Date) => any) | undefined;
+    "onHover:day"?: ((value: Date) => any) | undefined;
+}, {}, {}>;
+export default _default;
+//# sourceMappingURL=CalendarMonth.vue.d.ts.map

package/dist/components/DatePicker/components/CalendarMonth.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarMonth.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/CalendarMonth.vue.ts"],"names":[],"mappings":"AAIA,OAAO,EAAiB,OAAO,EAAwB,MAAM,kBAAkB,CAAA;AAC/E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6M9C,wBAAkD"}

package/dist/components/DatePicker/components/CalendarMonth.vue.js

@@ -0,0 +1,101 @@
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, Fragment, renderList, toDisplayString, createBlock } from 'vue';
+import _sfc_main$1 from './CalendarWeek.vue.js';
+import { getStartOfWeek, weekdayShortFormatter } from '../../../utils/dateTime.js';
+
+const _hoisted_1 = { class: "flex text-xs text-accent font-semibold mb-2" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CalendarMonth",
+  props: {
+    startOfMonth: {},
+    startDayOfWeek: {},
+    dateRange: {},
+    isBetween: { type: Boolean },
+    isHoverEnabled: { type: Boolean }
+  },
+  emits: ["click:day", "hover:day"],
+  setup(__props) {
+    const props = __props;
+    const startDayOfWeekPrepared = computed(() => props.startDayOfWeek || 1);
+    const startOfFirstWeek = computed(() => {
+      return getStartOfWeek(props.startOfMonth, startDayOfWeekPrepared.value);
+    });
+    const weekDayTitles = computed(() => {
+      return Array(7).fill(void 0).map((_, index) => {
+        const date = getStartOfWeek(/* @__PURE__ */ new Date(), props.startDayOfWeek);
+        date.setDate(date.getDate() + index);
+        return weekdayShortFormatter.format(date);
+      });
+    });
+    const weeks = computed(() => Array(6).fill(void 0).map((_, index) => {
+      const date = new Date(startOfFirstWeek.value);
+      date.setDate(date.getDate() + index * 7);
+      return date;
+    }));
+    const startOfLastWeek = computed(() => weeks.value[weeks.value.length - 1]);
+    const endOfLastWeek = computed(() => {
+      const date = new Date(startOfLastWeek.value);
+      date.setDate(date.getDate() + 7);
+      return date;
+    });
+    const isBeforeTo = computed(() => {
+      if (!props.dateRange)
+        return false;
+      return props.dateRange.to > endOfLastWeek.value;
+    });
+    const isAfterFrom = computed(() => {
+      if (!props.dateRange)
+        return false;
+      return props.dateRange.from < startOfFirstWeek.value;
+    });
+    const isBetweenRange = computed(() => {
+      if (props.isBetween)
+        return true;
+      return isBeforeTo.value && isAfterFrom.value;
+    });
+    const isBeforeFrom = computed(() => {
+      if (!props.dateRange)
+        return false;
+      return props.dateRange.from > endOfLastWeek.value;
+    });
+    const isAfterTo = computed(() => {
+      if (!props.dateRange)
+        return false;
+      return props.dateRange.to < startOfFirstWeek.value;
+    });
+    const isEmpty = computed(() => {
+      if (props.isBetween)
+        return false;
+      if (!props.dateRange)
+        return true;
+      return isBeforeFrom.value && isBeforeTo.value || isAfterFrom.value && isAfterTo.value;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createElementVNode("div", _hoisted_1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(weekDayTitles.value, (title, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              class: "flex justify-center items-center height-9 flex-1"
+            }, [
+              createElementVNode("div", null, toDisplayString(title.toLocaleUpperCase()), 1)
+            ]);
+          }), 128))
+        ]),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(weeks.value, (week, index) => {
+          return openBlock(), createBlock(_sfc_main$1, {
+            key: index,
+            "start-of-month": _ctx.startOfMonth,
+            "start-of-week": week,
+            "date-range": isEmpty.value || isBetweenRange.value ? void 0 : _ctx.dateRange,
+            "is-between": isBetweenRange.value,
+            "is-hover-enabled": _ctx.isHoverEnabled,
+            "onClick:day": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:day", $event)),
+            "onHover:day": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("hover:day", $event))
+          }, null, 8, ["start-of-month", "start-of-week", "date-range", "is-between", "is-hover-enabled"]);
+        }), 128))
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/DatePicker/components/CalendarMonth.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './CalendarMonth.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/DatePicker/components/CalendarToggle.vue.d.ts

@@ -0,0 +1,19 @@
+declare const _default: import("vue").DefineComponent<{
+    text: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "click:next": () => void;
+    "click:previous": () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}>> & {
+    "onClick:next"?: (() => any) | undefined;
+    "onClick:previous"?: (() => any) | undefined;
+}, {}, {}>;
+export default _default;
+//# sourceMappingURL=CalendarToggle.vue.d.ts.map

package/dist/components/DatePicker/components/CalendarToggle.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarToggle.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/CalendarToggle.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAiJA,wBAAkD"}

package/dist/components/DatePicker/components/CalendarToggle.vue.js

@@ -0,0 +1,48 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, Transition, withCtx, toDisplayString } from 'vue';
+import IconArrow from '../../../assets/icons/default/IconArrow.svg.js';
+
+const _hoisted_1 = { class: "flex items-center h-8 w-full my-2" };
+const _hoisted_2 = { class: "relative overflow-hidden" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CalendarToggle",
+  props: {
+    text: {}
+  },
+  emits: ["click:next", "click:previous"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: "relative flex justify-center items-center square-8 rounded-xl cursor-pointer select-none w-ripple mr-auto hover:bg-primary-default hover:dark:bg-primary-dark hover:text-default text-description",
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:previous"))
+        }, [
+          createVNode(unref(IconArrow), { class: "rotate-90 -ml-1" })
+        ]),
+        createElementVNode("div", _hoisted_2, [
+          createVNode(Transition, {
+            "enter-active-class": "transition-transform duration-[250ms] w-full",
+            "leave-active-class": "transition-transform duration-[250ms] w-full absolute top-0",
+            "enter-from-class": "translate-x-[calc(100%*var(--direction-factor))]",
+            "leave-to-class": "translate-x-[calc(100%*var(--direction-factor)*-1)]"
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createElementBlock("div", {
+                key: _ctx.text,
+                class: "text-base text-accent font-medium select-none text-center w-14"
+              }, toDisplayString(_ctx.text), 1))
+            ]),
+            _: 1
+          })
+        ]),
+        createElementVNode("div", {
+          class: "relative flex justify-center items-center square-8 rounded-xl cursor-pointer select-none w-ripple ml-auto hover:bg-primary-default hover:dark:bg-primary-dark hover:text-default text-description",
+          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click:next"))
+        }, [
+          createVNode(unref(IconArrow), { class: "-rotate-90 -mr-1" })
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/DatePicker/components/CalendarToggle.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './CalendarToggle.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/DatePicker/components/CalendarValue.vue.d.ts

@@ -0,0 +1,37 @@
+declare const _default: import("vue").DefineComponent<{
+    title: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    currentDate: {
+        type: import("vue").PropType<Date>;
+        required: true;
+    };
+    value: {
+        type: import("vue").PropType<Date>;
+    };
+    autoFocus: {
+        type: import("vue").PropType<boolean>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:currentDate": (value: Date) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    currentDate: {
+        type: import("vue").PropType<Date>;
+        required: true;
+    };
+    value: {
+        type: import("vue").PropType<Date>;
+    };
+    autoFocus: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    "onUpdate:currentDate"?: ((value: Date) => any) | undefined;
+}, {}, {}>;
+export default _default;
+//# sourceMappingURL=CalendarValue.vue.d.ts.map

package/dist/components/DatePicker/components/CalendarValue.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarValue.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/CalendarValue.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwHA,wBAAkD"}

package/dist/components/DatePicker/components/CalendarValue.vue.js

@@ -0,0 +1,45 @@
+import { defineComponent, computed, onBeforeMount, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, unref } from 'vue';
+import { isSameMonth, dateFormat, getStartOfMonth } from '../../../utils/dateTime.js';
+
+const _hoisted_1 = { class: "mb-0.5 text-base font-normal tracking-wide" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CalendarValue",
+  props: {
+    title: {},
+    currentDate: {},
+    value: {},
+    autoFocus: { type: Boolean }
+  },
+  emits: ["update:currentDate"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const clickable = computed(() => props.value && !isSameMonth(props.value, props.currentDate));
+    const updateCurrentDate = () => {
+      if (!props.value || !clickable.value)
+        return;
+      emit("update:currentDate", getStartOfMonth(props.value));
+    };
+    onBeforeMount(() => {
+      if (props.autoFocus) {
+        updateCurrentDate();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["bg-gradient-to-tr from-primary-default to-[#C376FF] dark:from-primary-dark dark:to-[#9b3be6] relative w-full rounded-xl py-3 px-4 select-none text-default dark:text-default-dark", {
+          "w-ripple w-ripple-hover cursor-pointer": clickable.value
+        }]),
+        onClick: updateCurrentDate
+      }, [
+        createElementVNode("div", _hoisted_1, toDisplayString(_ctx.title), 1),
+        createElementVNode("div", {
+          class: normalizeClass(["text-base font-semibold tracking-wide", {
+            "opacity-50": !_ctx.value
+          }])
+        }, toDisplayString(_ctx.value ? unref(dateFormat)(_ctx.value) : "NONE"), 3)
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/DatePicker/components/CalendarValue.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './CalendarValue.vue.js';
+
+
+
+export { _sfc_main as default };