Skip to content

LocalizationProvider API

API documentation for the React LocalizationProvider component. Learn about the available props and the CSS API.

Import

import LocalizationProvider from '@mui/x-date-pickers-pro/LocalizationProvider';
// or
import LocalizationProvider from '@mui/x-date-pickers/LocalizationProvider';
// or
import { LocalizationProvider } from '@mui/x-date-pickers-pro';
// or
import { LocalizationProvider } from '@mui/x-date-pickers';
You can learn about the difference by reading this guide on minimizing bundle size.

@ignore - do not document.

Component name

The name MuiLocalizationProvider can be used when providing default props or style overrides in the theme.

Props

NameTypeDefaultDescription
dateAdapter*func
DateIO adapter class function
adapterLocaleobject
| string
Locale for the date library you are using
dateFormats{ dayOfMonth?: string, fullDate?: string, fullDateTime?: string, fullDateTime12h?: string, fullDateTime24h?: string, fullDateWithWeekday?: string, fullTime?: string, fullTime12h?: string, fullTime24h?: string, hours12h?: string, hours24h?: string, keyboardDate?: string, keyboardDateTime?: string, keyboardDateTime12h?: string, keyboardDateTime24h?: string, minutes?: string, month?: string, monthAndDate?: string, monthAndYear?: string, monthShort?: string, normalDate?: string, normalDateWithWeekday?: string, seconds?: string, shortDate?: string, weekday?: string, weekdayShort?: string, year?: string }
Formats that are used for any child pickers
dateLibInstanceany
Date library instance you are using, if it has some global overrides jsx dateLibInstance={momentTimeZone}
localeobject
| string
Locale for the date library you are using
localeTextobject
Locale for components texts

The component cannot hold a ref.

Demos