Date Range Picker

Date Range Pickers are crucial for conveying date-based info effectively, improving user interaction with accurate date selections.

Basic

A range calendar displays one or more date grids and allows users to select a range of dates in a single interaction.

Installation

Custom Validation

Use the validate function to implement custom validation rules. It evaluates the current date range and returns error messages if the value doesn't meet your criteria.

Controlled

Take control of your date range picker by passing a value prop to manage the selected date range.

Disabled

When the date range picker is disabled, it becomes non-interactive and is visually represented in a disabled state.