Scheduler component for developers

Resource scheduling components for React, Vue, Angular, and Svelte

Dayflow Scheduler is a JavaScript component library for resource planning and timeline scheduling. Build team schedules, room bookings, and project plans with grouped resources, drag-and-drop editing, and day-to-year views.

Views & Navigation

Change the planning horizon without changing the workflow.

Move from detailed daily scheduling to long-range planning with the same resources and events, then keep exploring the timeline with continuous horizontal navigation.

  • Five built-in views: day, week, month, quarter, and year
  • Switch time scales without rebuilding the scheduler state
  • Scroll continuously through long-running schedules
  • Keep resource rows and event context visible across every view
Editing & Drag

Turn the timeline into the fastest place to update the plan.

Reschedule work by moving or resizing it in place. When new work appears, drag across an empty range to create the event and choose its type without leaving the scheduler.

  • Drag events across time and between resource rows
  • Resize from either edge with snap-to-grid timing
  • Create an event by dragging across an empty timeline range
  • Change the new event type as part of the same editing flow
Resource Planning

Keep large resource plans organized and easy to scan.

Group related people, teams, rooms, or assets, reorder them to match operational priority, and search the resource list when the schedule grows beyond what fits on screen.

  • Group resources by department, location, or asset type
  • Collapse groups to focus on the part of the plan that matters
  • Drag resource rows into the order planners expect
  • Find matching resources without manually scanning the sidebar
Event Styling

Make status, priority, and progress readable at a glance.

Use structural variants and decoration fields to distinguish confirmed work, tentative ranges, blocked tasks, milestones, ownership, and completion without adding another column to the interface.

  • Filled, bordered, outlined, line, indented, and rounded variants
  • Patterns, gradients, split colors, icons, and progress treatments
  • Diamond, flag, and milestone markers for point-in-time work
  • Reusable style registries for a consistent product vocabulary
A scheduler showing filled, bordered, outlined, line, pattern, progress, icon, gradient, split, and milestone styles
Ship the same scheduler in your framework of choice
React
Vue
Angular
Svelte

Start with the license that fits your product.

Annual plan

Individual Annual

For solo developers who want the lowest entry cost and every update while the plan is active.

$199/ year
  • Full product access while active
  • Source code access included
  • Day, week, month, quarter, and year views
  • Resource planning and grouped rows
  • Drag, resize, keyboard, and localization plugins
  • Every update while your plan is active
Lifetime

Lifetime

For developers who would rather pay once and keep using released versions permanently.

$549One-time payment
  • Lifetime product access
  • Source code access included
  • Day, week, month, quarter, and year views
  • Resource planning and grouped rows
  • Perpetual license for released versions
  • Includes 1 year of updates
Need something more?

Custom Solutions

For teams with specific requirements, custom features, or deeper product integration needs.

CustomTailored plan
Contact us
  • Custom feature development
  • Tailored UI / UX for your product
  • Custom integration guidance
  • Priority support & consulting
FAQ

Questions teams ask before they ship with Dayflow Scheduler.

Need a custom setup or procurement help? Talk to us.

Dayflow Scheduler is built for resource-first planning: team schedules, roadmap views, grouped rows, milestone-heavy workflows, and long-running timelines.

It is a better fit than a traditional calendar when your product needs structure around people, teams, capacity, phases, and editable schedule blocks.

Also from Dayflow

Meet Dayflow Calendar.

A lightweight calendar library for modern scheduling products.

Explore Dayflow Calendar
Dayflow Calendar
Also from Dayflow

Meet Dayflow Pro.

Advanced timeline, resource grid, appointment scheduling, and print plugin suite built for production apps.

Explore Dayflow Pro
Dayflow Pro