.input-group-addon和.input-group-btn在同一个字段上有不同的大小

Question

我正在尝试将.input-group-addon和.input-group-button添加到同一.from-group但不幸的是，当我将它们组合时，最终会有不同的尺寸。

当我单独使用它们时，两种工作都很好并排，但是很难实现。

<div class="form-group publish_date">
    <label for="publish_date">Publish Date</label>
    <div class='input-group date datetimepicker'>
        <input type='text' class="form-control" name="publish_date" id="publish_date" value="" />
        <span class="input-group-addon">
            <span class="fa fa-calendar"></span>
        </span>    
        <span class="input-group-btn">
            <button class="btn btn-warning" type="button"><span class="fa fa-fire" ></span></button>
        </span>    
    </div>
</div>