Introduction
An incredibly fast and flexible way of building calendars in React Native.
Features
- iOS and Android support
- Expo compatible, no binary updates required
- Localization built-in
- Customizable and composable UI
- Dark-mode out of the box
- Infinite scroll
- Date range support
- Tiny bundle size (18kb minified, 6kb gzip)
- Just a single third-party dependency (200 bytes)
- Bottom sheet compatible
Installation
Add the package to your project:
npm add @marceloterreiro/flash-calendar
Requirements
To use this package, you also need to install its peer dependencies. Check out their documentation for more information:
Getting started
To learn more about Flash Calendar, start here.
Playground & examples
There are a bunch of examples, including interactable stories, available in the apps/example
package. Read the Contributing section from the README for instructions on how to run it. Here's a sneak peek:
Who's using it?
- 🇧🇷 Moni, a Brazilian personal finance app that helps users track their finances effortlessly (iOS, Android)
- 🇺🇸 Brex, the AI-powered spend platform (iOS, Android)
- 🇺🇸 Dysperse, an all-in-one unified productivity platform designed to enhance efficiency and streamline tasks (Windows, Web)
Here's a sneak peek of what you can build with Flash Calendar (from Moni's production app):
In this demo, there are several features working together:
- date range picker
- theme prop
- bottom-sheet integration
- infinite scroll
- localization