0

I am using a calendar module for my angular project: https://github.com/mattlewis92/angular-calendar

I was able to set onClick events (show a modal) in a day inside the calendar, but I want to show the modal when I hover the day.

<mwl-calendar-month-view 
  *ngSwitchCase="CalendarView.Month" 
  [viewDate]="viewDate"
  [events]="events" 
  [refresh]="refresh" 
  [activeDayIsOpen]="activeDayIsOpen"
  (dayClicked)="dayClicked($event.day)" 
  (eventClicked)="handleEvent('Clicked', $event.event) "
  [cellTemplate]="customCellTemplate" 
  (eventTimesChanged)="eventTimesChanged($event)"
>
</mwl-calendar-month-view>

How could I set an onHover event, which is called when the user hover the event (day in the calendar)?

Super Kai - Kazuya Ito
  • 22,221
  • 10
  • 124
  • 129
FTello31
  • 51
  • 1
  • 10

1 Answers1

0

You can use mouseenter in place of your mouse click.

<div (mouseenter)="openDatePicker()">Hover Me</div>

There is also a mouseleave that you can use as well.

DrakeAnglin
  • 718
  • 1
  • 4
  • 12