message: chore(datepicker): datepicker placement fix for demo page
  Added styles for datepicker and container for proper coordinates calculation
  Added placement 'right' for date-range-picker
diff: <pre>{{bsValue}}</pre>
  -<bs-datepicker #dp [(value)]="bsValue"></bs-datepicker>
  +
  +<span style="display: inline-block">
  <button class="btn btn-success" (click)="dp.toggle()">Date Picker popup</button>
  + <bs-datepicker #dp [(value)]="bsValue" style="display: block"></bs-datepicker>
  +</span>
  +<br>
  <br>
  <pre>{{bsRangeValue}}</pre>
  -<bs-daterangepicker #drp [(value)]="bsRangeValue"></bs-daterangepicker>
  +
  +<span style="display: inline-block">
  <button class="btn btn-success" (click)="drp.toggle()">Date Range Picker popup</button>
  + <bs-daterangepicker #drp [(value)]="bsRangeValue" placement="right" style="display: block"></bs-daterangepicker>
  +</span>
  