(#0) InputDatePicker dateLabel props 추가

thebbodek · Jan 15, 2024 · 48ec4ad · 48ec4ad
1 parent 85b2d96
commit 48ec4ad
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/core/components/Input/InputDatePicker/InputDatePicker.stories.tsx b/src/core/components/Input/InputDatePicker/InputDatePicker.stories.tsx
@@ -37,7 +37,7 @@ const DefaultLayout = () => {
     >
       <div className = "w-[500px]">
         <button type = "button" onClick = {onDatesClick}>전체 날짜 변경</button>
-        <InputDatePicker overlay = {overlay} useTab getPeriodDates = {getDate} externalDates = {myDates} label = "날짜 선택" initialDate = "2024-02-05" cutoffDate = "2024-02-06" cutoffAfterDate = "2024-02-15" required />
+        <InputDatePicker overlay = {overlay} useTab getPeriodDates = {getDate} externalDates = {myDates} label = "날짜 선택" initialDate = "2024-02-05" cutoffDate = "2024-02-06" cutoffAfterDate = "2024-02-15" required dateLabel = {["복구일"]}/>
         <Button type = "submit" backgroundColor = "primary-03" color = "white" size = "h-48" className = "px-7 mt-4" content = "전송"/>
       </div>
     </form>

diff --git a/src/core/components/Input/InputDatePicker/index.tsx b/src/core/components/Input/InputDatePicker/index.tsx
@@ -24,6 +24,7 @@ const InputDatePicker = ({
   inputClassName,
   afterAllDate,
   label,
+  dateLabel,
   closeButtonText,
 }: InputDatePickerProps & HTMLAttributes<HTMLInputElement>) => {
   const id = useId();
@@ -46,6 +47,7 @@ const InputDatePicker = ({
             getPeriodDates(periodDates, isAfterAllDate);
             close();
           }}
+          dateLabel = {dateLabel}
           initialDate = {initialDate}
           cutoffDate = {cutoffDate}
           cutoffAfterDate = {cutoffAfterDate}