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.

Live Preview

Live

Installation & Files

Installation
pnpm dlx shadcn@latest add @beui/availability-scheduler
Component Files (6)
  • 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/time-select.tsx
  • components/motion/availability-scheduler/types.ts

Component Details

Category
Blocks
Component Slug
availability-scheduler
Published
7/10/2026
Last Updated
9/26/2026

About This Catalog

This is a reference catalog of the complete BeUI component library. For full interactive demos, live code playgrounds, and detailed documentation, visit beui.dev.