Можно ли настроить тело даты выбора материала?

Question

Идея состоит в том, чтобы отредактировать тело средства выбора даты, чтобы добавить кнопку. Я знаю, что можно редактировать заголовок, но я хотел бы добавить кнопку (которая при нажатии устанавливает календарную дату на сегодняшнюю дату) ниже фактических дат.

Answer 1

Я не нашел способа отредактировать тело календаря.Однако в итоге я добавил кнопку из CalendarHeaderComponent.Это не идеальная ситуация, но она выполняет свою работу, и, поскольку я уже настроил заголовок, это не потребовало особых усилий.

HTML (добавьте следующее в свой настраиваемый заголовок календаря):

<button (click)="goToToday()" class="today-button" mat-button color="link">Today</button>

css:

.today-button {
  position: relative;
  top: 280px;
  left: 80px;
}

Дополнительные css в самом фактическом указателе даты:

.mat-datepicker-content {
  padding-bottom: 5px;
}