import Calendar from 'rax-calendar';

// demo
import { createElement, render, Component } from 'rax';
import Calendar from 'rax-calendar';
import View from 'rax-view';
 
class App extends Component {
  state = {
    selectedDate: '2017-01-01'
  }
  
  render() {
    console.log(this.state.selectedDate);
    return (
      <View>
        <Calendar
          ref="calendar"
          eventDates={['2017-01-02', '2017-01-05', '2017-01-28', '2017-01-30']}
          startDate={'2017-01-01'}
          endDate={'2017-07-01'}
          titleFormat={'YYYY-MM'}
          prevButtonText={'last month'}
          nextButtonText={'next mourh'}
          weekStart={0}
          onDateSelect={(date) => this.setState({ selectedDate: date })}
          onTouchPrev={() => console.log('Back TOUCH')}
          onTouchNext={() => console.log('Forward TOUCH')}
        />
      </View>
    );
  }
}
 
render(<App />);