# bigcalendar/react-big-calendar **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/bigcalendar-react-big-calendar).** 8,700 stars · 2,307 forks · JavaScript · MIT ## Links - GitHub: https://github.com/bigcalendar/react-big-calendar - Homepage: http://bigcalendar.github.io/react-big-calendar/ - awesome-repositories: https://awesome-repositories.com/repository/bigcalendar-react-big-calendar.md ## Description react-big-calendar is a React calendar component used to build scheduling interfaces for web applications. It provides layouts for displaying events in daily, weekly, and monthly views, acting as a customizable UI component for managing appointments and schedules. The project includes a resource scheduling grid for tracking multiple events across different entities and a drag and drop scheduler that allows users to move and resize events through pointer-based interactions. The interface supports localized date scheduling and date formatting localization. Visual appearance is managed through CSS-variable theming, calendar cell styling, and the ability to replace internal elements with custom components to match specific design systems. ## Tags ### User Interface & Experience - [Calendar-Based Scheduling Interfaces](https://awesome-repositories.com/f/user-interface-experience/date-range-schedulers/calendar-based-scheduling-interfaces.md) — Provides a comprehensive calendar-based scheduling interface for managing events and appointments. - [Calendar Components](https://awesome-repositories.com/f/user-interface-experience/calendar-components.md) — Provides a React-based calendar component for displaying events in daily, weekly, and monthly layouts. - [Custom Component Injection](https://awesome-repositories.com/f/user-interface-experience/custom-element-renderers/custom-component-injection.md) — Allows replacing internal calendar elements, like event wrappers and time indicators, with custom React components. ([source](https://github.com/bigcalendar/react-big-calendar/blob/master/CHANGELOG.md)) - [Calendar Views](https://awesome-repositories.com/f/user-interface-experience/data-display-components/calendar-views.md) — Renders a full scheduling view for managing events with industry-standard calendar layouts. ([source](https://github.com/bigcalendar/react-big-calendar#readme)) - [Event Resizing and Movement](https://awesome-repositories.com/f/user-interface-experience/drag-and-drop-libraries/event-resizing-and-movement.md) — Implements a pointer-based interface for moving and resizing calendar events with live visual previews. ([source](https://github.com/bigcalendar/react-big-calendar/blob/master/CHANGELOG.md)) - [Resource-Based Grid Layouts](https://awesome-repositories.com/f/user-interface-experience/grid-based-view-rendering/resource-based-grid-layouts.md) — Organizes the calendar view by mapping events to specific resources and rendering them in parallel columns. - [Resource Scheduling Grids](https://awesome-repositories.com/f/user-interface-experience/resource-scheduling-grids.md) — Provides a specialized grid view for organizing and tracking multiple events across different resources. - [Visual Customization](https://awesome-repositories.com/f/user-interface-experience/calendars/visual-customization.md) — Provides CSS variables and stylesheets to customize the visual appearance and branding of the calendar. ([source](https://github.com/bigcalendar/react-big-calendar/blob/master/README.md)) - [Coordinate-Based Positioning](https://awesome-repositories.com/f/user-interface-experience/coordinate-based-positioning.md) — Implements a coordinate system to calculate pixel offsets for positioning events based on time intervals. - [CSS Variable Theming](https://awesome-repositories.com/f/user-interface-experience/css-variable-theming.md) — Uses native CSS variables to allow dynamic theming and visual styling of the calendar grid and events. - [Customizable UI Components](https://awesome-repositories.com/f/user-interface-experience/customizable-ui-components.md) — Provides a highly customizable UI where internal components and cell styles can be replaced for branding. - [Interactive Schedulers](https://awesome-repositories.com/f/user-interface-experience/drag-and-drop-libraries/interactive-schedulers.md) — Implements a pointer-based interface for moving and resizing events within a calendar layout. - [Interactive Event Resizing](https://awesome-repositories.com/f/user-interface-experience/form-and-input-management/interaction-and-event-handling/interaction-logic-hooks/interaction-handlers/drag-and-drop-event-callbacks/interactive-event-resizing.md) — Enables users to move and resize calendar events dynamically using drag-and-drop interactions. - [Style Configurations](https://awesome-repositories.com/f/user-interface-experience/style-configurations.md) — Offers configurable variables and stylesheets to define custom design system presets and CSS rules. ([source](https://github.com/bigcalendar/react-big-calendar#readme)) ### Business & Productivity Software - [Multi-Resource Scheduling](https://awesome-repositories.com/f/business-productivity-software/calendar-management/multi-resource-scheduling.md) — Tracks schedules across multiple entities by assigning events to specific resources and grouping them. ### Data & Databases - [Pluggable Date Interfaces](https://awesome-repositories.com/f/data-databases/date-and-time-libraries/pluggable-date-interfaces.md) — Decouples core scheduling logic from specific date libraries through a pluggable formatting interface. - [Localized Scheduling Components](https://awesome-repositories.com/f/data-databases/localized-scheduling-components.md) — Ships UI components that adapt date and time formatting to match the user's cultural locale. ### System Administration & Monitoring - [Scheduling Resource Grouping](https://awesome-repositories.com/f/system-administration-monitoring/administrative-operations/resource-organization/scheduling-resource-grouping.md) — Allows assigning events to specific resources and grouping them to track schedules across entities. ([source](https://github.com/bigcalendar/react-big-calendar/blob/master/CHANGELOG.md)) ### Software Engineering & Architecture - [Temporal State Reconciliation](https://awesome-repositories.com/f/software-engineering-architecture/event-driven-architectures/drag-lifecycle-events/temporal-state-reconciliation.md) — Translates mouse movements during drag-and-drop into time increments to update event timestamps. ### Web Development - [Internationalized Date Formatting](https://awesome-repositories.com/f/web-development/internationalized-date-formatting.md) — Ensures date displays and cultural formatting match the user's locale through a date-time library. ([source](https://github.com/bigcalendar/react-big-calendar#readme)) ### Part of an Awesome List - [UI Components](https://awesome-repositories.com/f/awesome-lists/devtools/ui-components.md) — Calendar component for scheduling.