Skip to content

suyogkc/react-native-drop-down-calendar-view

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-native-sliding-calendar-view

Tested with react-native 0.20

Add it to your project

  1. Run npm install react-native-sliding-calendar-view --save
  2. var ScrollableCalendarView = require('react-native-sliding-calendar-view');

Demo

Basic usage

import SlidingCalendarView from 'react-native-sliding-calendar-view';

class SlidingCalendarViewExample extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
      selectedDay: new Date(),
    }
  }

  render() {
    return <View style={styles.container}>
      <SlidingCalendarView
        selectedDay={this.state.selectedDay}
        onDaySelected={this.onDaySelected.bind(this)}
      >
        <View style={styles.content}>
          <Text>Past here your content</Text>
        </View>
      </SlidingCalendarView>
    </View>
  }

  onDaySelected(day) {
    this.setState({selectedDay: day});
  }
}

Example

See examples/SlidingCalendarViewExample.

Props

  • selectedDay (Date) - selectedDay
  • onDaySelected (callback) - on selected day

MIT Licensed

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%