title: Unable to dimiss a modal (react-native-date-picker)
body: <p>So we are using this lib <code>react-native-date-picker</code> for date picking (obviously).</p>
  <p>When user is timeout from app, we are navigating the user back to login screen. However if the date picker (this is a modal) is opened, it will remain on top of screen as always. Within <a href="https://github.com/henninghall/react-native-date-picker" rel="nofollow noreferrer">the library</a> I see no option to decide when the modal should stay visible/invisible.</p>
  <p>Here's few approaches I've tried with no success</p>
  <ol>
  <li><p>Using <code>forwardRef</code> wrapping my child component (which shows the date picker), trying to access the component via Ref. No success, always receive NULL in return. I think the library don't support this either?</p>
  </li>
  <li><p>Based on the timeout props we stored in Redux, within the function <code>componentdidupdate</code> we setState to re-render the screen by telling DatePicker's prop <code>open</code> as FALSE. No success either.</p>
  </li>
  </ol>
  <p>Im curious on the reason behind why is this happening. What are the possible solution?</p>