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

package/dist/time-panel.js

@@ -44,6 +44,9 @@ var Date2 = (0, import_vue2.defineComponent)({
     isShowPinbar: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -57,7 +60,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
@@ -65,7 +68,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 || ""]]);
     };
   }
 });
@@ -100,6 +103,9 @@ var Month = (0, import_vue6.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -109,11 +115,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 || ""]]);
     };
   }
 });
@@ -131,6 +137,9 @@ var YearItem = (0, import_vue8.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String
     }
   },
   setup(props, {
@@ -140,11 +149,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 || ""]]);
     };
   }
 });
@@ -163,6 +172,10 @@ var TimeItem = (0, import_vue10.defineComponent)({
     isDisabled: {
       type: Boolean,
       default: false
+    },
+    disabledMessage: {
+      type: String,
+      default: ""
     }
   },
   setup(props, {
@@ -172,11 +185,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 || ""]]);
     };
   }
 });
@@ -228,6 +241,10 @@ var timePanelProps = {
   disabledTime: {
     type: Function,
     default: () => false
+  },
+  disabledMessage: {
+    type: String,
+    default: ""
   }
 };
 var calendarPanelProps = {
@@ -285,6 +302,9 @@ var calendarPanelProps = {
   },
   isHideNotThisMonthDate: {
     type: Boolean
+  },
+  disabledMessage: {
+    type: String
   }
 };
 var calendarPanelRangeProps = {
@@ -611,6 +631,7 @@ var TimePanel = (0, import_vue13.defineComponent)({
       return {
         status,
         isDisabled: status === "disabled" || void 0,
+        disabledMessage: props.disabledMessage,
         "data-selected": status === "selected" || void 0
       };
     }

package/dist/time-panel.mjs

@@ -1,14 +1,14 @@
 import {
   TimePanel
-} from "./chunk-AMVBN624.mjs";
+} from "./chunk-BPIVV7LI.mjs";
 import "./chunk-OYJNIILC.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-IRNTTSB7.mjs";
 import "./chunk-E5BRVBZ2.mjs";
 import "./chunk-U7O52D6B.mjs";

package/package.json

@@ -2,7 +2,7 @@
   "name": "@mekari/pixel3-date-picker",
   "description": "Date Picker component for mekari pixel 3",
   "author": "Dimas Raka Septiawan <dimas.raka@mekari.com>",
-  "version": "0.1.6-dev.2",
+  "version": "0.1.6-dev.4",
   "main": "dist/index.js",
   "license": "MIT",
   "files": [
@@ -11,12 +11,12 @@
   "dependencies": {
     "date-fns": "^3.3.1",
     "date-format-parse": "^0.2.7",
-    "@mekari/pixel3-form-control": "0.0.16-dev.1",
-    "@mekari/pixel3-input": "0.0.17-dev.2",
-    "@mekari/pixel3-popover": "0.0.17-dev.2",
-    "@mekari/pixel3-button": "0.0.17-dev.2",
-    "@mekari/pixel3-icon": "0.0.17-dev.2",
-    "@mekari/pixel3-styled-system": "0.1.2-dev.1",
+    "@mekari/pixel3-form-control": "0.0.16-dev.2",
+    "@mekari/pixel3-input": "0.0.17-dev.4",
+    "@mekari/pixel3-icon": "0.0.17-dev.4",
+    "@mekari/pixel3-popover": "0.0.17-dev.4",
+    "@mekari/pixel3-button": "0.0.17-dev.4",
+    "@mekari/pixel3-styled-system": "0.1.2-dev.2",
     "@mekari/pixel3-utils": "0.0.7-dev.1"
   },
   "peerDependencies": {