v2.0.1

Design System

Here you will find everything you need to create interfaces, from basics to complex components and prebuilt templates. Back to previous design system

Current screen size
1280px / 867px

Date Picker

Date picker

French localization (jj/mm/aaaa) with optional ‘min’/’max’ bounds.

Dark theme

Defines the appearance on dark mode, and the ‘disabled’ state.

List of arguments for date picker

Argument Type Description Possible Values
label string Defines the label of the field (mandatory even if label is hidden).
label-slug string Defines the identifier used for the 'for', 'id' and 'name' attributes linking the label and the date picker.
theme string Specifies the theme of the component. light, dark
value string Pre-filled date value, in ISO-8601 format (YYYY-MM-DD).
min string Minimum selectable date, in ISO-8601 format (YYYY-MM-DD).
max string Maximum selectable date, in ISO-8601 format (YYYY-MM-DD).
disabled boolean Indicates whether the field is disabled.