# @mui/x-date-pickers

> The community edition of the MUI X Date and Time Picker components.

Latest version **9.14.0** (published 2026-09-17) · MIT license · 0 weekly downloads

## Install

```sh
npm install @mui/x-date-pickers
pnpm add @mui/x-date-pickers
yarn add @mui/x-date-pickers
bun add @mui/x-date-pickers
```

## Health

**Score 70/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; has provenance; recently updated; high maintenance score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 9.14.0 |
| Published | 2026-09-17 |
| First published | 2022-04-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=14.0.0 |
| Dependencies | 7 |
| Unpacked size | 3.5 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 5848 |
| Author | MUI Team |
| Maintainers | cherniavskii, lukastyla, alexandrefauquette, danailh, flaviendelangle, oliviertassinari, mbilalshafi, jcquintas, kyusuf, michelengelen, noraleonte, arminmeh, romgrk, bernardobelchior, rita-codes, janpotoms |
| Keywords | react, react-component, mui, mui-x, material-ui, material design, datepicker, timepicker, datetimepicker |

## Links

- npm: https://www.npmjs.com/package/@mui/x-date-pickers
- Repository: https://github.com/mui/mui-x
- Homepage: https://mui.com/x/react-date-pickers/
- Issues: https://github.com/mui/mui-x/issues
- Funding: https://opencollective.com/mui-org
- npm.io page: https://npm.io/package/@mui/x-date-pickers

## Dependencies (7)

- [clsx](https://npm.io/package/clsx.md) ^2.1.1
- [@mui/utils](https://npm.io/package/@mui/utils.md) ^9.4.0
- [prop-types](https://npm.io/package/prop-types.md) ^15.8.1
- [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.29.7
- [@mui/x-internals](https://npm.io/package/@mui/x-internals.md) ^9.14.0
- [react-transition-group](https://npm.io/package/react-transition-group.md) ^4.4.5
- [@types/react-transition-group](https://npm.io/package/@types/react-transition-group.md) ^4.4.12

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 9.14.0 (latest) — 2026-09-17
- 8.29.3 (latest-v8) — 2026-08-21
- 9.0.0-rc.0 (next) — 2026-04-07
- 7.29.4 (latest-v7) — 2025-05-22
- 6.20.2 (latest-v6) — 2024-06-21
- 9.13.0 — 2026-09-04
- 9.12.0 — 2026-08-21
- 9.11.0 — 2026-08-06
- 9.10.1 — 2026-07-23
- 9.10.0 — 2026-07-17
- 9.9.0 — 2026-07-09
- 9.8.0 — 2026-07-02
- 8.29.2 — 2026-07-02
- 9.7.0 — 2026-06-25
- 9.6.0 — 2026-06-18
- … 259 more at https://npm.io/package/@mui/x-date-pickers/versions

## README

# MUI X Date Pickers

This package is the Community plan edition of the Date and Time Picker components.
It's part of [MUI X](https://mui.com/x/), an open-core extension of our Core libraries, with advanced components.

## Installation

Install the package in your project directory with:

```bash
npm install @mui/x-date-pickers @mui/material @emotion/react @emotion/styled
```

Then install the date library of your choice (if not already installed).
The pickers currently support the following date libraries:

- [date-fns](https://date-fns.org/)
- [Day.js](https://day.js.org/)
- [Luxon](https://moment.github.io/luxon/#/)
- [Moment.js](https://momentjs.com/)

```bash
# date-fns
npm install date-fns

# or dayjs
npm install dayjs

# or luxon
npm install luxon

# or moment
npm install moment
```

After completing the installation, you have to set the `dateAdapter` prop of the `LocalizationProvider` accordingly.
The supported adapters are exported from `@mui/x-date-pickers`.

```jsx
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
// date-fns
import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
// or for dayjs
import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
// or for luxon
import { AdapterLuxon } from '@mui/x-date-pickers/AdapterLuxon';
// or for moment
import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';

function App({ children }) {
  return <LocalizationProvider dateAdapter={AdapterDateFns}>{children}</LocalizationProvider>;
}
```

## Documentation

Visit [https://mui.com/x/react-date-pickers/](https://mui.com/x/react-date-pickers/) to view the full documentation.

---
_Source: https://npm.io/package/@mui/x-date-pickers · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._