Overview

Date inputs allow users to input single or multiple dates.

Formatting

Always use the DD/MM/YYYY format

Usage

Use when you are asking the user for a date.

Multiple rows

When using multiple date rows, place the format label above the the input fields.

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FrIWBCOOiVoBZA7EBqnlmpB%2FDesign-System-Documentation%3Fnode-id%3D665%253A535

❌ DON'T: Place labels inside input fields (bad for accessibility)

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FrIWBCOOiVoBZA7EBqnlmpB%2FDesign-System-Documentation%3Fnode-id%3D665%253A537

When to use a native picker?

TBC