futurice/react-native-calendar

Name: react-native-calendar

Owner: Futurice

Description: Calendar Component for React Native

Forked from: christopherdro/react-native-calendar

Created: 2016-08-25 12:57:33.0

Updated: 2017-06-29 23:44:38.0

Pushed: 2016-08-25 13:04:37.0

Homepage:

Size: 1222

Language: JavaScript

GitHub Committers

UserMost Recent Commit# Commits

Other Committers

UserEmailMost Recent Commit# Commits

README

react-native-calendar

A <Calendar> component for React Native

Portrait mode only

Installation

npm install react-native-calendar --save

Usage
endar
rollEnabled={true}              // False disables swiping. Default: True
owControls={true}               // False hides prev/next buttons. Default: False
tleFormat={'MMMM YYYY'}         // Format for displaying current month. Default: 'MMMM YYYY'
yHeadings={Array}               // Default: ['S', 'M', 'T', 'W', 'T', 'F', 'S']
nthNames={Array}                // Defaults to english names of months
evButtonText={'Prev'}           // Text for previous button. Default: 'Prev'
xtButtonText={'Next'}           // Text for next button. Default: 'Next'
DateSelect={(date) => this.onDateSelect(date)} // Callback after date selection
TouchPrev={this.onTouchPrev}    // Callback for prev touch event
TouchNext={this.onTouchNext}    // Callback for next touch event
SwipePrev={this.onSwipePrev}    // Callback for back swipe event
SwipeNext={this.onSwipeNext}    // Callback for forward swipe event
entDates={['2015-07-01']}       // Optional array of moment() parseable dates that will show an event indicator
day={'2016-16-05'}              // Defaults to today
artDate={'2015-08-01'}          // The first month that will display. Default: current month
lectedDate={'2015-08-15'}       // Day to be selected
stomStyle={{day: {fontSize: 15, textAlign: 'center'}}} // Customize any pre-defined styles
ekStart={1} // Day on which week starts 0 - Sunday, 1 - Monday, 2 - Tuesday, etc, Default: 1

Available custom styles
TODOS
DEMO

Demo gif


This work is supported by the National Institutes of Health's National Center for Advancing Translational Sciences, Grant Number U24TR002306. This work is solely the responsibility of the creators and does not necessarily represent the official views of the National Institutes of Health.