how can i disable datepicker input text without disabling the calender

Question

i need to prevent users from typing in the date picker text field

 <div class="input-group">
    <span class="input-group-text" for="date">Date picker</span>
    <input type="date" class="form-control" id="date" [min]="minDate" [max]="maxDate" name="datePicker" [(ngModel)]="datePicker">
 </div>

  minDate = '1980-10-28';
  maxDate = '2099-10-28';