React-native-monthly NPM

Installation

Add the dependency:

npm i react-native-monthly

"@freakycoder/react-native-bounceable": ">= 0.2.4",

import RNMonthly from "react-native-monthly";

<RNMonthly numberOfDays={31} activeDays={[1, 5, 6, 11, 21, 31]} />

<RNMonthly
  numberOfDays={30}
  activeBackgroundColor="green"
  inactiveBackgroundColor="#E6FFDE"
  activeDays={[1, 5, 6, 11, 21, 31]}
/>

<RNMonthly
  numberOfDays={28}
  activeBackgroundColor="#9C1818"
  inactiveBackgroundColor="#FFDEDE"
  activeDays={[1, 5, 6, 11, 21, 31]}
/>

You can checkout the example project 🥰

Simply run

should work of the example project.

Property	Type	Default	Description
numberOfDays	number	31	change days of the month it should be more than 28 and less than 31
activeDays	number[]	undefined	set the active days
style	ViewStyle	default	set or override the style object for the main container
today	number	undefined	enable the today's selected item or any other

Property	Type	Default	Description
activeBackgroundColor	color	"#49c1c2"	change the active background color
inactiveBackgroundColor	color	"#f0f0f0"	change the inactive background color
todayTextStyle	TextStyle	default	set or override the style object for the today text style
itemContainerStyle	ViewStyle	default	set or override the style object for the each item container
onPress	function	undefined	set your own logic for the button functionality when it is pressed