@uniai-fe/uds-primitives 0.6.11 → 0.6.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniai-fe/uds-primitives",
-  "version": "0.6.11",
+  "version": "0.6.12",
   "description": "UNIAI Design System; Primitives Components Package",
   "type": "module",
   "private": false,

package/src/components/calendar/markup/Core.tsx

@@ -5,6 +5,7 @@ import {
   DatesProvider,
   type DateStringValue,
 } from "@mantine/dates";
+import { useEffect, useState } from "react";
 import { dayjs } from "../../../init/dayjs";
 import { CalendarIcon } from "./Icon";
 import type { CalendarDatePickerProps, CalendarGridProps } from "../types";
@@ -25,8 +26,14 @@ export default function CalendarCore({
   onChange,
   datePickerProps,
 }: CalendarGridProps) {
-  const { valueFormat, renderDay, ...safeDatePickerProps } = (datePickerProps ??
-    {}) as CalendarDatePickerProps & {
+  const {
+    valueFormat,
+    renderDay,
+    date,
+    defaultDate,
+    onDateChange,
+    ...safeDatePickerProps
+  } = (datePickerProps ?? {}) as CalendarDatePickerProps & {
     /**
      * deprecated DatePicker 표시 포맷 옵션
      */
@@ -35,6 +42,18 @@ export default function CalendarCore({
   // 변경: valueFormat은 의도적으로 폐기된 옵션이므로 명시적으로 무시한다.
   void valueFormat;
 
+  const isDisplayedDateControlled = date !== undefined;
+  const [displayedDate, setDisplayedDate] = useState<Date | DateStringValue>(
+    () => date ?? mapValueToPicker(value) ?? defaultDate ?? new Date(),
+  );
+
+  useEffect(() => {
+    if (isDisplayedDateControlled) {
+      return;
+    }
+    setDisplayedDate(mapValueToPicker(value) ?? defaultDate ?? new Date());
+  }, [defaultDate, isDisplayedDateControlled, value]);
+
   // 기본 DatePicker 옵션/스타일 책임을 Calendar.Core에 고정한다.
   const resolvedDatePickerProps = {
     size: "sm" as const,
@@ -80,6 +99,13 @@ export default function CalendarCore({
     onChange(parsed);
   };
 
+  const handleDateChange = (nextDate: DateStringValue) => {
+    if (!isDisplayedDateControlled) {
+      setDisplayedDate(nextDate);
+    }
+    onDateChange?.(nextDate);
+  };
+
   return (
     <DatesProvider
       settings={{
@@ -98,6 +124,8 @@ export default function CalendarCore({
         value={mapValueToPicker(value) as never}
         onChange={handleChange as never}
         {...resolvedDatePickerProps}
+        date={date ?? displayedDate}
+        onDateChange={handleDateChange}
       />
     </DatesProvider>
   );