Timefield Overview

What does the component do?

  • It is used for the entry of a time.

When should the component be used?

  • Whenever a time is required from the user.

Rules

  • The current time is pre-entered as standard except where it is not useful in the context.
  • The time can be entered without a colon. Entries such as 130, 1.30 or 1,30 are correctly reformated as 01:30 after leaving the field.
 Variants

States

The component has the following states:

  • Default
  • Placeholder
  • Focused
  • Disabled
  • Mandatory
  • Readonly

Variants

Default

Image of a timefield


Specifications

DesignCode