---
# System prepended metadata

title: Date picker
tags: [Build the future]

---

---
tags: Build the future
---
 


# Date picker
Date picker allow the user to select a date or a range of dates.

# Usage

## Types
Date picker exist for our light and dark themes:
![](https://i.imgur.com/O0Xz51G.jpg)


Mainly used when building a form, there is not several types of date picker.

There is one type of date picker with the possiblity to select one single date or a range of dates:

![](https://i.imgur.com/0ww6vWr.jpg)



## Anatomy and state

> [name=Laureen Delhaye] J'ai l'impression que pour cet asset state & anatomy sont mélangé, qu'en pensez-vous ?

### Date picker
1. Selected date
1. Year selection menu
1. Month slider arrows
1. Current date
1. Selected date

### Range date picker
1. Selected date range
1. Year selection menu
1. Current date
1. Start date
1. Selected range
1. End date


---

# Style

https://xd.adobe.com/view/561a1c74-620f-4d73-4c81-169d786c810d-202b/