Skip to content
Design System

Date Pickers

Date Pickers allow users to enter a date either through text input, or by choosing a date from the calendar.

Code

Section titled “ Code”

Native HTML date picker

Section titled “Native HTML date picker”
Used when selecting a single date is needed. This implementation uses the text field component property type “date”.

Date range picker

Section titled “Date range picker”
Relies on the third-party libraryDate Range Pickerfor its features and functionality.View all resources
Used when selecting a preset time period and/or date range is needed.