LocalizationProvider API

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

Component 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/LocalizationProvider';
// or
import { LocalizationProvider } from '@mui/x-date-pickers';
// or
import { LocalizationProvider } from '@mui/x-date-pickers-pro';

Learn about the difference by reading this guide on minimizing bundle size.

Props

Props of the native component are also available.

adapterLocale

Locale for the date library you are using

Type:any

dateAdapter

Date library adapter class function.

See the localization provider date adapter setup section for more details.

Type:func

dateFormats

Formats that are used for any child pickers

Type:{ 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 }

dateLibInstance

Date library instance you are using, if it has some global overrides jsx dateLibInstance={momentTimeZone}

Type:any

localeText

Locale for components texts

Type:object

The component cannot hold a ref.