I need help to deliver a job

In my html class it is saying that the property is as a number and not as a string… the error follows…

<ion-header>
  <ion-toolbar>
    <ion-title>Proprietario</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <ion-list>
    <ion-item>
      <ion-label stacked>NomeDoCarro</ion-label>
      <ion-input type="text" name="NomeDoCarro" #nomeDocarro></ion-input>
    </ion-item>

    <ion-item>
      <ion-label stacked>marcaDoCarro</ion-label>
      <ion-input type="text" name="marcaDoCarro" #marcaDoCarro></ion-input>
    </ion-item>

    <ion-item>
      <ion-label stacked>corDoCarro</ion-label>
      <ion-input type="text" name="corDoCarro" #corDoCarro></ion-input>
    </ion-item>

    <ion-item>
      <ion-label stacked>modeloAno</ion-label>
      <ion-input displayFormat="DD/MM/YYYY" name="modeloAno" #modeloAno></ion-input>
    </ion-item>

  </ion-list>
  <ion-button expand="block" (click)="saveProprietario(nomeDocarro.value, marcaDoCarro.value,
  corDoCarro.value, modeloAno.value)">Salvar</ion-button>
</ion-content>

import { Component, OnInit } from '@angular/core';
import { prop } from '../prop';

@Component({
  selector: 'app-proprietario',
  templateUrl: './proprietario.page.html',
  styleUrls: ['./proprietario.page.scss'],
})

export class ProprietarioPage {
  
  nomeDocarro : string;
  marcaDoCarro: string;
  corDoCarro: string;
  modeloAno: string;

  carros: Array<prop> = [];

  constructor() { }

  saveProprietario(nomeDocarro: string, marcaDoCarro: string, corDoCarro: string,
    modeloAno: string) {

    let propCriado1  = new prop(nomeDocarro, marcaDoCarro,corDoCarro,
      modeloAno);
    this.carros.push(propCriado1);
    
    console.log(propCriado1);
  }
}

Erro:
Argument of type ‘string | number’ is not assignable to parameter of type ‘string’.
Type ‘number’ is not assignable to type ‘string’.ngtsc(2345)
proprietario.page.ts(9, 9): Error occurs in the template of component ProprietarioPage.

image