# intljusticemission/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/intljusticemission-react-big-calendar).**

8,700 stars · 2,307 forks · JavaScript · MIT

## Links

- GitHub: https://github.com/intljusticemission/react-big-calendar
- Homepage: http://bigcalendar.github.io/react-big-calendar/
- awesome-repositories: https://awesome-repositories.com/repository/intljusticemission-react-big-calendar.md

## Description

react-big-calendar is a programmable grid component for React applications used to render professional calendars and interactive scheduling interfaces. It provides a visual system for managing and visualizing appointments and events through daily, weekly, and monthly grid views.

The component is designed to be localizable and themeable, allowing for customized event visualization and date formats that match specific linguistic and cultural preferences. It utilizes a date-library agnostic interface, decoupling core logic from specific time-handling libraries via an adapter layer.

The project includes a layout engine that maps event objects to grid coordinates and supports prop-driven view switching. It also allows for custom component slotting to inject external UI elements into calendar cells.

## Tags

### User Interface & Experience

- [Calendar Views](https://awesome-repositories.com/f/user-interface-experience/data-display-components/calendar-views.md) — Provides interactive calendar views for visualizing and scheduling events in daily, weekly, and monthly grids. ([source](https://github.com/intljusticemission/react-big-calendar#readme))
- [Calendar Visualization Components](https://awesome-repositories.com/f/user-interface-experience/calendar-visualization-components.md) — Offers specialized components for rendering time-based records as visual events within a calendar.
- [Calendars](https://awesome-repositories.com/f/user-interface-experience/calendars.md) — A programmable React grid component for rendering professional, themeable event calendars.
- [Calendar-Based Scheduling Interfaces](https://awesome-repositories.com/f/user-interface-experience/date-range-schedulers/calendar-based-scheduling-interfaces.md) — Implements a professional scheduling interface with flexible grid layouts for time-sensitive task organization.
- [Grid Layout Engines](https://awesome-repositories.com/f/user-interface-experience/grid-layout-engines.md) — Uses a grid-based layout engine to calculate positions and dimensions for scheduled events.
- [Temporal Coordinate Mapping](https://awesome-repositories.com/f/user-interface-experience/temporal-coordinate-mapping.md) — Maps event start and end times to specific grid coordinates for visual layout.
- [Calendar Integrations](https://awesome-repositories.com/f/user-interface-experience/calendar-integrations.md) — Provides a visual calendar interface for integrating event and appointment management into React apps.
- [Theme Style Customizations](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/component-styling-tools/component-styling/theme-style-customizations.md) — Provides mechanisms to customize the visual appearance through theme-based design tokens. ([source](https://github.com/intljusticemission/react-big-calendar#readme))

### Part of an Awesome List

- [Calendars and Scheduling](https://awesome-repositories.com/f/awesome-lists/productivity/calendars-and-scheduling.md) — Provides a user interface for visualizing appointments and events with customizable time slots.
- [Temporal View Switching](https://awesome-repositories.com/f/awesome-lists/devtools/list-and-grid-views/view-switching-logic/temporal-view-switching.md) — Allows switching between different temporal representations such as daily, weekly, and monthly views.
- [Date And Time](https://awesome-repositories.com/f/awesome-lists/devtools/date-and-time.md) — Calendar component inspired by Google and Outlook.

### Business & Productivity Software

- [Date-Based Data Visualization](https://awesome-repositories.com/f/business-productivity-software/date-based-data-visualization.md) — Enables users to view and interact with date-based data within web dashboards.

### Data & Databases

- [Library Adapters](https://awesome-repositories.com/f/data-databases/date-and-time-libraries/library-adapters.md) — Implements an adapter layer to decouple core calendar logic from specific date-handling libraries.
- [Localized Scheduling Components](https://awesome-repositories.com/f/data-databases/localized-scheduling-components.md) — Integrates with date libraries to provide localized time and date formatting for global users.

### Web Development

- [Internationalized Date Formatting](https://awesome-repositories.com/f/web-development/internationalized-date-formatting.md) — Supports locale-aware date and time formatting to match specific cultural preferences. ([source](https://github.com/intljusticemission/react-big-calendar#readme))