search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

Show Custom Angular Material Popup/Menu Next to Time Range Selection

Asked by Anonymous
4 hours ago.

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:

  1. User selects a time range in the calendar.

  2. A custom popup/menu appears next to the selected time range (similar to Angular Material MatMenu, MatDialog, or a custom overlay).

  3. 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.

No reply yet.
New Reply
This reply is
Attachments:
or drop files here
Your name (optional):