fix: 스토리북 커서 안나오는 문제 해결

.storybook/preview.tsx

@@ -4,6 +4,7 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import React from "react";
 import { Decorator } from "@storybook/react";
 import { useRouter } from "next/navigation";
+import "./storybook.css";
 
 const queryClient = new QueryClient();
 

.storybook/storybook.css

@@ -0,0 +1,17 @@
+* {
+  cursor: auto !important;
+}
+
+html,
+body {
+  cursor: auto !important;
+}
+
+a,
+button,
+[role="button"],
+input,
+select,
+textarea {
+  cursor: auto !important;
+}

src/app/stories/design-system/components/input/picker/DatePicker.stories.tsx

@@ -1,7 +1,7 @@
-import DatePickerInput from "@/app/components/input/dateTimeDaypicker/DatePickerInput";
 import "react-datepicker/dist/react-datepicker.css";
 import { Meta, StoryObj } from "@storybook/react";
 import { FormProvider, useForm } from "react-hook-form";
+import DatePickerInput from "@/app/components/input/dateTimeDaypicker/DatePickerInput";
 
 const meta = {
   title: "Design System/Components/Date-Time-Day Picker/DatePicker",
@@ -28,8 +28,8 @@ type Story = StoryObj<typeof DatePickerInput>;
 export const DatePicker: Story = {
   render: () => (
     <DatePickerInput
-      startDate={undefined}
-      endDate={undefined}
+      startDate={new Date()}
+      endDate={new Date()}
       displayValue="2024.01.02 ~ 2024.03.03"
       onChange={() => {}}
     />