Time picker

A flexible time picker component with 12-hour format, AM/PM selection, and optional current time button, designed for easy time selection in forms and applications.

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

import { TimePicker } from "@/components/ui/time-picker";
import * as React from "react";

export default function DemoOne() {
  const [time, setTime] = React.useState<string>();

  return <TimePicker value={time} onChange={setTime} />;
}