@tipp/ui 1.6.2 → 1.6.3

package/dist/app/platform/reservation-card.js

@@ -1,9 +1,9 @@
 import {
   ReservationCard
-} from "../../chunk-FJ5B7V5X.js";
+} from "../../chunk-XAX4QDNL.js";
 import "../../chunk-4UV3GA6V.js";
 import "../../chunk-FLMSBAPO.js";
-import "../../chunk-LOZE4SSZ.js";
+import "../../chunk-3HBRMWRE.js";
 import "../../chunk-GGYG5EKG.js";
 import "../../chunk-OHBXWFQ7.js";
 import "../../chunk-PCWEW2UL.js";

package/dist/app/platform/session-card.cjs

@@ -1112,17 +1112,27 @@ var import_jsx_runtime36 = require("react/jsx-runtime");
 // src/molecules/date-picker/date-picker-button.tsx
 var import_react26 = require("react");
 var import_date_fns = require("date-fns");
+var import_lodash_es = require("lodash-es");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 function DatePickerButton(props) {
   const _a = props, { size, placeholder, format: formatProps, disabled } = _a, rest = __objRest(_a, ["size", "placeholder", "format", "disabled"]);
-  const variant = disabled ? "surface" : "outline";
-  const color = "gray";
-  const style = {
-    color: disabled ? "var(--gray-9)" : void 0,
-    width: "100%",
-    backgroundColor: disabled ? "var(--gray-a11)" : void 0
-  };
-  const buttonProps = { size, color, style, variant };
+  const buttonProps = (0, import_react26.useMemo)(() => {
+    const variant = "outline";
+    const color = "gray";
+    const style = {
+      width: "100%"
+    };
+    const disabledProps = {
+      style: {
+        background: "var(--gray-a2)",
+        color: "var(--gray-9)",
+        boxShadow: "inset 0 0 0 1px var(--accent-a6)"
+      },
+      variant: "surface"
+    };
+    const baseButtonProps = { size, color, style, variant };
+    return (0, import_lodash_es.merge)(baseButtonProps, disabled ? disabledProps : {});
+  }, [disabled, size]);
   const selectFormat = (0, import_react26.useMemo)(() => {
     if (formatProps)
       return formatProps;