DSDesignSkill
|

/컴포넌트/예약 캘린더

새 창 ↗
자산 미리보기 이미지

1440px 풀페이지 캡처 · 실화면 탭에서 라이브 확인

설명

상담·시술 예약 화면에 쓰는 날짜/시간 선택 묶음 3종입니다. 기본형은 월 그리드에서 날짜를 고르고 오른쪽에서 시간을 고르면, 선택 요약 패널의 날짜와 시간이 스크립트 없이 바뀝니다. 라디오 버튼과 CSS :has() 만으로 동작하며 마감·휴무 날짜는 선택되지 않습니다. 여기에 오전·오후·저녁으로 묶은 시간대 그룹형과, 가로 스크롤 날짜 스트립을 쓴 모바일 주간형을 함께 넣었습니다.

변경 이력

v1.0.02026-07-27

최초 공개