기간(from-to) 표시 (예) - 개선필요

as-is

<div class="row">
    <div class="col-sm-6">
        <div class="input-group date metaui-datepicker">
            <input type="text" name="from_date" class="form-control metaui-datepicker">
            <span class="input-group-addon">
                <i class="fa fa-calendar">
                </i>
            </span>
        </div>
    </div>
    <div style="position:absolute;left:49%;top:5px;" class="span">
        -
    </div>
    <div class="col-sm-6">
        <div class="input-group date metaui-datepicker">
            <input type="text" name="to_date" class="form-control metaui-datepicker">
            <span class="input-group-addon">
                <i class="fa fa-calendar">
                </i>
            </span>
        </div>
    </div>
</div>