How to give padding to the place holder 'Select Date' for Angular material date picker to align to middle of input box

Question

Demo link for this issue, with css i tried

https://stackblitz.com/edit/angular-material-datepicker-p9y9ju?file=src%2Fapp%2Fdatepicker-formats-example%2Fdatepicker-formats-example.component.css

Answer 1

Try this.

placeholder="          Select Date"

Or this.

.mat-input-element {
  padding-left: 40px;
}