Popper not displaying correctly

[Gwith]

When using Datepicker with time only (showTimeSelect, showTimeSelectOnly) I'm getting unexpected results:

            <DatePicker
              selected={this.props.startDate}
              onChange={this.props.handleChange}
              withPortal
              showTimeSelect
              showTimeSelectOnly
              timeIntervals={15}
              dateFormat="LT"
              timeCaption="Time"
            />

Expected behavior

Here is a screenshot of what the Component should look like when rendered to the DOM.

Actual behavior

This is the result when used. As you can see the popper is being cutoff some how.

Steps to reproduce

If it matters I have this component embedded into a table, an example is shown below:

   <table>
  <thead>
    <tr>
      <td>header</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <DatePicker
          selected={this.props.startDate}
          onChange={this.props.handleChange}
          showTimeSelect
          showTimeSelectOnly
          timeIntervals={15}
          dateFormat="LT"
          timeCaption="Time"
        />
      </td>
    </tr>
  </tbody>
</table>

What might be the issue that is causing the popper window to not display correctly?

[jacogasp]

Same for me using only showTimeSelect without showTimeSelectOnly

[jacogasp]

A workaround is to add to index.css the following

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    padding: 0px
}

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.