Dimensions
![]() |
The Vizlib Calendar supports one date dimension which needs to have the $timestamp metadata tag assigned to it by the Qlik Sense data model. The Vizlib Calendar Wizard will support you in building the component, by providing you with a list of available date dimensions. The Vizlib Calendar does not support Measures, yet. This is a feature expected to be introduced in the near future.

Settings
The Settings section covers properties and settings which control the main behavior and look and feel of the Vizlib Calendar.
![]() |
Choose between advanced and basic settings mode. The advanced mode will allow you to see all available settings whereas the basic mode only displays a subset of those, for a more user-friendly configuration. |
![]() |
If the display view is collapsed - you can enable the selection bar and choose its position on top or bottom of the calendar object. |
![]() |
This setting allows you to choose between a single date picker (to select one single date at a time) or a date range picker (to select ranges of dates). |
single data picker example:![]() | data range picker example:![]() |
![]() |
Either collapse the calendar object to only display when the user clicks on the input box (saves real estate) or show the calendar expanded in full view. |
![]() | ![]() |
![]() ![]() |
If no selections are made in the date field, the placeholder text will be displayed in the input box. |
![]() ![]() |
Show/Hide the calendar label. You can modify the label name. |
![]() |
Choose the Label Color using color picker or standard Qlik Sense Expression.
Set the font size using slider or by expression.
Choose the label font style.
Choose the position of the calendar Label: Inline/ Top/ Bottom
Choose between left and right label orientation. |
![]() |
Choose the background color of the calendar placeholder.
Define the font color.
Enable borders.
Choose the border color.
Set the width of the border line.
Determine the border radius. |
styling examples: ![]() ![]() ![]() ![]() |
![]() |
|
input width styling example:![]() |