Я хотел бы сделать иконку материала mat-datepicker, чтобы он помещался внутри моего div без полей и отступов вокруг него. Мой код:
<div class="container">
<input [matDatepicker]="datePicker1" type="hidden" class="dp">
<mat-datepicker #picker class="dp"></mat-datepicker>
<mat-datepicker-toggle class="dp" [for]="datePicker1"></mat-datepicker-toggle>
</div>
SCSS
.container{
border-width: 1px;
border-style: solid;
border-color: silver;
}
::ng-deep .dp {
padding: 0;
margin: 0;
font-size: 10px;
border-width: 1px;
border-style: solid;
border-color: red;
height: 12px;
width: 12x;
line-height: 12px;
min-height: 12px;
}
Мне бы хотелось, чтобы красная граница вокруг значка касалась серой границы элемента div внизу и сверху (иливокруг). Посоветуйте, пожалуйста, как получить доступ к соответствующим свойствам для достижения этой цели.