Components
Loading preview...
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.
@mohammadalhabil
npx shadcn@latest add https://21st.dev/r/mohammadalhabil1999/time-pickerimport { 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 }
/>
);
}