TimePicker

A simple and intuitive time picker that lets users easily select hours, minutes, and seconds. It supports both 12-hour (AM/PM) and 24-hour formats, with smooth scrolling and clear options. You can also set minimum and maximum times to guide user input.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds TimePicker to your project and fits it to your theme.

import { useState } from 'react'
import { TimePicker } from "@/components/ui/time-picker";

export default function DemoOne() {
  const [value, setValue] = useState(new Date());
  return (
    <TimePicker
      use12HourFormat= { true }
      value = { value }
      onChange = { setValue }
    />
  );
}