title: How to insert a child angular2 component into a different part of the dom
body: <p>I am working on a date-picker component and would like the date-picker popup to be a child of the body element. The date-picker component currently renders an input element and displays a popup that is a sibling to the input when the input is focused. Because this component is used in many places css rules of parent elements have cause many problems. We've had problems with overflow, problems with animations, problems with transformations. I would like to move the popup to be a child of the body element to avoid these problems. However, to keep the component easy to use, I don't want to create a separate date-picker-popup component that the needs to be included elsewhere in the app.</p>
  
  <p>Can I do something along the lines of: create a dom element, append it to the body, then render an angular component as a child of that dom element?</p>