-
Widgets
Other complex widgets
Key Features of Webix JavaScript Scheduler
New features Webix release brought
Webix Scheduler combines the functionality of event calendar, booking calendar, and resource scheduling component in a single JavaScript widget.
Create, edit, delete events
Recurring events
Color-coded event categories
Drag-and-drop scheduling
Multiple calendar streams
Compact and fullscreen modes
Multiple View Modes for Every Use Case
There are six ready-to-use Scheduler's view modes, which are optimized for a specific planning context: Today, Day, Week, Month, Agenda, and Timeline. Switch between a quick daily overview to a full project timeline without losing context or needing a custom implementation.
.webp)
Event Groups (Streams / Calendars)
Display events from multiple calendars or data sources in a single Scheduler instance. Configure streams with their own color, visibility toggle, and data binding. Сreate new calendar groups to build multi-user or multi-resource scheduling without adding extra logic.
Recurring Events with Flexible Rules
Webix JavaScript Scheduler allows defining events that repeat on yearly, monthly, weekly, daily, hourly, minutely, secondly or custom basis out of the box. There is no need to write your own repeat logic or manage exception dates manually on the frontend.
Timeline Mode with Resource Grouping
Timeline mode is designed for resource scheduling, allowing you to group events by. people, rooms, equipment along a horizontal timeline with JavaScript Scheduler. Easily switch between day, week, and month modes, making it ideal for developing room booking systems, shift planners, and equipment reservation tools.
Drag-and-Drop Event Management
Users can create new events by clicking directly onto the Scheduler workspace, move existing events by dragging them to a new slot, and manage events with keyboard shortcuts (Ctrl+C, Ctrl+X, Ctrl+V).
Day Division into Sections
For scenarios where a single day must be divided by location, resource, or category you can split any day column into multiple vertical sections. Each section displays its own set of events, enabling parallel scheduling within a single day view without a separate timeline.
Full Event Editing and Color Coding
The built-in event editor supports all standard fields plus color assignment and calendar (stream) selection. Assign events to specific calendars to categorize them visually, and set recurrence rules.
Compact and Fullscreen Display Modes
Webix Scheduler adapts to any layout: use fullscreen mode for standalone scheduling tools, and compact mode to embed a functional calendar into dashboards or multi-panel UIs where space is limited.
Why Use Webix Scheduler
Production-Ready Without the Build Time
With Webix Scheduler you get a complete scheduling solution with different view modes, recurrence logic, drag-and-drop, multi-calendar support, and backend integration out of the box.
Easy Frontend and Backend Integration
Run it standalone in any browser-based application or integrate with React, Angular, Vue, and any other modern framework. Webix Scheduler supports backend integration for Node.js, PHP, Go, and .NET, with REST API support.
Flexible Enough for Any Scheduling Domain
Whether you are building a booking system, a shift planner, an appointment scheduling system, or a project task calendar, Webix Scheduler's API gives you full control without touching the source code.
Built for the Long Term
Commercial licenses include technical support, bug fixes, and updates from the Webix team. Most enterprise cases like overlapping events, resource scheduling, timezone handling, and large datasets are encountered.
Webix Scheduler Coding Samples
Webix JS Scheduler Licenses & Prices
How to Start with Webix JavaScript Scheduler
Scheduler Free Trial
30-day free trial. Full technical support included. Start building your scheduling application today.
Frequently Asked Questions
What is Webix JavaScript Scheduler?
Webix Scheduler is a JS UI component that adds a fully functional event calendar to any web application. It supports multiple view modes, recurring events, drag-and-drop scheduling, multi-calendar management, and timeline views that can be configured through an API without modifying the source code.
What kinds of applications is Scheduler suited for?
Scheduler is used across a wide range of domains: employee shift planning, working time tracking, booking calendars, medical appointment scheduling, equipment reservations, project task timelines, hotel and rental booking platforms, and classic online calendars integrated into business tools.
Does it integrate with our existing backend?
Yes. Scheduler supports REST API integration and comes with ready-made backend solutions for Node.js, PHP, Go, and any other backend technology. You can connect it to your own infrastructure or adapt it to work with existing data services.
Can it handle recurring events?
Yes. Recurring event logic is built into the Scheduler component and supports secondly, minutely, hourly, daily, weekly, monthly, and custom repeat rules. The recurrence editor is part of the default UI and can be customized through the API.
Is the UI customizable?
All Scheduler elements such as views, event forms, color rules, section layouts, toolbar buttons can be easily configured through the API. If there is a need for deeper modifications the source code is provided with commercial licenses.
Is Webix Scheduler free?
Webix Scheduler is a commercial component which can be purchased as a part of team packs (Company, DevTeam, or Unlim) or as a standalone widget in the Custom pack. A 30-day free trial is available with no credit card required, and includes full technical support. You can extend your evaluation period by contacting the Webix team.
Does it work with React or Angular?
Yes. Webix JS Scheduler can be used as a standalone widget or integrated into React-, Angular-, Vue-based apps, and built with other modern frameworks. Documentation includes integration guides for the most common setups.
Related Blog Posts
Create rich scheduling interfaces with Webix Scheduler JS widget