nz-date-picker修改图标为<mat-icon>access_time</mat-icon>

要将 nz-date-picker 的图标修改为 `<mat-icon>access_time</mat-icon>`，需要使用 `nzRenderExtraFooter` 属性来自定义底部内容。具体步骤如下：

1. 在组件中定义一个变量来存储图标的 HTML 代码，例如：

   iconHtml = '<mat-icon>access_time</mat-icon>';

2. 在 nz-date-picker 中使用 `nzRenderExtraFooter` 属性来自定义底部内容，并将变量插入到底部内容中，例如：

   <nz-date-picker nzRenderExtraFooter>
     <ng-template #nzExtraFooter>
       {{ iconHtml }}
     </ng-template>
   </nz-date-picker>

注意，这里使用了 `ng-template` 来定义底部内容，并使用 `#nzExtraFooter` 来引用这个模板。

3. 根据需要，可以使用 CSS 来调整图标的样式，例如：

   ::ng-deep .ant-picker-suffix .anticon {
     display: none;
   }

   ::ng-deep .ant-picker-suffix .mat-icon {
     font-size: 16px;
     color: #1890ff;
   }

这里使用了 `::ng-deep` 来穿透组件的样式封装，然后将默认图标隐藏，将新图标的颜色和大小调整为适合的值。注意，`::ng-deep` 并不是最佳实践，请根据实际情况选择合适的方式来调整样式。

完成上述步骤后，就可以将 nz-date-picker 的图标修改为 `<mat-icon>access_time</mat-icon>` 了。