Command Palette

Search for a command to run...

Docs
Time With Icon

Time With Icon

A time input field with dynamic icons that change based on the selected time

Loading...

Installation

Props

PropTypeDefaultDescription
labelstring"Select Time"The label for the time input
defaultTimestringundefinedDefault time value in HH:MM format

Features

  • Dynamic Icons: Automatically switches between sun (day) and moon (night) icons based on time
  • Time Range Detection: Day hours (6 AM - 6 PM) show sun icon, night hours show moon icon
  • Default Clock Icon: Shows clock icon when no time is selected
  • Native Time Picker: Uses browser's native time input for best UX