feat-fe: Date Picker 이벤트 발생 컴포넌트 변경 (#442)

Co-authored-by: Jeongwoo Park <[email protected]>
woowacourse-teams · Aug 23, 2024 · 8c29d96 · 8c29d96
1 parent 7e36876
commit 8c29d96
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/frontend/src/components/common/DateInput/index.tsx b/frontend/src/components/common/DateInput/index.tsx
@@ -18,7 +18,7 @@ export default function DateInput({ label, innerText, ...props }: DateInputProps
   };
 
   return (
-    <S.Container>
+    <S.Container onClick={handleIconClick}>
       <S.Wrapper>
         <S.Label>{label}</S.Label>
         <S.Text>{innerText}</S.Text>
@@ -33,7 +33,6 @@ export default function DateInput({ label, innerText, ...props }: DateInputProps
         outline={false}
         size="sm"
         color="white"
-        onClick={handleIconClick}
       >
         <S.Icon>
           <MdCalendarMonth size="2rem" />

diff --git a/frontend/src/components/common/DateInput/style.ts b/frontend/src/components/common/DateInput/style.ts
@@ -11,6 +11,7 @@ const Container = styled.div`
   width: 100%;
 
   position: relative;
+  cursor: pointer;
 `;
 
 const Wrapper = styled.div`
@@ -31,8 +32,8 @@ const Text = styled.span`
 const Input = styled.input`
   ${hiddenStyles}
   position: absolute;
-  top: 3rem;
-  right: 3rem;
+  top: 3.5rem;
+  right: 22rem;
 `;
 
 const Icon = styled.div`

diff --git a/frontend/src/components/common/IconButton/index.tsx b/frontend/src/components/common/IconButton/index.tsx
@@ -7,7 +7,7 @@ export default function IconButton({
   size = 'sm',
   outline = true,
   shape = 'round',
-  type,
+  type = 'button',
   onClick,
   children,
 }: PropsWithChildren<IconButtonProps>) {