Skip to content

LocalizationProvider API

API reference docs for the React LocalizationProvider component. Learn about the props, CSS, and other APIs of this exported module.


For examples and details on the usage of this React component, visit the component demo pages:


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.


Locale for the date library you are using
Date library adapter class function. See the localization provider date adapter setup section for more details.
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, meridiem?: 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
Date library instance you are using, if it has some global overrides jsx dateLibInstance={momentTimeZone}
Locale for components texts

The component cannot hold a ref.