You can use CSS to create the overlay and the trashcan icon. One way to do this is to wrap the input element in a div, and then use the div as the container for the overlay. You can set the position of the overlay to absolute and give it a higher z-index value than the input element, so that it will appear on top of the input element.
Then use the ::before and ::after pseudo-elements to create the trashcan icon. You can use the ::before element to create the background of the icon, and the ::after element to create the trashcan shape.
You can also use CSS to hide the input and use a label with an image as a replacement. when the user clicks the image you can trigger the input via the label and the 'for' attribute.