Editing day with Angularjs?

Question

I have a screen where register days, times, among others and a screen to edit this data, if necessary. When I click on the button to edit such date I get the data right.

The point is that on the edit screen I want the date field to be type=date, to appear the calendar and the person choose the new date, however, that way the date 20/09/2019 does not appear in the fields, only appears that the field is of the type text (type=text).

Someone knows how to adjust it?

Follows the html with the date field

<form name="formGrade">
    <div>
       Data
    </div>
    <div>
       <input class="form-control" type="date" 
              ng-model="agenda.data" 
              name="dia" id="" required />
    </div>
</form>

Javascript:

var getHorario = function(){
    var id = $scope.id;
    var idempresa = $scope.idempresa;
    var opcao = 'pegar horario';

    $http.get(getUrlOptionPrefix + opcao + '&id=' + id+ '&idempresa=' + idempresa)
      .then(function(response){
        $scope.agenda = response.data;
    })
}
getHorario();

Answer 1

You must convert the date to ISO format: yyyy-mm-dd

agenda.data = agenda.data.split('/').reverse().join('-');