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

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

@@ -45,6 +45,9 @@ var Date2 = (0, import_vue2.defineComponent)({
     isShowPinbar: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -58,7 +61,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
@@ -66,7 +69,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 || ""]]);
     };
   }
 });
@@ -101,6 +104,9 @@ var Month = (0, import_vue6.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -110,11 +116,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 || ""]]);
     };
   }
 });
@@ -132,6 +138,9 @@ var YearItem = (0, import_vue8.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -141,11 +150,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 || ""]]);
     };
   }
 });
@@ -164,6 +173,10 @@ var TimeItem = (0, import_vue10.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String,
+      default: ""
     }
   },
   setup(props, {
@@ -173,11 +186,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 || ""]]);
     };
   }
 });
@@ -233,6 +246,9 @@ var TableYear = (0, import_vue12.defineComponent)({
     },
     isShowShortcut: {
       type: Boolean
+    },
+    disabledMessage: {
+      type: String
     }
   },
   emits: ["next", "previous", "select", "mouseEnter", "mouseLeave"],
@@ -270,6 +286,7 @@ var TableYear = (0, import_vue12.defineComponent)({
       } = props.getYearStatus(year);
       return {
         status: isDisabled ? "disabled" : status,
+        disabledMessage: props.disabledMessage,
         isDisabled,
         onClick: () => onSelectYear(year),
         onMouseenter: () => {

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

@@ -1,12 +1,12 @@
 import {
   TableYear
-} from "../../chunk-O43S64IA.mjs";
+} from "../../chunk-JM6XSORJ.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-AUSURQIR.mjs";
 import "../../chunk-E5BRVBZ2.mjs";
 import "../../chunk-U7O52D6B.mjs";
 import "../../chunk-QZ7VFGWC.mjs";

package/dist/components/parts/date.d.mts

@@ -18,6 +18,9 @@ declare const Date: vue.DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     status: {
         type: PropType<_mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "notThisMonth" | "disabled" | "weekHoveredStart" | "weekHoveredMiddle" | "weekHoveredEnd" | "weekSelectedStart" | "weekSelectedMiddle" | "weekSelectedEnd"> | undefined>;
@@ -30,6 +33,9 @@ declare const Date: vue.DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }>>, {
     isDisabled: boolean;
     isShowPinbar: boolean;

package/dist/components/parts/date.d.ts

@@ -18,6 +18,9 @@ declare const Date: vue.DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     status: {
         type: PropType<_mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "notThisMonth" | "disabled" | "weekHoveredStart" | "weekHoveredMiddle" | "weekHoveredEnd" | "weekSelectedStart" | "weekSelectedMiddle" | "weekSelectedEnd"> | undefined>;
@@ -30,6 +33,9 @@ declare const Date: vue.DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }>>, {
     isDisabled: boolean;
     isShowPinbar: boolean;

package/dist/components/parts/date.js

@@ -39,6 +39,9 @@ var Date = (0, import_vue2.defineComponent)({
     isShowPinbar: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -52,7 +55,7 @@ var Date = (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
@@ -60,7 +63,7 @@ var Date = (0, import_vue2.defineComponent)({
         "class": root
       }, [(0, import_vue.createVNode)("div", {
         "class": pinbar
-      }, null)])]);
+      }, null)])]), [[(0, import_vue.resolveDirective)("tooltip"), props.disabledMessage || ""]]);
     };
   }
 });

package/dist/components/parts/date.mjs

@@ -1,6 +1,6 @@
 import {
   Date
-} from "../../chunk-J5BK7Z2U.mjs";
+} from "../../chunk-WGTOWV2K.mjs";
 import "../../chunk-QZ7VFGWC.mjs";
 export {
   Date

package/dist/components/parts/index.js

@@ -45,6 +45,9 @@ var Date = (0, import_vue2.defineComponent)({
     isShowPinbar: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -58,7 +61,7 @@ var Date = (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
@@ -66,7 +69,7 @@ var Date = (0, import_vue2.defineComponent)({
         "class": root
       }, [(0, import_vue.createVNode)("div", {
         "class": pinbar
-      }, null)])]);
+      }, null)])]), [[(0, import_vue.resolveDirective)("tooltip"), props.disabledMessage || ""]]);
     };
   }
 });
@@ -101,6 +104,9 @@ var Month = (0, import_vue6.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -110,11 +116,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 || ""]]);
     };
   }
 });
@@ -132,6 +138,9 @@ var YearItem = (0, import_vue8.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -141,11 +150,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 || ""]]);
     };
   }
 });
@@ -164,6 +173,10 @@ var TimeItem = (0, import_vue10.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String,
+      default: ""
     }
   },
   setup(props, {
@@ -173,11 +186,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 || ""]]);
     };
   }
 });

package/dist/components/parts/index.mjs

@@ -1,19 +1,19 @@
 import "../../chunk-MRP3X6QP.mjs";
 import {
   TimeItem
-} from "../../chunk-KTYQJMW4.mjs";
+} from "../../chunk-7KZXF5M7.mjs";
 import {
   YearItem
-} from "../../chunk-EQWT6VDG.mjs";
+} from "../../chunk-KS32XC4D.mjs";
 import {
   Date
-} from "../../chunk-J5BK7Z2U.mjs";
+} from "../../chunk-WGTOWV2K.mjs";
 import {
   Day
 } from "../../chunk-AGAA7XTC.mjs";
 import {
   Month
-} from "../../chunk-3VROFGJH.mjs";
+} from "../../chunk-AUSURQIR.mjs";
 import "../../chunk-QZ7VFGWC.mjs";
 export {
   Date,

package/dist/components/parts/month.d.mts

@@ -14,6 +14,9 @@ declare const Month: vue.DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     status: {
         type: PropType<_mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
@@ -22,6 +25,9 @@ declare const Month: vue.DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }>>, {
     isDisabled: boolean;
 }, {}>;

package/dist/components/parts/month.d.ts

@@ -14,6 +14,9 @@ declare const Month: vue.DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     status: {
         type: PropType<_mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
@@ -22,6 +25,9 @@ declare const Month: vue.DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }>>, {
     isDisabled: boolean;
 }, {}>;

package/dist/components/parts/month.js

@@ -35,6 +35,9 @@ var Month = (0, import_vue2.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -44,11 +47,11 @@ var Month = (0, import_vue2.defineComponent)({
       const classes = (0, import_recipes.monthItemRecipe)({
         status: props.status
       });
-      return (0, import_vue.createVNode)("button", {
+      return (0, import_vue.withDirectives)((0, import_vue.createVNode)("button", {
         "disabled": props.isDisabled,
         "data-status": props.status,
         "class": classes
-      }, [slots.default()]);
+      }, [slots.default()]), [[(0, import_vue.resolveDirective)("tooltip"), props.disabledMessage || ""]]);
     };
   }
 });

package/dist/components/parts/month.mjs

@@ -1,6 +1,6 @@
 import {
   Month
-} from "../../chunk-3VROFGJH.mjs";
+} from "../../chunk-AUSURQIR.mjs";
 import "../../chunk-QZ7VFGWC.mjs";
 export {
   Month

package/dist/components/parts/time.d.mts

@@ -15,6 +15,10 @@ declare const TimeItem: vue.DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    disabledMessage: {
+        type: PropType<string>;
+        default: string;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     status: {
         type: PropType<_mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "disabled"> | undefined>;
@@ -24,8 +28,13 @@ declare const TimeItem: vue.DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    disabledMessage: {
+        type: PropType<string>;
+        default: string;
+    };
 }>>, {
     status: _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "disabled"> | undefined;
+    disabledMessage: string;
     isDisabled: boolean;
 }, {}>;
 

package/dist/components/parts/time.d.ts

@@ -15,6 +15,10 @@ declare const TimeItem: vue.DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    disabledMessage: {
+        type: PropType<string>;
+        default: string;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     status: {
         type: PropType<_mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "disabled"> | undefined>;
@@ -24,8 +28,13 @@ declare const TimeItem: vue.DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    disabledMessage: {
+        type: PropType<string>;
+        default: string;
+    };
 }>>, {
     status: _mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "disabled"> | undefined;
+    disabledMessage: string;
     isDisabled: boolean;
 }, {}>;
 

package/dist/components/parts/time.js

@@ -36,6 +36,10 @@ var TimeItem = (0, import_vue2.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String,
+      default: ""
     }
   },
   setup(props, {
@@ -45,11 +49,11 @@ var TimeItem = (0, import_vue2.defineComponent)({
       const classes = (0, import_recipes.timeItemRecipe)({
         status: props.status
       });
-      return (0, import_vue.createVNode)("button", {
+      return (0, import_vue.withDirectives)((0, import_vue.createVNode)("button", {
         "disabled": props.isDisabled,
         "data-status": props.status,
         "class": classes
-      }, [slots.default()]);
+      }, [slots.default()]), [[(0, import_vue.resolveDirective)("tooltip"), props.disabledMessage || ""]]);
     };
   }
 });

package/dist/components/parts/time.mjs

@@ -1,6 +1,6 @@
 import {
   TimeItem
-} from "../../chunk-KTYQJMW4.mjs";
+} from "../../chunk-7KZXF5M7.mjs";
 import "../../chunk-QZ7VFGWC.mjs";
 export {
   TimeItem

package/dist/components/parts/year.d.mts

@@ -14,6 +14,9 @@ declare const YearItem: vue.DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     status: {
         type: PropType<_mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
@@ -22,6 +25,9 @@ declare const YearItem: vue.DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }>>, {
     isDisabled: boolean;
 }, {}>;

package/dist/components/parts/year.d.ts

@@ -14,6 +14,9 @@ declare const YearItem: vue.DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     status: {
         type: PropType<_mekari_pixel3_styled_system_types.ConditionalValue<"default" | "selected" | "range" | "today" | "disabled"> | undefined>;
@@ -22,6 +25,9 @@ declare const YearItem: vue.DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    disabledMessage: {
+        type: PropType<string>;
+    };
 }>>, {
     isDisabled: boolean;
 }, {}>;

package/dist/components/parts/year.js

@@ -35,6 +35,9 @@ var YearItem = (0, import_vue2.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -44,11 +47,11 @@ var YearItem = (0, import_vue2.defineComponent)({
       const classes = (0, import_recipes.yearItemRecipe)({
         status: props.status
       });
-      return (0, import_vue.createVNode)("button", {
+      return (0, import_vue.withDirectives)((0, import_vue.createVNode)("button", {
         "disabled": props.isDisabled,
         "data-status": props.status,
         "class": classes
-      }, [slots.default()]);
+      }, [slots.default()]), [[(0, import_vue.resolveDirective)("tooltip"), props.disabledMessage || ""]]);
     };
   }
 });

package/dist/components/parts/year.mjs

@@ -1,6 +1,6 @@
 import {
   YearItem
-} from "../../chunk-EQWT6VDG.mjs";
+} from "../../chunk-KS32XC4D.mjs";
 import "../../chunk-QZ7VFGWC.mjs";
 export {
   YearItem