Navigieren auf digital.sbb.ch

Beta

Date and Time Picker

1. Was macht das Element?

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

2. Wann soll das Element eingesetzt werden?

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

3. Regeln

  • Die Wertangaben sind immer einzeilig.
  • Das Element hat immer ein Label.
  • Optionale Eingaben werden mit dem Text «(optional)» hinter dem Label versehen. Bei kurzen Feldern kann der Text «(optional)» mit «(opt.)» abgekürzt werden.
  • Für detaillierte Erklärungen kann im Eingabefeld ein Infoicon dargestellt werden. Beim Klick auf dieses Infoicon öffnet sich ein Tooltip.
  • Mit Klick ins Eingabefeld öffnet sich der Date-/Timepicker. Innerhalb des Pickers dürfen maximal 3 Auswahlräder zur Verfügung stehen.

4. Ausprägungen und Zustände

Das Element hat folgende Zustände:

  • Aktiv

4.1 Einfach

Darstellung Datepicker, einfach

Design Spezifikation

4.2 Kombiniert

Darstellung Datepicker, kombiniert

Design Spezifikation

4.3 Inline

Darstellung Datepicker, inline

Design Spezifikation