refactor: 날짜 선택 컴포넌트 코드 개선

Author: shinjigu

src/page/todo/myTodo/component/DatePicker/DatePicker.css.ts

@@ -35,23 +35,15 @@ export const iconButton = style({
   justifyContent: 'center',
   width: '2.8rem',
   height: '2.8rem',
-  aspectRatio: '1/1',
   background: 'none',
   border: 'none',
   padding: 0,
   cursor: 'pointer',
 });
 
-export const yesterdayIcon = style({
+export const iconBase = style({
   width: '2.8rem',
   height: '2.8rem',
-  aspectRatio: '1/1',
-});
-
-export const tomorrowIcon = style({
-  width: '2.8rem',
-  height: '2.8rem',
-  aspectRatio: '1/1',
 });
 
 export const iconActive = style({

src/page/todo/myTodo/component/DatePicker/DatePicker.tsx

@@ -3,8 +3,7 @@ import {
   datePickerContent,
   dateText,
   iconButton,
-  yesterdayIcon,
-  tomorrowIcon,
+  iconBase,
   iconActive,
   iconInactive,
 } from './DatePicker.css';
@@ -52,11 +51,11 @@ const DatePicker = ({
           <button
             className={iconButton}
             onClick={handleYesterdayClick}
-            aria-label=" 어제 날짜"
+            aria-label="어제 날짜"
             disabled={!hasPrev}
             type="button"
           >
-            <IcYesterday className={`${yesterdayIcon} ${hasPrev ? iconActive : iconInactive}`} />
+            <IcYesterday className={`${iconBase} ${hasPrev ? iconActive : iconInactive}`} />
           </button>
           <span className={dateText}>{formatDateDot(currentDate)}</span>
           <button
@@ -66,7 +65,7 @@ const DatePicker = ({
             disabled={!hasNext}
             type="button"
           >
-            <IcTomorrow className={`${tomorrowIcon} ${hasNext ? iconActive : iconInactive}`} />
+            <IcTomorrow className={`${iconBase} ${hasNext ? iconActive : iconInactive}`} />
           </button>
         </div>
       </div>