Html 如何减少datepicker中文本输入的大小？

我有datepicker，我正在使用bootstrap，我想找到一种减少其宽度的方法。它似乎占据了我的浏览器。下面是我对这个逻辑的代码

 <!---DatePicker
   ----> 
   <div class="d-flex justify-content-start">
 <div class="input-daterange input-group" id="datepicker">
   <input type="text" class="input-sm form-control" name="from" placeholder="startdate"/>
   <span class="input-group-addon">To</span>
   <input type="text" class= "input-sm form-control" placeholder="enddate"/>
     </div>
  </div><br>

到

将此代码用于您的部分我只使用引导

col-***

类

到

我该怎么做，我在这里试图找到答案。