Estoy usando el elemento HTML de entrada de fecha predeterminado para representar el selector de fecha en mi página. Pero, el valor predeterminado en la página se muestra como "mm/dd/yyyy" incluso después de aplicar el enlace bidireccional. ¿Qué está mal con el siguiente código?

Mi página HTML:

 <div class='input-group date datepicker'> <input id="dtDate" type="date" [(ngModel)]="todayDate" /> </div>

Mi archivo .ts

 private todayDate = new Date().toLocaleDateString();

Cuando leo el valor "todayDate", obtengo el valor correcto. Pero en UX, el valor predeterminado se muestra como "mm/dd/yyyy".