Prinzipien Grundlagen Barrierefreiheit Design System Guidelines Deutsch Français Italiano English Unsere Gestaltungsprinzipien Nutzerzentriert Wiedererkennbar Inklusiv Reduziert Ganzheitlich Selbsterklärend Aufgabenorientiert Passend SBB Markenportal Logo Digitale Uhr Nutzungsrechte Basis-Farben Funktionale Farben Off-Brand Farben Icons Fahrplan-Icons Piktogramme Über Barrierefreiheit Über diesen Guide Kontakt Weitere Informationen Product Owner User Research Interaction Design Visual Design Development Content Design Testing Was ist ein Design System?​ Designing Coding FAQ Hilfe Prozess Contribution Kontakt Übersicht Basis Komponenten Übersicht Releases Design Tokens Komponenten Übersicht Basis Informationen Übersicht Basis Komponenten Sinn & Zweck Community Assets Anleitung Power-Apps Digitale Werbebanner SAP App Icons Timefield

Übersicht

Was macht die Komponente?

  • Dient zur Eingabe einer Uhrzeit.

Wann soll die Komponente eingesetzt werden?

  • Immer wenn von den Benutzer*innen eine Uhrzeit verlangt wird.

Regeln

  • Standardmässig ist die aktuelle Uhrzeit vorausgefüllt, ausser es macht im Kontext des Einsatzes keinen Sinn.
  • Die Zeiteingabe kann ohne Eingabe des Doppelpunktes geschehen. Eingaben wie 130, 1.30 oder 1,30 werden nach verlassen des Feldes korrekt in 01:30 umformatiert.
Zustände und Varianten

Zustände

Die Komponente hat folgende Zustände:

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

Varianten

Standard

Darstellung Zeiteingabe

Spezifikationen

DesignCode

Impressum Kontakt Datenschutz Cookie Einstellungen