Screen Flow guide

How to put a Calendar in a Screen Flow

Salesforce Calendar lives in its own tab, not inside screen flows. Here are your real options, side by side.

Start freeSee the Calendar component
Avonni Calendar in step 2 of a Salesforce screen flow named Schedule the visit: week view with eight field visits, a month picker and resource filters on the left, and the Previous and Next flow buttons

The Avonni Calendar in step 2 of a screen flow, captured in a Salesforce org. Fictional data.

What happens on a drag

Move an event. The flow knows.

One drag, three things happen. Here is the sequence, screen by screen.

Week view with the Site survey event on Wednesday at 8 AM
1Drag an event.Pull the site survey from Wednesday to Thursday morning.
The Site survey event moved to Thursday at 8 AM, drag handles visible
2Drop it on the new slot.The calendar redraws with the new start and end time.
Next flow screen reading Site survey is now set for 2026-09-17, 8:00 a.m.
3The flow gets the new time.The moved event, its new start and its new end are available on the next screen.
Get started

Three steps to a calendar in your flow

No Apex, no deploy. The configuration happens in the component builder, inside Flow Builder.

1
Install the package.

Avonni Flow Screen Components, in production or in a sandbox. Start free opens both links.

2
Add the Calendar to a screen.

Point it at an object with dates, map the start and end fields, pick agenda, calendar or timeline.

3
Wire the drag.

Add an Update Record interaction to the drag event. That is what turns dragging on and saves the new time. Then test with Previous and Next.

Package: Avonni Flow Screen ComponentsFree sandbox to try it first10 free production licensesSecurity reviewed, on AppExchange
WHAT CHANGES

Scheduling that lives in the flow

Three ways to see time

Agenda, calendar, and timeline views on the same records.

Drag to schedule

Create and move events by dragging, right in the flow.

Your records, not just events

Point the calendar at any object with dates, configured in the builder.

Slots that feed the flow

Pick a slot or an event and the dates land in your flow.

People and rooms as lanes

Schedule across technicians, rooms, or teams, each on its own lane.

Guardrails built in

Working hours, available days, and no bookings in the past.

SIDE BY SIDE

Build it yourself, or drag it in

Paths 2 and 3, side by side. A custom flow screen component is a Lightning Web Component you build and maintain yourself.

Capability
Build it yourself (custom LWC)
With Avonni
Calendar in a screen flow
Custom code to write, test, and deploy
✓A component you drag into the flow
Agenda, calendar, and timeline views
You code every view
✓Included, switched in the builder
Drag to schedule
You code the drag logic and updates
✓Included, configured in the builder
Connect your Salesforce records
You write the Apex or wire adapters
✓Point it at any object with dates
Brand styling
You write and maintain the CSS
✓Styled in the builder, no code
Who maintains it
Your team, release after release
✓Avonni ships the updates

Your three paths

1
Leave the flow

Use Salesforce Calendar in its own tab. It works, but scheduling happens away from the guided process.

2
Build a flow screen component

A custom Lightning Web Component you write, test, and deploy. This is the native way to stay in the flow.

3
Drag in the Avonni Calendar

Installed from AppExchange, configured in the builder, live inside your flow. No code.

Compare standard and Avonni on every Salesforce surface →
See what else Flow Builder is missing: the complete guide to Screen Flow components →

Put a calendar in your next flow

Avonni Flow Screen Components. Free sandbox, 10 free production licenses. Start free opens the install links for both.

Start freeTalk to sales