Compact date input

A compact date input lets people enter a short date within a form.

Compact date input
When to use

Use a compact date input:

  • when asking users for a date they already know, or can easily find (like their expiration date)

Don't use a compact date input:

  • when asking for a full date with day, month and year (use the date input instead)
  • when asking users for multiple dates, such as a range, or a start and finish date (use date lookup instead)

Best practice
  • Include an information message if you have evidence that users need more context.

Content

Label

Label copy should:

  • be no more than 3 words

  • be a noun that describes the information the user needs to enter (and not a verb)

Description (optional)

Description copy should:

  • be a single sentence

  • give some extra context to help the user enter the right information

Availability

Platform

Available

Developer documentation

Android

iOS

Web