Каким образом правильно изменить размер поля ввода даты и времени для bootstrap-datetimepicker?

Question

[Николай Бараненко]

Здравствуйте.

Решил перевести dashboard с выбором диапазона даты и времени на bootstrap-datetimepicker.
https://github.com/Eonasdan/bootstrap-datetimepicker

$(function () {              
                $("#datetime_input").datetimepicker({
                    locale: 'ru'
                });
                $("#datetime_output").datetimepicker({
                    locale: 'ru'
                });
   });

<div class="row">
        <span>C</span>
        <div class='col-xs-3'>
            <div class="form-group">
                <div class='input-group date' id='datetime_input'>
                    <input id="INPUT_DATETIME" type='text' class="form-control" value="${INPUT_DATETIME}"/>
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>

        <span>По</span>
        <div class='col-sm-3'>
            <div class="form-group">
                <div class='input-group date' id='datetime_output'>
                    <input id="OUTPUT_DATETIME" type='text' class="form-control" value="${OUTPUT_DATETIME}"/>
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
</div>

Возник вопрос каким образом изменить размер поля ввода даты и времени.
Для начала интересует каким образом уменьшить размер поля ввода.

p.s.
На просторах рунета вопрос вроде бы подобный уже был
stackoverflow.com/questions/34941412/how-to-resize...,

stackoverflow.com/questions/19404620/reduce-size-a...

НО предложенные решения не сработали.

Comments

[arsenty]

Чем не устраивает следующий вариант: col-xs-3 => col-xs-2 ?