(#0) inputDatePicker 이후 모든 날짜 적용 endDate null return

thebbodek · Dec 28, 2023 · b451436 · b451436
1 parent 7e2e10e
commit b451436
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/src/core/components/Calendar/DatePickerCalendar/index.tsx b/src/core/components/Calendar/DatePickerCalendar/index.tsx
@@ -36,6 +36,9 @@ export const useDatePickerCalendar = (): UseDatePickerCalendarResponse => {
     if ((periodDates.startDate && periodDates.endDate) || afterAllDate) {
       newPeriodDates.startDate = currentDate;
       newPeriodDates.endDate = "";
+      if (afterAllDate) {
+        newPeriodDates.endDate = null;
+      }
       return;
     }
 
@@ -105,7 +108,7 @@ const DatePickerCalendar = ({
   useEffect(() => {
     if (afterAllDate) {
       const newPeriodDates = models.periodDates;
-      newPeriodDates.endDate = "";
+      newPeriodDates.endDate = null;
       operations.setPeriodDates({ ...newPeriodDates });
       operations.setCalendarPeriodDates({ startDate: "", endDate: "" });
       onDateClick(models.periodDates);

diff --git a/src/core/components/Calendar/DatePickerCalendar/types/DatePickerCalendarProps.ts b/src/core/components/Calendar/DatePickerCalendar/types/DatePickerCalendarProps.ts
@@ -4,7 +4,7 @@ export type DatePickerType = typeof DATE_PICKER_TYPE[keyof typeof DATE_PICKER_TY
 
 export interface PeriodDates {
   startDate: string;
-  endDate: string;
+  endDate: string | null;
 }
 
 export interface DatePickerCalendarProps {

diff --git a/src/core/components/Input/InputDatePicker/index.tsx b/src/core/components/Input/InputDatePicker/index.tsx
@@ -78,7 +78,7 @@ const InputDatePicker = ({
           type = "text"
           placeholder = "날짜를 입력해주세요"
           className = {clsx("flex-1 focus-visible:outline-0 cursor-pointer pointer-events-none", inputClassName)}
-          value = {periodDates.startDate && `${startDate}${periodDates.endDate && ` - ${endDate}`}`}
+          value = {periodDates.startDate && `${startDate}${periodDates.endDate ? ` - ${endDate}` : ""}`}
           onKeyDown = {() => false}
           onFocus = {(e: React.FocusEvent<HTMLInputElement>) => e.target.blur()}
           onChange = {() => {}}