The Date Range Calendar lets the user select a range of dates without any input or popper / modal.
You can render up to 3 months at the same time using the
You can choose the position the current month is rendered in using the
This can be useful when using
disableFuture to render the current month and the month before instead of the current month and the month after.
The displayed days are customizable with the
Day component slot.
You can take advantage of the DateRangePickerDay component.
You can find the documentation in the Validation page.
See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.