[✨feat] 캘린더 컴포넌트 생성

[gummmmmy0v0]

📝 작업 개요 (필수)

• 캘린더 컴포넌트 생성
• DateInput 추가
• 시간 선택 기능 추가

✨ 작업 내용 (필수)

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

📸 스크린샷

🧐 해결해야 하는 문제

🤔 리뷰어 확인 필요 사항

🔗 관련 이슈

• Closes #이슈 번호
• Related to #이슈 번호

🛠️ 후속 작업

• 시간 선택 기능 으로 내장 UI -> 제어 불가능 => 자체 TimeSelector 생성
• 리팩토링
• 지난 날짜 선택 불가 기능
• 지난 날짜 + 지난 시간 선택 불가 기능
• 반응형
• UX 개선

✅ 체크리스트 (필수)

• 작업한 내용과 커밋 메시지 컨벤션을 통일했는지 확인
• 내가 작성한 코드를 테스트까지 완료했는지 잘 작동했는지 확인
• 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.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
thejulge	Ready	Preview	Comment	Oct 9, 2025 0:18am

[sohyun0]

캘린더 컴포넌트 정말 고생많으셨습니다~! 코멘트 확인 부탁드립니다.
또한, 과거 선택 제한 기능은 아직 안보이는것 같은데 추후 기능 확장하실 예정이실까요? 🤓

그리고 mode 관련해서 && 과 같은 반복적 로직이 많이보여서 도움을 드리려고했는데 관련내용 찾기가 어렵네요 ㅠ_ㅠ

header/nav.tsx 에 nav_config 로 저는 작성을 해서 최대한 분기를 줄이려고 했는데 상태랑 prop 까지는 어떻게 관리해야할지 저도 공부를 해봐야겠습니다 🥲

[gummmmmy0v0]

캘린더 컴포넌트 정말 고생많으셨습니다~! 코멘트 확인 부탁드립니다. 또한, 과거 선택 제한 기능은 아직 안보이는것 같은데 추후 기능 확장하실 예정이실까요? 🤓

그리고 mode 관련해서 && 과 같은 반복적 로직이 많이보여서 도움을 드리려고했는데 관련내용 찾기가 어렵네요 ㅠ_ㅠ

header/nav.tsx 에 nav_config 로 저는 작성을 해서 최대한 분기를 줄이려고 했는데 상태랑 prop 까지는 어떻게 관리해야할지 저도 공부를 해봐야겠습니다 🥲

넵 과거 선택 제한 기능은 추후 확장 예정입니다! PR 올릴 때 후속 작업에 작성하는 걸 깜빡해서 다시 적어놨습니다!

캘린더가 작성할수록 복잡해지더라구요... 그래서 일단 잠깐 다른 작업 하고 후속 작업 하는 게 나을 것 같아서 PR 올렸습니다!
시간 선택하는 것도 내장 UI로 했더니 시간 선택 모달이 달력을 가리게 되어서 이 부분도 다시 해야하기 때문에 계속 작업하면서 모드 부분도 더 고민해보겠습니다!🙇‍♂️

[sohyun0]

고생하셨습니다!! 👏
중간중간에 const CALENDAR_ARROW_CLASS = clsx('rounded px-1 pt-1 hover:bg-gray-100'); 이런 상수들만 컴포넌트 밖으로 빼면 될것 같습니다 :)

추후 시간이 있으시다면 리팩토링 하실때 참고하시면 될것 같습니다 :)