@baneung-pack/ui
Selection

Calendar

react-day-picker v9 래퍼. mode="single" / "multiple" / "range" 지원, 토큰 기반 클래스 매핑.

예제

June 2026

설치 / Import

import { Calendar } from '@baneung-pack/ui';
import { Calendar } from '@baneung-pack/ui/calendar';

서브패스 import는 트리쉐이킹 친화 — 사용하지 않는 다른 컴포넌트는 번들에 포함되지 않습니다.

API

PropertyDescriptionTypeDefault
mode선택 모드'single' | 'multiple' | 'range''default'
selected선택된 날짜Date | Date[] | DateRange
onSelect선택 변경(date) => void
disabled비활성 날짜 매처Date[] | ((date: Date) => boolean)
month표시 월 (controlled)Date
defaultMonth표시 월 (uncontrolled)Date