The calendar is one of the most commonly used components that can be used to pick dates or to display & manage activities, tasks, or any scheduled events in modern web and mobile apps.
If you find that it is difficult to find a perfect calendar for your React and/or React Native app, this post might help you.
Originally Published Dec 06 2017, updated Feb 01 2021
Table Of Contents:
Best Calendar Components For React:
A scheduler and resource planning component built for React and made for modern browsers (IE10+).
A React component to create a modern, responsive, customizable booking calendar app.
A Google Calendar & Outlook like events calendar component built for React and made for modern browsers (read: IE10+) and uses flexbox over the classic tables-ception approach.
A modern and responsive react timeline component designed for both desktop and mobile.
A fully functional calendar with reminders using React and Redux.
Best Calendar Components For React Native:
The react-native-add-calendar-event component allows you to start an activity (Android) or show a modal window (iOS) for adding events to calendar. Through a promise, you can find out if a new event was added and get its id.
A React Native iOS style calendar implemented using VirtualizedList.
React-native shell to material-calendarview component.
An awesome and cross-platform React Native date picker and calendar component for iOS and Android.
This module includes various customizable react native calendar components. Compatible with iOS and Android.
There’re lots of web & mobile event libraries out there and you can find more React & React Native resources about calendar on our Calendar category.
To learn more about date picker on modern web & mobile development, here are a few resources available online:
- 5 Best Vue.js Calendar Components