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.

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

NameTypeDefaultDescription
adapterLocaleobject
| string
Locale for the date library you are using
dateAdapterfunc
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
dateLibInstanceany
Date library instance you are using, if it has some global overrides jsx dateLibInstance={momentTimeZone}
localeTextobject
Locale for components texts

The component cannot hold a ref.