[7/n][Storybook] DatePicker update argTypes (#44)

packages/frontend/src/stories/Components/DatePicker.stories.tsx

@@ -6,6 +6,23 @@ const meta: Meta<typeof DatePicker> = {
   title: 'Components/DatePicker',
   component: DatePicker,
   tags: ['autodocs'],
+  argTypes: {
+    calendarProps: {
+      control: 'object',
+    },
+    onChange: {
+      action: 'change',
+    },
+    value: {
+      control: 'text',
+    },
+    selectRange: {
+      control: 'boolean',
+    },
+    onReset: {
+      action: 'reset',
+    },
+  },
 };
 
 export default meta;
@@ -13,13 +30,21 @@ export default meta;
 type Story = StoryObj<typeof DatePicker>;
 
 export const Default: Story = {
-  render: ({ calendarProps, onChange, value, selectRange, onReset }) => (
+  render: ({
+    calendarProps,
+    onChange,
+    value,
+    selectRange,
+    onReset,
+    ...args
+  }) => (
     <DatePicker
       calendarProps={calendarProps}
       onChange={onChange}
       value={value}
       selectRange={selectRange}
       onReset={onReset}
+      {...args}
     />
   ),
 };