We are happy to announce the release of the Calendar Panel 1.2.0. This release includes the following updates:
- Added the event coloring based on the configuration of threshold ranges.
- Added support for the system week start day (Monday, Satuday, Sunday, or default) pulled from Grafana.
- Added a time display option for events.
- Updated the Drawer component (sidebar) for a new card-based design.
- Added compatibility with Grafana 9.3.6 and updated workflows.
- Refactored the legacy code and migrated to Theme v2.
- Removed the panel padding and modified styles for a modern visual look of the plugin.
The plugin was updated in the Grafana Plugins catalog on February 24, 2023.
1 million downloads
The Calendar Panel plugin has been downloaded over one million times.
Display Events from PostgreSQL
This video explains how to configure Calendar Panel in Grafana to retrieve events from the PostgreSQL database, but you can use any supported storage.
Updated Styles
Theme v1 was upgraded to v2, and most styles were modified for a modern look and the provision of a Google Calendar-like experience. Display Time is an additional option that displays the time of an event before the title.
Week Start
The plugin considers the Grafana system settings when choosing the first day of the week - Saturday, Sunday, or Monday, or uses the default day from Grafana settings.
Event colors
We have released the most frequently requested feature! You can now color events differently depending on whether their values fall inside the chosen threshold ranges.
Event details
The N more line appears at the bottom of the event list when events do not fit within the allocated day cell. When you click this line, the opened tab will display the full list of events for that day. You may also click an event to view its information in a new tab.
You can also click a particular event directly on the calendar grid to see its details or navigate to the first data link if the On Click option is set to Open Link.
Time Range
To filter events against a time range, click a specific day in the calendar. Then, hold down the Shift key and drag the selection to the appropriate day. Click Apply time range to confirm the selection. The selected time range will be applied to all events in your calendar.
Getting Started
You can install Calendar Panel from the Grafana Plugins catalog or using the Grafana command line tool.
For the latter, please use the following command:
grafana-cli plugins install marcusolsson-calendar-panel
YouTube Tutorial
Calendar Panel is a Grafana plugin that displays events from various data sources.
Release Notes
Breaking changes
Refactoring and style migration may introduce breaking changes. Please test before upgrading the plugin on production Grafana instances.
Features / Enhancements
- Selected the color for calendar entry queries (#67).
- Added the filtering of undefined events (#69).
- Updated the CI and release workflows (#72).
- Added compatibility with Grafana 9.3.6 (#73).
- Refactored the plugin options to use field pickers (#74).
- Refactored the Day and Events drawers (#75).
- Removed the padding for the panel area (#75).
- Refactored the day view and updated styles (#76).
- Migrated styles to version 2 (#79).
- Applied the system Grafana settings to the week's start day (#80).
- Added the skipping of undefined events in the Drawer component (#81).
- Added the display of time (#82).
- Updated styles and screenshots (#83).
Feedback
We're looking forward to hearing from you. You can use different ways to get in touch with us.
- Ask a question, request a new feature, or report an issue at GitHub issues.
- Subscribe to our YouTube Channel and leave your comments.
- Sponsor our open-source plugins for Grafana at GitHub Sponsor.
- Support our project by starring the repository.
