![](\"./assets/screenshot-mobile.png\")
\n![](\"./assets/screenshot-simulator.png\")
\n![](\"./assets/screenshot-desktop.png\")
\n\n# Who's using this?\n\n\n\n \n\n
![](\"https://user-images.githubusercontent.com/10719495/195131400-cd334757-caad-4ed8-ba73-786affa2a6b0.png\")
\n\n\n\nIf you are using this library, please send a PR to add your organization!\n\n# Sponsors\n\n\n\n ![](\"https://images.ctfassets.net/jk5e9i3ije9y/1K8rFn7DeHTdGg9Mn4Hmzl/c95d1a87b7de549e1463e85a3a10829e/logo-with-text-copy__2_.png?h=250\"){kind=logo}
\n\n
\n\n![](\"https://user-images.githubusercontent.com/10719495/117629046-b98a2480-b1b4-11eb-89df-02c373438e45.png\")
\n\n# Features\n\n- Cross Platform: Runs on the Web, iOS, Android with the power of React\n- Type-safe: Fully written in TypeScript\n- Customizable: Able to provide your own theme, and pass your component to render.\n- Lightweight: ~9KB (min + gzip), dependency is `dayjs` and `calendarize`\n\n# Install\n\n```\nnpm install --save react-native-big-calendar\n```\n\nOr if you use Yarn:\n\n```\nyarn add react-native-big-calendar\n```\n\n### Other dependencies\n\nPlease ensure peer dependencies are installed.\n\n```sh\nnpm install react react-native\n```\n\n### TypeScript\n\nIf you use TypeScript ensure `@types/react` and `@types/react-native` is installed. `react-native-big-calendar` internally uses them.\n\n```sh\nnpm install --save-dev @types/react @types/react-native\n```\n\n### Usage on the Web\n\nIf you are using this module on the Web, please install `react-native-web`.\n\n```sh\nnpm install react-native-web\n```\n\nIf you are using Create React App, you are ready to go 🎉\n\nFor more details, please refer to the official react-native-web installation guide.\n\nhttps://github.com/necolas/react-native-web\n\n# Getting Started\n\n```typescript\nimport { Calendar } from 'react-native-big-calendar'\n\nconst events = [\n {\n title: 'Meeting',\n start: new Date(2020, 1, 11, 10, 0),\n end: new Date(2020, 1, 11, 10, 30),\n },\n {\n title: 'Coffee break',\n start: new Date(2020, 1, 11, 15, 45),\n end: new Date(2020, 1, 11, 16, 30),\n },\n]\n\nfunction App() {\n return \n\n\n\n# Who's using this?\n\n\n\n \n\n
\n\n\n\nIf you are using this library, please send a PR to add your organization!\n\n# Sponsors\n\n\n\n \n\n