Skip to content
SuperDatePicker

Documentation

Built for report designers who care about how their reports look — and want complete control over every detail.

What is SuperDatePicker?

SuperDatePicker is a free Power BI custom visual that replaces the built-in date slicer. It supports single date, date range, and relative date selection — with full control over how it looks in your report.

Dialog Mode

The picker opens in a Power BI dialog window when clicked. Good for reports where canvas space is tight. The calendar content — including the buttons — is fully customizable. Only the dialog's title bar and bottom bar are controlled by Power BI.

MiniCalendar Mode

MiniCalendar sits directly on the report canvas — no dialog, no constraints. You control everything: borders, background, and size.

Bad news first

Before you dive into configuration, it's only fair to point out one limitation that's beyond our control.

The dialog window can't be fully styled

When you click SuperDatePicker in a report, Power BI opens it in its own native dialog window. The title bar and bottom bar are fixed — they can't be customised. This is a Power BI platform constraint, not ours. Everything inside the calendar is fully customisable; only the dialog frame will always match Power BI's default look.

Workaround: MiniCalendar variant

If you need full control over the appearance, use the MiniCalendar variant. It renders directly on the report canvas without a dialog window — and is fully customizable including colors, layout, and borders.

Installation

SuperDatePicker ships as a single .pbiviz file. No AppSource account, no admin approval, no registration required.

1

Download the file

Head over to the Download page and grab the latest .pbiviz file. The version number is shown on the download page.

2

Open Power BI Desktop

Launch Power BI Desktop and open the report you want to add SuperDatePicker to — or create a new blank report.

3

Import the visual

In the Visualizations pane, click the three dots (…) → Import a visual from a file. Select the downloaded .pbiviz and confirm.

4

Add it to your canvas

The SuperDatePicker icon now appears in your Visualizations pane. Click it to place the visual on the canvas, then drag a Date or DateTime column into its field well.

Formatting & Configuration

SuperDatePicker offers over 90 configuration options grouped into logical sections in the Power BI Format pane. Below is an overview of each category.

Click any calendar area to filter the options list.

Yesterday
This week
Prev. week
This month
Prev. month
Days up to today
7
« ‹ April 2026 › »
Today
Mo
Tu
We
Th
Fr
Sa
Su
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
Cancel OK
Configuration Options
Format pane path
What it affects
Visual behavior Selection type
Choose calendar type — single date, date range, or inline mini calendar
Visual behavior Mini calendar mode
Selection mode for mini calendar — single date or date range
Visual behavior First day of the week
Which day starts the week in the calendar grid
Input box Font settings Font Family
Font family used in the input field
Input box Font settings Font size
Font size of the date text in the input field
Input box Font settings Font color
Text color of the date value in the input field
Input box Color and Border Background color
Background color of the input field
Input box Color and Border Border color
Border color of the input field
Input box Color and Border Border width
Border thickness of the input field in pixels
Input box Color and Border Border radius
Corner rounding of the input field
Input box Icon Show icon
Show or hide the calendar icon inside the input field
Input box Icon Icon color
Color of the calendar icon
Input box Icon Icon size
Size of the calendar icon in pixels
Input box Icon Icon version
Choose between different calendar icon styles
Input box Close icon Show close icon
Show or hide the X button to clear the selected date
Input box Close icon Close icon color
Color of the close (X) icon
Input box Close icon Close icon size
Size of the close icon in pixels
Dialog Colors Dialog background
Background color of the dialog window
Dialog Colors Divider color
Color of the horizontal divider line inside the dialog
Dialog Input fields Input background
Background color of date input fields inside the dialog
Dialog Input fields Input border color
Border color of date input fields inside the dialog
Dialog Custom size Customize size
Enable manual width and height overrides for the dialog
Dialog Custom size Width
Custom dialog width in pixels
Dialog Custom size Height
Custom dialog height in pixels
Calendar style Font Font Family
Font family used throughout the calendar body
Calendar style Font Font size
Base font size for day numbers in the calendar
Calendar style Font Font color
Default text color for day numbers
Calendar style Border Border color
Border color around the calendar area
Calendar style Border Border width
Border thickness around the calendar area in pixels
Calendar style Header Background color
Background color of the calendar header with month and year
Calendar style Header Font color
Text color of the month and year label in the header
Calendar style Header Font size
Font size of the month and year label in the header
Calendar style Navigation arrows Arrow type
Type of navigation arrows — month only or month and year
Calendar style Navigation arrows Background color
Background color of the month navigation arrow buttons
Calendar style Navigation arrows Arrow color
Color of the month navigation arrow icon
Calendar style Navigation arrows Hover background color
Background color of month arrow buttons on hover
Calendar style Navigation arrows Hover arrow color
Color of the month arrow icon on hover
Calendar style Navigation arrows Year arrow background color
Background color of the year navigation arrow buttons
Calendar style Navigation arrows Year arrow color
Color of the year navigation arrow icon
Calendar style Navigation arrows Year hover background color
Background color of year arrow buttons on hover
Calendar style Navigation arrows Year hover arrow color
Color of the year arrow icon on hover
Calendar style Weekday row Weekday background color
Background color of the weekday label row (Mon–Fri)
Calendar style Weekday row Weekday font color
Text color of the weekday labels (Mon–Fri)
Calendar style Calendar colors Today accent color
Accent color highlighting today's date in the calendar
Calendar style Calendar colors Body background color
Background color of the calendar day grid area
Calendar style Calendar colors Weekend background color
Background color for weekend day cells (Sat, Sun)
Calendar style Calendar colors Weekend font color
Text color for weekend day numbers (Sat, Sun)
Calendar style Calendar colors Disabled day color
Text color for days outside the valid date range
Calendar style Calendar colors Hover background
Background color of a day cell on mouse hover
Calendar style Calendar colors Hover font color
Text color of a day cell on mouse hover
Calendar style Cell layout Cell width
Custom width of each day cell in pixels (0 = auto)
Calendar style Cell layout Cell height
Custom height of each day cell in pixels (0 = auto)
Calendar style Cell layout Row gap
Vertical gap between rows of day cells in pixels
Selection Selected day Background color
Background color of the selected day cell
Selection Selected day Font color
Text color of the selected day number
Selection Range fill Range fill color
Background fill color for days between the range start and end
Selection Range fill Range fill text color
Text color for days within the selected range
Buttons Today button Show
Show or hide the 'Today' navigation link in the calendar header
Buttons Today button Font color
Text color of the Today link
Buttons Today button Hover background color
Background color of the Today link on hover
Buttons Today button Font size
Font size of the Today link
Buttons Today button Uppercase
Display the Today link text in uppercase letters
Buttons Today button Top gap
Spacing above the Today link in pixels
Buttons Today button Bottom gap
Spacing below the Today link in pixels
Buttons OK button OK background color
Background color of the OK confirmation button
Buttons OK button OK font color
Text color of the OK button
Buttons Cancel button Cancel background color
Background color of the Cancel button
Buttons Cancel button Cancel font color
Text color of the Cancel button
Preset ranges Displayed ranges Today
Show or hide the 'Today' preset range option
Preset ranges Displayed ranges Yesterday
Show or hide the 'Yesterday' preset range option
Preset ranges Displayed ranges This week
Show or hide the 'This week' preset range option
Preset ranges Displayed ranges Previous week
Show or hide the 'Previous week' preset range option
Preset ranges Displayed ranges This month
Show or hide the 'This month' preset range option
Preset ranges Displayed ranges Previous month
Show or hide the 'Previous month' preset range option
Preset ranges Displayed ranges This year
Show or hide the 'This year' preset range option
Preset ranges Displayed ranges Previous year
Show or hide the 'Previous year' preset range option
Preset ranges Displayed ranges Days up to today
Show or hide the 'Days up to today' preset range option
Preset ranges Displayed ranges Days starting today
Show or hide the 'Days starting today' preset range option
Preset ranges Displayed ranges Default days count
Number of days used for the 'Days up to today' and 'Days starting today' presets
Preset ranges Displayed ranges Show clear button
Show or hide the 'Clear selection' button in the preset panel
Preset ranges Style Position
Position of the preset panel — top or bottom of the calendar
Preset ranges Style Alignment
Text alignment of preset items — left, center, or right
Preset ranges Style Selected background
Background color of the currently active preset
Preset ranges Style Selected font color
Text color of the currently active preset
Preset ranges Style Gap
Spacing between preset items in pixels
Advanced Refresh info Show
Show a hint below the calendar about re-enabling the dialog if blocked
Advanced Refresh info Icon color
Color of the refresh info icon
Advanced Refresh info Text color
Text color of the refresh info message
Advanced Configuration Export (copy this)
Export current visual settings as a portable configuration string
Advanced Configuration Import (paste here)
Import a previously exported configuration string to apply settings
Advanced Help Help URL
Link to the online documentation and help resources

Theme Transfer

SuperDatePicker's entire configuration can be exported as a compact JSON string. Copy a finished setup to another visual, share a theme with a colleague, or build a library of brand-approved configurations — all in a few clicks.

Export

Open the Format pane, go to Advanced → Configuration → Export. SuperDatePicker generates a JSON string with all your current settings. Copy it to the clipboard or save it as a file.

Import

Open the Format pane, go to Advanced → Configuration → Import. Paste the JSON string and confirm. All settings are applied instantly — no manual tweaking required.

Share

The exported JSON is plain text. Email it, share it in Teams, or store it on a shared drive. Anyone with SuperDatePicker installed can import it in seconds.

Pro tip: batch update

Need to apply new brand colors to 10 visuals at once? Export the configuration from one styled visual, then import it into each of the others. What would take an hour is done in minutes.

Localization

SuperDatePicker adapts to the language your users have set in Power BI — automatically, with nothing to configure.

Calendar follows Power BI's language

Month names, day abbreviations, and the first day of the week all adapt to the interface language the user has set in Power BI. This works the same way as any other custom visual — no setup required.

Format pane available in English and Czech

The formatting options in the Power BI Format pane are available in English and Czech. The calendar itself displays in whatever language Power BI is running in, independently of the pane language.

Want to add your language?

We welcome contributions for additional languages. Instructions are in the readme on GitHub. Power BI supports dozens of interface languages — the more we cover, the more teams can use SuperDatePicker comfortably.

Troubleshooting

Running into an issue? Below are the most common problems and their solutions.

The visual shows a blank white box

This usually means no Date field has been connected to the visual. Drag a Date or DateTime column from your data model to the visual's field well.

My configuration changes aren't saving

Power BI requires you to click outside the Format pane or save the report after making changes. If changes still don't persist, check that you are not in read-only (published report) mode.

The dialog opens but the calendar is empty

Ensure the field connected to SuperDatePicker is of type Date or DateTime. Whole number columns or text columns formatted as dates are not supported.

Imported JSON configuration is not being applied

Make sure the JSON is valid and was exported from a recent version of SuperDatePicker. Configuration files from significantly older versions may not be fully compatible. Check the changelog on GitHub if you're unsure.

The visual is not showing up after import

Power BI sometimes requires a restart after importing a new custom visual. Save your report, close Power BI Desktop, reopen it, and try again.