i18n & time zones

Everything is formatted through the platform Intl APIs — no locale bundles to ship.

<DateTimePicker
  locale="fr-FR"
  firstDayOfWeek={1}              // Monday
  dateFormat={{ day: "2-digit", month: "long", year: "numeric" }}
  timeFormat={{ hour: "2-digit", minute: "2-digit", hour12: false }}
  timeZone="Europe/Paris"
  showTimeZone
/>

Locale

locale accepts any BCP-47 string (e.g. "en-US", "fr-FR", "ja-JP"). It controls month and weekday names plus the input's formatted value. firstDayOfWeek (0 = Sunday) reorders the calendar header.

Time zones

Set timeZone to an IANA identifier to format the displayed value in that zone, and showTimeZone to label it in the footer.

<DateTimePicker mode="datetime" timeZone="Asia/Kolkata" showTimeZone />