Programmatically open/close date picker?

Hi,

Is there a way to programmatically open/close the date picker from react-native-datetimepicker?

My use case is creating a component based on TouchableOpacity that opens the DatePicker when pressed (with a much bigger surface area than the tiny date picker).

RNDateTimePicker does not seem to accept a ref, nor to have an API to hide/show.

Thank you very much.

[LouisRaine]

{show && <RNDateTimePicker />}

[omarqe]

I needed this too. But my current workaround is to wrap <DateTimePicker/> inside an invisible <View/>. The touch experience is not quite good, but it works though.

Example:

import React from "react"
import DateTimePicker from "@react-native-community/datetimepicker";
import { View, Text } from "react-native"

export default function CustomDateInput({ value, ...restProps }) {
    return (
        <View style={{ position: "relative" }}>
            <Text>{value}</Text>
            <View style={{ opacity: 0, position: "absolute" }}>
                <DateTimePicker value={value} {...restProps} />
            </View>
        </View>
    );
}