TimeConfig

시간 관련 피커를 위한 설정 객체입니다. useDateTimePicker, useDateRangeTimePicker, useStandaloneTimePicker에서 공통으로 사용됩니다.

import type { TimeConfig } from "react-date-range-picker-headless";

필드

필드타입기본값설명
precisionTimePrecision"minute"시간 표시 정밀도: "hour", "minute" 또는 "second".
hourFormatHourFormat"24"12시간 또는 24시간 형식: "12" 또는 "24".
minuteStepMinuteStep5분 증가 단위.
secondStepSecondStep1초 증가 단위.
itemHeightnumber32각 스크롤 휠 항목의 높이(px).

TypeScript 정의

interface TimeConfig {
  precision?: TimePrecision;
  hourFormat?: HourFormat;
  minuteStep?: MinuteStep;
  secondStep?: SecondStep;
  itemHeight?: number;
}

관련 타입

type TimePrecision = "hour" | "minute" | "second";
type HourFormat = "12" | "24";
type MinuteStep = 1 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
type SecondStep = 1 | 2 | 3 | 5 | 10 | 15 | 20 | 30;

결정된 설정 (Resolved Config)

TimeConfig를 인자로 받는 훅은 모든 기본값이 채워진 resolvedTimeConfig를 반환합니다:

type Required<TimeConfig>
// { precision: TimePrecision; hourFormat: HourFormat; minuteStep: MinuteStep; secondStep: SecondStep; itemHeight: number }

수동으로 기본값을 결정하려면 resolveTimeConfig() 유틸리티를 사용하세요:

import { resolveTimeConfig } from "react-date-range-picker-headless";


const resolved = resolveTimeConfig({ precision: "second" });
// { precision: "second", hourFormat: "24", minuteStep: 5, secondStep: 1, itemHeight: 32 }