Introduction How to use Libraries Design System Checker Contrast Checker Changelog

Border & Radius Brand Colour Colour Accessibility Design Skills Design Tokens Elevation Icons Spacing Typography

Accordion Alerts Attribute Audio player Award banner Breadcrumbs Bullet point button Card link Carousel checkbox chips Date picker Document card Dropdown Feedback File uploader - Small Filter Form field Form radio button Form validation Icon card Image card List card Map Modal multi-select Number input Overflow controller Overflow scroller Pagination radio button Resource card Route card Search field Search item Shop card Stepper Tab Tags Text link Trail card

Basket Navbar Widget 1 Widget 2 Widget 3 Widget 4 Widget 5 Widget 6 Widget 7 Widget 8 Widget 9 Widget 10 Widget 11 Widget 12 Widget 13 Widget 14 Widget 15 Widget 16 Widget 17 Widget 18 Widget 19 Widget 20 Widget 21 Widget 22 Widget 23 Widget 24 Widget 25 Widget 26 Widget 27 Widget 28 Widget 29 Widget 30 Widget 31 Widget 32 Widget 33 Widget 34 Widget 35 Widget 37 Widget 38

ARCHIVE .Activity toggle ARCHIVE .Discovery point Attributes Current location pin Default pin Discovery point Icon pin Map detail card Map overlay Teaser Zoom controller

In sync · 27 Apr 2026

Danu/Components/Date Picker

Components/General/Date picker

Date picker

General

GeneralComponent

Usage

Date picker, or calendar, is the interface element that enables users to select a set of dates inside a form.