How to display the datetime popup in the table row

Question

I am using ng2 date-timepicker and i want the popup of the datetime to be displayed completely so that i can select the date and time. I am displaying the input box in the table for its proper alignment with other input boxes and validations to be displayed below it.

How it appears right now is-

This is the image

component.html

  <div style="padding-left: 0; padding-bottom:10px">
  <div class="row form-inline">
  <div class="col-lg-12 ">

  <form [formGroup]="dateTransactionForm">
    <div class=" form-inline">
      <table id="searchTableStyle">
        <tr>
          <td >
            <div class="form-group">
                <angular2-date-picker class="form-control" 
   [formControl]="dateTransactionForm.controls['fromDateTransaction']" 
                [(ngModel)]="date"  [settings]="settings"></angular2- 
   date-picker>
   </div>
  </td>
:
:
://other html code

</div>

component.css

#searchTableStyle{
    overflow:hidden;
    background-color:transparent;
    border:transparent;
    height : 150px;
 }

And rest all the other data from the of ts from :

https://www.npmjs.com/package/angular2-datetimepicker