An animated, customizable, and minimal-looking monthly calendar for React Native.
How to use it:
1. Install and import the monthly calendar component.
# NPM $ npm i react-native-monthly --save
import RNMonthly from "react-native-monthly";
2. Add the Monthly Calendar component to your app and determine the number of days to render. Default: 31.
<RNMonthly numberOfDays={30} />
3. Set the active days.
<RNMonthly numberOfDays={30} activeDays={[1, 3, 5, 7] />
4. More configurations for the calendar component.
- style: set or override the style object
- today: set the today’s date
- activeBackgroundColor: background color when active
- inactiveBackgroundColor: background color when inactive
- todayTextStyle: set or override the style object for the today text
- itemContainerStyle: set or override the style object for each item
- onPress: triggered on press
Preview:
Download Details:
Author: WrathChaos
Live Demo: View The Demo
Download Link: Download The Source Code
Official Website: https://github.com/WrathChaos/react-native-monthly
License: MIT