Calendar Popup Visual Documentation

This guide should give you some tips and advice when implementing the Calendar Popup Visual.
Latest update date: 09/04/2026.

Obtain the visual

1. Recommended Setup

Placement tip

Place the visual where you want it on your dashboard canvas.
While you are free to put your date picker wherever you like, it is recommended to either put it on the top right of your dashboard canvas or on the left in a filter section.

Then open the Selection Pane and move the visual to the bottom of the layer stack — just above any background elements. This way the popup calendar overlays other visuals when you click it, but stays unobtrusive the rest of the time.

2. Format options

Closed Tab Formatting

‍

This section lets you choose options for your closed visual.

Font Size
Font Color
Padding
Border Color
Border Width
Component Position

Calendar Style

‍

This section lets you choose options for your opened calendar visual.

Header Font Size
Header Font Color
Day Font Size
Day Padding
Popup Background
Month Height

Selection Colors

‍

This section lets you choose options for your default colors when selecting dates.

Selected Color
Selected Day Font Color
Range Color
In-Range Font Color
Unselected Day Font Color

Buttons

‍

This section lets you choose some buttons displayed in your calendar and select the auto apply option.

Clear Button Text
Apply Button Text
Auto Apply

Default Opening

‍

This is the selected default value your calendar will take when your report is published to Power BI Service.

‍

Default Date Settings

‍

When on, the default date selection appears in your visual, you can resize it to better fit the text on the left. You can choose to enable/disable different pre-selected dates.

‍

Fiscal Year

‍

You can define here the values your fiscal year pre-selected dates will take.

5. Tips & Edge Cases

Clicking outside with only a start date selected: the visual auto-completes the range using today as the end date.

Clicking outside with no selection: the default date range is re-applied.

“All Dates Available” preset: uses the minimum and maximum dates from your dataset. Requires data to be loaded in the visual to work correctly.

Fiscal Year presets: “This Fiscal Year” and “Last Fiscal Year” only appear when the Fiscal Year card is enabled in the format pane.

Month Height = 0 means automatic height — each month block sizes itself based on available space. Set a fixed value (e.g. 200) if you want uniform month blocks.

Popup sizing: the calendar popup fills the entire visual container. Make the container large enough on your canvas for comfortable interaction.

Layer order matters: if the popup appears behind other visuals, check the Selection Pane and move the PopupRangePicker lower in the layer stack.

6. Contact & Support

Should you need any help, feel free to email me at emilien@datapilot.fr

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.