Start and end time

A meeting range where the end stays after the start and the duration updates.

Library

ReUI

Framework

React

Type

block

License

MIT

Install

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

Files

• registry-reui/bases/radix/components/time-picker/c-time-picker-8.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
• Typable time input
• 12-hour clock with seconds
• Hour only
• Steps and opening hours
• Unavailable slots
• Time zone label