Navigieren auf digital.sbb.ch

Beta

Date and Time Picker

1. What does the element do?

  • It is used for the entry of a date, time or combination of them.

2. When should the element be used?

  • Whenever a date and/or time value is required from the user.

3. Rules

  • The value information is always single-line.
  • The element always has a label.
  • Optional entries include the text ‘(optional)’ behind the label. For short fields, the text ‘(optional)’ can be abbreviated to ‘(opt.)’.
  • An infoicon can be used in the entry field for detailed explanations. A tooltip opens when this infoicon is clicked on.
  • The date/timepicker is opened by clicking on the entry field. A maximum of three selection wheels are available within the picker.

4. Variants and statuses

The element has the following statuses:

  • Aktiv

4.1 Simple

Image of datepicker, simple

Design Specification

4.2 Combined

Image of datepicker, combined

Design Specification

4.3 Inline

Image of datepicker, inline

Design Specification

Daten konnten nicht geladen werden.
https://raw.githubusercontent.com/sbb-design-systems/design-system-mobile-documentation/master/documentation/elements/picker/picker-en.md