Date Input

Import

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

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

When to use

DateInput lets the user type or pick a date from a calendar popover. Use it for scheduling, deadlines, booking dates, or any form field that needs a specific calendar date.

Important props

Theming targets

Best practices

• DoProvide clear labels and descriptions so users understand what date is expected.
• DoUse min, max, and dateConstraints to restrict selectable dates to valid ranges.
• DoUse hasClear when the date is optional so the user can reset it.
• DoShow a loading state with changeAction when the date triggers a server-side save.