Каким образом мне отключить автодополнение даты в datapicker?

Есть некая форма, в которой я указываю 2 даты - диапазон, в который должна входить дата рождения

<div class="input-daterange input-group "  id="dateOfBirthQue" >
 <?= Html::activeHiddenInput($model, 'dateOfBirthFrom',['type'=>'text',  'class'=>'input-sm col-sm form-control datepicker', 'id'=>'dateOfBirthFrom',   'value'=> $model->dateOfBirthFrom, 'autocomplete' => 'off'])?>
<span class="input-group-addon"> <i class="fa fa-arrows-h"></i> </span>
<?= Html::activeHiddenInput($model, 'dateOfBirthTo',['type'=>'text',  'class'=>'input-sm col-sm form-control datepicker', 'id'=>'dateOfBirthTo', 'value'=> $model->dateOfBirthTo, 'autocomplete' => 'off'])?>
        </div>
     </div>

есть для нее маска и обработчик

$('#dateOfBirthFrom').mask('99-99-9999');
 $('#dateOfBirthTo').mask('99-99-9999');
$('#dateOfBirthFrom').on('click', function(e) {
        e.preventDefault();
        $(this).attr("autocomplete", "off");
    });
    $('#dateOfBirthTo').on('click', function(e) {
        e.preventDefault();
        $(this).attr("autocomplete", "off");
    });

   $('.input-daterange').datepicker({
       autoclose: true,
       format: 'dd-mm-yyyy',
       startDate: new Date('01-01-1900'),
       endDate: new Date(),
   }, function (start, end) {
       to = $('#dateOfBirthFrom').val(end.format('DD-MM-YYYY'));
       from = $('#dateOfBirthTo').val(start.format('DD-MM-YYYY'));
   });

Сама форма

Когда начинаю вписывать в форму "11", datapicker сам дополняет, и получается 11-*текуищй_месяц*-*текущий_год*.
Каким образом мне отключить это автодополнение?