Date-Time-Picker Stable

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