Internacjonalizacja

Biblioteka używa API przeglądarki Intl.DateTimeFormat do generowania zlokalizowanych nazw miesięcy, etykiet dni tygodnia oraz tekstu AM/PM. Nie jest wymagana żadna zewnętrzna biblioteka i18n.

Szybki start

Użyj createLocale(), aby wygenerować lokalizację z tagu językowego BCP 47, a następnie przekaż ją za pomocą propa locale:

import { createLocale } from "react-date-range-picker-headless";
import { DatePicker } from "react-date-range-picker-styled";

const pl = createLocale("pl", {
  confirm: "Zatwierdź",
  cancel: "Anuluj",
  clear: "Wyczyść",
  placeholder: "Wybierz datę",
});

function App() {
  const [value, setValue] = useState<Date | null>(null);
  return <DatePicker value={value} onChange={setValue} locale={pl} />;
}

Działa to również z każdym innym wariantem (Tailwind