Minimal Monthly Calendar For React Native

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:

Minimal Monthly Calendar For React Native

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

You Might Be Interested In:

Add Comment