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.
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.
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.
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
Month View with Event Overlap
Server-side data loading for timeline views is supported, enabling efficient handling of large event datasets.
See online demo
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.
Event Creation with Popup Dialog
Custom event templates allow developers to define unique rendering for events.
See online demo
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.
Server-side resource loading is supported for efficient management of large resource datasets.
See online demo
The scheduler supports recurring events with customizable patterns (daily, weekly, monthly, etc.). Users can edit individual occurrences or the entire series.
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.
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.
The scheduler integrates seamlessly with Bootstrap applications using a professional-looking Bootstrap theme. Simply reference the Smart Bootstrap theme file to apply the style.
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.
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.
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
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.
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.
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.
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.
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.
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.
The scheduler integrates seamlessly with Bootstrap applications using a professional-looking Bootstrap theme. Simply reference the Smart Bootstrap theme file to apply the style.
Smart.Scheduler vs. JS scheduler competitors
