Time Picker

A shadcn time picker with hour, minute, second and AM/PM columns in a popover or inline, text entry, steps, time bounds, form fields and i18n labels.

Library

ReUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @reui/time-picker

Files

• registry-reui/bases/radix/reui/time-picker.tsx
• registry/bases/radix/ui/button.tsx
• registry/bases/radix/ui/input-group.tsx
• registry/bases/radix/ui/popover.tsx
• app/(create)/components/icon-placeholder.tsx
• lib/icon-library-store.ts
• registry/icons/icon-lucide.tsx
• registry/icons/icon-tabler.tsx

Source

https://github.com/keenthemes/reui

Categories

• Input Components
• React Input Components
• Tailwind CSS Input Components
• Time Picker Components
• Tailwind CSS Time Picker Components

More from ReUI

• Inline time panel
• Confirm before applying
• Localized labels
• Form field with validation
• Date and time
• Popover picker
• Typable time input
• 12-hour clock with seconds
• Hour only
• Steps and opening hours
• Unavailable slots
• Start and end time