데이터 입력Calendar15 props
Calendar
Calendar는 날짜나 날짜 범위를 달력 그리드에서 선택하게 합니다.
공식 문서 열기미리보기
single2026-07-09
July 2026
Su
Mo
Tu
We
Th
Fr
Sa
range2 months
July 2026 – August 2026
Su
Mo
Tu
We
Th
Fr
Sa
Su
Mo
Tu
We
Th
Fr
Sa
July 2026
Su
Mo
Tu
We
Th
Fr
Sa
27
27
28
29
30
31
Import
import {Calendar} from '@astryxdesign/core/Calendar';Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.
사용 시점
Calendar는 날짜나 날짜 범위를 달력 그리드에서 선택하게 합니다.
calendardatepickerdate pickerrangepickerdate rangemonthviewdaypicker
중요 props
modesingle | rangeoptional
valueISODateString | DateRangeoptional
defaultValueISODateString | DateRangeoptional
numberOfMonths1 | 2optional
테마 대상
astryx-calendarastryx-calendar-day
사용 지침
- 권장Calendar의 목적이 드러나도록 레이블과 보조 설명을 함께 제공하세요.
- 권장상태 변화가 필요한 경우 사용자가 바로 이해할 수 있는 피드백을 연결하세요.
- 권장키보드와 보조 기술 사용자가 같은 흐름을 따라갈 수 있게 접근성 속성을 확인하세요.
- 권장화면 밀도와 주변 컴포넌트의 위계가 유지되도록 간격과 크기를 맞추세요.