{"id":50101908,"url":"https://github.com/bigcalendar/react-big-calendar","last_synced_at":"2026-05-31T19:00:35.472Z","repository":{"id":36880234,"uuid":"41187219","full_name":"bigcalendar/react-big-calendar","owner":"bigcalendar","description":"gcal/outlook like calendar component","archived":false,"fork":false,"pushed_at":"2026-05-19T22:07:22.000Z","size":103492,"stargazers_count":8697,"open_issues_count":112,"forks_count":2309,"subscribers_count":79,"default_branch":"master","last_synced_at":"2026-05-28T07:21:09.722Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://bigcalendar.github.io/react-big-calendar/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bigcalendar.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":"CITATION.cff","codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2015-08-22T02:56:58.000Z","updated_at":"2026-05-26T15:06:33.000Z","dependencies_parsed_at":"2023-01-17T06:32:32.051Z","dependency_job_id":"4130a053-713c-4e2a-8770-ea588901f72c","html_url":"https://github.com/bigcalendar/react-big-calendar","commit_stats":{"total_commits":723,"total_committers":233,"mean_commits":"3.1030042918454934","dds":0.7123098201936376,"last_synced_commit":"6a1c1b1801795ab192254db6b8e0a7a6ccc3ee18"},"previous_names":["intljusticemission/react-big-calendar","bigcalendar/react-big-calendar"],"tags_count":197,"template":false,"template_full_name":null,"purl":"pkg:github/bigcalendar/react-big-calendar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bigcalendar%2Freact-big-calendar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bigcalendar%2Freact-big-calendar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bigcalendar%2Freact-big-calendar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bigcalendar%2Freact-big-calendar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bigcalendar","download_url":"https://codeload.github.com/bigcalendar/react-big-calendar/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bigcalendar%2Freact-big-calendar/sbom","scorecard":{"id":491748,"data":{"date":"2025-08-11","repo":{"name":"github.com/jquense/react-big-calendar","commit":"b8dc3db1a61feb609f380ea13b6d5a41d1c30e68"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":4.6,"checks":[{"name":"Code-Review","score":4,"reason":"Found 13/30 approved changesets -- score normalized to 4","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Dangerous-Workflow","score":10,"reason":"no dangerous workflow patterns detected","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Maintained","score":10,"reason":"14 commit(s) and 1 issue activity found in the last 90 days -- score normalized to 10","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Token-Permissions","score":0,"reason":"detected GitHub workflow tokens with excessive permissions","details":["Warn: no topLevel permission defined: .github/workflows/issue-close-require.yml:1","Warn: no topLevel permission defined: .github/workflows/issue-labeled.yml:1","Warn: no topLevel permission defined: .github/workflows/release.yml:1","Warn: no topLevel permission defined: .github/workflows/storybook.yml:1","Warn: no topLevel permission defined: .github/workflows/test.yml:1","Info: no jobLevel write permissions found"],"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Pinned-Dependencies","score":0,"reason":"dependency not pinned by hash detected -- score normalized to 0","details":["Warn: third-party GitHubAction not pinned by hash: .github/workflows/issue-close-require.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/jquense/react-big-calendar/issue-close-require.yml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/issue-labeled.yml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/jquense/react-big-calendar/issue-labeled.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/jquense/react-big-calendar/release.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/jquense/react-big-calendar/release.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/storybook.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/jquense/react-big-calendar/storybook.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/storybook.yml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/jquense/react-big-calendar/storybook.yml/master?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/storybook.yml:30: update your workflow using https://app.stepsecurity.io/secureworkflow/jquense/react-big-calendar/storybook.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/jquense/react-big-calendar/test.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/jquense/react-big-calendar/test.yml/master?enable=pin","Info:   0 out of   6 GitHub-owned GitHubAction dependencies pinned","Info:   0 out of   3 third-party GitHubAction dependencies pinned"],"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Branch-Protection","score":-1,"reason":"internal error: error during branchesHandler.setup: internal error: githubv4.Query: Resource not accessible by integration","details":null,"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Packaging","score":10,"reason":"packaging workflow detected","details":["Info: Project packages its releases by way of GitHub Actions.: .github/workflows/release.yml:9"],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 18 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"35 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-h5c3-5r3r-rr8q","Warn: Project is vulnerable to: GHSA-rmvr-2pp2-xj38","Warn: Project is vulnerable to: GHSA-xx4v-prfh-6cgc","Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-434g-2637-qmqr","Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m","Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw","Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p","Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747","Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh","Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j","Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w","Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6","Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59","Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j","Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm","Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg","Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p","Warn: Project is vulnerable to: GHSA-w5hq-hm5m-4548","Warn: Project is vulnerable to: GHSA-w5p7-h5w8-2hfq","Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v","Warn: Project is vulnerable to: GHSA-4vvj-4cpr-p986","Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6","Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-19T19:20:54.121Z","repository_id":36880234,"created_at":"2025-08-19T19:20:54.121Z","updated_at":"2025-08-19T19:20:54.121Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33744447,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-05-31T02:00:06.040Z","response_time":95,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-05-23T08:00:33.272Z","updated_at":"2026-05-31T19:00:35.466Z","avatar_url":"https://github.com/bigcalendar.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Uncategorized"],"sub_categories":["Uncategorized"],"readme":"# react-big-calendar\n\nAn events calendar component built for React and designed for modern browsers (read: not IE) and uses flexbox over the classic tables-caption approach.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./assets/rbc-demo.gif\" alt=\"Big Calendar Demo Image\" /\u003e\n\u003c/p\u003e\n\n[**DEMO and Docs**](https://bigcalendar.github.io/react-big-calendar/index.html)\n\nInspired by [Full Calendar](http://fullcalendar.io/).\n\n## Use and Setup\n\n`yarn add react-big-calendar` or `npm install --save react-big-calendar`\n\nInclude `react-big-calendar/lib/css/react-big-calendar.css` for styles, and make sure your calendar's container\nelement has a height, or the calendar won't be visible. To provide your own custom styling, see the [Custom Styling](#custom-styling) topic.\n\n## Starters\n\n- [react-big-calendar](https://github.com/arecvlohe/rbc-starter)\n- [react-big-calendar with drag and drop](https://github.com/arecvlohe/rbc-with-dnd-starter)\n- [react-big-calendar with TypeScript and React hooks bundled with Vite](https://github.com/christopher-caldwell/react-big-calendar-demo)\n\n## Run examples locally\n\n```sh\n$ git clone git@github.com:bigcalendar/react-big-calendar.git\n$ cd react-big-calendar\n$ yarn\n$ yarn storybook\n```\n\n- Open [localhost:9002](http://localhost:9002).\n\n### Localization and Date Formatting\n\n`react-big-calendar` includes four options for handling the date formatting and culture localization, depending\non your preference of DateTime libraries. You can use either the [Moment.js](https://momentjs.com/), [Globalize.js](https://github.com/jquery/globalize), [date-fns](https://date-fns.org/), [Day.js](https://day.js.org) localizers.\n\nRegardless of your choice, you **must** choose a localizer to use this library:\n\n#### Moment.js\n\n```js\nimport { Calendar, momentLocalizer } from 'react-big-calendar'\nimport moment from 'moment'\n\nconst localizer = momentLocalizer(moment)\n\nconst MyCalendar = (props) =\u003e (\n  \u003cdiv\u003e\n    \u003cCalendar\n      localizer={localizer}\n      events={myEventsList}\n      startAccessor=\"start\"\n      endAccessor=\"end\"\n      style={{ height: 500 }}\n    /\u003e\n  \u003c/div\u003e\n)\n```\n\n#### Globalize.js v0.1.1\n\n```js\nimport { Calendar, globalizeLocalizer } from 'react-big-calendar'\nimport globalize from 'globalize'\n\nconst localizer = globalizeLocalizer(globalize)\n\nconst MyCalendar = (props) =\u003e (\n  \u003cdiv\u003e\n    \u003cCalendar\n      localizer={localizer}\n      events={myEventsList}\n      startAccessor=\"start\"\n      endAccessor=\"end\"\n      style={{ height: 500 }}\n    /\u003e\n  \u003c/div\u003e\n)\n```\n\n#### date-fns v2\n\n```js\nimport { Calendar, dateFnsLocalizer } from 'react-big-calendar'\nimport format from 'date-fns/format'\nimport parse from 'date-fns/parse'\nimport startOfWeek from 'date-fns/startOfWeek'\nimport getDay from 'date-fns/getDay'\nimport enUS from 'date-fns/locale/en-US'\n\nconst locales = {\n  'en-US': enUS,\n}\n\nconst localizer = dateFnsLocalizer({\n  format,\n  parse,\n  startOfWeek,\n  getDay,\n  locales,\n})\n\nconst MyCalendar = (props) =\u003e (\n  \u003cdiv\u003e\n    \u003cCalendar\n      localizer={localizer}\n      events={myEventsList}\n      startAccessor=\"start\"\n      endAccessor=\"end\"\n      style={{ height: 500 }}\n    /\u003e\n  \u003c/div\u003e\n)\n```\n\n#### Day.js\n\nNote that the dayjsLocalizer extends Day.js with the following plugins:\n\n- [IsBetween](https://day.js.org/docs/en/plugin/is-between)\n- [IsLeapYear](https://day.js.org/docs/en/plugin/is-leap-year)\n- [IsSameOrAfter](https://day.js.org/docs/en/plugin/is-same-or-after)\n- [IsSameOrBefore](https://day.js.org/docs/en/plugin/is-same-or-before)\n- [LocaleData](https://day.js.org/docs/en/plugin/locale-data)\n- [LocalizedFormat](https://day.js.org/docs/en/plugin/localized-format)\n- [MinMax](https://day.js.org/docs/en/plugin/min-max)\n- [UTC](https://day.js.org/docs/en/plugin/utc)\n\n```js\nimport { Calendar, dayjsLocalizer } from 'react-big-calendar'\nimport dayjs from 'dayjs'\n\nconst localizer = dayjsLocalizer(dayjs)\n\nconst MyCalendar = (props) =\u003e (\n  \u003cdiv\u003e\n    \u003cCalendar\n      localizer={localizer}\n      events={myEventsList}\n      startAccessor=\"start\"\n      endAccessor=\"end\"\n      style={{ height: 500 }}\n    /\u003e\n  \u003c/div\u003e\n)\n```\n\n## Custom Styling\n\nOut of the box, you can include the compiled CSS files and be up and running. But, sometimes, you may want to style\nBig Calendar to match your application styling. For this reason, SASS files are included with Big Calendar.\n\n```\n  @import 'react-big-calendar/lib/sass/styles';\n  @import 'react-big-calendar/lib/addons/dragAndDrop/styles'; // if using DnD\n```\n\nSASS implementation provides a `variables` file containing color and sizing variables that you can\nupdate to fit your application. _Note:_ Changing and/or overriding styles can cause rendering issues with your\nBig Calendar. Carefully test each change accordingly.\n\n## Join The Community\n\nHelp us improve Big Calendar! Join us on [Slack](https://join.slack.com/t/bigcalendar/shared_invite/zt-30oxxdz6s-1Q3ubN2qwav~i1m82_FWog).\n(Slack invite links do expire. If you can't get in, just file an issue and we'll get a new link.)\n\n## Translations\n\n- [العربية](/docs/README-ar.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbigcalendar%2Freact-big-calendar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbigcalendar%2Freact-big-calendar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbigcalendar%2Freact-big-calendar/lists"}