How to open calendar componet by click on a text

<Text onPress={_pressHere} >
Select date
</Text>

var _onPress = () => {
        return (
            <MyDatePicker/>
        )
    };

[Tinysymphony]

@nimamyscreen @appsthatmatter My example was deleted accidentally…sorry for that here is the code

let customStyles = {
  dateInput: {
    width: 0,
    height: 0,
    borderWidth: 0
  }
};
// in render function
<Text
  onPress={() => {this.refs.datepicker.onPressDate()}}>
  Your Text
</Text>
<DatePicker
  style={{width: 0, height: 0}}
  showIcon={false}
  customStyles={customStyles}
  ref="datepicker"
/>

hide icon by showIcon={false}, hide datepicker’s touchable view by style={{width: 0, height: 0}}, hide inputBody view by customStyles and use ref as a hook. (PS. kind of tedious…)

@nimamyscreen you can learn more about ref through this document

[Tinysymphony]

@nimamyscreen save the ref in a temporary variable will work.

// define a variable in outside scope that both components can access
let myDatepicker;

// in text render function
<Text onPress={() => myDatepicker && myDatepicker.onPressDate(); }>Press Date</Text>

// in datepicker render function 
<DatePicker
  ref={(datepicker) => myDatepicker = datepicker;}
/>

In onPress callback, you’d better test whether myDatepicker is defined.