title: How to use bootstrap datepicker input field in angular2
body: <p>I have followed the undermentioned steps and I have been able to achieve up to the following image.</p>
  
  <ol>
  <li>Install nodejs of version 6.9.1. It comes with npm 3.10.8</li>
  <li>Then I followed the following <a href="https://ng-bootstrap.github.io/#/getting-started" rel="nofollow noreferrer">installation steps</a>. </li>
  <li>Now when I try to use <code>&lt;ngb-datepicker&gt;&lt;/ngb-datepicker&gt;</code> I am able to see this type of screen.
  <a href="https://i.stack.imgur.com/eSrjb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eSrjb.png" alt="ngb-datepicker"></a></li>
  </ol>
  
  <p>But I am not able to understand how to use <code>input[ngbDatepicker]</code> </p>
  
  <p>I tried <code>&lt;input ngbDatepicker /&gt;</code> but only a text box appears. When I focus it, it is not showing the date picker.</p>
  
  <p>Here is the <a href="https://ng-bootstrap.github.io/#/components/datepicker" rel="nofollow noreferrer">link</a> which I am using.</p>