title: Angular add dom element after current input in directive
body: <p>I have two inputs:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>      &lt;label for="date-string"&gt;String value&lt;/label&gt;
        &lt;input [formControl]="dateString" type="date" id="date-string"/&gt;
        &lt;br&gt;
        &lt;label for="date-object"&gt;Date object with directive help&lt;/label&gt;
        &lt;input [formControl]="dateObject" type="date" id="date-object"/&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>I want to add a div straight after an input using a directive for all inputs type 'date' and have 'formControl' directive.</p>
  <p>The only problème is how to add a dom element after current html element (using elementRef).
  I've seen ppl talking about parent node, but i don't want to appendChild to the parent node (the new element will be at the very end of the node list but i need it to be straight after current input element).</p>
  <p>Any idea?</p>