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 Picker

Übersicht

Was macht die Komponente?

  • Dient zur Eingabe eines Werts, Datums, einer Zeitangabe oder Kombination davon.

Wann soll die Komponente eingesetzt werden?

  • Immer wenn vom Benutzer ein Datums- und/oder Zeitwert verlangt wird.

Regeln

  • Die Wertangaben sind immer einzeilig.
  • Optionale Eingaben werden mit dem Text «(optional)» hinter dem Label versehen. Bei kurzen Feldern kann der Text «(optional)» mit «(opt.)» abgekürzt werden.
  • Mit Klick ins Eingabefeld öffnet sich der Picker. Innerhalb des Pickers dürfen maximal 3 Auswahlräder zur Verfügung stehen.
Varianten

Varianten

  • Typ: Date-Time / Date / Time / Timerange / Value
  • Darstellung: Default / Boxed
  • Label: optional

Date-Time

Darstellung des Pickers, Date-Time
Darstellung des Pickers, Date-Time

Date

Darstellung des Pickers, Date
Darstellung des Pickers, Date

Time

Darstellung des Pickers, Time
Darstellung des Pickers, Time

Timerange

Darstellung des Pickers, Timerange
Darstellung des Pickers, Timerange
### Value
Darstellung des Pickers, Value
Darstellung des Pickers, Value

Spezifikationen

Design

Impressum Kontakt Datenschutz Cookie Einstellungen