@tipp/ui 2.1.31 → 2.1.32

package/dist/app/index.cjs

@@ -1886,7 +1886,7 @@ var DatePicker = (0, import_react23.forwardRef)(
         renderCustomHeader,
         showPopperArrow: false,
         timeCaption: "\uC2DC\uAC04",
-        timeFormat: "h:mm aa",
+        timeFormat: "aa h:mm",
         timeIntervals: 10
       }, rest), {
         calendarClassName: `tipp_datePicker_calendar ${rest.calendarClassName || ""}`,
@@ -2756,6 +2756,7 @@ function CoachQuestionList({
 // src/app/platform/reservation-card.tsx
 var import_react41 = require("react");
 var import_date_fns7 = require("date-fns");
+var import_locale2 = require("date-fns/locale");
 var import_jsx_runtime93 = require("react/jsx-runtime");
 function ReservationCard(props) {
   const {
@@ -2777,7 +2778,6 @@ function ReservationCard(props) {
   });
   const date = readonly ? defaultTime : editValues.date;
   const type = readonly ? defaultType : editValues.type;
-  const time = date && getTimeOption(date);
   const onClickSave = (0, import_react41.useCallback)(() => {
     var _a;
     (_a = props.onClickSave) == null ? void 0 : _a.call(props, editValues);
@@ -2794,18 +2794,14 @@ function ReservationCard(props) {
     }
     return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { color: "gray", onClick: onClickCancel, variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react_icons2.Cross1Icon, {}) });
   }, [defaultTime, defaultType, onClickCancel, onClickReserve, readonly]);
-  const onChangeDate = (0, import_react41.useCallback)(
-    (newDate) => {
-      if (!newDate) return;
-      const { hour = 0, minute = 0 } = time ? parseTimeOption(time) : {};
-      setEditValues((prev) => {
-        return __spreadProps(__spreadValues({}, prev), {
-          date: (0, import_date_fns7.setMinutes)((0, import_date_fns7.setHours)(newDate, hour), minute)
-        });
+  const onChangeDate = (0, import_react41.useCallback)((newDate) => {
+    if (!newDate) return;
+    setEditValues((prev) => {
+      return __spreadProps(__spreadValues({}, prev), {
+        date: newDate
       });
-    },
-    [time]
-  );
+    });
+  }, []);
   const onChangeType = (0, import_react41.useCallback)((newType) => {
     setEditValues((prev) => {
       return __spreadProps(__spreadValues({}, prev), {
@@ -2813,24 +2809,9 @@ function ReservationCard(props) {
       });
     });
   }, []);
-  const onChangeTime = (0, import_react41.useCallback)(
-    (v) => {
-      const { hour, minute } = parseTimeOption(v);
-      if (typeof v === "undefined") {
-        setEditValues((prev) => {
-          return __spreadProps(__spreadValues({}, prev), {
-            date: v
-          });
-        });
-      }
-      setEditValues((prev) => {
-        return __spreadProps(__spreadValues({}, prev), {
-          date: (0, import_date_fns7.setMinutes)((0, import_date_fns7.setHours)(date || /* @__PURE__ */ new Date(), hour), minute)
-        });
-      });
-    },
-    [date]
-  );
+  const formatDate = (0, import_react41.useCallback)((v) => {
+    return (0, import_date_fns7.format)(v, "yyyy\uB144 MM\uC6D4 dd\uC77C(EEE) aa h:mm", { locale: import_locale2.ko });
+  }, []);
   (0, import_react41.useEffect)(() => {
     if (!minTime || !editValues.date || readonly) return;
     if (editValues.date < minTime) {
@@ -2883,70 +2864,46 @@ function ReservationCard(props) {
           ),
           /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes22.Flex, { children: ActionButtons })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes6.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-          Form.Root,
-          {
-            onSubmit: (e) => {
-              e.preventDefault();
-            },
-            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Form.Field, { name: "date", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(Form.Label, { asChild: true, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Heading2, { mb: "2", variant: "heading5", weight: "regular", children: "\uC138\uC158 \uC77C\uC790\uC640 \uC2DC\uAC01" }),
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes23.Grid, { columns: "1fr auto", gap: "4", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                    DatePickerButton,
-                    {
-                      disabled: readonly,
-                      maxDate: maxTime,
-                      minDate: minTime,
-                      onChange: onChangeDate,
-                      placeholder: "\uC77C\uC790\uB97C \uC120\uD0DD\uD574\uC8FC\uC138\uC694",
-                      selected: date,
-                      size: "large"
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                    TimeSelect,
-                    {
-                      disabled: readonly,
-                      maxTime,
-                      minTime,
-                      onValueChange: onChangeTime,
-                      size: "3",
-                      time: date,
-                      value: time
-                    }
-                  )
-                ] })
-              ] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(Form.Field, { name: "type", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Form.Label, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Heading2, { mb: "2", variant: "heading5", weight: "regular", children: "\uC628/\uC624\uD504\uB77C\uC778 \uC9C4\uD589 \uC5EC\uBD80" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Form.Control, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                  OnOfflineRadioCard,
-                  {
-                    disabled: readonly,
-                    onValueChange: onChangeType,
-                    size: "1",
-                    value: type
-                  }
-                ) })
-              ] }),
-              readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { align: "center", gap: "3", justify: "end", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                  Button,
-                  {
-                    color: "gray",
-                    onClick: onClickReset,
-                    size: "small",
-                    variant: "transparent",
-                    children: "\uCD08\uAE30\uD654\uD558\uAE30"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { onClick: onClickSave, size: "small", children: "\uC800\uC7A5\uD558\uAE30" })
-              ] })
-            ] })
-          }
-        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes6.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { direction: "column", gap: "5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Heading2, { mb: "2", variant: "heading5", weight: "regular", children: "\uC138\uC158 \uC77C\uC790\uC640 \uC2DC\uAC01" }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            DatePickerButton,
+            {
+              disabled: readonly,
+              format: formatDate,
+              maxDate: maxTime,
+              minDate: minTime,
+              onChange: onChangeDate,
+              placeholder: "\uC77C\uC790\uB97C \uC120\uD0DD\uD574\uC8FC\uC138\uC694",
+              selected: date,
+              showTimeSelect: true,
+              size: "large"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Heading2, { mb: "2", variant: "heading5", weight: "regular", children: "\uC628/\uC624\uD504\uB77C\uC778 \uC9C4\uD589 \uC5EC\uBD80" }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            OnOfflineRadioCard,
+            {
+              disabled: readonly,
+              onValueChange: onChangeType,
+              size: "1",
+              value: type
+            }
+          ),
+          readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_themes22.Flex, { align: "center", gap: "3", justify: "end", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              Button,
+              {
+                color: "gray",
+                onClick: onClickReset,
+                size: "small",
+                variant: "transparent",
+                children: "\uCD08\uAE30\uD654\uD558\uAE30"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { onClick: onClickSave, size: "small", children: "\uC800\uC7A5\uD558\uAE30" })
+          ] })
+        ] }) }),
         readonly ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_themes25.Inset, { clip: "border-box", side: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           import_themes6.Box,
           {