I'm using DayPilot Lite for Angular (Calendar) and would like to customize the event creation workflow.
Current Behavior: When a user selects a time range (onTimeRangeSelected), I can create an event immediately using default daypilot modal for the selected start/end times.
Desired Behavior : Instead of creating the event right away, I want to:
-
User selects a time range in the calendar.
-
A custom popup/menu appears next to the selected time range (similar to Angular Material MatMenu, MatDialog, or a custom overlay).
-
The popup contains custom HTML content using ng-template, such as: Event name input field Save button Cancel button.
Question: Does DayPilot Lite provide a built-in way to:
-
Display a popup anchored to the selected time range?
-
Access the screen coordinates or DOM element of the selected range for positioning a custom Angular Material popup/overlay?
-
Integrate custom Angular components/templates with the selection workflow?
Any examples or recommended approaches would be appreciated.