LocalizationProvider API

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

Demos

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

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

Name	Type	Description
adapterLocale	object \| string	Locale for the date library you are using
dateAdapter	func	Date library adapter class function. See the localization provider code 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, 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
dateLibInstance	any	Date library instance you are using, if it has some global overrides `jsx dateLibInstance={momentTimeZone}`
localeText	object	Locale for components texts

The component cannot hold a ref.