Time Input

Time Input — a CSS-first, fully-tokened 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 · 12h field (type digits, arrows, or paste 'e.g. 2:30 PM')

02
30
PM

14:30 (24h)

24h + seconds

14
30
45

Sizes / disabled

09
00
AM
09
00
AM
09
00
AM
09
00
AM