Showcase

Every variant at a glance.

A quick tour of what the component can do — all live and interactive. Toggle the site theme (top bar) to see dark mode follow along.

Date + Time · tabs

SunMonTueWedThuFriSat

Date · presets · week numbers

#SunMonTueWedThuFriSat

22

23

24

25

26

27

Time · 24h · seconds

:

Range · 2 months

SunMonTueWedThuFriSat

Want the details? See Modes, Range, Presets, and Theming.

Accessibility

Keyboard navigation and ARIA, built in.

API reference

Full props for the DateTimePicker component.