DatePicker

<DatePicker label="분석 날짜" labelWidth={80} />

<DatePicker mode="range" label="분석 기간" labelWidth={80} />

<DatePicker mode="month" label="분석 월" labelWidth={80} />

<DatePicker mode="year" label="분석 연도" labelWidth={80} />

<DatePicker mode="month-range" label="분석 월 범위" labelWidth={100} />

<DatePicker mode="year-range" label="분석 연도 범위" labelWidth={100} />

<DatePicker label="기본" labelWidth={80} />
<DatePicker label="비활성화" labelWidth={80} disabled />
<DatePicker label="읽기 전용" labelWidth={80} readOnly />
<DatePicker
  label="에러"
  labelWidth={80}
  error="날짜를 선택해주세요"
  required
/>
<DatePicker
  label="설명 포함"
  labelWidth={80}
  description="분석 시작 날짜를 선택하세요"
/>
<DatePicker label="클리어 불가" labelWidth={80} clearable={false} />

<DatePicker label="날짜/시간" labelWidth={80} showTime />

{/* 기본: 초기화 버튼 표시 */}
<DatePicker label="초기화 가능" labelWidth={120} clearable />
 
{/* 초기화 버튼 숨김 — 필수 날짜 입력 시 활용 */}
<DatePicker label="초기화 불가" labelWidth={120} clearable={false} />

<DatePicker label="조회 날짜" labelWidth={80} placeholder="날짜 선택" />

<DatePicker
  mode="range"
  label="분석 기간"
  labelWidth={80}
  startPlaceholder="시작일"
  endPlaceholder="종료일"
/>

{/* 날짜: YYYY.MM.DD */}
<DatePicker label="날짜" labelWidth={80} />
 
{/* 날짜+시간: YYYY.MM.DD HH:mm */}
<DatePicker label="날짜/시간" labelWidth={80} showTime />
 
{/* 월: YYYY.MM */}
<DatePicker mode="month" label="월" labelWidth={80} />
 
{/* 연도: YYYY */}
<DatePicker mode="year" label="연도" labelWidth={80} />

<DatePicker
  mode="range"
  label="분석 기간"
  labelWidth={80}
  startPlaceholder="시작일"
  endPlaceholder="종료일"
/>

<DatePicker
  label="리포트 날짜"
  labelWidth={100}
  description="최근 90일 이내 날짜만 선택 가능"
  minDate={new Date(Date.now() - 90 * 24 * 60 * 60 * 1000)}
  maxDate={new Date()}
/>

<DatePicker
  mode="month"
  label="조회 월"
  labelWidth={80}
  placeholder="월 선택"
/>

<DatePicker
  mode="year"
  label="조회 연도"
  labelWidth={80}
  placeholder="연도 선택"
/>