@katlux/toolkit 0.1.0-beta.5 → 0.1.0-beta.50

package/dist/runtime/components/KDatePicker/KDatePicker.global.d.vue.ts

@@ -7,15 +7,37 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (DateConstructor | StringConstructor)[];
         default: undefined;
     };
+    modelValue: {
+        type: (DateConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     calendarDefinedDays: {
-        type: PropType<IDefinedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: PropType<IMarkedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IMarkedDay[]>;
         default: () => never[];
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    teleportTo: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | Date) => any;
+    "update:maskedModel": (value: string) => any;
+    "update:calendarShow": (value: boolean) => any;
+    "update:day": (value: string | Date) => any;
+    "update:isOpen": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     format: {
         type: StringConstructor;
         default: string;
@@ -24,19 +46,45 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (DateConstructor | StringConstructor)[];
         default: undefined;
     };
+    modelValue: {
+        type: (DateConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     calendarDefinedDays: {
-        type: PropType<IDefinedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: PropType<IMarkedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IMarkedDay[]>;
         default: () => never[];
     };
-}>> & Readonly<{}>, {
+    teleportTo: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | Date) => any) | undefined;
+    "onUpdate:maskedModel"?: ((value: string) => any) | undefined;
+    "onUpdate:calendarShow"?: ((value: boolean) => any) | undefined;
+    "onUpdate:day"?: ((value: string | Date) => any) | undefined;
+    "onUpdate:isOpen"?: ((value: boolean) => any) | undefined;
+}>, {
+    isOpen: boolean;
     day: string | Date;
+    modelValue: string | Date;
+    showClear: boolean;
+    teleportTo: string;
     format: string;
-    calendarDefinedDays: any;
-    calendarMarkedDays: any;
+    calendarDefinedDays: import("../KCalendar/types.js").IDefinedDay[];
+    calendarMarkedDays: import("../KCalendar/types.js").IMarkedDay[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/KDatePicker/KDatePicker.global.vue

@@ -1,9 +1,10 @@
 <script setup>
 import { useKDatePickerLogic, KDatePickerDefaultProps } from "./KDatePicker.logic";
 import { usePresetComponent } from "../../composables/usePresetComponent";
-import { computed } from "vue";
+import { computed, watch } from "vue";
 import KDatePickerDefault from "../../presets/default/components/KDatePicker/KDatePicker.vue";
 const props = defineProps(KDatePickerDefaultProps);
+const emit = defineEmits(["update:maskedModel", "update:calendarShow", "update:day", "update:modelValue", "update:isOpen"]);
 const {
   _date,
   maskedModel,
@@ -19,11 +20,18 @@ const templateProps = computed(() => ({
   _date: _date.value,
   calendarDay: calendarDay.value,
   format: props.format,
+  showClear: props.showClear,
   calendarDefinedDays: props.calendarDefinedDays,
   calendarMarkedDays: props.calendarMarkedDays,
   textboxClicked,
-  dateSelected: handleDateSelected
+  onClear: handleClear,
+  dateSelected: handleDateSelected,
+  teleportTo: props.teleportTo
 }));
+const handleClear = () => {
+  _date.value = "";
+  maskedModel.value = "";
+};
 const updateMaskedModel = (val) => {
   maskedModel.value = val;
 };
@@ -33,12 +41,24 @@ const updateCalendarShow = (val) => {
 const handleDateSelected = (date) => {
   dateSelected(date);
 };
+watch(_date, (newDate) => {
+  const d1 = newDate && (newDate instanceof Date || typeof newDate === "string") ? newDate instanceof Date ? newDate.getTime() : new Date(newDate).getTime() : 0;
+  const d2 = props.modelValue && (props.modelValue instanceof Date || typeof props.modelValue === "string") ? props.modelValue instanceof Date ? props.modelValue.getTime() : new Date(props.modelValue).getTime() : 0;
+  const d3 = props.day && (props.day instanceof Date || typeof props.day === "string") ? props.day instanceof Date ? props.day.getTime() : new Date(props.day).getTime() : 0;
+  if (d1 !== d2 && d1 !== d3) {
+    emit("update:day", newDate);
+    emit("update:modelValue", newDate);
+  }
+});
+watch(calendarShow, (newVal) => {
+  emit("update:isOpen", newVal);
+});
 </script>
 
 <template lang="pug">
 component(
 	:is="presetComponent" 
-	v-bind="templateProps"
+	v-bind="{ ...templateProps, ...$attrs }"
 	@update:maskedModel="updateMaskedModel" 
 	@update:calendarShow="updateCalendarShow"
 )

package/dist/runtime/components/KDatePicker/KDatePicker.global.vue.d.ts

@@ -7,15 +7,37 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (DateConstructor | StringConstructor)[];
         default: undefined;
     };
+    modelValue: {
+        type: (DateConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     calendarDefinedDays: {
-        type: PropType<IDefinedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: PropType<IMarkedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IMarkedDay[]>;
         default: () => never[];
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    teleportTo: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | Date) => any;
+    "update:maskedModel": (value: string) => any;
+    "update:calendarShow": (value: boolean) => any;
+    "update:day": (value: string | Date) => any;
+    "update:isOpen": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     format: {
         type: StringConstructor;
         default: string;
@@ -24,19 +46,45 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (DateConstructor | StringConstructor)[];
         default: undefined;
     };
+    modelValue: {
+        type: (DateConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     calendarDefinedDays: {
-        type: PropType<IDefinedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: PropType<IMarkedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IMarkedDay[]>;
         default: () => never[];
     };
-}>> & Readonly<{}>, {
+    teleportTo: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | Date) => any) | undefined;
+    "onUpdate:maskedModel"?: ((value: string) => any) | undefined;
+    "onUpdate:calendarShow"?: ((value: boolean) => any) | undefined;
+    "onUpdate:day"?: ((value: string | Date) => any) | undefined;
+    "onUpdate:isOpen"?: ((value: boolean) => any) | undefined;
+}>, {
+    isOpen: boolean;
     day: string | Date;
+    modelValue: string | Date;
+    showClear: boolean;
+    teleportTo: string;
     format: string;
-    calendarDefinedDays: any;
-    calendarMarkedDays: any;
+    calendarDefinedDays: import("../KCalendar/types.js").IDefinedDay[];
+    calendarMarkedDays: import("../KCalendar/types.js").IMarkedDay[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/KDatePicker/KDatePicker.logic.d.ts

@@ -1,9 +1,14 @@
-import type { IMarkedDay, IDefinedDay } from '@katlux/toolkit/components/KCalendar/types.ts';
+import { type PropType } from 'vue';
+import type { IMarkedDay, IDefinedDay } from '../KCalendar/types.js';
 export interface KDatePickerProps {
     format: string;
     day?: Date | string;
+    modelValue?: Date | string;
+    isOpen?: boolean;
+    showClear?: boolean;
     calendarDefinedDays: IDefinedDay[];
     calendarMarkedDays: IMarkedDay[];
+    teleportTo?: string;
 }
 export declare const KDatePickerDefaultProps: {
     format: {
@@ -14,6 +19,18 @@ export declare const KDatePickerDefaultProps: {
         type: (DateConstructor | StringConstructor)[];
         default: undefined;
     };
+    modelValue: {
+        type: (DateConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     calendarDefinedDays: {
         type: PropType<IDefinedDay[]>;
         default: () => never[];
@@ -22,6 +39,10 @@ export declare const KDatePickerDefaultProps: {
         type: PropType<IMarkedDay[]>;
         default: () => never[];
     };
+    teleportTo: {
+        type: PropType<string>;
+        default: undefined;
+    };
 };
 export declare function useKDatePickerLogic(props: KDatePickerProps): {
     _date: import("vue").Ref<string | Date, string | Date>;

package/dist/runtime/components/KDatePicker/KDatePicker.logic.js

@@ -1,4 +1,4 @@
-import { ref, onMounted, computed } from "vue";
+import { ref, watch, onMounted, computed } from "vue";
 export const KDatePickerDefaultProps = {
   format: {
     type: String,
@@ -8,6 +8,18 @@ export const KDatePickerDefaultProps = {
     type: [Date, String],
     default: void 0
   },
+  modelValue: {
+    type: [Date, String],
+    default: void 0
+  },
+  isOpen: {
+    type: Boolean,
+    default: false
+  },
+  showClear: {
+    type: Boolean,
+    default: false
+  },
   calendarDefinedDays: {
     type: Array,
     default: () => []
@@ -15,22 +27,52 @@ export const KDatePickerDefaultProps = {
   calendarMarkedDays: {
     type: Array,
     default: () => []
+  },
+  teleportTo: {
+    type: String,
+    default: void 0
   }
 };
 export function useKDatePickerLogic(props) {
   const _date = ref("");
   const maskedModel = ref("");
   const calendarShow = ref(false);
+  watch(maskedModel, (newVal) => {
+    if (newVal === "") {
+      if (_date.value !== "") {
+        _date.value = "";
+      }
+      return;
+    }
+    const format = props.format;
+    let day = "", month = "", year = "";
+    for (let i = 0; i < format.length; i++) {
+      const char = format[i];
+      if (char === "M") {
+        month += newVal[i] || "";
+      } else if (char === "D") {
+        day += newVal[i] || "";
+      } else if (char === "Y") {
+        year += newVal[i] || "";
+      }
+    }
+    if (month.length === 2 && day.length === 2 && year.length === 4) {
+      const d = new Date(parseInt(year), parseInt(month) - 1, parseInt(day));
+      if (!isNaN(d.getTime())) {
+        const oldTime = _date.value instanceof Date ? _date.value.getTime() : new Date(_date.value).getTime();
+        if (d.getTime() !== oldTime) {
+          _date.value = d;
+        }
+      }
+    }
+  });
   const textboxClicked = () => {
     calendarShow.value = true;
   };
   const dateSelected = (date) => {
-    console.log("Date selected:", date);
     _date.value = date;
     const formatted = formatDate(date);
-    console.log("Formatted date:", formatted);
     maskedModel.value = formatted;
-    console.log("maskedModel.value after update:", maskedModel.value);
     calendarShow.value = false;
   };
   const formatDate = (date) => {
@@ -44,11 +86,51 @@ export function useKDatePickerLogic(props) {
     return formattedDate;
   };
   onMounted(() => {
-    maskedModel.value = _date.value.toString();
+    syncValue(props.modelValue || props.day);
+    if (props.isOpen) {
+      calendarShow.value = props.isOpen;
+    }
+  });
+  const syncValue = (val) => {
+    if (val === void 0 || val === null || val === "") {
+      _date.value = "";
+      maskedModel.value = "";
+      return;
+    }
+    const d = val instanceof Date ? val : new Date(val);
+    if (!isNaN(d.getTime())) {
+      _date.value = val;
+      maskedModel.value = formatDate(d);
+    } else {
+      _date.value = "";
+      maskedModel.value = "";
+    }
+  };
+  watch(() => props.day, (newDay) => {
+    if (newDay !== void 0) {
+      const d1 = newDay && (newDay instanceof Date || typeof newDay === "string") ? newDay instanceof Date ? newDay.getTime() : new Date(newDay).getTime() : 0;
+      const d2 = _date.value instanceof Date ? _date.value.getTime() : new Date(_date.value || "").getTime();
+      if (d1 !== d2 || !newDay && _date.value) {
+        syncValue(newDay);
+      }
+    }
+  });
+  watch(() => props.modelValue, (newVal) => {
+    if (newVal !== void 0) {
+      const d1 = newVal && (newVal instanceof Date || typeof newVal === "string") ? newVal instanceof Date ? newVal.getTime() : new Date(newVal).getTime() : 0;
+      const d2 = _date.value instanceof Date ? _date.value.getTime() : new Date(_date.value || "").getTime();
+      if (d1 !== d2 || !newVal && _date.value) {
+        syncValue(newVal);
+      }
+    }
+  });
+  watch(() => props.isOpen, (newVal) => {
+    calendarShow.value = !!newVal;
   });
   const calendarDay = computed(() => {
-    if (props.day) {
-      return props.day;
+    const val = props.modelValue || props.day;
+    if (val) {
+      return val;
     }
     return /* @__PURE__ */ new Date();
   });

package/dist/runtime/components/KDateTimePicker/KDateTimePicker.global.d.vue.ts

@@ -11,19 +11,40 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (DateConstructor | StringConstructor)[];
         default: undefined;
     };
+    modelValue: {
+        type: (DateConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     timeStep: {
         type: NumberConstructor;
         default: number;
     };
     calendarDefinedDays: {
-        type: PropType<IDefinedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: PropType<IMarkedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IMarkedDay[]>;
         default: () => never[];
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    teleportTo: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | Date) => any;
+    "update:maskedModel": (value: string) => any;
+    "update:calendarShow": (value: boolean) => any;
+    "update:isOpen": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     format: {
         type: StringConstructor;
         default: string;
@@ -36,23 +57,48 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (DateConstructor | StringConstructor)[];
         default: undefined;
     };
+    modelValue: {
+        type: (DateConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     timeStep: {
         type: NumberConstructor;
         default: number;
     };
     calendarDefinedDays: {
-        type: PropType<IDefinedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: PropType<IMarkedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IMarkedDay[]>;
         default: () => never[];
     };
-}>> & Readonly<{}>, {
+    teleportTo: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | Date) => any) | undefined;
+    "onUpdate:maskedModel"?: ((value: string) => any) | undefined;
+    "onUpdate:calendarShow"?: ((value: boolean) => any) | undefined;
+    "onUpdate:isOpen"?: ((value: boolean) => any) | undefined;
+}>, {
+    isOpen: boolean;
     day: string | Date;
+    modelValue: string | Date;
+    showClear: boolean;
+    teleportTo: string;
     format: string;
-    calendarDefinedDays: any;
-    calendarMarkedDays: any;
+    calendarDefinedDays: import("../KCalendar/types.js").IDefinedDay[];
+    calendarMarkedDays: import("../KCalendar/types.js").IMarkedDay[];
     timeFormat: string;
     timeStep: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/KDateTimePicker/KDateTimePicker.global.vue

@@ -1,9 +1,10 @@
 <script setup>
 import { useKDateTimePickerLogic, KDateTimePickerDefaultProps } from "./KDateTimePicker.logic";
 import { usePresetComponent } from "../../composables/usePresetComponent";
-import { computed } from "vue";
+import { computed, watch } from "vue";
 import KDateTimePickerDefault from "../../presets/default/components/KDateTimePicker/KDateTimePicker.vue";
 const props = defineProps(KDateTimePickerDefaultProps);
+const emit = defineEmits(["update:maskedModel", "update:calendarShow", "update:modelValue", "update:isOpen"]);
 const {
   _date,
   _time,
@@ -26,22 +27,41 @@ const templateProps = computed(() => ({
   timeStep: props.timeStep,
   calendarDefinedDays: props.calendarDefinedDays,
   calendarMarkedDays: props.calendarMarkedDays,
+  showClear: props.showClear,
   textboxClicked,
+  onClear: handleClear,
   dateSelected,
-  timeSelected
+  timeSelected,
+  teleportTo: props.teleportTo
 }));
+const handleClear = () => {
+  _date.value = "";
+  _time.value = "";
+  maskedModel.value = "";
+};
 const updateMaskedModel = (val) => {
   maskedModel.value = val;
 };
 const updateCalendarShow = (val) => {
   calendarShow.value = val;
 };
+watch(_date, (newDate) => {
+  const d1 = newDate && (newDate instanceof Date || typeof newDate === "string") ? newDate instanceof Date ? newDate.getTime() : new Date(newDate).getTime() : 0;
+  const d2 = props.modelValue && (props.modelValue instanceof Date || typeof props.modelValue === "string") ? props.modelValue instanceof Date ? props.modelValue.getTime() : new Date(props.modelValue).getTime() : 0;
+  const d3 = props.day && (props.day instanceof Date || typeof props.day === "string") ? props.day instanceof Date ? props.day.getTime() : new Date(props.day).getTime() : 0;
+  if (d1 !== d2 && d1 !== d3) {
+    emit("update:modelValue", newDate || "");
+  }
+});
+watch(calendarShow, (newVal) => {
+  emit("update:isOpen", newVal);
+});
 </script>
 
 <template lang="pug">
 component(
 	:is="presetComponent" 
-	v-bind="templateProps"
+	v-bind="{ ...templateProps, ...$attrs }"
 	@update:maskedModel="updateMaskedModel" 
 	@update:calendarShow="updateCalendarShow"
 )

package/dist/runtime/components/KDateTimePicker/KDateTimePicker.global.vue.d.ts

@@ -11,19 +11,40 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (DateConstructor | StringConstructor)[];
         default: undefined;
     };
+    modelValue: {
+        type: (DateConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     timeStep: {
         type: NumberConstructor;
         default: number;
     };
     calendarDefinedDays: {
-        type: PropType<IDefinedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: PropType<IMarkedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IMarkedDay[]>;
         default: () => never[];
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    teleportTo: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | Date) => any;
+    "update:maskedModel": (value: string) => any;
+    "update:calendarShow": (value: boolean) => any;
+    "update:isOpen": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     format: {
         type: StringConstructor;
         default: string;
@@ -36,23 +57,48 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (DateConstructor | StringConstructor)[];
         default: undefined;
     };
+    modelValue: {
+        type: (DateConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     timeStep: {
         type: NumberConstructor;
         default: number;
     };
     calendarDefinedDays: {
-        type: PropType<IDefinedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: PropType<IMarkedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IMarkedDay[]>;
         default: () => never[];
     };
-}>> & Readonly<{}>, {
+    teleportTo: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | Date) => any) | undefined;
+    "onUpdate:maskedModel"?: ((value: string) => any) | undefined;
+    "onUpdate:calendarShow"?: ((value: boolean) => any) | undefined;
+    "onUpdate:isOpen"?: ((value: boolean) => any) | undefined;
+}>, {
+    isOpen: boolean;
     day: string | Date;
+    modelValue: string | Date;
+    showClear: boolean;
+    teleportTo: string;
     format: string;
-    calendarDefinedDays: any;
-    calendarMarkedDays: any;
+    calendarDefinedDays: import("../KCalendar/types.js").IDefinedDay[];
+    calendarMarkedDays: import("../KCalendar/types.js").IMarkedDay[];
     timeFormat: string;
     timeStep: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;