@mekari/pixel3-date-picker 0.1.6-dev.2 → 0.1.6-dev.3

package/dist/calendar-panel.d.mts

@@ -62,6 +62,9 @@ declare const CalendarPanel: vue.DefineComponent<{
     isHideNotThisMonthDate: {
         type: vue.PropType<boolean>;
     };
+    disabledMessage: {
+        type: vue.PropType<string>;
+    };
 }, () => vue_jsx_runtime.JSX.Element | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "mouseEnter" | "mouseLeave" | "updateCalendar")[], "update:modelValue" | "mouseEnter" | "mouseLeave" | "updateCalendar", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     modelValue: {
         type: vue.PropType<Date>;
@@ -115,6 +118,9 @@ declare const CalendarPanel: vue.DefineComponent<{
     isHideNotThisMonthDate: {
         type: vue.PropType<boolean>;
     };
+    disabledMessage: {
+        type: vue.PropType<string>;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onMouseEnter?: ((...args: any[]) => any) | undefined;
@@ -185,6 +191,9 @@ declare const CalendarPanelRange: vue.DefineComponent<{
     isHideNotThisMonthDate: {
         type: vue.PropType<boolean>;
     };
+    disabledMessage: {
+        type: vue.PropType<string>;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     modelValue: {
         type: vue.PropType<Date[]>;
@@ -238,6 +247,9 @@ declare const CalendarPanelRange: vue.DefineComponent<{
     isHideNotThisMonthDate: {
         type: vue.PropType<boolean>;
     };
+    disabledMessage: {
+        type: vue.PropType<string>;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {

package/dist/calendar-panel.d.ts

@@ -62,6 +62,9 @@ declare const CalendarPanel: vue.DefineComponent<{
     isHideNotThisMonthDate: {
         type: vue.PropType<boolean>;
     };
+    disabledMessage: {
+        type: vue.PropType<string>;
+    };
 }, () => vue_jsx_runtime.JSX.Element | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "mouseEnter" | "mouseLeave" | "updateCalendar")[], "update:modelValue" | "mouseEnter" | "mouseLeave" | "updateCalendar", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     modelValue: {
         type: vue.PropType<Date>;
@@ -115,6 +118,9 @@ declare const CalendarPanel: vue.DefineComponent<{
     isHideNotThisMonthDate: {
         type: vue.PropType<boolean>;
     };
+    disabledMessage: {
+        type: vue.PropType<string>;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onMouseEnter?: ((...args: any[]) => any) | undefined;
@@ -185,6 +191,9 @@ declare const CalendarPanelRange: vue.DefineComponent<{
     isHideNotThisMonthDate: {
         type: vue.PropType<boolean>;
     };
+    disabledMessage: {
+        type: vue.PropType<string>;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     modelValue: {
         type: vue.PropType<Date[]>;
@@ -238,6 +247,9 @@ declare const CalendarPanelRange: vue.DefineComponent<{
     isHideNotThisMonthDate: {
         type: vue.PropType<boolean>;
     };
+    disabledMessage: {
+        type: vue.PropType<string>;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {

package/dist/calendar-panel.js

@@ -50,6 +50,9 @@ var Date2 = (0, import_vue2.defineComponent)({
     isShowPinbar: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -63,7 +66,7 @@ var Date2 = (0, import_vue2.defineComponent)({
         root,
         pinbar
       } = (0, import_recipes.pinbarSlotRecipe)();
-      return (0, import_vue.createVNode)("button", {
+      return (0, import_vue.withDirectives)((0, import_vue.createVNode)("button", {
         "disabled": props.isDisabled,
         "data-status": props.status,
         "class": dateItemClasses
@@ -71,7 +74,7 @@ var Date2 = (0, import_vue2.defineComponent)({
         "class": root
       }, [(0, import_vue.createVNode)("div", {
         "class": pinbar
-      }, null)])]);
+      }, null)])]), [[(0, import_vue.resolveDirective)("tooltip"), props.disabledMessage || ""]]);
     };
   }
 });
@@ -106,6 +109,9 @@ var Month = (0, import_vue6.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -115,11 +121,11 @@ var Month = (0, import_vue6.defineComponent)({
       const classes = (0, import_recipes3.monthItemRecipe)({
         status: props.status
       });
-      return (0, import_vue5.createVNode)("button", {
+      return (0, import_vue5.withDirectives)((0, import_vue5.createVNode)("button", {
         "disabled": props.isDisabled,
         "data-status": props.status,
         "class": classes
-      }, [slots.default()]);
+      }, [slots.default()]), [[(0, import_vue5.resolveDirective)("tooltip"), props.disabledMessage || ""]]);
     };
   }
 });
@@ -137,6 +143,9 @@ var YearItem = (0, import_vue8.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -146,11 +155,11 @@ var YearItem = (0, import_vue8.defineComponent)({
       const classes = (0, import_recipes4.yearItemRecipe)({
         status: props.status
       });
-      return (0, import_vue7.createVNode)("button", {
+      return (0, import_vue7.withDirectives)((0, import_vue7.createVNode)("button", {
         "disabled": props.isDisabled,
         "data-status": props.status,
         "class": classes
-      }, [slots.default()]);
+      }, [slots.default()]), [[(0, import_vue7.resolveDirective)("tooltip"), props.disabledMessage || ""]]);
     };
   }
 });
@@ -169,6 +178,10 @@ var TimeItem = (0, import_vue10.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String,
+      default: ""
     }
   },
   setup(props, {
@@ -178,11 +191,11 @@ var TimeItem = (0, import_vue10.defineComponent)({
       const classes = (0, import_recipes5.timeItemRecipe)({
         status: props.status
       });
-      return (0, import_vue9.createVNode)("button", {
+      return (0, import_vue9.withDirectives)((0, import_vue9.createVNode)("button", {
         "disabled": props.isDisabled,
         "data-status": props.status,
         "class": classes
-      }, [slots.default()]);
+      }, [slots.default()]), [[(0, import_vue9.resolveDirective)("tooltip"), props.disabledMessage || ""]]);
     };
   }
 });
@@ -258,6 +271,9 @@ var TableDate = (0, import_vue12.defineComponent)({
     },
     isHideNotThisMonthDate: {
       type: Boolean
+    },
+    disabledMessage: {
+      type: String
     }
   },
   emits: ["next", "previous", "changePanel", "select", "clickHeaderLabel", "mouseEnter", "mouseLeave"],
@@ -300,6 +316,7 @@ var TableDate = (0, import_vue12.defineComponent)({
       } = props.getDateStatus(date);
       return {
         status: isDisabled ? "disabled" : status,
+        disabledMessage: props.disabledMessage,
         isDisabled,
         isShowPinbar,
         onClick: () => onSelectDate(date),
@@ -471,6 +488,9 @@ var TableMonth = (0, import_vue14.defineComponent)({
     },
     isShowShortcut: {
       type: Boolean
+    },
+    disabledMessage: {
+      type: String
     }
   },
   emits: ["next", "previous", "select", "clickHeaderLabel", "mouseEnter", "mouseLeave"],
@@ -507,6 +527,7 @@ var TableMonth = (0, import_vue14.defineComponent)({
       } = props.getMonthStatus(month, getCalendarYear.value);
       return {
         status: isDisabled ? "disabled" : status,
+        disabledMessage: props.disabledMessage,
         isDisabled,
         onClick: () => onSelectMonth(month, getCalendarYear.value),
         onMouseenter: () => {
@@ -582,6 +603,9 @@ var TableYear = (0, import_vue16.defineComponent)({
     },
     isShowShortcut: {
       type: Boolean
+    },
+    disabledMessage: {
+      type: String
     }
   },
   emits: ["next", "previous", "select", "mouseEnter", "mouseLeave"],
@@ -619,6 +643,7 @@ var TableYear = (0, import_vue16.defineComponent)({
       } = props.getYearStatus(year);
       return {
         status: isDisabled ? "disabled" : status,
+        disabledMessage: props.disabledMessage,
         isDisabled,
         onClick: () => onSelectYear(year),
         onMouseenter: () => {
@@ -933,6 +958,10 @@ var timePanelProps = {
   disabledTime: {
     type: Function,
     default: () => false
+  },
+  disabledMessage: {
+    type: String,
+    default: ""
   }
 };
 var calendarPanelProps = {
@@ -990,6 +1019,9 @@ var calendarPanelProps = {
   },
   isHideNotThisMonthDate: {
     type: Boolean
+  },
+  disabledMessage: {
+    type: String
   }
 };
 var calendarPanelRangeProps = {
@@ -1293,7 +1325,8 @@ var CalendarPanel = (0, import_vue20.defineComponent)({
           "isShowShortcut": props.isShowShortcut,
           "onMouseEnter": (value) => emit("mouseEnter", value),
           "onMouseLeave": () => emit("mouseLeave"),
-          "isHideNotThisMonthDate": props.isHideNotThisMonthDate
+          "isHideNotThisMonthDate": props.isHideNotThisMonthDate,
+          "disabledMessage": props.disabledMessage
         }, null);
       }
       if (currentPanel.value === "month") {
@@ -1309,7 +1342,8 @@ var CalendarPanel = (0, import_vue20.defineComponent)({
           "getMonthStatus": getMonthStatus,
           "onMouseEnter": (value) => emit("mouseEnter", value),
           "onMouseLeave": () => emit("mouseLeave"),
-          "isShowShortcut": props.isShowShortcut
+          "isShowShortcut": props.isShowShortcut,
+          "disabledMessage": props.disabledMessage
         }, null);
       }
       if (currentPanel.value === "year") {
@@ -1323,7 +1357,8 @@ var CalendarPanel = (0, import_vue20.defineComponent)({
           "getYearStatus": getYearStatus,
           "onMouseEnter": (value) => emit("mouseEnter", value),
           "onMouseLeave": () => emit("mouseLeave"),
-          "isShowShortcut": props.isShowShortcut
+          "isShowShortcut": props.isShowShortcut,
+          "disabledMessage": props.disabledMessage
         }, null);
       }
     };
@@ -1550,7 +1585,8 @@ var CalendarPanelRange = (0, import_vue20.defineComponent)({
         disabledYear: props.disabledYear,
         "onUpdate:modelValue": (date) => onSelectDate(date),
         onMouseEnter: (date) => setHoveredDate(date),
-        onMouseLeave: () => setHoveredDate(void 0)
+        onMouseLeave: () => setHoveredDate(void 0),
+        disabledMessage: props.disabledMessage
       };
       const leftNode = (0, import_vue19.createVNode)(CalendarPanel, (0, import_vue19.mergeProps)({
         "data-pixel-parts": "CalendarPanelLeft"

package/dist/calendar-panel.mjs

@@ -1,20 +1,20 @@
 import {
   CalendarPanel,
   CalendarPanelRange
-} from "./chunk-73ITB7M5.mjs";
+} from "./chunk-W3EPTRHK.mjs";
 import "./chunk-V6D6W7RO.mjs";
-import "./chunk-64EO4HV7.mjs";
-import "./chunk-5MFHZK63.mjs";
-import "./chunk-O43S64IA.mjs";
+import "./chunk-BLM5LOD6.mjs";
+import "./chunk-7RQ25HKG.mjs";
+import "./chunk-JM6XSORJ.mjs";
 import "./chunk-7CLF67SP.mjs";
 import "./chunk-IZITNJFI.mjs";
 import "./chunk-MRP3X6QP.mjs";
-import "./chunk-KTYQJMW4.mjs";
-import "./chunk-EQWT6VDG.mjs";
-import "./chunk-J5BK7Z2U.mjs";
+import "./chunk-7KZXF5M7.mjs";
+import "./chunk-KS32XC4D.mjs";
+import "./chunk-WGTOWV2K.mjs";
 import "./chunk-AGAA7XTC.mjs";
-import "./chunk-3VROFGJH.mjs";
-import "./chunk-5VRVDIXN.mjs";
+import "./chunk-AUSURQIR.mjs";
+import "./chunk-POFLLWXQ.mjs";
 import "./chunk-OMV7LXBW.mjs";
 import "./chunk-WK62QUOT.mjs";
 import "./chunk-E5BRVBZ2.mjs";

package/dist/{chunk-K4TP3SYJ.mjs → chunk-6ATHD2XU.mjs}

@@ -4,13 +4,13 @@ import {
 import {
   CalendarPanel,
   CalendarPanelRange
-} from "./chunk-73ITB7M5.mjs";
+} from "./chunk-W3EPTRHK.mjs";
 import {
   TimePanel
-} from "./chunk-AMVBN624.mjs";
+} from "./chunk-BPIVV7LI.mjs";
 import {
   datePickerProps
-} from "./chunk-5VRVDIXN.mjs";
+} from "./chunk-POFLLWXQ.mjs";
 import {
   DatePickerProvider
 } from "./chunk-VACMCDOZ.mjs";
@@ -105,7 +105,8 @@ var MpDatePicker = defineComponent({
         "onUpdate:modelValue": onEmitModelValue,
         disabledDate: props.disabledDate,
         disabledMonth: props.disabledMonth,
-        disabledYear: props.disabledYear
+        disabledYear: props.disabledYear,
+        disabledMessage: props.disabledMessage
       };
       const datePanelNode = isUseRange.value ? _createVNode(CalendarPanelRange, _mergeProps(calendarPanelAttrs, {
         "modelValue": innerValue.value
@@ -122,7 +123,8 @@ var MpDatePicker = defineComponent({
         "hourStep": props.hourStep,
         "minuteStep": props.minuteStep,
         "secondStep": props.minuteStep,
-        "isUse12h": props.isUse12h
+        "isUse12h": props.isUse12h,
+        "disabledMessage": props.disabledMessage
       }, null);
       const panelNode = props.type === "time" ? timePanelNode : datePanelNode;
       const withPopover = _createVNode(MpPopover, {

package/dist/{chunk-KTYQJMW4.mjs → chunk-7KZXF5M7.mjs}

@@ -1,5 +1,5 @@
 // src/components/parts/time.tsx
-import { createVNode as _createVNode } from "vue";
+import { withDirectives as _withDirectives, createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 import { defineComponent } from "vue";
 import { timeItemRecipe } from "@mekari/pixel3-styled-system/recipes";
 var TimeItem = defineComponent({
@@ -12,6 +12,10 @@ var TimeItem = defineComponent({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String,
+      default: ""
     }
   },
   setup(props, {
@@ -21,11 +25,11 @@ var TimeItem = defineComponent({
       const classes = timeItemRecipe({
         status: props.status
       });
-      return _createVNode("button", {
+      return _withDirectives(_createVNode("button", {
         "disabled": props.isDisabled,
         "data-status": props.status,
         "class": classes
-      }, [slots.default()]);
+      }, [slots.default()]), [[_resolveDirective("tooltip"), props.disabledMessage || ""]]);
     };
   }
 });

package/dist/{chunk-5MFHZK63.mjs → chunk-7RQ25HKG.mjs}

@@ -1,6 +1,6 @@
 import {
   Month
-} from "./chunk-3VROFGJH.mjs";
+} from "./chunk-AUSURQIR.mjs";
 import {
   chunk
 } from "./chunk-E5BRVBZ2.mjs";
@@ -42,6 +42,9 @@ var TableMonth = defineComponent({
     },
     isShowShortcut: {
       type: Boolean
+    },
+    disabledMessage: {
+      type: String
     }
   },
   emits: ["next", "previous", "select", "clickHeaderLabel", "mouseEnter", "mouseLeave"],
@@ -78,6 +81,7 @@ var TableMonth = defineComponent({
       } = props.getMonthStatus(month, getCalendarYear.value);
       return {
         status: isDisabled ? "disabled" : status,
+        disabledMessage: props.disabledMessage,
         isDisabled,
         onClick: () => onSelectMonth(month, getCalendarYear.value),
         onMouseenter: () => {

package/dist/{chunk-3VROFGJH.mjs → chunk-AUSURQIR.mjs}

@@ -1,5 +1,5 @@
 // src/components/parts/month.tsx
-import { createVNode as _createVNode } from "vue";
+import { withDirectives as _withDirectives, createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 import { defineComponent } from "vue";
 import { monthItemRecipe } from "@mekari/pixel3-styled-system/recipes";
 var Month = defineComponent({
@@ -11,6 +11,9 @@ var Month = defineComponent({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -20,11 +23,11 @@ var Month = defineComponent({
       const classes = monthItemRecipe({
         status: props.status
       });
-      return _createVNode("button", {
+      return _withDirectives(_createVNode("button", {
         "disabled": props.isDisabled,
         "data-status": props.status,
         "class": classes
-      }, [slots.default()]);
+      }, [slots.default()]), [[_resolveDirective("tooltip"), props.disabledMessage || ""]]);
     };
   }
 });

package/dist/{chunk-64EO4HV7.mjs → chunk-BLM5LOD6.mjs}

@@ -1,6 +1,6 @@
 import {
   Date as Date2
-} from "./chunk-J5BK7Z2U.mjs";
+} from "./chunk-WGTOWV2K.mjs";
 import {
   Day
 } from "./chunk-AGAA7XTC.mjs";
@@ -48,6 +48,9 @@ var TableDate = defineComponent({
     },
     isHideNotThisMonthDate: {
       type: Boolean
+    },
+    disabledMessage: {
+      type: String
     }
   },
   emits: ["next", "previous", "changePanel", "select", "clickHeaderLabel", "mouseEnter", "mouseLeave"],
@@ -90,6 +93,7 @@ var TableDate = defineComponent({
       } = props.getDateStatus(date);
       return {
         status: isDisabled ? "disabled" : status,
+        disabledMessage: props.disabledMessage,
         isDisabled,
         isShowPinbar,
         onClick: () => onSelectDate(date),

package/dist/{chunk-AMVBN624.mjs → chunk-BPIVV7LI.mjs}

@@ -4,10 +4,10 @@ import {
 } from "./chunk-OYJNIILC.mjs";
 import {
   TimeItem
-} from "./chunk-KTYQJMW4.mjs";
+} from "./chunk-7KZXF5M7.mjs";
 import {
   timePanelProps
-} from "./chunk-5VRVDIXN.mjs";
+} from "./chunk-POFLLWXQ.mjs";
 import {
   useTime
 } from "./chunk-IRNTTSB7.mjs";
@@ -59,6 +59,7 @@ var TimePanel = defineComponent({
       return {
         status,
         isDisabled: status === "disabled" || void 0,
+        disabledMessage: props.disabledMessage,
         "data-selected": status === "selected" || void 0
       };
     }

package/dist/{chunk-O43S64IA.mjs → chunk-JM6XSORJ.mjs}

@@ -1,6 +1,6 @@
 import {
   YearItem
-} from "./chunk-EQWT6VDG.mjs";
+} from "./chunk-KS32XC4D.mjs";
 import {
   chunk
 } from "./chunk-E5BRVBZ2.mjs";
@@ -38,6 +38,9 @@ var TableYear = defineComponent({
     },
     isShowShortcut: {
       type: Boolean
+    },
+    disabledMessage: {
+      type: String
     }
   },
   emits: ["next", "previous", "select", "mouseEnter", "mouseLeave"],
@@ -75,6 +78,7 @@ var TableYear = defineComponent({
       } = props.getYearStatus(year);
       return {
         status: isDisabled ? "disabled" : status,
+        disabledMessage: props.disabledMessage,
         isDisabled,
         onClick: () => onSelectYear(year),
         onMouseenter: () => {

package/dist/{chunk-EQWT6VDG.mjs → chunk-KS32XC4D.mjs}

@@ -1,5 +1,5 @@
 // src/components/parts/year.tsx
-import { createVNode as _createVNode } from "vue";
+import { withDirectives as _withDirectives, createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 import { defineComponent } from "vue";
 import { yearItemRecipe } from "@mekari/pixel3-styled-system/recipes";
 var YearItem = defineComponent({
@@ -11,6 +11,9 @@ var YearItem = defineComponent({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -20,11 +23,11 @@ var YearItem = defineComponent({
       const classes = yearItemRecipe({
         status: props.status
       });
-      return _createVNode("button", {
+      return _withDirectives(_createVNode("button", {
         "disabled": props.isDisabled,
         "data-status": props.status,
         "class": classes
-      }, [slots.default()]);
+      }, [slots.default()]), [[_resolveDirective("tooltip"), props.disabledMessage || ""]]);
     };
   }
 });

package/dist/{chunk-5VRVDIXN.mjs → chunk-POFLLWXQ.mjs}

@@ -42,6 +42,10 @@ var timePanelProps = {
   disabledTime: {
     type: Function,
     default: () => false
+  },
+  disabledMessage: {
+    type: String,
+    default: ""
   }
 };
 var calendarPanelProps = {
@@ -99,6 +103,9 @@ var calendarPanelProps = {
   },
   isHideNotThisMonthDate: {
     type: Boolean
+  },
+  disabledMessage: {
+    type: String
   }
 };
 var calendarPanelRangeProps = {

package/dist/{chunk-73ITB7M5.mjs → chunk-W3EPTRHK.mjs}

@@ -1,19 +1,19 @@
 import {
   TableDate
-} from "./chunk-64EO4HV7.mjs";
+} from "./chunk-BLM5LOD6.mjs";
 import {
   TableMonth
-} from "./chunk-5MFHZK63.mjs";
+} from "./chunk-7RQ25HKG.mjs";
 import {
   TableYear
-} from "./chunk-O43S64IA.mjs";
+} from "./chunk-JM6XSORJ.mjs";
 import {
   getLocale
 } from "./chunk-7CLF67SP.mjs";
 import {
   calendarPanelProps,
   calendarPanelRangeProps
-} from "./chunk-5VRVDIXN.mjs";
+} from "./chunk-POFLLWXQ.mjs";
 import {
   useCalendar
 } from "./chunk-OMV7LXBW.mjs";
@@ -204,7 +204,8 @@ var CalendarPanel = defineComponent({
           "isShowShortcut": props.isShowShortcut,
           "onMouseEnter": (value) => emit("mouseEnter", value),
           "onMouseLeave": () => emit("mouseLeave"),
-          "isHideNotThisMonthDate": props.isHideNotThisMonthDate
+          "isHideNotThisMonthDate": props.isHideNotThisMonthDate,
+          "disabledMessage": props.disabledMessage
         }, null);
       }
       if (currentPanel.value === "month") {
@@ -220,7 +221,8 @@ var CalendarPanel = defineComponent({
           "getMonthStatus": getMonthStatus,
           "onMouseEnter": (value) => emit("mouseEnter", value),
           "onMouseLeave": () => emit("mouseLeave"),
-          "isShowShortcut": props.isShowShortcut
+          "isShowShortcut": props.isShowShortcut,
+          "disabledMessage": props.disabledMessage
         }, null);
       }
       if (currentPanel.value === "year") {
@@ -234,7 +236,8 @@ var CalendarPanel = defineComponent({
           "getYearStatus": getYearStatus,
           "onMouseEnter": (value) => emit("mouseEnter", value),
           "onMouseLeave": () => emit("mouseLeave"),
-          "isShowShortcut": props.isShowShortcut
+          "isShowShortcut": props.isShowShortcut,
+          "disabledMessage": props.disabledMessage
         }, null);
       }
     };
@@ -461,7 +464,8 @@ var CalendarPanelRange = defineComponent({
         disabledYear: props.disabledYear,
         "onUpdate:modelValue": (date) => onSelectDate(date),
         onMouseEnter: (date) => setHoveredDate(date),
-        onMouseLeave: () => setHoveredDate(void 0)
+        onMouseLeave: () => setHoveredDate(void 0),
+        disabledMessage: props.disabledMessage
       };
       const leftNode = _createVNode(CalendarPanel, _mergeProps({
         "data-pixel-parts": "CalendarPanelLeft"

package/dist/{chunk-J5BK7Z2U.mjs → chunk-WGTOWV2K.mjs}

@@ -1,5 +1,5 @@
 // src/components/parts/date.tsx
-import { createVNode as _createVNode } from "vue";
+import { withDirectives as _withDirectives, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
 import { dateItemRecipe, pinbarSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
 var Date = defineComponent({
@@ -15,6 +15,9 @@ var Date = defineComponent({
     isShowPinbar: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -28,7 +31,7 @@ var Date = defineComponent({
         root,
         pinbar
       } = pinbarSlotRecipe();
-      return _createVNode("button", {
+      return _withDirectives(_createVNode("button", {
         "disabled": props.isDisabled,
         "data-status": props.status,
         "class": dateItemClasses
@@ -36,7 +39,7 @@ var Date = defineComponent({
         "class": root
       }, [_createVNode("div", {
         "class": pinbar
-      }, null)])]);
+      }, null)])]), [[_resolveDirective("tooltip"), props.disabledMessage || ""]]);
     };
   }
 });