@tipp/ui 1.6.2 → 1.6.4

package/dist/app/index.js

@@ -17,10 +17,10 @@ import {
 } from "../chunk-S3F7WBI2.js";
 import {
   ReservationCard
-} from "../chunk-FJ5B7V5X.js";
+} from "../chunk-UEQFUV4U.js";
 import {
   SessionCard
-} from "../chunk-SDB67XPD.js";
+} from "../chunk-LYSYLJJK.js";
 import {
   SessionReviewSimpleRead
 } from "../chunk-3AKDXL7S.js";
@@ -29,13 +29,13 @@ import {
 } from "../chunk-PT65RXZG.js";
 import {
   EditCoachingTime
-} from "../chunk-5YPO6QDQ.js";
+} from "../chunk-565JTDWV.js";
 import {
   EditServiceType
 } from "../chunk-WNSDISYV.js";
 import {
   GoalManageCardEdit
-} from "../chunk-Q6PZVA6O.js";
+} from "../chunk-M3YBNPMG.js";
 import {
   GoalManageCardRead
 } from "../chunk-55BS56C7.js";
@@ -46,7 +46,7 @@ import {
   ReportCard
 } from "../chunk-JNBRGQCJ.js";
 import "../chunk-FLMSBAPO.js";
-import "../chunk-LOZE4SSZ.js";
+import "../chunk-W7C6PIK6.js";
 import "../chunk-GGYG5EKG.js";
 import "../chunk-OHBXWFQ7.js";
 import "../chunk-PCWEW2UL.js";

package/dist/app/platform/edit-coaching-time.cjs

@@ -1097,26 +1097,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_clsx = require("clsx");
 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";
+    return { size, color, variant };
+  }, [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 /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_themes6.Box, { p: "0", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     DatePicker,
     __spreadProps(__spreadValues({
-      customInput: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button, __spreadProps(__spreadValues({ type: "button" }, buttonProps), { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_themes22.Flex, { align: "center", gap: "3", justify: "between", width: "100%", children: [
+      customInput: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button, __spreadProps(__spreadValues({ className, type: "button" }, buttonProps), { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_themes22.Flex, { align: "center", gap: "3", justify: "between", width: "100%", children: [
         rest.selected ? selectFormat(rest.selected) : placeholder,
         /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_icons3.CalendarIcon, {})
       ] }) })),