[FE] 달력 UI를 추가로 개선해요 :)

[hwinkr]

이슈 요약

런칭데이에서 받은 달력 UI 피드백을 반영합니다.

상세 작업 내용

아래는 받은 피드백들을 정리한 것입니다.

• 약속 날짜 범위를 결정하기 위해서 달력을 사용하려고 보니, 오늘에 초록색 동그라미 표시가 있어서 이미 오늘을 기본적으로 선택한 줄 알았다. 그래서, 날짜를 선택한 줄 알고 약속을 생성하려니 에러가 발생해서 당황스러웠다.
• 달력을 통해서 여러 날짜를 선택할 수 있다는 것을 알려줬으면 좋겠다.
• 연속된 여러개의 날짜를 선택하기 위해서 모든 날짜를 클릭해야 하는 것이 불편하다. 개선되었으면 한다.
• 일요일만 빨간색으로 표시하는 것이 아니라, 실제 공휴일도 빨간색으로 표시를 하면 좋을 것 같다.

해당 피드백들을 반영하기 위해서 다음과 같은 작업들을 진행합니다.

• 오늘을 표시하는 방법을 초록색 점이 아닌, 오늘 텍스트로 변경
• 여러 날짜를 선택할 수 있다는 텍스트를 추가
• holidays-kr 라이브러리를 도입하여 실제 대한민국 공휴일을 표시하는 기능 추가
• 시작 날짜, 끝 날짜만 선택하여 연속된 날짜를 편하게 선택할 수 있도록 하는 기능 추가

레퍼런스