[🐛fix] DateInput 제어 props #53

[gummmmmy0v0]

📝 작업 개요 (필수)

• DateInput props로 제어 가능하게 변경
• (리팩토링) 날짜 유효성 확인 기능

✨ 작업 내용 (필수)

• 기능 구현
• 버그 수정
• 스타일/UI 변경
• 리팩토링
• 최적화/성능개선
• 문서 업데이트
• 기타 변경사항

📸 스크린샷

🧐 해결해야 하는 문제

🤔 리뷰어 확인 필요 사항

🔗 관련 이슈

• Closes [Feature] 공통 컴포넌트 - 캘린더 #21
• Related to #이슈 번호

🛠️ 후속 작업

• 버그 해결 여부 확인 필요
• 리팩토링

✅ 체크리스트 (필수)

• 작업한 내용과 커밋 메시지 컨벤션을 통일했는지 확인
• 내가 작성한 코드를 테스트까지 완료했는지 잘 작동했는지 확인
• ESLint 검사 통과
• Prettier 포맷팅 적용
• TypeScript 에러 없음
• 빌드 에러 없음

[vercel]

@gummmmmy0v0 is attempting to deploy a commit to the projects Team on Vercel.

A member of the Team first needs to authorize it.

[sohyun0]

고생하셨습니다 ! 스타일관련 코멘트 확인 부탁드립니다!

[sohyun0]

input에 자동완성이 떠있어서 캘린더를 가리고 있어서 autoComplete='off' 로 설정하면 좋을것 같습니다!
또한 다른input 에 캘린더가 가려져 있어서 absolute 부분에 z-index:1 을 추가해야 원활하게 보일것 같습니다:)
토요일의 경우 파란색 컬러가 겹쳐서 텍스트가 보이지 않는 현상이 (폰트컬러가 흰색으로 변경되지 않음) 있어서 이부분만 해결해주시면 좋을것 같습니다!

그리고 이건 제안사항인데요 ! 캘린더가 인풋보다 모호하게 작아서 인풋크기와 동일하게
absolute 부분에 w-full 을 주고 그 아래에 w-80를 제거하는건 어떤까 했습니다!
이건 취향따라 가시면 될것같긴합니다!

[gummmmmy0v0]

완료했습니다 🙇‍♂️