Skip to content

Commit

Permalink
[docs] Update small Pickers doc inconsistencies
Browse files Browse the repository at this point in the history
  • Loading branch information
LukasTy committed Feb 25, 2025
1 parent 3c5c6b8 commit 7daea1e
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 5 deletions.
5 changes: 2 additions & 3 deletions docs/data/date-pickers/date-range-picker/date-range-picker.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,15 +17,15 @@ materialDesign: https://m2.material.io/components/date-pickers

## Component composition

The component is built using the `MultiInputDateRangeField` for the keyboard editing and the `DateRangeCalendar` for the view editing.
The component is built using the `SingleInputDateRangeField` for the keyboard editing and the `DateRangeCalendar` for the view editing.

Check-out their documentation page for more information:

- [Date Range Field](/x/react-date-pickers/date-range-field/)
- [Date Range Calendar](/x/react-date-pickers/date-range-calendar/)

You can check the available props of the combined component on the dedicated [API page](/x/api/date-pickers/date-range-picker/#props).
Some [MultiInputDateRangeField props](/x/api/date-pickers/multi-input-date-range-field/#props) are not available on the Picker component, you can use `slotProps.field` to pass them to the field.
Some [SingleInputDateRangeField props](/x/api/date-pickers/single-input-date-range-field/#props) are not available on the Picker component, you can use `slotProps.field` to pass them to the field.

## Uncontrolled vs. controlled value

Expand Down Expand Up @@ -90,7 +90,6 @@ This prop will be ignored on the mobile picker.
### Use a multi input field

You can pass the `MultiInputDateRangeField` component to the Date Range Picker to use it for keyboard editing.
In such case the Picker component can pass the `name` prop to the input.

{{"demo": "MultiInputDateRangePicker.js"}}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ materialDesign: https://m2.material.io/components/date-pickers

## Component composition

The component is built using the `MultiInputDateTimeRangeField` for the keyboard editing, the `DateRangeCalendar` for the date view editing and `DigitalClock` for the time view editing.
The component is built using the `SingleInputDateTimeRangeField` for the keyboard editing, the `DateRangeCalendar` for the date view editing and `DigitalClock` for the time view editing.

Check-out their documentation page for more information:

Expand All @@ -26,7 +26,7 @@ Check-out their documentation page for more information:
- [Digital Clock](/x/react-date-pickers/digital-clock/)

You can check the available props of the combined component on the dedicated [API page](/x/api/date-pickers/date-time-range-picker/#props).
Some [MultiInputDateTimeRangeField props](/x/api/date-pickers/multi-input-date-time-range-field/#props) are not available on the Picker component, you can use `slotProps.field` to pass them to the field.
Some [SingleInputDateTimeRangeField props](/x/api/date-pickers/single-input-date-time-range-field/#props) are not available on the Picker component, you can use `slotProps.field` to pass them to the field.

## Uncontrolled vs. controlled value

Expand Down

0 comments on commit 7daea1e

Please sign in to comment.