TimePicker

시간 선택 컴포넌트는 12시간제(AM/PM)로 시·분을 선택할 수 있는 폼 요소입니다.

기본 사용법

'use client';

import { useState } from 'react';
import { TimePicker } from '@aift/ui/TimePicker';

export default function Preview() {
  const [value, setValue] = useState<Date | undefined>(undefined);

  return (
    <div className="max-w-md space-y-4">
      <TimePicker value={value} onChange={setValue} />
    </div>
  );
}

'use client';import { useState } from 'react';import { TimePicker } from '@aift/ui/TimePicker';export default function Preview() {  const [value, setValue] = useState<Date | undefined>(undefined);  return (    <div className="max-w-md space-y-4">      <TimePicker value={value} onChange={setValue} />    </div>  );}

Props

Prop	Type	Default	Description
value	`Date`	-	선택된 시간 (시/분만 사용)
onChange	`(date: Date \| undefined) => void`	-	시간 변경 핸들러
placeholder	`string`	`'오전 0:00'`	플레이스홀더 텍스트
disabled	`boolean`	`false`	비활성화 여부
className	`string`	-	추가 CSS 클래스
format	`string`	`'A h:mm'`	시간 표시 형식 (dayjs)

TimePicker

기본 사용법

Props

On this page