@tipp/ui 1.6.4 → 1.6.6

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

@@ -1,9 +1,9 @@
 import {
   ReservationCard
-} from "../../chunk-UEQFUV4U.js";
+} from "../../chunk-UH3EXAIO.js";
 import "../../chunk-4UV3GA6V.js";
 import "../../chunk-FLMSBAPO.js";
-import "../../chunk-W7C6PIK6.js";
+import "../../chunk-GGXPZLTY.js";
 import "../../chunk-GGYG5EKG.js";
 import "../../chunk-OHBXWFQ7.js";
 import "../../chunk-PCWEW2UL.js";
@@ -11,7 +11,7 @@ import "../../chunk-OCINOC2X.js";
 import "../../chunk-LEA3N4OQ.js";
 import "../../chunk-WUULPI2P.js";
 import "../../chunk-V4ZJJM3V.js";
-import "../../chunk-HXUZQJQY.js";
+import "../../chunk-EVCB4ZZJ.js";
 import "../../chunk-V2DF2GUE.js";
 import "../../chunk-ZXQZRIRS.js";
 import "../../chunk-W4GH6ZKK.js";

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

@@ -1119,16 +1119,19 @@ function DatePickerButton(props) {
   const buttonProps = (0, import_react26.useMemo)(() => {
     const variant = "outline";
     const color = "gray";
-    return { size, color, variant };
-  }, [size]);
+    return { size, color, variant, disabled };
+  }, [disabled, size]);
   const selectFormat = (0, import_react26.useMemo)(() => {
     if (formatProps)
       return formatProps;
     return (date) => date ? (0, import_date_fns.format)(date, "yyyy\uB144 MM\uC6D4 dd\uC77C") : placeholder;
   }, [formatProps, placeholder]);
   const className = (0, import_react26.useMemo)(() => {
-    return (0, import_clsx.clsx)("date-picker-button", disabled && "disabled");
-  }, [disabled]);
+    return (0, import_clsx.clsx)(
+      "date-picker-button",
+      (disabled || props.readOnly) && "disabled"
+    );
+  }, [disabled, props.readOnly]);
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes6.Box, { p: "0", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     DatePicker,
     __spreadProps(__spreadValues({
@@ -1195,7 +1198,7 @@ function TimeSelect(_a) {
     return [getOptionValue(minTime, time), getOptionValue(maxTime, time)];
   }, [maxTime, minTime, time]);
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Select.Root, __spreadProps(__spreadValues({ value }, rest), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes22.Flex, { direction: "column", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Select.Trigger, { placeholder: "-        ", style: { minWidth: "100px" } }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_themes22.Flex, { direction: "column", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Select.Trigger, { placeholder: "-        ", style: { minWidth: "100px" }, children: value }) }),
     /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Select.Content, { children: timeOptions.map((option) => {
       const visible = (!minOption || option >= minOption) && (!maxOption || option <= maxOption);
       if (!visible) {