Inline time panel

Hour and minute columns rendered in place, with Now, Clear and a live readout.

Library

ReUI

Framework

React

Type

block

License

MIT

Install

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

Files

• registry-reui/bases/radix/components/time-picker/c-time-picker-1.tsx
• registry-reui/bases/radix/reui/time-picker.tsx
• registry/bases/radix/ui/card.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

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

• 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
• Time zone label