Date Time Input

Import

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

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

When to use

DateTimeInput combines a calendar popover with a time input for selecting both a date and time in a single interaction flow. Use it for scheduling, event creation, deadline sett...

Important props

Theming targets

Best practices

• DoProvide clear labels and descriptions so users understand what datetime is expected.
• DoUse min and max to restrict selectable datetimes to valid ranges.
• DoUse hasClear when the datetime is optional so the user can reset it.
• DoChoose the hour format (12h or 24h) that matches your audience's locale.