Smart.Scheduler: Fast JavaScript Scheduler for Angular, React, Vue & Blazor | HTML Elements

Smart.Scheduler: Powerful & Intuitive JavaScript Scheduler Component

Enterprise-ready Scheduler

Feature-complete Scheduling

Powered by jQWidgets

Smart.Scheduler

Angular Scheduler

React Scheduler

Javascript Scheduler

Blazor Scheduler

Vue Scheduler

The Most Functional Scheduler in the World

Feature-rich & fast scheduler component for Desktop, Mobile, Web & BI Apps. Smart UI Scheduler is a professional scheduling component available for Angular, React, Vue, JavaScript, and Blazor. Smart.Scheduler is extremely fast and generates minimal output, eliminating the typical trade-off between rich functionality and performance. It supports managing large numbers of events, timeline views, resource allocation, drag-and-drop scheduling, event management, recurring events, and time zone support. It includes built-in validation for events, customizable event templates, and security features with customizable HTML tag escaping. You can choose to escape all HTML tags or a blacklist of tags like 'script', 'object', etc. The scheduler offers multiple styling options, Material UI & Bootstrap themes, enabling you to build eye-catching, high-performance web apps quickly.
High-performance scheduler with virtual event rendering
It is one of the most feature-complete scheduler components available on the market.

Professional Scheduler

See online demo


The Smart UI Scheduler component offers top performance and responsive, fluid design. It provides easy-to-use and well-documented APIs. The Smart UI framework includes over 1000 ready-to-use examples. Like all widgets in the Smart UI framework, the Scheduler works across a range of devices, offering responsive, device-optimized look and behavior on PCs, tablets, and mobile phones. The Scheduler is trusted by thousands of companies with a large user community. We offer excellent technical support and customization services. The Smart UI framework releases frequent updates with continuous improvements.

Advanced Event Management & Resource Allocation in Smart.Scheduler with AI is included.

Data Binding in Scheduler

The scheduler component has built-in data binding capabilities and supports client and server-side models. It can be bound to local data, JSON, XML, CSV, TSV, remote data (JSONP), and virtual data where events are loaded on demand.

Client-side: Bind to local arrays, JSON, XML, CSV.
Server-side: Load-on-demand for remote data via JSONP.
Virtual Data: Handles thousands of events without lag.


Scheduler Custom Rendering

Timeline Views in Scheduler

The scheduler supports multiple timeline views, including day, week, month, and agenda views. Users can switch views via a built-in view selector or programmatically through the API. Each view is customizable, allowing developers to tailor the display to specific needs.

Week View with Resource Allocation



Scheduler Week View

Month View with Event Overlap



Scheduler Month View



Server-side data loading for timeline views is supported, enabling efficient handling of large event datasets.
See online demo

Event Management in Scheduler

The scheduler offers flexible event management, including drag-and-drop event creation, resizing, and editing. Events can be created via context menus, dialog popups, or programmatically. The component supports recurring events and event validation.

Scheduler Event Editing

Event Creation with Popup Dialog



Scheduler Event Popup

Custom event templates allow developers to define unique rendering for events.
See online demo

Resource Management in Scheduler

The scheduler supports resource allocation, allowing events to be assigned to specific resources (e.g., people, rooms, or equipment). Resources can be displayed in timeline views, with customizable rendering for resource headers.

Scheduler Resource View

Server-side resource loading is supported for efficient management of large resource datasets.
See online demo

Recurring Events in Scheduler

The scheduler supports recurring events with customizable patterns (daily, weekly, monthly, etc.). Users can edit individual occurrences or the entire series.

Scheduler Recurring Events

Time Zone Support

The scheduler includes time zone support, allowing events to be displayed and managed across different time zones seamlessly.

Scheduler Time Zones

Drag and Drop in Scheduler

Drag-and-drop functionality allows users to move and resize events interactively. Developers can handle drag events via the API for custom behavior.

Scheduler Drag and Drop

Event Templates in Scheduler

Custom event templates allow developers to define the appearance of events using HTMLTemplateElement or custom rendering functions.

Scheduler Event Templates

Scheduler Localization

Each string in the scheduler can be localized using the 'locale' and 'messages' properties. The 'messages' property is a JSON object in the format: 'en': { key: value }, where 'en' is the locale. Switching locales is as simple as setting the 'locale' property dynamically.

Scheduler Localization

See online demo

Scheduler Context Menu

Context menus can be displayed by handling event and resource click events via the Scheduler API. Menus can include any number of custom actions.

Scheduler Context Menu

See online demo

Material Design

The scheduler follows Google's Material Design best practices with 7 built-in themes available in both Light and Dark modes. The styling API allows customization via CSS variables, SCSS files, or an online theme builder tool.



Bootstrap



Scheduler Bootstrap Integration The scheduler integrates seamlessly with Bootstrap applications using a professional-looking Bootstrap theme. Simply reference the Smart Bootstrap theme file to apply the style.

Server-Side Model

The Smart UI Scheduler supports a server-side model, allowing events and resources to be loaded, filtered, and managed on demand, ideal for applications with large datasets.

Scheduler Server-Side

Keyboard Navigation

The scheduler supports keyboard navigation, allowing users to navigate events and views using arrow keys and other shortcuts. Clipboard operations (Ctrl+C, Ctrl+V, Ctrl+X) are also supported.

Scheduler Keyboard Navigation

Export and Printing in Scheduler

The scheduler supports export to iCalendar (ICS), Excel, PDF, XML, HTML, CSV, TSV, and JSON. Printing is also supported, along with API methods to export the scheduler view as a PNG image.
See online demo


Event Notifications

Smart.Scheduler provides built-in event notification capabilities, allowing users to receive alerts for upcoming events or changes. Notifications can be configured to appear as popups, emails, or custom UI elements, with support for custom notification logic via the API.

See online demo

Conflict Detection

The scheduler includes advanced conflict detection to prevent overlapping events or resource overbooking. Developers can customize conflict rules and display warnings to users when conflicts are detected, ensuring efficient scheduling.

Custom Views

Smart.Scheduler allows developers to create custom timeline views beyond the standard day, week, month, and agenda views. Custom views can be tailored to specific time ranges or layouts, with full API support for rendering and interaction.

Accessibility

The scheduler is designed with accessibility in mind, adhering to WCAG 2.1 standards. It supports screen readers, high-contrast themes, and keyboard-only navigation, ensuring an inclusive experience for all users.

Calendar Integration

Smart.Scheduler supports integration with external calendar systems like Google Calendar and Outlook via iCalendar (ICS) import/export. This enables seamless synchronization of events across platforms, enhancing interoperability.

Scheduler Calendar Integration Smart.Scheduler vs. JS scheduler competitors
The smarter choice for your JS Scheduler

High performance and scalability

Harness large event datasets with Smart.Scheduler's innovative UI virtualization and server-side loading, delivering lightning-fast rendering and seamless navigation—even for thousands of events in under a second, without compromising responsiveness.

Advanced customization and flexibility

Tailor every aspect to your vision with Smart.Scheduler's flexible event templates, custom editors, and robust API, enabling effortless integration across Angular, React, Vue, and Blazor for bespoke, high-impact scheduling solutions that scale with your needs.

Safe and affordable licensing

Flexible, domain-based licensing models focused on your applications—not per-user fees—maximize value and ROI, backed by transparent pricing with zero surprise costs for seamless deployment and long-term budgeting.

Extensive documentation and committed support

Dive into comprehensive, example-rich docs that speed up implementation, paired with dedicated expert support and a thriving developer community to resolve issues swiftly and keep your projects on track.