카렌더 원복

packages/common/components/src/ui/date-picker/index.tsx

@@ -2,7 +2,7 @@ import "./date-picker.css";
 
 import { format } from "date-fns";
 import { CalendarIcon } from "lucide-react";
-import type { DayPickerSingleProps } from "react-day-picker";
+import type { DayPicker } from "react-day-picker";
 
 import { cn } from "../../lib/utils";
 import { Button } from "../button";
@@ -12,7 +12,8 @@ import { Popover, PopoverContent, PopoverTrigger } from "../popover";
 type DatePickerProps = {
   placeholder?: string;
   disabled?: boolean;
-} & DayPickerSingleProps;
+  selected?: Date;
+} & React.ComponentProps<typeof DayPicker>;
 
 export function DatePicker({
   className,
@@ -37,7 +38,7 @@ export function DatePicker({
         </Button>
       </PopoverTrigger>
       <PopoverContent className="w-auto p-0">
-        <Calendar initialFocus classNames={{ cell: "rounded-md" }} {...props} />
+        <Calendar classNames={{ cell: "rounded-md" }} {...props} />
       </PopoverContent>
     </Popover>
   );