Smart UI Scheduler for JavaScript

Smart HTML ElementsScheduling & Planning ToolsJavaScript

React scheduling component with versatile views and event management.

  • Supports multiple views including day, week, month, agenda, timeline.
  • Enables event editing, grouping, recurring events, and notifications.
  • Integrates with Google and Outlook Calendars and supports time zones.
Smart HTML Elements logo

Prices from:

Loading...
Available in
Smart UI (Smart HTML Elements)Loading
Smart UI Scheduler for JavaScript product image
Smart UI Scheduler for JavaScript is a component designed to display and manage events across various calendar views such as day, week, month, agenda, and timeline. It facilitates dynamic event editing, resource grouping, and synchronization with external calendars.

Multiple Calendar Views

Displays events in various views like day, week, month, agenda, and timeline, allowing users to visualize schedules according to their preferences.

Event Editing and Management

Provides built-in support for creating, editing, and deleting events using intuitive drag-and-drop and resize interactions, along with customizable dialogs for event details.

Resources and Grouping

Supports assigning resources to events and grouping them either horizontally or vertically to organize schedules effectively across multiple categories or teams.

Recurring Events

Enables configuration of repeating events on daily, weekly, monthly, or yearly intervals using built-in recurrence options.

Time Zone Support

Displays dates in local time zones by default but allows changing the default time zone or showing multiple time zones simultaneously to accommodate global users.

Calendar Synchronization

Offers import and export of events in ICAL format, facilitating integration and synchronization with Google and Outlook Calendars.

Mobile Optimization

Responsive design adapts the scheduler's look and behavior for optimal usability on desktops, tablets, and mobile phones.

Localization and Globalization

Allows formatting of dates, numbers, and currencies according to user locale, and supports localization of strings with 'locale' and 'messages' properties for multi-language applications.

Theming and Appearance

Includes multiple built-in themes in light and dark modes following Material Design practices, with options for customization via a theme builder.

State Management and API Controls

Enables saving and loading of scheduler state including events and view date through localStorage, and provides API options to fine-tune user interactions such as disabling context menus or event conflicts.

Product Compatibility

Review the details below to ensure this product is supported within your environment.

Component Type

  • JavaScript

JavaScript Platform

  • Vanilla JavaScript