Popover inside a Modal

[artyorsh]

🐛 Bug Report

Popover-based components like Autocomplete or Datepicker are not updated properly if placed in Modal. The content displayed in popover may be closed whenever user starts interacting with component.

Demo

To Reproduce

import React from 'react';
import { Button, Modal, Datepicker } from '@ui-kitten/components';

export const DatepickerInModal = () => {

  const [visible, setVisible] = React.useState(false);
  const [date, setDate] = React.useState(null);

  const toggleModal = (): void => {
    setVisible(!visible);
  };

  return (
    <React.Fragment>
      <Button onPress={toggleModal}>
        TOGGLE MODAL
      </Button>
      <Modal visible={visible} onBackdropPress={toggleModal}>
        <Datepicker date={date} onSelect={setDate} />
      </Modal>
    </React.Fragment>
  );
};

Steps to reproduce the behavior:

Expected behavior

Popover-based components should be updated properly not depending on where it was rendered.

Link to runnable example or repository (highly encouraged)

UI Kitten and Eva version

Package	Version
@eva-design/eva	any
@ui-kitten/components	any

Environment information

react: ~16.9.0 => 16.9.0
react-native: ~0.61.4 => 0.61.5

[AnasAlamin]

did anyone figure out how to solve this issue?