derskeal / react-native-micro-calendar

An updated version of react-native-sliding-calendar-view on npm for react-native 0.55 and above

react-native-micro-calendar

Tested with react-native 0.55

Add it to your project

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

Demo

Basic usage

import SlidingCalendarView from 'react-native-micro-calendar';

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](https://github.com/derskeal/react-native-micro-calendar/tree/master/examples/SlidingCalendarViewExample)

## Props

- **`selectedDay`** _(Date)_ - selectedDay
- **`onDaySelected`**  _(callback)_ - on selected day
---

**MIT Licensed**