UI MarCom

Date-Time-Picker Stable Updated

A calendar for date inputs.

The Date-Time-Picker is a component that adds a calendar to date inputs. It lets the user pick dates or date ranges, for example, in forms or filters. Dates can be selected using the built-in-calendar that opens when the user focuses in the Date-Time-Picker or clicks on the calendar icon. (not shown)

The Date-Time-Picker can be used in different variants:

  • Datepicker Input
  • Timepicker Input
  • Inline Date- or Timepicker
  • Date range picker

Datepicker

Timepicker

Inline Datepicker

Inline Timepicker

Date range picker