syncfusion-react-scheduler
Syncfusion React Scheduler
The Syncfusion React Scheduler is a comprehensive event calendar component for displaying and managing appointments across multiple views (Day, Week, Month, Timeline, Agenda, Year). It supports drag-and-drop, resize, recurring events, resource grouping, timezone handling, and extensive customization options for building booking systems, schedule managers, and time-tracking applications.
When to Use This Skill
Use this skill when you need to:
- Build calendar/scheduling applications - Event management, booking systems, appointment schedulers
- Display time-based events - Conferences, meetings, tasks, deadlines across various time intervals
- Manage appointments with CRUD operations - Create, read, update, delete events through UI or programmatically
- Handle recurring events - Daily, weekly, monthly, yearly patterns with exception dates
- Implement resource scheduling - Assign events to multiple resources (rooms, staff, equipment) with grouping
- Support multiple views - Day, Week, Work Week, Month, Year, Agenda, Timeline variations
- Enable drag-drop scheduling - Intuitive event creation, rescheduling, and time adjustment
- Work with timezones - Display events in different timezones for global scheduling
- Customize event display - Templates for events, cells, editor, tooltips, and styling
- Export/print schedules - Excel export, ICS calendar format, print functionality
- Implement accessibility - WCAG-compliant keyboard navigation and screen reader support
More from syncfusion/react-ui-components-skills
syncfusion-react-grid
Implements Syncfusion React Grid component for feature-rich data tables and grids. Use this when working with data display, sorting, filtering, grouping, aggregates, editing, or exporting. This skill covers grid configuration, CRUD operations, virtual scrolling or infinite scrolling, hierarchy grids, state persistence, and advanced data management features for data-intensive applications.
165syncfusion-react-rich-text-editor
Implements the Syncfusion React Rich Text Editor (RichTextEditorComponent) from ej2-react-richtexteditor, supporting HTML (WYSIWYG) and Markdown editing. Use this skill for toolbar configuration, image/video/audio insertion, paste cleanup, AI assistant integration, emoji picker, slash menu, mentions, import/export Word/PDF, form validation, and source code view in React applications.
161syncfusion-react-themes
Use this skill when users need to apply themes, customize appearance, switch dark mode, use CSS variables, configure icons, or modify visual styling for Syncfusion React components. Covers icon library, size modes, and Theme Studio integration.
159syncfusion-react-common
Common utilities and features for Syncfusion React components. Use this skill when the user needs to implement animations, drag-and-drop, state persistence, RTL support, localization, globalization, security, templates, and advanced features for Syncfusion React components.
159syncfusion-react-treegrid
Implements Syncfusion React TreeGrid for hierarchical data with sorting, filtering, editing, exporting, paging, virtual scrolling, and advanced features. Supports configuration, CRUD, aggregates, templates, state persistence, and performance optimization in React applications.
158syncfusion-react-gantt-chart
Implement, configure, and customize the Syncfusion React Gantt Chart component. Use this when building project scheduling applications with task timelines, dependencies, and resource management. Covers GanttComponent setup, task constraints, taskbar customization, filtering, sorting, Excel/PDF export, critical path analysis, milestones, predecessors, resource view, and baseline tracking.
155