Por favor, veja se esse código resolve: 

**HTML:**

    <div class="container">    
       <div class="row">
           <div class="col-sm-6 form-group">
            <div class="input-group" id="DateDemo">
                 <input type='text' id='weeklyDatePicker' placeholder="Select Week" />
             </div>
         </div>
     </div>
   </div>

**JavaScript:**

      
     $(document).ready(function(){
     
     $("#weeklyDatePicker").datetimepicker({
         format: 'DD-MM-YYYY'
     });

      //Get the value of Start and End of Week
     $('#weeklyDatePicker').on('dp.change', function (e) {
         var value = $("#weeklyDatePicker").val();
         var firstDate = moment(value, "DD-MM-YYYY").day(0).format("DD-MM-YYYY");
         var lastDate =  moment(value, "DD-MM-YYYY").day(6).format("DD-MM-YYYY");
         $("#weeklyDatePicker").val(firstDate + " - " + lastDate);
     });
    });

**CSS:**

    .bootstrap-datetimepicker-widget tr:hover {
    background-color: #808080;
    }

Link com o exemplo: [JSFiddle][1]


  [1]: https://jsfiddle.net/Prakash_Thete/9usq3enn/