Calendar
comming soon...피그마에서 제공하지 않는 컴포넌트입니다. React에서만 확인할 수 있습니다.
Import
import { Calendar } from '@goorm-dev/vapor-components';Examples
Props
| name | description | default |
|---|---|---|
| calendarType | 사용할 달력 유형. 'gregory', 'hebrew', 'islamic', 'iso8601' 중 하나를 선택할 수 있습니다. 'gregory' 또는 'hebrew'로 설정하면 주의 첫날이 일요일로 변경됩니다. 'islamic'으로 설정하면 주의 첫날이 토요일로 변경됩니다. 'islamic' 또는 'hebrew'로 설정하면 주말이 금요일과 토요일로 나타납니다. gregoryhebrewislamiciso8601ArabicHebrewISO 8601US | US |
| minDate | 사용자가 선택할 수 있는 최소 날짜. `minDate`에 의해 부분적으로 겹치는 기간도 선택할 수 있지만, react-calendar은 더 이른 날짜가 선택되지 않도록 합니다. Date | undefined |
| maxDate | 사용자가 선택할 수 있는 최대 날짜. `maxDate`에 의해 부분적으로 겹치는 기간도 선택할 수 있지만, react-calendar은 더 늦은 날짜가 선택되지 않도록 합니다. Date | undefined |
| prevLabel | 탐색 창에서 "이전" 버튼의 내용. 값을 명시적으로 null로 설정하면 아이콘이 숨겨집니다. ReactNodenull | <ChevronLeftIcon /> |
| nextLabel | 탐색 창에서 '다음' 버튼의 내용. 값을 명시적으로 null로 설정하면 아이콘이 숨겨집니다. ReactNodenull | <ChevronRightIcon /> |