Event Dialog

DayFlow comes with a powerful built-in event dialog that provides a complete event management experience out of the box. The dialog supports creating, editing, and deleting events with an intuitive interface.

Usage

The default event dialog is automatically available when you use the DayFlowCalendar component. Simply click on any event to open the dialog, or use the calendar’s API to create new events.

import { DayFlowCalendar } from '@dayflow/core';
 
<DayFlowCalendar calendar={calendar} useEventDetailDialog={true} />;

Customization

While the default dialog covers most use cases, you can completely replace it with your own implementation using the customEventDetailDialog prop. See the Custom Event Detail Dialog page for details.

<DayFlowCalendar
  calendar={calendar}
  customEventDetailDialog={YourCustomDialog}
/>