Components
Date Picker

Date Picker

A dynamic date picker component created using a combination of the <Popover /> and <Calendar /> components. It offers a user-friendly interface with range selection and preset options, making it highly versatile for selecting dates within a defined range. This component is ideal for scheduling tasks, event planning, and other date-related applications, providing an intuitive and efficient experience for users.

Additional Examples

As Date Range Picker

With Presets

As Form Field

Your date of birth is used to calculate your age.

Configurable Props

Because the Date Picker is built using the <Popover /> and <Calendar /> components, it inherits all the configurable props of these components. You can find the full list of configurable props on the Popover and Calendar pages.