Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[blog] The Date Pickers gets a stable v5 release #34152

Merged
merged 12 commits into from Sep 19, 2022
12 changes: 7 additions & 5 deletions docs/pages/blog/date-pickers-stable-v5.md
Expand Up @@ -39,14 +39,16 @@ For example, the `MonthPicker`’s prop `onMonthChange` and the `YearPicker`’s

We also added new customizable slots:

- The `ActionBar` enables customizing the actions below the picker. It replaces the props `clearable`, `showTodayButton`, `cancelText`, `okText`
- The `PaperContent` enables adding custom elements in the Desktop view
- `ActionBar` lets you customize the actions below the picker. It replaces the props `clearable`, `showTodayButton`, `cancelText`, `okText`
- `PaperContent` lets you add custom elements in the desktop view
joserodolfofreitas marked this conversation as resolved.
Show resolved Hide resolved
alexfauquette marked this conversation as resolved.
Show resolved Hide resolved

### Integrated localization

It’s not obvious at first glance, but pickers contain some textual information. The action buttons as well as the aria-labels for accessibility (a11y) support.
alexfauquette marked this conversation as resolved.
Show resolved Hide resolved

We integrated a [new localization](https://mui.com/x/react-date-pickers/localization/#translation-keys) pipeline similar to the one used by the data grid. It enables importing translations directly into the main theme in a few lines. And thanks to the amazing contributors, translations for 11 languages are already available.
We integrated a [new localization](https://mui.com/x/react-date-pickers/localization/#translation-keys) pipeline similar to the one used by the Data Grid.
It lets you import translations directly into the main theme in a few lines.
And thanks to the amazing contributors, translations for 11 languages are already available.

```jsx
import { createTheme, ThemeProvider } from '@mui/material/styles';
Expand Down Expand Up @@ -76,10 +78,10 @@ From npm download statistics, less than 40% of the community is still using a ve
So a big part of you already did the migration from `@mui/lab`.
alexfauquette marked this conversation as resolved.
Show resolved Hide resolved

And the adoption speed accros versions is very encouraging.
alexfauquette marked this conversation as resolved.
Show resolved Hide resolved
You are already 40% to use a beta version. 🚀
Over 40% of users are already using the beta version.
alexfauquette marked this conversation as resolved.
Show resolved Hide resolved

<img src="/static/blog/date-pickers-stable-v5/date-picker-versions.png" style="width: 796px; margin-top: 16px; margin-bottom: 2px;" alt="Evolution of downloaded version of @mui/x-data-pickers" />
LukasTy marked this conversation as resolved.
Show resolved Hide resolved
alexfauquette marked this conversation as resolved.
Show resolved Hide resolved
<p class="blog-description" style="text-align: center;">Relative distribution of `@mui/x-date-pickers` versions between june and august.</p>
<p class="blog-description" style="text-align: center;">Relative distribution of `@mui/x-date-pickers` versions between June and August.</p>

## Installation and migration from `@mui/lab`

Expand Down