Localeヘルパー

ロケール設定を作成およびマージするための関数。

import {
DEFAULT_LOCALE,
mergeLocale,
createLocale,
resolveLocale,
weekdayToNumber,
} from "react-date-range-picker-headless";

DEFAULT_LOCALE

デフォルトの英語ロケールオブジェクト。すべてのフィールドには英語の文字列が設定されています。

タイプLocale
DEFAULT_LOCALE.weekdays; // ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]
DEFAULT_LOCALE.months; // ["January", "February", ..., "December"]
DEFAULT_LOCALE.confirm; // "Confirm"
DEFAULT_LOCALE.placeholder; // "Select date"

mergeLocale

部分的なロケールをデフォルトのロケールにマージします。

シグネチャmergeLocale(partial?: Partial<Locale>): Locale

partialが提供されない場合、DEFAULT_LOCALEを返します。rangeSeparatorがオーバーライドされてもformatRangeがオーバーライドされない場合、formatRangeは新しいセパレータを使用するように自動的に再生成されます。

mergeLocale(); // DEFAULT_LOCALE
mergeLocale({
confirm: "OK",
cancel: "Back",
rangeSeparator: " - ",
});
// { ...DEFAULT_LOCALE, confirm: "OK", cancel: "Back", rangeSeparator: " - ", formatRange: (s, e) => `${s} - ${e}` }

createLocale

Intl.DateTimeFormatを使用して、BCP 47ロケールキー