Localization

[lisymart]

Is there a way to change localization from English to other languages please?
If so, could you please provide some example?
Thank you

[tran-simon]

Yes!

You can use the "labels" prop in DurationDialogProps and DurationFieldsContainerProps. Here's an example in french:

import "./styles.css";
import { DurationPicker } from "material-duration-picker";
import React, { useState } from "react";
import { formatDuration } from "date-fns";
import { fr } from "date-fns/locale";

const labels_fr = {
  cancel: "ANNULER",
  ok: "ACCEPTER",
  weeks: "Semaines",
  days: "Jours",
  hours: "Heures",
  minutes: "Minutes",
  seconds: "Secondes"
};

export default function App() {
  const [value, setValue] = useState<any>(0);

  return (
    <div className="App">
      <DurationPicker
        label="Durée"
        value={value}
        onValueChange={(v) => setValue(v)}
        formatDuration={(duration) =>
          formatDuration(duration, {
            locale: fr
          })
        }
        DurationDialogProps={{
          labels: labels_fr,
          DurationFieldsContainerProps: {
            labels: labels_fr
          }
        }}
      />
    </div>
  );
}

Sandbox link

It isn't optimal, I might try to make this easier in the future. Or I'm always opened to pull requests!