TimeInput

Time input field for selecting time with native browser controls

Basic Time Input

Simple time input for time selection

Show Code

Time Input with Range

Time input with min/max constraints

Show Code

Time Input Sizes

Different time input sizes

Show Code

Time Input States

Different input states and colors

Show Code

Usage Notes

  • Uses native browser time picker for consistent UX
  • Value format should be HH:MM (24-hour format)
  • Use min/max props to restrict selectable time range
  • Step prop controls time increment precision (in minutes)
  • Automatically handles 12/24 hour format based on user locale