angular – Pass HTML data to a component

I have this html

and in the angular component that I've

async saveBooks (name, date) {
console.log (& # 39; DATE & # 39 ;, name, date);
}

I receive the following error:

ERROR TypeError: Unable to read the property 'value & # 39; Undefined
at Object.eval [as handleEvent] (DatasComponent.html: 22)
at handleEvent (core.js: 23107)