로케일

사용자에게 보여지는 모든 문자열에 대한 인터페이스입니다. 특정 문자열을 재정의하려면 Partial<Locale>을 훅에 전달하세요. 지정되지 않은 필드는 DEFAULT_LOCALE로 대체됩니다.

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

필드

필드타입설명
weekdaysstring[]일요일부터 시작하는 7개의 요일 약어입니다. 예: ["Su", "Mo", ...].
monthsstring[]12개의 월 이름입니다. 예: ["January", "February", ...].
confirmstring확인 버튼 레이블. 기본값: "Confirm".
cancelstring취소 버튼 레이블. 기본값: "Cancel".
clearstring지우기 버튼 레이블. 기본값: "Clear".
todaystring오늘 버튼 레이블. 기본값: "Today".
placeholderstring단일 날짜 플레이스홀더. 기본값: "Select date".
rangePlaceholderstring날짜 범위 플레이스홀더. 기본값: "Select date range".
dateTimePlaceholderstring날짜-시간 플레이스홀더. 기본값: "Select date and time".
rangeTimePlaceholderstring범위-시간 플레이스홀더. 기본값: "Select date range and time".
timePlaceholderstring시간 전용 플레이스홀더. 기본값: "Select time".
amstring오전 레이블. 기본값: "AM".
pmstring오후 레이블. 기본값: "PM".
yearLabelstring연도 열 헤더. 기본값: "".
monthLabelstring월 열 헤더. 기본값: "".
hourLabelstring시간 열 aria-label. 기본값: "Hours".
minuteLabelstring분 열 aria-label. 기본값: "Minutes".
secondLabelstring초 열 aria-label. 기본값: "Seconds".
hoursLabelstring시간 접근성 레이블. 기본값: "Hours".
minutesLabelstring분 접근성 레이블. 기본값: "Minutes".
secondsLabelstring초 접근성 레이블. 기본값: "Seconds".
startTimeLabelstring시작 시간 레이블. 기본값: "Start time".
endTimeLabelstring종료 시간 레이블. 기본값: "End time".
rangeSeparatorstring날짜 범위 시작/종료 표시 구분자. 기본값: " ~ ".
prevMonthstring이전 달 버튼 텍스트. 기본값: "\u2039" (왼쪽 홑화살괄호).
nextMonthstring다음 달 버튼 텍스트. 기본값: "\u203A" (오른쪽 홑화살괄호).
prevMonthLabelstring이전 달 접근성 레이블. 기본값: "Previous month".
nextMonthLabelstring다음 달 접근성 레이블. 기본값: "Next month".
selectYearLabelstring연도 드롭다운 접근성 레이블. 기본값: "Select year".
selectMonthLabelstring월 드롭다운 접근성 레이블. 기본값: "Select month".
formatMonthYear(month: Date) => string월 헤더 포맷. 기본값: "January 2026".
formatDate(date: Date) => string단일 날짜 표시 포맷. 기본값: "2026-01-15".
formatDateTime(date: Date, precision?: TimePrecision, hourFormat?: HourFormat) => string날짜-시간 표시 포맷. 기본값: "2026-01-15 14:30".
formatTime(hour, minute, second, period?) => string시간 표시 포맷. 기본값: "14:30:00".
formatRange(start: string, end: string) => string범위 표시 포맷. 기본값: "start ~ end".

TypeScript 정의

interface Locale {
weekdays: string[];
months: string[];
confirm: string;
cancel: string;
clear: string;
today: string;
placeholder: string;
rangePlaceholder: string;
dateTimePlaceholder: string;
rangeTimePlaceholder: string;
timePlaceholder: string;
am: string;
pm: string;
yearLabel: string;
monthLabel: string;
hourLabel: string;
minuteLabel: string;
secondLabel: string;
hoursLabel: string;
minutesLabel: string;
secondsLabel: string;
startTimeLabel: string;
endTimeLabel: string;
rangeSeparator: string;
prevMonth: string;
nextMonth: string;
prevMonthLabel: string;
nextMonthLabel: string;
selectYearLabel: string;
selectMonthLabel: string;
formatMonthYear: (month: Date) => string;
formatDate: (date: Date) => string;
formatDateTime: (date: Date, precision?: TimePrecision, hourFormat?: HourFormat) => string;
formatTime: (hour: number, minute: number, second: number, period?: TimePeriod) => string;
formatRange: (start: string, end: string) => string;
}