How to make custom input with datepicker on angular 6?

Question

JavaScript

I have an input for a calendar with my icon
https://jsfiddle.net/ac0v8x6j/
I want to use a material datepicker with it, but the datepicker substitutes its own icon
, can I somehow implement my input with the datepicker?
already googled, tried different options, something does not work

Answer 1

You can override the icon by assigning a background image to the .mat-datepicker-toggle
class Left an example here:
Stackblitz