Date Picker

General Guidelines

Comparison

Type Purpose
Single Date Picker

When a user needs to select one date, accompanied by a calendar widget

Range Date Picker

To select a range of dates, accompanied by a calendar widget

Content

Labels

Date Pickers are accompanied by labels, and follow the same accessibility guidelines for all Forms.

Format

For Date Pickers, use placeholder text so users input the date in the correct format.