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