eco-vue-js 0.16.1 → 0.16.2

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

@@ -1 +1 @@
-{"version":3,"file":"WDatePicker.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/WDatePicker.vue"],"names":[],"mappings":"AA8DA;AA2KA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAA;AAW7C,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AA6UJ,QAAA,MAAM,YAAY;;;;;cA9UH,OAAO;cAFP,OAAO;cACP,OAAO;aAHR,IAAI;aACJ,IAAI;6EAqVhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"WDatePicker.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/WDatePicker.vue"],"names":[],"mappings":"AAkEA;AA8KA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAA;AAY7C,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAuUJ,QAAA,MAAM,YAAY;;;;;cAxUH,OAAO;cAFP,OAAO;cACP,OAAO;aAHR,IAAI;aACJ,IAAI;6EA+UhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1,9 +1,10 @@
 import { useComponentStates } from "../../utils/useComponentStates.js";
-import { addDay, addMonth, addYear, getStartOfDay, getStartOfMonth, getStartOfWeek, isSameMonth, monthShortFormatter } from "../../utils/dateTime.js";
+import { getStartOfDay, isSameMonth, monthShortFormatter } from "../../utils/dateTime.js";
 import CalendarMonth_default from "./components/CalendarMonth.vue.js";
 import CalendarToggle_default from "./components/CalendarToggle.vue.js";
 import CalendarValue_default from "./components/CalendarValue.vue.js";
-import { Transition, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeStyle, openBlock, ref, toRef, unref, watch, withCtx } from "vue";
+import { useCalendarNavigation } from "./use/useCalendarNavigation.js";
+import { Transition, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeStyle, openBlock, ref, toRef, unref, watch, withCtx } from "vue";
 //#region src/components/DatePicker/WDatePicker.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "mb-4 grid grid-cols-2 gap-5" };
 var _hoisted_2 = { class: "grid grid-cols-2 gap-5 px-3 pb-4" };
@@ -32,16 +33,10 @@ var WDatePicker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		const props = __props;
 		const { isReadonly, isDisabled, isSkeleton } = useComponentStates(props);
 		const emit = __emit;
-		const currentDate = ref(getStartOfMonth());
+		const { currentDate, isDirect, year, isPreviousDisabled, isNextDisabled, setCurrentDate, toPreviousMonth, toNextMonth, toPreviousYear, toNextYear, isSameCalendarPage } = useCalendarNavigation(props);
 		const dateRange = ref(props.modelValue);
 		const preselectedValue = ref(null);
-		const isDirect = ref(false);
 		const today = ref(getStartOfDay());
-		const year = computed(() => currentDate.value.getFullYear());
-		const setCurrentDate = (value) => {
-			isDirect.value = value > currentDate.value;
-			currentDate.value = value;
-		};
 		const onClickDay = (value) => {
 			if (!preselectedValue.value) {
 				preselectedValue.value = value;
@@ -70,53 +65,72 @@ var WDatePicker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				to: new Date(preselectedValue.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;
 			if (!modelValue) return;
-			if (!isSameCalendarPage(modelValue.from) && !isSameCalendarPage(modelValue.to)) setCurrentDate(getStartOfMonth(modelValue.from));
+			if (!isSameCalendarPage(modelValue.from) && !isSameCalendarPage(modelValue.to)) setCurrentDate(modelValue.from);
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", null, [createElementVNode("div", _hoisted_1, [createVNode(CalendarValue_default, {
 				title: "From:",
 				value: dateRange.value?.from,
-				"current-date": currentDate.value,
+				"current-date": unref(currentDate),
 				"auto-focus": "",
-				"onUpdate:currentDate": setCurrentDate
-			}, null, 8, ["value", "current-date"]), createVNode(CalendarValue_default, {
+				"onUpdate:currentDate": unref(setCurrentDate)
+			}, null, 8, [
+				"value",
+				"current-date",
+				"onUpdate:currentDate"
+			]), createVNode(CalendarValue_default, {
 				title: "To:",
 				value: dateRange.value?.to,
-				"current-date": currentDate.value,
-				"onUpdate:currentDate": setCurrentDate
-			}, null, 8, ["value", "current-date"])]), createElementVNode("div", {
+				"current-date": unref(currentDate),
+				"onUpdate:currentDate": unref(setCurrentDate)
+			}, null, 8, [
+				"value",
+				"current-date",
+				"onUpdate:currentDate"
+			])]), createElementVNode("div", {
 				class: "bg-default dark:bg-default-dark overflow-hidden rounded-xl border border-solid border-gray-300 py-3 dark:border-gray-700",
-				style: normalizeStyle({ "--direction-factor": isDirect.value ? "1" : "-1" })
+				style: normalizeStyle({ "--direction-factor": unref(isDirect) ? "1" : "-1" })
 			}, [createElementVNode("div", _hoisted_2, [createVNode(CalendarToggle_default, {
-				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(CalendarToggle_default, {
-				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, {
+				text: unref(monthShortFormatter).format(unref(currentDate)).toLocaleUpperCase(),
+				"disabled-previous": unref(isPreviousDisabled),
+				"disabled-next": unref(isNextDisabled),
+				"onClick:previous": unref(toPreviousMonth),
+				"onClick:next": unref(toNextMonth)
+			}, null, 8, [
+				"text",
+				"disabled-previous",
+				"disabled-next",
+				"onClick:previous",
+				"onClick:next"
+			]), createVNode(CalendarToggle_default, {
+				text: unref(year).toString(),
+				"disabled-previous": unref(isPreviousDisabled),
+				"disabled-next": unref(isNextDisabled),
+				"onClick:previous": unref(toPreviousYear),
+				"onClick:next": unref(toNextYear)
+			}, null, 8, [
+				"text",
+				"disabled-previous",
+				"disabled-next",
+				"onClick:previous",
+				"onClick:next"
+			])]), createElementVNode("div", _hoisted_3, [createVNode(Transition, {
 				"enter-active-class": "transition-transform duration-250 w-full",
 				"leave-active-class": "transition-transform duration-250 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(CalendarMonth_default, {
-					key: currentDate.value.toISOString(),
-					"start-of-month": currentDate.value,
+					key: unref(currentDate).toISOString(),
+					"start-of-month": unref(currentDate),
 					"date-range": dateRange.value,
 					"is-hover-enabled": preselectedValue.value !== null,
 					"min-date": __props.minDate,
 					"max-date": __props.maxDate,
-					today: today.value && unref(isSameMonth)(today.value, currentDate.value) ? today.value : void 0,
+					today: today.value && unref(isSameMonth)(today.value, unref(currentDate)) ? today.value : void 0,
 					readonly: unref(isReadonly) || unref(isDisabled) || unref(isSkeleton),
 					class: "px-3",
 					"onClick:day": onClickDay,

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

@@ -1 +1 @@
-{"version":3,"file":"WDatePickerSingle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/WDatePickerSingle.vue"],"names":[],"mappings":"AA0CA;AA8HA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,IAAI,GAAG,SAAS,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AA8OJ,QAAA,MAAM,YAAY;;;;;cA/OH,OAAO;cAFP,OAAO;WAHV,MAAM;cAIH,OAAO;aAHR,IAAI;aACJ,IAAI;6EAsPhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"WDatePickerSingle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/WDatePickerSingle.vue"],"names":[],"mappings":"AA8CA;AAkIA,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,IAAI,GAAG,SAAS,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAuOJ,QAAA,MAAM,YAAY;;;;;cAxOH,OAAO;cAFP,OAAO;WAHV,MAAM;cAIH,OAAO;aAHR,IAAI;aACJ,IAAI;6EA+OhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1,8 +1,9 @@
 import { useComponentStates } from "../../utils/useComponentStates.js";
-import { addDay, addMonth, addYear, getStartOfDay, getStartOfMonth, getStartOfWeek, monthShortFormatter } from "../../utils/dateTime.js";
+import { getStartOfDay, monthShortFormatter } from "../../utils/dateTime.js";
 import CalendarMonth_default from "./components/CalendarMonth.vue.js";
 import CalendarToggle_default from "./components/CalendarToggle.vue.js";
-import { Transition, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeStyle, openBlock, ref, toRef, unref, watch, withCtx } from "vue";
+import { useCalendarNavigation } from "./use/useCalendarNavigation.js";
+import { Transition, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeStyle, openBlock, ref, toRef, unref, watch, withCtx } from "vue";
 //#region src/components/DatePicker/WDatePickerSingle.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "grid grid-cols-2 gap-8 px-3 pb-4" };
 var _hoisted_2 = { class: "relative" };
@@ -31,53 +32,58 @@ var WDatePickerSingle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 		const props = __props;
 		const { isReadonly, isDisabled, isSkeleton } = useComponentStates(props);
 		const emit = __emit;
-		const currentDate = ref(getStartOfMonth());
+		const { currentDate, isDirect, year, isPreviousDisabled, isNextDisabled, setCurrentDate, toPreviousMonth, toNextMonth, toPreviousYear, toNextYear, isSameCalendarPage } = useCalendarNavigation(props);
 		const dateRange = ref(void 0);
 		const preselectedValue = ref(null);
-		const isDirect = ref(false);
 		const today = ref(getStartOfDay());
-		const year = computed(() => currentDate.value.getFullYear());
-		const setCurrentDate = (value) => {
-			isDirect.value = value > currentDate.value;
-			currentDate.value = value;
-		};
 		const onClickDay = (value) => {
 			emit("update:model-value", 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));
+			if (!isSameCalendarPage(modelValue)) setCurrentDate(modelValue);
 		}, { immediate: true });
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				class: "bg-default dark:bg-default-dark overflow-hidden rounded-xl border border-solid border-gray-300 py-3 dark:border-gray-700",
-				style: normalizeStyle({ "--direction-factor": isDirect.value ? "1" : "-1" })
+				style: normalizeStyle({ "--direction-factor": unref(isDirect) ? "1" : "-1" })
 			}, [createElementVNode("div", _hoisted_1, [createVNode(CalendarToggle_default, {
-				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(CalendarToggle_default, {
-				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_2, [createVNode(Transition, {
+				text: unref(monthShortFormatter).format(unref(currentDate)).toLocaleUpperCase(),
+				"disabled-previous": unref(isPreviousDisabled),
+				"disabled-next": unref(isNextDisabled),
+				"onClick:previous": unref(toPreviousMonth),
+				"onClick:next": unref(toNextMonth)
+			}, null, 8, [
+				"text",
+				"disabled-previous",
+				"disabled-next",
+				"onClick:previous",
+				"onClick:next"
+			]), createVNode(CalendarToggle_default, {
+				text: unref(year).toString(),
+				"disabled-previous": unref(isPreviousDisabled),
+				"disabled-next": unref(isNextDisabled),
+				"onClick:previous": unref(toPreviousYear),
+				"onClick:next": unref(toNextYear)
+			}, null, 8, [
+				"text",
+				"disabled-previous",
+				"disabled-next",
+				"onClick:previous",
+				"onClick:next"
+			])]), createElementVNode("div", _hoisted_2, [createVNode(Transition, {
 				"enter-active-class": "transition-transform duration-250 w-full",
 				"leave-active-class": "transition-transform duration-250 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(CalendarMonth_default, {
-					key: currentDate.value.toISOString(),
-					"start-of-month": currentDate.value,
+					key: unref(currentDate).toISOString(),
+					"start-of-month": unref(currentDate),
 					"date-range": dateRange.value,
 					"is-hover-enabled": preselectedValue.value !== null,
 					"min-date": __props.minDate,

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

@@ -53,8 +53,8 @@ var CalendarDay_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		});
 		const isDisabled = computed(() => {
 			if (props.disabled) return true;
-			if (props.minDate) return props.minDate > props.startOfDay;
-			if (props.maxDate) return props.maxDate < props.startOfDay;
+			if (props.minDate && props.minDate > props.startOfDay) return true;
+			if (props.maxDate && props.maxDate < props.startOfDay) return true;
 			return false;
 		});
 		return (_ctx, _cache) => {

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

@@ -70,8 +70,8 @@ var CalendarMonth_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		});
 		const isDisabled = computed(() => {
 			if (props.disabled) return true;
-			if (props.minDate) return props.minDate > endOfLastWeek.value;
-			if (props.maxDate) return props.maxDate < startOfFirstWeek.value;
+			if (props.minDate && props.minDate > endOfLastWeek.value) return true;
+			if (props.maxDate && props.maxDate < startOfFirstWeek.value) return true;
 			return false;
 		});
 		return (_ctx, _cache) => {

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

@@ -1,5 +1,7 @@
 type __VLS_Props = {
     text: string;
+    disabledPrevious?: boolean;
+    disabledNext?: boolean;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "click:next": () => any;

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarToggle.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/CalendarToggle.vue"],"names":[],"mappings":"AAyCA;AA0DA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;CACb,CAAC;AAiNF,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"CalendarToggle.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/CalendarToggle.vue"],"names":[],"mappings":"AAuCA;AA0DA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAC;AA2IF,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1,19 +1,23 @@
 import IconArrow_default from "../../../assets/icons/IconArrow.js";
-import { Transition, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { Transition, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
 //#region src/components/DatePicker/components/CalendarToggle.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "my-2 flex h-8 w-full items-center" };
 var _hoisted_2 = { class: "relative overflow-hidden" };
 var CalendarToggle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "CalendarToggle",
-	props: { text: {} },
+	props: {
+		text: {},
+		disabledPrevious: { type: Boolean },
+		disabledNext: { type: Boolean }
+	},
 	emits: ["click:next", "click:previous"],
 	setup(__props) {
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [
 				createElementVNode("div", {
-					class: "square-8 w-ripple hover:bg-primary hover:dark:bg-primary-dark hover:text-default dark:hover:text-default text-description relative mr-auto flex cursor-pointer select-none items-center justify-center rounded-xl",
-					onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:previous"))
-				}, [createVNode(unref(IconArrow_default), { class: "-ml-1 rotate-90" })]),
+					class: normalizeClass(["square-8 text-description relative mr-auto flex select-none items-center justify-center rounded-xl", __props.disabledPrevious ? "cursor-not-allowed opacity-50" : "w-ripple hover:bg-primary hover:dark:bg-primary-dark hover:text-default dark:hover:text-default cursor-pointer"]),
+					onClick: _cache[0] || (_cache[0] = ($event) => !__props.disabledPrevious && _ctx.$emit("click:previous"))
+				}, [createVNode(unref(IconArrow_default), { class: "-ml-1 rotate-90" })], 2),
 				createElementVNode("div", _hoisted_2, [createVNode(Transition, {
 					"enter-active-class": "transition-transform duration-250 w-full",
 					"leave-active-class": "transition-transform duration-250 w-full absolute top-0",
@@ -27,9 +31,9 @@ var CalendarToggle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 					_: 1
 				})]),
 				createElementVNode("div", {
-					class: "square-8 w-ripple hover:bg-primary hover:dark:bg-primary-dark hover:text-default dark:hover:text-default text-description relative ml-auto flex cursor-pointer select-none items-center justify-center rounded-xl",
-					onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click:next"))
-				}, [createVNode(unref(IconArrow_default), { class: "-mr-1 -rotate-90" })])
+					class: normalizeClass(["square-8 text-description relative ml-auto flex select-none items-center justify-center rounded-xl", __props.disabledNext ? "cursor-not-allowed opacity-50" : "w-ripple hover:bg-primary hover:dark:bg-primary-dark hover:text-default dark:hover:text-default cursor-pointer"]),
+					onClick: _cache[1] || (_cache[1] = ($event) => !__props.disabledNext && _ctx.$emit("click:next"))
+				}, [createVNode(unref(IconArrow_default), { class: "-mr-1 -rotate-90" })], 2)
 			]);
 		};
 	}

package/dist/components/DatePicker/components/CalendarWeek.vue_vue_type_script_setup_true_lang.js

@@ -57,8 +57,8 @@ var CalendarWeek_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		});
 		const isDisabled = computed(() => {
 			if (props.disabled) return true;
-			if (props.minDate) return props.minDate > endOfWeek.value;
-			if (props.maxDate) return props.maxDate < props.startOfWeek;
+			if (props.minDate && props.minDate > endOfWeek.value) return true;
+			if (props.maxDate && props.maxDate < props.startOfWeek) return true;
 			return false;
 		});
 		return (_ctx, _cache) => {

package/dist/components/DatePicker/use/useCalendarNavigation.d.ts

@@ -0,0 +1,17 @@
+export declare const useCalendarNavigation: (props: {
+    minDate?: Date;
+    maxDate?: Date;
+}) => {
+    currentDate: import('vue').Ref<Date, Date>;
+    isDirect: import('vue').Ref<boolean, boolean>;
+    year: import('vue').ComputedRef<number>;
+    isPreviousDisabled: import('vue').ComputedRef<boolean>;
+    isNextDisabled: import('vue').ComputedRef<boolean>;
+    setCurrentDate: (value: Date) => void;
+    toPreviousMonth: () => void;
+    toNextMonth: () => void;
+    toPreviousYear: () => void;
+    toNextYear: () => void;
+    isSameCalendarPage: (value: Date) => boolean;
+};
+//# sourceMappingURL=useCalendarNavigation.d.ts.map

package/dist/components/DatePicker/use/useCalendarNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCalendarNavigation.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/use/useCalendarNavigation.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB,GAAI,OAAO;IAAC,OAAO,CAAC,EAAE,IAAI,CAAC;IAAC,OAAO,CAAC,EAAE,IAAI,CAAA;CAAC;;;;;;4BAgB5C,IAAI,KAAG,IAAI;2BAYd,IAAI;uBACR,IAAI;0BACD,IAAI;sBACR,IAAI;gCAKQ,IAAI,KAAG,OAAO;CAqBlD,CAAA"}

package/dist/components/DatePicker/use/useCalendarNavigation.js

@@ -0,0 +1,50 @@
+import { addDay, addMonth, addYear, getStartOfMonth, getStartOfWeek } from "../../../utils/dateTime.js";
+import { computed, ref, watch } from "vue";
+//#region src/components/DatePicker/use/useCalendarNavigation.ts
+var useCalendarNavigation = (props) => {
+	const minMonth = computed(() => props.minDate ? getStartOfMonth(props.minDate) : void 0);
+	const maxMonth = computed(() => props.maxDate ? getStartOfMonth(props.maxDate) : void 0);
+	const clampMonth = (value) => {
+		if (minMonth.value && value < minMonth.value) return new Date(minMonth.value);
+		if (maxMonth.value && value > maxMonth.value) return new Date(maxMonth.value);
+		return value;
+	};
+	const currentDate = ref(clampMonth(getStartOfMonth()));
+	const isDirect = ref(false);
+	const year = computed(() => currentDate.value.getFullYear());
+	const setCurrentDate = (value) => {
+		const startOfMonth = clampMonth(getStartOfMonth(value));
+		if (startOfMonth.getTime() === currentDate.value.getTime()) return;
+		isDirect.value = startOfMonth > currentDate.value;
+		currentDate.value = startOfMonth;
+	};
+	const isPreviousDisabled = computed(() => !!minMonth.value && currentDate.value <= minMonth.value);
+	const isNextDisabled = computed(() => !!maxMonth.value && currentDate.value >= maxMonth.value);
+	const toPreviousMonth = () => setCurrentDate(addMonth(currentDate.value, -1));
+	const toNextMonth = () => setCurrentDate(addMonth(currentDate.value, 1));
+	const toPreviousYear = () => setCurrentDate(addYear(currentDate.value, -1));
+	const toNextYear = () => setCurrentDate(addYear(currentDate.value, 1));
+	const firstDay = computed(() => getStartOfWeek(currentDate.value));
+	const lastDay = computed(() => addDay(firstDay.value, 41));
+	const isSameCalendarPage = (value) => {
+		return value >= firstDay.value && value <= lastDay.value;
+	};
+	watch([minMonth, maxMonth], () => {
+		setCurrentDate(currentDate.value);
+	});
+	return {
+		currentDate,
+		isDirect,
+		year,
+		isPreviousDisabled,
+		isNextDisabled,
+		setCurrentDate,
+		toPreviousMonth,
+		toNextMonth,
+		toPreviousYear,
+		toNextYear,
+		isSameCalendarPage
+	};
+};
+//#endregion
+export { useCalendarNavigation };

package/dist/components/Input/WInputDate.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInputDate.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputDate.vue"],"names":[],"mappings":"AAoDA;AAwHA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAO3C,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAoNvD,QAAA,IAAwB,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ;;CAAY,CAAE;AACxF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC9C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO9C,QAAA,MAAM,UAAU;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WInputDate.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputDate.vue"],"names":[],"mappings":"AAoDA;AA2HA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAO3C,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAuNvD,QAAA,IAAwB,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ;;CAAY,CAAE;AACxF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC9C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO9C,QAAA,MAAM,UAAU;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Input/WInputDate.vue_vue_type_script_setup_true_lang.js

@@ -95,8 +95,11 @@ var WInputDate_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		const inputComponentRef = useTemplateRef("inputComponent");
 		const inputValue = ref(props.modelValue ? dateFormat(props.modelValue) : "");
 		const updateInputValue = (value) => {
-			if (!value) return;
-			inputValue.value = value;
+			inputValue.value = value ?? "";
+			if (!value) {
+				emit("update:model-value", void 0);
+				return;
+			}
 			const date = parseDate(value);
 			if (!date) return;
 			if (props.minDate && props.minDate > date) {

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.16.1",
+  "version": "0.16.2",
   "dependencies": {
     "@stylistic/eslint-plugin": "5.10.0",
     "@tanstack/eslint-plugin-query": "5.102.8",