Date and Time Input


This guide contains all the Date and Time Input design guidelines (mandatory and recommended) accompanied by example diagrams to illustrate their application. Although offered as a quick reference to already familiar guidance, you may also find this guide useful for exploring areas of the guidance that are new to you.

Remember that this guide is not a replacement for the definitive version which includes further usage examples (showing both correct and incorrect application) and details the rationale behind the guidance.

Purpose of this Guidance

The entry of date and time information is a fundamental function within clinical and administrative processes. Therefore, healthcare professionals should have a clear mechanism for entry of an accurate date or time value, and be assisted to disambiguate entries when necessary.

The basic date input control should comprise:

  • A free text input area
  • A calendar control
  • A default input, dependent on the context in which the control is used
  • A facility to disambiguate the date entered
Diagram of a date input control with callouts: a default input, a free text input area, a calendar control

Elements of a basic date input control

This version of the Date and Time Display guide is based on the following full guidance document Design Guidance - Date and Time Input (v3.0.0.0) - PDF