fix: fix date picker header button submit issue (#50)

Co-authored-by: dev-redo <[email protected]>
corca-ai · Apr 30, 2024 · d873058 · d873058
1 parent 26a5c3b
commit d873058
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/DatePicker/DateTime/index.tsx b/src/components/DatePicker/DateTime/index.tsx
@@ -69,14 +69,14 @@ export function DateTime({
           // https://reactdatepicker.com/#example-custom-header
         }) => (
           <HeaderWrapper>
-            <HeaderButton onClick={decreaseMonth}>
+            <HeaderButton type="button" onClick={decreaseMonth}>
               <Icon.ChevronLeftSmall color={color['main-black']} />
             </HeaderButton>
             <HeaderText>
               <span>{MONTHS[date.getMonth()]}</span>
               <span> {date.getFullYear()}</span>
             </HeaderText>
-            <HeaderButton onClick={increaseMonth}>
+            <HeaderButton type="button" onClick={increaseMonth}>
               <Icon.ChevronRightSmall color={color['main-black']} />
             </HeaderButton>
           </HeaderWrapper>

diff --git a/src/components/DatePicker/SingleDate/index.tsx b/src/components/DatePicker/SingleDate/index.tsx
@@ -57,14 +57,14 @@ export function SingleDate({
           // https://reactdatepicker.com/#example-custom-header
         }) => (
           <HeaderWrapper>
-            <HeaderButton onClick={decreaseMonth}>
+            <HeaderButton type="button" onClick={decreaseMonth}>
               <Icon.ChevronLeftSmall color={color['main-black']} />
             </HeaderButton>
             <HeaderText>
               <span>{MONTHS[date.getMonth()]}</span>
               <span> {date.getFullYear()}</span>
             </HeaderText>
-            <HeaderButton onClick={increaseMonth}>
+            <HeaderButton type="button" onClick={increaseMonth}>
               <Icon.ChevronRightSmall color={color['main-black']} />
             </HeaderButton>
           </HeaderWrapper>