Typable time input

Type 930, 14:30 or 2:30 pm, or step through free times with the arrow keys.

Library

ReUI

Framework

React

Type

block

License

MIT

Install

npx shadcn@latest add @reui/c-time-picker-3

Files

• registry-reui/bases/radix/components/time-picker/c-time-picker-3.tsx
• registry-reui/bases/radix/reui/time-picker.tsx
• registry/bases/radix/ui/field.tsx
• registry/bases/radix/ui/label.tsx
• registry/bases/radix/ui/separator.tsx
• registry/bases/radix/ui/button.tsx
• registry/bases/radix/ui/input-group.tsx
• registry/bases/radix/ui/popover.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
• 12-hour clock with seconds
• Hour only
• Steps and opening hours
• Unavailable slots
• Start and end time
• Time zone label