Time picker

Choose a time with sensible keyboard behavior.

$npx shadcn@latest add @silicon-ui/time-picker

timefield

Installation

$npx shadcn@latest add @silicon-ui/time-picker

Install the dependencies.
$npm install lucide-react motion
Copy these files into your project. Shared files are skipped if you already have them.
- components/silicon-ui/time-picker/time-picker.tsx
- components/silicon-ui/time-picker/time-picker.module.css
Install the foundation once per app for the design and motion tokens: $npx shadcn@latest add @silicon-ui/silicon-foundation

Source codetsx

import { TimePicker } from "@/components/silicon-ui/time-picker/time-picker";