From a63d0f69ed9ee78a90422fcdab5f81d90b1ad009 Mon Sep 17 00:00:00 2001
From: Vivian Phung <dev+github@vivianphung.com>
Date: Tue, 14 May 2024 15:48:01 -0400
Subject: [PATCH] [7/n][Storybook] DatePicker update argTypes

---
 .../stories/Components/DatePicker.stories.tsx | 27 ++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/src/stories/Components/DatePicker.stories.tsx b/packages/frontend/src/stories/Components/DatePicker.stories.tsx
index f05e1d24..26122205 100644
--- a/packages/frontend/src/stories/Components/DatePicker.stories.tsx
+++ b/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}
     />
   ),
 };