React Grid within Modal, select multiple rows and save

I am trying to implement the following and wondered if there is any documentation / examples for this: 

1. On a page display a grid for "selected products". 
2. When you click "add" you are shown a modal with another grid (data is products).
3. This grid has a checkbox column (https://www.telerik.com/kendo-react-ui/components/grid/selection/)
4. You can select one or more products and click save
5. The "selected products" grid within the page updates to show the additional selected products.

I'm wondering if there are examples of a grid integrated within a form modal. i.e. the form isn't editing the original data that is shown on the page, instead it is loading available products but I need to know what is selected to show this within the page. There are 2 data sources - the products that have been selected and the available products.