Date Picker

A visual method for selecting a date using a calendar view

Component checklist

Design documented

The component is fully documented

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

A date picker is a tool that helps users select dates. You can use a simple date picker with a Text Input for easy-to-remember dates, like birthdays. For other dates, a calendar view might be better. Date pickers are often used in forms to make choosing dates easier.

Date picker Example