Range Date Picker

Allows users to select a start and end date from a calendar or by entering dates manually.

Component checklist

React documented

Flutter documented

Design

Is the design finished and component available in Figma library?

Up to date

React

Is new design vision part implemented using new tokens?

Up to date

Flutter

Is new design vision part implemented using new tokens?

Update required

Introduction

The Range Date Picker functions similarly to a single date picker but enables users to choose both a start and end date. Users can either manually input the dates or select them from the calendar, requiring day, month, and year for each date in the range.

RANGE DATE PICKER- Overview example