@mekari/pixel3-date-picker 0.1.16 → 0.1.17-dev.0

package/dist/calendar-panel.js

@@ -305,7 +305,10 @@ var TableDate = (0, import_vue12.defineComponent)({
     __name(onSelectDate, "onSelectDate");
     function onSelectToday() {
       const today = /* @__PURE__ */ new Date();
-      onSelectDate(today);
+      const todayStatus = props.getDateStatus(today);
+      if (!todayStatus.isDisabled) {
+        onSelectDate(today);
+      }
     }
     __name(onSelectToday, "onSelectToday");
     function getDateAttrs(date) {
@@ -332,6 +335,15 @@ var TableDate = (0, import_vue12.defineComponent)({
       };
     }
     __name(getDateAttrs, "getDateAttrs");
+    function getTodayDisabledStatus() {
+      const today = /* @__PURE__ */ new Date();
+      const todayStatus = props.getDateStatus(today);
+      return {
+        isDisabled: todayStatus.isDisabled,
+        disabledMessage: todayStatus.isDisabled ? props.disabledMessage : ""
+      };
+    }
+    __name(getTodayDisabledStatus, "getTodayDisabledStatus");
     return () => {
       return (0, import_vue11.createVNode)("div", null, [(0, import_vue11.createVNode)("div", {
         "data-pixel-parts": "Header",
@@ -362,15 +374,22 @@ var TableDate = (0, import_vue12.defineComponent)({
         "data-row-index": index
       }, [dates.map((date) => (0, import_vue11.createVNode)(Date2, getDateAttrs(date), {
         default: () => [(0, import_vue11.createTextVNode)(" "), date.getDate(), (0, import_vue11.createTextVNode)(" ")]
-      }))]))]), props.isShowShortcut && (0, import_vue11.createVNode)("div", {
-        "data-pixel-parts": "Shortcut",
-        "class": shortcutLabelWrapper
-      }, [(0, import_vue11.createVNode)(import_pixel3_button.MpButton, {
-        "variant": "ghost",
-        "onClick": onSelectToday
-      }, {
-        default: () => [props.shortcutLabel]
-      })])]);
+      }))]))]), props.isShowShortcut && (() => {
+        const {
+          isDisabled,
+          disabledMessage
+        } = getTodayDisabledStatus();
+        return (0, import_vue11.createVNode)("div", {
+          "data-pixel-parts": "Shortcut",
+          "class": shortcutLabelWrapper
+        }, [(0, import_vue11.withDirectives)((0, import_vue11.createVNode)(import_pixel3_button.MpButton, {
+          "variant": "ghost",
+          "onClick": onSelectToday,
+          "isDisabled": isDisabled
+        }, {
+          default: () => [props.shortcutLabel]
+        }), [[(0, import_vue11.resolveDirective)("tooltip"), isDisabled ? disabledMessage : ""]])]);
+      })()]);
     };
   }
 });
@@ -1113,10 +1132,7 @@ var datePickerProps = {
     type: Boolean,
     default: false
   },
-  isShowShortcut: {
-    type: Boolean,
-    default: false
-  },
+  isShowShortcut: calendarPanelProps.isShowShortcut,
   disabledDate: calendarPanelProps.disabledDate,
   disabledMonth: calendarPanelProps.disabledMonth,
   disabledYear: calendarPanelProps.disabledYear,

package/dist/calendar-panel.mjs

@@ -1,9 +1,9 @@
 import {
   CalendarPanel,
   CalendarPanelRange
-} from "./chunk-DBA3YCBS.mjs";
+} from "./chunk-HBD7MX4E.mjs";
 import "./chunk-V6D6W7RO.mjs";
-import "./chunk-VEMADQUL.mjs";
+import "./chunk-S6NR6SWI.mjs";
 import "./chunk-AWUURDAF.mjs";
 import "./chunk-URMDAKTH.mjs";
 import "./chunk-7CLF67SP.mjs";
@@ -14,7 +14,7 @@ import "./chunk-4IRDHXCX.mjs";
 import "./chunk-QNZUHNKN.mjs";
 import "./chunk-AGAA7XTC.mjs";
 import "./chunk-2Z2S3UVF.mjs";
-import "./chunk-3MYU3TVD.mjs";
+import "./chunk-XS7W5IS6.mjs";
 import "./chunk-OMV7LXBW.mjs";
 import "./chunk-PQQUCLMC.mjs";
 import "./chunk-E5BRVBZ2.mjs";

package/dist/{chunk-FXURPQON.mjs → chunk-36NAZ7Z3.mjs}

@@ -4,13 +4,13 @@ import {
 import {
   CalendarPanel,
   CalendarPanelRange
-} from "./chunk-DBA3YCBS.mjs";
+} from "./chunk-HBD7MX4E.mjs";
 import {
   TimePanel
-} from "./chunk-NUOKAJQW.mjs";
+} from "./chunk-BPYJZ5OJ.mjs";
 import {
   datePickerProps
-} from "./chunk-3MYU3TVD.mjs";
+} from "./chunk-XS7W5IS6.mjs";
 import {
   DatePickerProvider
 } from "./chunk-VACMCDOZ.mjs";
@@ -103,6 +103,7 @@ var MpDatePicker = defineComponent({
       const calendarPanelAttrs = {
         type: props.type,
         isInline: props.isInline,
+        isShowShortcut: props.isShowShortcut,
         "onUpdate:modelValue": onEmitModelValue,
         disabledDate: props.disabledDate,
         disabledMonth: props.disabledMonth,

package/dist/{chunk-NUOKAJQW.mjs → chunk-BPYJZ5OJ.mjs}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-TA57NJ6O.mjs";
 import {
   timePanelProps
-} from "./chunk-3MYU3TVD.mjs";
+} from "./chunk-XS7W5IS6.mjs";
 import {
   useTime
 } from "./chunk-IRNTTSB7.mjs";

package/dist/{chunk-DBA3YCBS.mjs → chunk-HBD7MX4E.mjs}

@@ -1,6 +1,6 @@
 import {
   TableDate
-} from "./chunk-VEMADQUL.mjs";
+} from "./chunk-S6NR6SWI.mjs";
 import {
   TableMonth
 } from "./chunk-AWUURDAF.mjs";
@@ -13,7 +13,7 @@ import {
 import {
   calendarPanelProps,
   calendarPanelRangeProps
-} from "./chunk-3MYU3TVD.mjs";
+} from "./chunk-XS7W5IS6.mjs";
 import {
   useCalendar
 } from "./chunk-OMV7LXBW.mjs";

package/dist/{chunk-VEMADQUL.mjs → chunk-S6NR6SWI.mjs}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-QZ7VFGWC.mjs";
 
 // src/components/calendar/table-date.tsx
-import { createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
+import { withDirectives as _withDirectives, resolveDirective as _resolveDirective, createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
 import { defineComponent, computed } from "vue";
 import { MpButton } from "@mekari/pixel3-button";
 import { tableDateSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
@@ -82,7 +82,10 @@ var TableDate = defineComponent({
     __name(onSelectDate, "onSelectDate");
     function onSelectToday() {
       const today = /* @__PURE__ */ new Date();
-      onSelectDate(today);
+      const todayStatus = props.getDateStatus(today);
+      if (!todayStatus.isDisabled) {
+        onSelectDate(today);
+      }
     }
     __name(onSelectToday, "onSelectToday");
     function getDateAttrs(date) {
@@ -109,6 +112,15 @@ var TableDate = defineComponent({
       };
     }
     __name(getDateAttrs, "getDateAttrs");
+    function getTodayDisabledStatus() {
+      const today = /* @__PURE__ */ new Date();
+      const todayStatus = props.getDateStatus(today);
+      return {
+        isDisabled: todayStatus.isDisabled,
+        disabledMessage: todayStatus.isDisabled ? props.disabledMessage : ""
+      };
+    }
+    __name(getTodayDisabledStatus, "getTodayDisabledStatus");
     return () => {
       return _createVNode("div", null, [_createVNode("div", {
         "data-pixel-parts": "Header",
@@ -139,15 +151,22 @@ var TableDate = defineComponent({
         "data-row-index": index
       }, [dates.map((date) => _createVNode(Date2, getDateAttrs(date), {
         default: () => [_createTextVNode(" "), date.getDate(), _createTextVNode(" ")]
-      }))]))]), props.isShowShortcut && _createVNode("div", {
-        "data-pixel-parts": "Shortcut",
-        "class": shortcutLabelWrapper
-      }, [_createVNode(MpButton, {
-        "variant": "ghost",
-        "onClick": onSelectToday
-      }, {
-        default: () => [props.shortcutLabel]
-      })])]);
+      }))]))]), props.isShowShortcut && (() => {
+        const {
+          isDisabled,
+          disabledMessage
+        } = getTodayDisabledStatus();
+        return _createVNode("div", {
+          "data-pixel-parts": "Shortcut",
+          "class": shortcutLabelWrapper
+        }, [_withDirectives(_createVNode(MpButton, {
+          "variant": "ghost",
+          "onClick": onSelectToday,
+          "isDisabled": isDisabled
+        }, {
+          default: () => [props.shortcutLabel]
+        }), [[_resolveDirective("tooltip"), isDisabled ? disabledMessage : ""]])]);
+      })()]);
     };
   }
 });

package/dist/{chunk-3MYU3TVD.mjs → chunk-XS7W5IS6.mjs}

@@ -196,10 +196,7 @@ var datePickerProps = {
     type: Boolean,
     default: false
   },
-  isShowShortcut: {
-    type: Boolean,
-    default: false
-  },
+  isShowShortcut: calendarPanelProps.isShowShortcut,
   disabledDate: calendarPanelProps.disabledDate,
   disabledMonth: calendarPanelProps.disabledMonth,
   disabledYear: calendarPanelProps.disabledYear,

package/dist/components/calendar/index.js

@@ -283,7 +283,10 @@ var TableDate = (0, import_vue12.defineComponent)({
     __name(onSelectDate, "onSelectDate");
     function onSelectToday() {
       const today = /* @__PURE__ */ new Date();
-      onSelectDate(today);
+      const todayStatus = props.getDateStatus(today);
+      if (!todayStatus.isDisabled) {
+        onSelectDate(today);
+      }
     }
     __name(onSelectToday, "onSelectToday");
     function getDateAttrs(date) {
@@ -310,6 +313,15 @@ var TableDate = (0, import_vue12.defineComponent)({
       };
     }
     __name(getDateAttrs, "getDateAttrs");
+    function getTodayDisabledStatus() {
+      const today = /* @__PURE__ */ new Date();
+      const todayStatus = props.getDateStatus(today);
+      return {
+        isDisabled: todayStatus.isDisabled,
+        disabledMessage: todayStatus.isDisabled ? props.disabledMessage : ""
+      };
+    }
+    __name(getTodayDisabledStatus, "getTodayDisabledStatus");
     return () => {
       return (0, import_vue11.createVNode)("div", null, [(0, import_vue11.createVNode)("div", {
         "data-pixel-parts": "Header",
@@ -340,15 +352,22 @@ var TableDate = (0, import_vue12.defineComponent)({
         "data-row-index": index
       }, [dates.map((date) => (0, import_vue11.createVNode)(Date2, getDateAttrs(date), {
         default: () => [(0, import_vue11.createTextVNode)(" "), date.getDate(), (0, import_vue11.createTextVNode)(" ")]
-      }))]))]), props.isShowShortcut && (0, import_vue11.createVNode)("div", {
-        "data-pixel-parts": "Shortcut",
-        "class": shortcutLabelWrapper
-      }, [(0, import_vue11.createVNode)(import_pixel3_button.MpButton, {
-        "variant": "ghost",
-        "onClick": onSelectToday
-      }, {
-        default: () => [props.shortcutLabel]
-      })])]);
+      }))]))]), props.isShowShortcut && (() => {
+        const {
+          isDisabled,
+          disabledMessage
+        } = getTodayDisabledStatus();
+        return (0, import_vue11.createVNode)("div", {
+          "data-pixel-parts": "Shortcut",
+          "class": shortcutLabelWrapper
+        }, [(0, import_vue11.withDirectives)((0, import_vue11.createVNode)(import_pixel3_button.MpButton, {
+          "variant": "ghost",
+          "onClick": onSelectToday,
+          "isDisabled": isDisabled
+        }, {
+          default: () => [props.shortcutLabel]
+        }), [[(0, import_vue11.resolveDirective)("tooltip"), isDisabled ? disabledMessage : ""]])]);
+      })()]);
     };
   }
 });

package/dist/components/calendar/index.mjs

@@ -1,7 +1,7 @@
 import "../../chunk-V6D6W7RO.mjs";
 import {
   TableDate
-} from "../../chunk-VEMADQUL.mjs";
+} from "../../chunk-S6NR6SWI.mjs";
 import {
   TableMonth
 } from "../../chunk-AWUURDAF.mjs";

package/dist/components/calendar/table-date.js

@@ -279,7 +279,10 @@ var TableDate = (0, import_vue12.defineComponent)({
     __name(onSelectDate, "onSelectDate");
     function onSelectToday() {
       const today = /* @__PURE__ */ new Date();
-      onSelectDate(today);
+      const todayStatus = props.getDateStatus(today);
+      if (!todayStatus.isDisabled) {
+        onSelectDate(today);
+      }
     }
     __name(onSelectToday, "onSelectToday");
     function getDateAttrs(date) {
@@ -306,6 +309,15 @@ var TableDate = (0, import_vue12.defineComponent)({
       };
     }
     __name(getDateAttrs, "getDateAttrs");
+    function getTodayDisabledStatus() {
+      const today = /* @__PURE__ */ new Date();
+      const todayStatus = props.getDateStatus(today);
+      return {
+        isDisabled: todayStatus.isDisabled,
+        disabledMessage: todayStatus.isDisabled ? props.disabledMessage : ""
+      };
+    }
+    __name(getTodayDisabledStatus, "getTodayDisabledStatus");
     return () => {
       return (0, import_vue11.createVNode)("div", null, [(0, import_vue11.createVNode)("div", {
         "data-pixel-parts": "Header",
@@ -336,15 +348,22 @@ var TableDate = (0, import_vue12.defineComponent)({
         "data-row-index": index
       }, [dates.map((date) => (0, import_vue11.createVNode)(Date2, getDateAttrs(date), {
         default: () => [(0, import_vue11.createTextVNode)(" "), date.getDate(), (0, import_vue11.createTextVNode)(" ")]
-      }))]))]), props.isShowShortcut && (0, import_vue11.createVNode)("div", {
-        "data-pixel-parts": "Shortcut",
-        "class": shortcutLabelWrapper
-      }, [(0, import_vue11.createVNode)(import_pixel3_button.MpButton, {
-        "variant": "ghost",
-        "onClick": onSelectToday
-      }, {
-        default: () => [props.shortcutLabel]
-      })])]);
+      }))]))]), props.isShowShortcut && (() => {
+        const {
+          isDisabled,
+          disabledMessage
+        } = getTodayDisabledStatus();
+        return (0, import_vue11.createVNode)("div", {
+          "data-pixel-parts": "Shortcut",
+          "class": shortcutLabelWrapper
+        }, [(0, import_vue11.withDirectives)((0, import_vue11.createVNode)(import_pixel3_button.MpButton, {
+          "variant": "ghost",
+          "onClick": onSelectToday,
+          "isDisabled": isDisabled
+        }, {
+          default: () => [props.shortcutLabel]
+        }), [[(0, import_vue11.resolveDirective)("tooltip"), isDisabled ? disabledMessage : ""]])]);
+      })()]);
     };
   }
 });

package/dist/components/calendar/table-date.mjs

@@ -1,6 +1,6 @@
 import {
   TableDate
-} from "../../chunk-VEMADQUL.mjs";
+} from "../../chunk-S6NR6SWI.mjs";
 import "../../chunk-MRP3X6QP.mjs";
 import "../../chunk-TA57NJ6O.mjs";
 import "../../chunk-4IRDHXCX.mjs";

package/dist/date-picker.js

@@ -327,7 +327,10 @@ var TableDate = (0, import_vue12.defineComponent)({
     __name(onSelectDate, "onSelectDate");
     function onSelectToday() {
       const today = /* @__PURE__ */ new Date();
-      onSelectDate(today);
+      const todayStatus = props.getDateStatus(today);
+      if (!todayStatus.isDisabled) {
+        onSelectDate(today);
+      }
     }
     __name(onSelectToday, "onSelectToday");
     function getDateAttrs(date) {
@@ -354,6 +357,15 @@ var TableDate = (0, import_vue12.defineComponent)({
       };
     }
     __name(getDateAttrs, "getDateAttrs");
+    function getTodayDisabledStatus() {
+      const today = /* @__PURE__ */ new Date();
+      const todayStatus = props.getDateStatus(today);
+      return {
+        isDisabled: todayStatus.isDisabled,
+        disabledMessage: todayStatus.isDisabled ? props.disabledMessage : ""
+      };
+    }
+    __name(getTodayDisabledStatus, "getTodayDisabledStatus");
     return () => {
       return (0, import_vue11.createVNode)("div", null, [(0, import_vue11.createVNode)("div", {
         "data-pixel-parts": "Header",
@@ -384,15 +396,22 @@ var TableDate = (0, import_vue12.defineComponent)({
         "data-row-index": index
       }, [dates.map((date) => (0, import_vue11.createVNode)(Date2, getDateAttrs(date), {
         default: () => [(0, import_vue11.createTextVNode)(" "), date.getDate(), (0, import_vue11.createTextVNode)(" ")]
-      }))]))]), props.isShowShortcut && (0, import_vue11.createVNode)("div", {
-        "data-pixel-parts": "Shortcut",
-        "class": shortcutLabelWrapper
-      }, [(0, import_vue11.createVNode)(import_pixel3_button.MpButton, {
-        "variant": "ghost",
-        "onClick": onSelectToday
-      }, {
-        default: () => [props.shortcutLabel]
-      })])]);
+      }))]))]), props.isShowShortcut && (() => {
+        const {
+          isDisabled,
+          disabledMessage
+        } = getTodayDisabledStatus();
+        return (0, import_vue11.createVNode)("div", {
+          "data-pixel-parts": "Shortcut",
+          "class": shortcutLabelWrapper
+        }, [(0, import_vue11.withDirectives)((0, import_vue11.createVNode)(import_pixel3_button.MpButton, {
+          "variant": "ghost",
+          "onClick": onSelectToday,
+          "isDisabled": isDisabled
+        }, {
+          default: () => [props.shortcutLabel]
+        }), [[(0, import_vue11.resolveDirective)("tooltip"), isDisabled ? disabledMessage : ""]])]);
+      })()]);
     };
   }
 });
@@ -1139,10 +1158,7 @@ var datePickerProps = {
     type: Boolean,
     default: false
   },
-  isShowShortcut: {
-    type: Boolean,
-    default: false
-  },
+  isShowShortcut: calendarPanelProps.isShowShortcut,
   disabledDate: calendarPanelProps.disabledDate,
   disabledMonth: calendarPanelProps.disabledMonth,
   disabledYear: calendarPanelProps.disabledYear,
@@ -2230,6 +2246,7 @@ var MpDatePicker = (0, import_vue26.defineComponent)({
       const calendarPanelAttrs = {
         type: props.type,
         isInline: props.isInline,
+        isShowShortcut: props.isShowShortcut,
         "onUpdate:modelValue": onEmitModelValue,
         disabledDate: props.disabledDate,
         disabledMonth: props.disabledMonth,

package/dist/date-picker.mjs

@@ -1,15 +1,15 @@
 import {
   MpDatePicker
-} from "./chunk-FXURPQON.mjs";
+} from "./chunk-36NAZ7Z3.mjs";
 import "./chunk-PJ5NBVPN.mjs";
-import "./chunk-DBA3YCBS.mjs";
+import "./chunk-HBD7MX4E.mjs";
 import "./chunk-V6D6W7RO.mjs";
-import "./chunk-VEMADQUL.mjs";
+import "./chunk-S6NR6SWI.mjs";
 import "./chunk-AWUURDAF.mjs";
 import "./chunk-URMDAKTH.mjs";
 import "./chunk-7CLF67SP.mjs";
 import "./chunk-IZITNJFI.mjs";
-import "./chunk-NUOKAJQW.mjs";
+import "./chunk-BPYJZ5OJ.mjs";
 import "./chunk-OYJNIILC.mjs";
 import "./chunk-MRP3X6QP.mjs";
 import "./chunk-TA57NJ6O.mjs";
@@ -17,7 +17,7 @@ import "./chunk-4IRDHXCX.mjs";
 import "./chunk-QNZUHNKN.mjs";
 import "./chunk-AGAA7XTC.mjs";
 import "./chunk-2Z2S3UVF.mjs";
-import "./chunk-3MYU3TVD.mjs";
+import "./chunk-XS7W5IS6.mjs";
 import "./chunk-OMV7LXBW.mjs";
 import "./chunk-PQQUCLMC.mjs";
 import "./chunk-IRNTTSB7.mjs";

package/dist/index.d.mts

@@ -15,7 +15,7 @@ declare const MpDatePicker: vue.DefineComponent<{
         type: vue.PropType<string>;
     };
     modelValue: {
-        type: vue.PropType<string | number | string[] | Date | number[] | Date[]>;
+        type: vue.PropType<string | number | Date | Date[] | string[] | number[]>;
     };
     type: {
         type: vue.PropType<CalendarPanel>;
@@ -152,12 +152,12 @@ declare const MpDatePicker: vue.DefineComponent<{
         type: FunctionConstructor;
         default: () => boolean;
     };
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("error" | "update:modelValue")[], "error" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "error")[], "update:modelValue" | "error", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     id: {
         type: vue.PropType<string>;
     };
     modelValue: {
-        type: vue.PropType<string | number | string[] | Date | number[] | Date[]>;
+        type: vue.PropType<string | number | Date | Date[] | string[] | number[]>;
     };
     type: {
         type: vue.PropType<CalendarPanel>;
@@ -295,32 +295,32 @@ declare const MpDatePicker: vue.DefineComponent<{
         default: () => boolean;
     };
 }>> & {
-    onError?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
 }, {
     type: CalendarPanel;
+    valueType: DatePickerValueType;
+    rangeSeparator: string;
     placeholder: string;
+    errorMessage: string;
+    disabledMessage: string;
+    lang: Record<string, any>;
+    inputAttr: Record<string, any>;
+    contentAttr: Record<string, any>;
+    isRange: boolean;
     isReadOnly: boolean;
     isDisabled: boolean;
-    isInvalid: boolean;
     isClearable: boolean;
-    errorMessage: string;
+    isInvalid: boolean;
     usePortal: boolean;
     isKeepAlive: boolean;
-    disabledMessage: string;
-    isShowShortcut: boolean;
-    isRange: boolean;
     isInline: boolean;
+    isNotClickable: boolean;
+    isDisableHeader: boolean;
+    isShowShortcut: boolean;
     disabledDate: (date: Date) => boolean;
     disabledMonth: (month: number, year: number) => boolean;
     disabledYear: (year: number) => boolean;
-    valueType: DatePickerValueType;
-    rangeSeparator: string;
-    lang: Record<string, any>;
-    inputAttr: Record<string, any>;
-    contentAttr: Record<string, any>;
-    isNotClickable: boolean;
-    isDisableHeader: boolean;
     inputVariant: _mekari_pixel3_input.InputVariant;
     defaultDate: Date;
     isShowHour: boolean;

package/dist/index.d.ts

@@ -15,7 +15,7 @@ declare const MpDatePicker: vue.DefineComponent<{
         type: vue.PropType<string>;
     };
     modelValue: {
-        type: vue.PropType<string | number | string[] | Date | number[] | Date[]>;
+        type: vue.PropType<string | number | Date | Date[] | string[] | number[]>;
     };
     type: {
         type: vue.PropType<CalendarPanel>;
@@ -152,12 +152,12 @@ declare const MpDatePicker: vue.DefineComponent<{
         type: FunctionConstructor;
         default: () => boolean;
     };
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("error" | "update:modelValue")[], "error" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "error")[], "update:modelValue" | "error", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     id: {
         type: vue.PropType<string>;
     };
     modelValue: {
-        type: vue.PropType<string | number | string[] | Date | number[] | Date[]>;
+        type: vue.PropType<string | number | Date | Date[] | string[] | number[]>;
     };
     type: {
         type: vue.PropType<CalendarPanel>;
@@ -295,32 +295,32 @@ declare const MpDatePicker: vue.DefineComponent<{
         default: () => boolean;
     };
 }>> & {
-    onError?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
 }, {
     type: CalendarPanel;
+    valueType: DatePickerValueType;
+    rangeSeparator: string;
     placeholder: string;
+    errorMessage: string;
+    disabledMessage: string;
+    lang: Record<string, any>;
+    inputAttr: Record<string, any>;
+    contentAttr: Record<string, any>;
+    isRange: boolean;
     isReadOnly: boolean;
     isDisabled: boolean;
-    isInvalid: boolean;
     isClearable: boolean;
-    errorMessage: string;
+    isInvalid: boolean;
     usePortal: boolean;
     isKeepAlive: boolean;
-    disabledMessage: string;
-    isShowShortcut: boolean;
-    isRange: boolean;
     isInline: boolean;
+    isNotClickable: boolean;
+    isDisableHeader: boolean;
+    isShowShortcut: boolean;
     disabledDate: (date: Date) => boolean;
     disabledMonth: (month: number, year: number) => boolean;
     disabledYear: (year: number) => boolean;
-    valueType: DatePickerValueType;
-    rangeSeparator: string;
-    lang: Record<string, any>;
-    inputAttr: Record<string, any>;
-    contentAttr: Record<string, any>;
-    isNotClickable: boolean;
-    isDisableHeader: boolean;
     inputVariant: _mekari_pixel3_input.InputVariant;
     defaultDate: Date;
     isShowHour: boolean;