데이터 입력DateInput26 props
Date Time Input
Date Time Input는 날짜 선택과 시간 입력을 함께 제공해 일시 값을 입력받습니다.
공식 문서 열기미리보기
July 2026
Su
Mo
Tu
We
Th
Fr
Sa
Import
import {DateTimeInput} from '@astryxdesign/core/DateTimeInput';Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.
사용 시점
Date Time Input는 날짜 선택과 시간 입력을 함께 제공해 일시 값을 입력받습니다.
datetimepickerdatetimedatepickertimepickercalendarscheduleeventdeadline
중요 props
onChange(value: ISODateTimeString | undefined) => voidrequired
changeAction(value: ISODateTimeString | undefined) => void | Promise<void>optional
hourFormat12h | 24hoptional
sizesm | md | lgoptional
테마 대상
astryx-date-time-input
사용 지침
- 권장DateTimeInput의 목적이 드러나도록 레이블과 보조 설명을 함께 제공하세요.
- 권장상태 변화가 필요한 경우 사용자가 바로 이해할 수 있는 피드백을 연결하세요.
- 권장키보드와 보조 기술 사용자가 같은 흐름을 따라갈 수 있게 접근성 속성을 확인하세요.
- 권장화면 밀도와 주변 컴포넌트의 위계가 유지되도록 간격과 크기를 맞추세요.