Вот несколько способов реализации календаря Angular Material с событиями:

1. Использование компонента DatePicker Angular Material: Angular Material предоставляет компонент DatePicker, который можно использовать для выбора дат. Вы можете настроить этот компонент для отображения событий в определенные даты, добавив собственный стиль или индикаторы.

2. Интеграция FullCalendar с Angular Material: FullCalendar — это популярная библиотека JavaScript для создания интерактивных календарей. Вы можете интегрировать его с Angular Material, установив пакет FullCalendar и настроив его для отображения событий. Это обеспечивает более многофункциональный календарь с расширенными функциями.

3. Создание пользовательского компонента календаря. Если вам требуется больше контроля и гибкости, вы можете создать собственный компонент календаря, используя такие компоненты Angular Material, как сетки, карточки и кнопки. Вы можете привязать данные о событиях к календарю и оформить его в соответствии со своими требованиями.

4. Реализация функции перетаскивания. Если вы хотите, чтобы пользователи могли интерактивно управлять событиями в календаре, вы можете включить функцию перетаскивания. Модуль перетаскивания Angular Material позволяет реализовать эту функцию, позволяя пользователям перемещать события по календарю.