react-native-datepicker
react-native-datepicker copied to clipboard
onPressCancel not working on Android
Issue
For android onPressCancel method is not working.
Expected Behavior
On calling onPressCancel calendar pop up should be closed.
Code
import React, { Component } from 'react';
import { View } from 'react-native';
import DatePicker from 'react-native-datepicker';
export default class Patient extends Component {
state = { date: "2018-08-30" }
componentDidMount() {
this.datePicker.onPressDate()
setTimeout(() => {
this.datePicker.onPressCancel()
}, 5000)
}
render() {
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
<DatePicker
style={{ width: 200 }}
date={this.state.date}
mode="date"
duration={0}
placeholder="select date"
format="YYYY-MM-DD"
confirmBtnText="Confirm"
ref={ref => this.datePicker = ref}
cancelBtnText="Cancel"
onDateChange={(date) => { this.setState({ date: date }) }}
/>
</View>
);
}
}
Environment
-
react-native -v
: 0.56.0 -
node -v
: 8.11.4 -
npm -v
: 5.6.0 -
yarn --version
: NA -
target platform
: Android -
operating system
: macOS High Sierra
The same issue
This worked for me. componentDidMount() {
this.listeners = [ addListener(‘didFocus’, () => { console.log(“didFocus”) }), addListener(‘willBlur’, () => { console.log(“willBlur “) this.datePicker.onPressCancel() }), ] }