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.

Sign up for GitHub

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

Jump to bottom

[docs] Add messages in v5 doc to inform people about v6 #7838

Merged
merged 3 commits into from
Feb 7, 2023
Merged

[docs] Add messages in v5 doc to inform people about v6 #7838

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
595de84
[docs] Add messages in v5 doc to inform people about v6
flaviendelangle Feb 6, 2023
7d876f3
Code review: Lukas
flaviendelangle Feb 6, 2023
33127c8
Update docs/data/date-pickers/date-picker/date-picker.md
flaviendelangle Feb 6, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 10 additions & 0 deletions docs/data/date-pickers/date-picker/date-picker.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,16 @@ materialDesign: https://material.io/components/date-pickers

<p class="description">The date picker let the user select a date.</p>

:::success
This component has received several major improvements on the new **v6 beta**:

- [Fields: the new default input for pickers](https://next.mui.com//x/react-date-pickers/fields/).
- [Improved layout customization](https://next.mui.com//x/react-date-pickers/custom-layout/)
- [Shortcuts for picking specific dates in a calendar](https://next.mui.com//x/react-date-pickers/shortcuts/)

You can also take a look at [the dedicated blog post](https://mui.com/blog/v6-beta-pickers/) and the [new documentation of the DateRangePicker](https://next.mui.com/x/react-date-pickers/date-picker/) for more information.
flaviendelangle marked this conversation as resolved.
Show resolved Hide resolved
:::

Date pickers are displayed with:

- Dialogs on mobile
Expand Down
11 changes: 11 additions & 0 deletions docs/data/date-pickers/date-range-picker/date-range-picker.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,17 @@ materialDesign: https://material.io/components/date-pickers

<p class="description">The date range picker let the user select a range of dates.</p>

:::success
This component has received several major improvements on the new **v6 beta**:

- [Fields: the new default input for pickers](https://next.mui.com//x/react-date-pickers/fields/).
- [Improved layout customization](https://next.mui.com//x/react-date-pickers/custom-layout/)
- [Shortcuts for picking specific dates in a calendar](https://next.mui.com//x/react-date-pickers/shortcuts/)
- [Edit date ranges with drag and drop](https://next.mui.com//x/react-date-pickers/date-range-calendar/)

You can also take a look at [the dedicated blog post](https://mui.com/blog/v6-beta-pickers/) and the [new documentation of the DateRangePicker](https://next.mui.com/x/react-date-pickers/date-range-picker/) for more information.
:::

## Basic usage

Note that you can pass almost any prop from [DatePicker](/x/react-date-pickers/date-picker/).
Expand Down
10 changes: 10 additions & 0 deletions docs/data/date-pickers/date-time-picker/date-time-picker.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,16 @@ materialDesign: https://material.io/components/date-pickers

<p class="description">This component combines the date & time pickers.</p>

:::success
This component has received several major improvements on the new **v6 beta**:

- [Fields: the new default input for pickers](https://next.mui.com//x/react-date-pickers/fields/).
- [Improved layout customization](https://next.mui.com//x/react-date-pickers/custom-layout/)
- [Shortcuts for picking specific dates in a calendar](https://next.mui.com//x/react-date-pickers/shortcuts/)

You can also take a look at [the dedicated blog post](https://mui.com/blog/v6-beta-pickers/) and the [new documentation of the DateTimePicker](https://next.mui.com/x/react-date-pickers/date-time-picker/) for more information.
:::

It allows the user to select both date and time with the same control.

Note that this component is the [DatePicker](/x/react-date-pickers/date-picker/) and [TimePicker](/x/react-date-pickers/time-picker/)
Expand Down
9 changes: 9 additions & 0 deletions docs/data/date-pickers/time-picker/time-picker.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,15 @@ materialDesign: https://material.io/components/time-pickers

<p class="description">Time pickers allow the user to select a single time.</p>

:::success
This component has received several major improvements on the new **v6 beta**:

- [Fields: the new default input for pickers](https://next.mui.com//x/react-date-pickers/fields/).
- [Improved layout customization](https://next.mui.com//x/react-date-pickers/custom-layout/)

You can also take a look at [the dedicated blog post](https://mui.com/blog/v6-beta-pickers/) and the [new documentation of the TimePicker](https://next.mui.com/x/react-date-pickers/time-picker/) for more information.
:::

The selected time is indicated by the filled circle at the end of the clock hand.

## Basic usage
Expand Down