Merge pull request #121 from Docent-Inc/develop

231223 생년월일 입력 컴포넌트 인풋 변경
Docent-Inc · Dec 23, 2023 · 08d7e01 · 08d7e01
2 parents 6ff0e81 + f4d4209
commit 08d7e01
Show file tree

Hide file tree

Showing 6 changed files with 507 additions and 304 deletions.
diff --git a/components/calendar/mutate/MutateCalendar.vue b/components/calendar/mutate/MutateCalendar.vue
@@ -1,6 +1,6 @@
 <template>
-    <div class="add-date_info-box">
-        <h2>
+    <div class="add-date_info-box" :class="{ 'birth-page': isBirthComponent }">
+        <h2 v-if="!isBirthComponent">
             {{ isStartTimeSection ? "시작하는 날짜 " : "끝나는 날짜 "
             }}<span class="point">*</span>
         </h2>
@@ -31,7 +31,7 @@
             {{ dateErrorMsg }}
         </div>
     </div>
-    <div class="add-date_time-box">
+    <div class="add-date_time-box" v-if="!isBirthComponent">
         <h2>{{ isStartTimeSection ? "시작하는 시간 " : "끝나는 시간 " }}</h2>
         <button
             type="button"
@@ -97,6 +97,7 @@ export default {
         dateErrorMsg: String,
         timeErrorMsg: String,
         isStartTimeSection: Boolean,
+        isBirthComponent: Boolean,
     },
     emits: [
         "validateYear",
@@ -115,7 +116,11 @@ export default {
         emitValidationEvent(fieldName) {
             this.$emit(
                 `validate${fieldName}`,
-                this.isStartTimeSection ? "startTime" : "endTime",
+                this.isBirthComponent
+                    ? "currentBirth"
+                    : this.isStartTimeSection
+                    ? "startTime"
+                    : "endTime",
             );
         },
         validateYear() {
@@ -148,13 +153,18 @@ export default {
 
 .add-date_info-box,
 .add-date_time-box {
+    width: 100%;
     padding: 0 2rem;
 
     h2 {
         font-family: $font-medium;
         margin-bottom: 0.8rem;
     }
 
+    &.birth-page {
+        padding: 0;
+    }
+
     .no-time {
         width: 132px;
         background: $vc-indigo-50;