rn-calendars

An extensible calendar component for react-native

Usage no npm install needed!

<script type="module">
  import rnCalendars from 'https://cdn.skypack.dev/rn-calendars';
</script>

README

rn-calendars

NPM version npm download

An extensible calendar component for react-native.

Install

npm i rn-calendars --save

Usage

var React = require('react-native');
var Calendar = require('rn-calendars');

module.exports = React.createClass({
  render () {
    return (<Calendar />);
  }
});

Props

Property Description Type Default note
startDate the date of first shown month. string new Date()
headings headings of the calendar array ['S', 'M', 'T', 'W', 'T', 'F', 'S']
renderDay customize render function of days in the calendar. func just render the date
selectDay do something after choose one day func console.log(date) works only when the renderDay function is not customized.
scrollEnabled could scroll the calendar or not bool false

Example

View RNCalendar.

ScreenShot

Acknowledgement

Thanks to react-native-calendar.

License

The MIT License