DatePicker

원본: projects/skill-lens/design/components/DatePicker/README.md

상태: In Progress, 접근성 △(달력 키보드는 코드 쪽), 다크 ✓, 코드 ✗

날짜 고르기: 추천 날짜 칩 셋 + 달력. 오늘보다 앞은 못 고름. 폰은 시트

견본만 새 창으로

날짜 하나를 고릅니다. 추천 날짜 칩이 먼저, 달력이 다음입니다.

쓰는 곳

진단 마감일.

구성(화면이 넘겨줄 것)

라벨, 오늘 날짜, 추천 셋의 이름과 날짜, 고른 날짜, 안내 문장.

규칙

• 칩에는 이름과 실제 날짜를 같이 씁니다("2주 뒤 11. 20.").
• 오늘보다 앞은 흐리게 막고, 오늘은 테두리, 추천은 연보라, 고른 날은 채움. 넷의 모양이 모두 다릅니다.
• 표기는 "11. 20. (금)". 요일을 같이 씁니다.
• 한 달만 보이고 화살표로 넘깁니다.
• PC는 입력란 아래 펼침, 폰은 시트(아래 버튼에 고른 날짜).

접근성

• 날짜 칸은 aria-selected, 달력은 grid.

이 사이트는 ideber 저장소 projects/skill-lens/ 에서 자동으로 만들어집니다. 고칠 때는 저장소를 고칩니다. 공개 주소이지만 검색엔진에는 나오지 않습니다.