The brandLink target opens in a new window. SBB Brand portal Logo Digital clock Rights of useColors Base colors Additional colors Off brand colorsAssets Icons Timetable icons PictogramsLanguage About UX Writing Button and link texts Forms and inputs Notifications Progress indicators Digital word list
Introduction About accessibility About this guide Contact Further informationAccessibility by roles Product Owner User Research Interaction Design Visual Design Development Content Design Testing
First steps What is a design system? Designing Coding FAQ HelpOrganisation Process Contribution ContactMobile Overview Base ComponentsLyne Overview What is Lyne? Releases Presets & Themes Design Tokens Components TemplatesMaps Overview Base InformationsPatterns Overview
Regulations App IconsGuides Power-Apps Digital banner ads SAP Design Guidelines AI Design: Basics
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
Specifications
Link target opens in a new window.DesignLink target opens in a new window.Code