How to open date picker manually

Issue

Hi, I am unable to open date picker manually. Please provide solution for this problem. I am sharing code snippet below.

Code

openDatePicker(date, mode, format, index) {
   this.setState({ datePickerDate: date, datePickerMode: mode, datePickerFormat: format });
   DatePicker.onPressDate;
}

and I am calling this method (openDatePicker) on row click.

Environment

1. react-native -v: 0.47.1
2. node -v:6.2.1
3. npm -v:4.2.0
4. target platform: Android
5. operating system: windows 10 64 bit

[EyalSi]

use: <DatePicker showIcon={false} hideText={true} ref={(ref)=>this.datePickerRef=ref} … />

and from your element: onPress={() => this.datePickerRef.onPressDate()

[evrimfeyyaz]

Here is how you can open it manually with hooks:

import { useRef } from 'react';

// ...

const datePickerRef = useRef(null);

// ...

<SomeComponent onPress={() => datePickerRef.current.onPressDate()} />

// ...

<DatePicker showIcon={false} hideText={true} ref={datePickerRef} />