Doesnt display the calendar on entering the view ,

But it does display the calendar when moving to next month back and forth.


import Calendar from 'react-native-calendar';
import moment from 'moment';

const customDayHeadings = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
const customMonthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May',
'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];

class CalendarScreen extends Component {

constructor(props) {
super(props);
this.state = {
selectedDate: moment().format(),
};
}

// const ChatScreen = ({ label, value, onChangeText, placeholder, secureTextEntry }) => {
// const { inputStyle, labelStyle, containerStyle } = styles;

static navigationOptions = ({ navigation }) => ({
title: `${navigation.state.params.user}`,
});

render() {
const { params } = this.props.navigation.state;
console.log('23- ChatScreen this.props =', this.props );
return (


{
console.log( '39- on Date Select : date =', date );
this.setState({ selectedDate: date })
}
}
onTouchPrev={(e) => console.log('onTouchPrev: ', e)}
onTouchNext={(e) => console.log('onTouchNext: ', e)}
onSwipePrev={(e) => console.log('onSwipePrev: ', e)}
onSwipeNext={(e) => console.log('onSwipeNext', e)}
/>
Selected Date: {moment(this.state.selectedDate).format('MMMM DD YYYY')}

);
}
}

const styles = StyleSheet.create({
container: {
flex: 1,
paddingTop: 20,
backgroundColor: '#f7f7f7',
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
},
instructions: {
textAlign: 'center',
color: '#333333',
marginBottom: 5,
},
});

const mapStateToProps = (state) => {
// bal bla bla
};

export default connect(mapStateToProps, { propertyUpdate, propertySave })(CalendarScreen);

// export default ChatScreen;

//