feat: 방 생성 시 모집마감일에 따라 코드리뷰마감일의 선택일이 제한되도록 기능 추가

woowacourse-teams · Nov 11, 2024 · 635ab07 · 635ab07
1 parent 538c9e3
commit 635ab07
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/frontend/src/components/roomForm/RoomFormLayout.tsx b/frontend/src/components/roomForm/RoomFormLayout.tsx
@@ -218,9 +218,17 @@ const RoomFormLayout = ({ formType, roomId, data }: RoomFormLayoutProps) => {
           <S.ContentInput>
             <DateTimePicker
               selectedDateTime={formState.recruitmentDeadline}
-              onDateTimeChange={(newDateTime) =>
-                handleInputChange("recruitmentDeadline", newDateTime)
-              }
+              onDateTimeChange={(newDateTime) => {
+                handleInputChange("recruitmentDeadline", newDateTime);
+                if (newDateTime > formState.reviewDeadline) {
+                  const newDate = new Date();
+                  newDate.setFullYear(newDateTime.getFullYear());
+                  newDate.setMonth(newDateTime.getMonth());
+                  newDate.setDate(newDateTime.getDate());
+                  handleInputChange("reviewDeadline", newDate);
+                }
+              }}
+              options={{ isPastDateDisabled: true }}
             />
           </S.ContentInput>
         </S.RowContainer>
@@ -233,6 +241,10 @@ const RoomFormLayout = ({ formType, roomId, data }: RoomFormLayoutProps) => {
             <DateTimePicker
               selectedDateTime={formState.reviewDeadline}
               onDateTimeChange={(newDateTime) => handleInputChange("reviewDeadline", newDateTime)}
+              options={{
+                isPastDateDisabled: true,
+                disabledBeforeDate: formState.recruitmentDeadline,
+              }}
             />
           </S.ContentInput>
         </S.RowContainer>