12 / 47
Calendar
달력에서 날짜를 고르는 컴포넌트입니다. 하루만 고르거나 기간으로 고를 수 있습니다.
Basic
날짜 하나를 고르는 기본 달력입니다. 테두리만 둘러 두었습니다.
Range
시작일과 종료일을 잡아 기간으로 고릅니다. 두 달을 나란히 보여 줍니다.
Month and Year Selector
제목 부분이 월·연도 드롭다운으로 바뀝니다. 먼 과거나 미래로 한 번에 건너뛸 때 편합니다.
Presets
'오늘', '일주일 뒤' 같은 버튼을 옆에 붙인 형태입니다. 자주 쓰는 날짜를 한 번에 고릅니다.
Date and Time Picker
달력 아래에 시각 입력칸을 더해 날짜와 시간을 함께 정합니다. 일정 예약 화면에 씁니다.
시작 시각
종료 시각
Booked dates
이미 찬 날짜를 취소선으로 표시하고 선택을 막습니다. 숙소나 회의실 예약에 씁니다.
취소선이 그어진 날짜는 이미 예약되어 고를 수 없습니다.
Custom Cell Size
--cell-size 값으로 날짜 칸 크기를 키웁니다. 화면 폭에 따라 다르게 줄 수도 있습니다.
Week Numbers
왼쪽에 그 해의 몇 번째 주인지 표시합니다. 주 단위로 일하는 업무에 유용합니다.
RTL
아랍어처럼 오른쪽에서 왼쪽으로 읽는 언어용 배치입니다. 요일 순서와 화살표 방향이 뒤집힙니다.
선택한 날짜: 2026년 9월 14일