Style is break while using input which type is date and class is form-control in input-group

[lzp401]

Hi,

I'm using bs4 alpha6

Following is my code
<div class="form-group col-lg-6">
<label class="col-form-label col-sm">Search Date</label>
<div class="input-group col-sm px-0">
<input class="form-control py-0" type="date" formControlName="startDate">
<span class="input-group-addon">To</span>
<input class="form-control py-0" type="date" formControlName="endDate">
</div>
</div>

Here is the screenshot

The input element is totally broken and I can't input anything in it.

To work round with this issue, I removed input-group class and added d-flex to let my field stay horizontally.

[bardiharborow]

Closing as a duplicate of #21651.