Calendar

Import

import {Calendar} from '@astryxdesign/core/Calendar';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

Calendar lets the user pick a date or date range from a month grid. Use it in booking flows, scheduling UIs, date filters, or anywhere the user needs to see surrounding dates fo...

Important props

Theming targets

Best practices

• DoSet min and max dates to limit selection to a valid window, like only future dates for a booking or the current quarter for a report.
• DoUse range mode when the user needs to pick a start and end date, like a trip or a time-off request.
• DoUse dateConstraints to disable specific dates like weekends or holidays, and explain why they are unavailable.
• DoShow two months side by side when the user frequently selects dates that span a month boundary.