Date Time Input
Date Time Input — a CSS-first, fully-tokened Date Time Input component from SilicaUI. Accessible by default via Base UI, themeable with color × variant × size × shape props, and available in React, framework-neutral HTML, and a zero-dependency vanilla runtime. No runtime CSS-in-JS, no safelist.
Real use · schedule a post (type or paste 'e.g. 7/8/2026 2:30 PM')
07
08
2026
02
30
PM
Wed Jul 08 2026 14:30:00 GMT+0000 (Coordinated Universal Time)
24h + seconds, min bound to now
mm
dd
yyyy
hh
mm
ss
Sizes / disabled
07
08
2026
09
00
AM
07
08
2026
09
00
AM
07
08
2026
09
00
AM