如何自定义角材料设计垫-日期选择器图标大小

Question

我想制作材质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的灰色边框。请告知如何访问适当的属性以实现此目的。