Availability Scheduler

Weekly availability editor where each day springs between available and unavailable, time ranges add and remove with blur-slide motion, times pick from a scrollable dropdown, and a copy menu clones hours to other days.

Library

beUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @beui/availability-scheduler

Files

• components/motion/availability-scheduler/copy-menu.tsx
• components/motion/availability-scheduler/day-row.tsx
• components/motion/availability-scheduler/icon-button.tsx
• components/motion/availability-scheduler/index.tsx
• components/motion/availability-scheduler/messages.ts
• components/motion/availability-scheduler/time-select.tsx
• components/motion/availability-scheduler/types.ts
• components/motion/select.tsx

Source

https://github.com/starc007/ui-components

Categories

• Calendar Components
• React Calendar Components
• Tailwind CSS Calendar Components
• Animated Calendar Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components
• Input Components
• React Input Components
• Tailwind CSS Input Components
• Animated Input Components

More from beUI

• Heat Calendar
• Returns Calendar
• Action Swap
• Action Swap Blur
• Action Swap Cascade
• Action Swap Roll
• Adaptive Stepper
• Agent Activity
• Agent Code
• Agent Disclosure
• Ai Sidebar
• Alert