Year Month Calendar Add-on
Full year / month calendar for Vaadin 22+
This add-on can display a whole year calendar in one component.
Features
- Java API for applying CSS class names to specific dates
- Selection listener
- Responsive layout
Found a bug or have a suggestion? Report it on GitHub
For bug reports, feature suggestions, or questions, please open an issue on GitHub. This makes it easier for us to track and respond efficiently, ensuring you get the best possible support. Your input helps us improve—thank you!
Sample code
YearCalendar calendar = new YearCalendar(); calendar.setClassNameGenerator(date -> { if (TestUtils.isPublicHoliday(date)) { return "holiday"; } if (date.getDayOfWeek() == DayOfWeek.SATURDAY || date.getDayOfWeek() == DayOfWeek.SUNDAY) { return "weekend"; } return null; }); Span selectedDate = new Span(); calendar.addDateSelectedListener(ev -> { selectedDate.setText("Selected date: " + ev.getDate()); }); Span instructions = new Span("Use arrow keys or Ctrl+arrow keys to move."); add(new HorizontalLayout(instructions, selectedDate), calendar);
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
New features:
- Add support for class name generator for InlineDatePicker (#91)
- Released
- 2025-03-18
- Maturity
- TESTED
- License
- Apache License 2.0
Compatibility
- Framework
- Vaadin 24.4
- Vaadin 24.5
- Vaadin 24.6
- Vaadin 24 in 4.2.0
- Vaadin 23 in 2.4.0
- Vaadin 22 in 2.4.0
- Browser
- N/A
vaadin-charts - Vaadin Add-on Directory
Vaadin Charts is a feature-rich interactive graph library that answers the data visualization needs of modern web applications

Issue tracker
License
View on GitHub
View on NPM
vaadin-charts version 3.0.0-alpha1
### Dependencies
* polymer#Polymer/polymer#^0.9.0
vaadin-charts version 3.0.0-alpha2
### Dependencies
* polymer#Polymer/polymer#^0.9.0
vaadin-charts version 3.0.0-alpha3
### Dependencies
* polymer#Polymer/polymer#^1.0.0
vaadin-charts version 3.0.0-alpha4
### Dependencies
* polymer#Polymer/polymer#^1.0.0
vaadin-charts version 3.0.0-alpha5
### Dependencies
* highcharts#highslide-software/highcharts-release#v4.1.8
* polymer#Polymer/polymer#^1.0.0
* vaadin-license-checker#vaadin/license-checker#0.9.0
vaadin-charts version 3.0.0-alpha6
### Dependencies
* highcharts#highslide-software/highcharts-release#v4.1.8
* polymer#Polymer/polymer#^1.0.0
* vaadin-license-checker#vaadin/license-checker#0.9.0
vaadin-charts version 3.0.0-alpha7
### Dependencies
* highcharts#highslide-software/highcharts-release#v4.1.8
* polymer#Polymer/polymer#^1.0.0
* vaadin-license-checker#vaadin/license-checker#0.9.0
vaadin-charts version 3.0.0-alpha8
### Dependencies
* highcharts#highslide-software/highcharts-release#v4.1.8
* polymer#Polymer/polymer#^1.1.0
* vaadin-license-checker#vaadin/license-checker#0.9.0
vaadin-charts version 3.0.0-alpha9
### Dependencies
* highcharts#highcharts/highcharts-dist#v4.2.1
* polymer#Polymer/polymer#^1.1.0
* vaadin-license-checker#vaadin/license-checker#0.9.1
vaadin-charts version 3.0.0-beta1
### Dependencies
* highcharts#highcharts/highcharts-dist#v4.2.1
* polymer#Polymer/polymer#^1.1.0
* vaadin-license-checker#vaadin/license-checker#0.9.1
vaadin-charts version 3.0.0-rc1
### Dependencies
* highcharts#highcharts/highcharts-dist#v4.2.1
* polymer#Polymer/polymer#^1.1.0
* vaadin-license-checker#vaadin/license-checker#0.9.2
vaadin-charts version 3.0.0-rc2
### Dependencies
* highcharts#highcharts/highcharts-dist#v4.2.1
* polymer#Polymer/polymer#^1.1.0
* vaadin-license-checker#vaadin/license-checker#0.9.2
vaadin-charts version 3.0.0
### Dependencies
* highcharts#highcharts/highcharts-dist#v4.2.1
* polymer#Polymer/polymer#^1.1.0
* vaadin-license-checker#vaadin/license-checker#0.9.2
vaadin-charts version 3.1.0-beta1
### Dependencies
* highcharts#highcharts/highcharts-dist#v4.2.1
* polymer#Polymer/polymer#^1.1.0
* vaadin-license-checker#vaadin/license-checker#0.9.2
vaadin-charts version 3.1.0-beta2
### Dependencies
* highcharts#highcharts/highcharts-dist#v4.2.1
* polymer#Polymer/polymer#^1.1.0
* vaadin-license-checker#vaadin/license-checker#0.9.3
vaadin-charts version 3.1.0-rc1
### Dependencies
* highcharts#highcharts/highcharts-dist#v4.2.1
* polymer#Polymer/polymer#^1.1.0
* vaadin-license-checker#vaadin/license-checker#0.9.5
vaadin-charts version 3.1.0
### Dependencies
* highcharts#highcharts/highcharts-dist#v4.2.1
* polymer#Polymer/polymer#^1.1.0
* vaadin-license-checker#vaadin/license-checker#0.9.6
vaadin-charts version 3.2.0-beta1
### Dependencies
* highcharts#highcharts/highcharts-dist#v4.2.1
* polymer#Polymer/polymer#^1.1.0
* vaadin-license-checker#vaadin/license-checker#0.9.6
vaadin-charts version 3.2.0-rc1
### Dependencies
* highcharts#highcharts/highcharts-dist#v4.2.6
* polymer#Polymer/polymer#^1.1.0
* vaadin-license-checker#vaadin/license-checker#0.9.6
vaadin-charts version 3.2.0
### Dependencies
* highcharts#highcharts/highcharts-dist#v4.2.6
* polymer#Polymer/polymer#^1.1.0
* vaadin-license-checker#vaadin/license-checker#0.9.6
vaadin-charts version 4.0.0-alpha1
### Dependencies
* highcharts#highcharts/highcharts-dist#v4.2.6
* polymer#Polymer/polymer#^1.1.0
* vaadin-license-checker#vaadin/license-checker#0.9.6
vaadin-charts version 4.0.0-alpha2
### Dependencies
* highcharts#highcharts/highcharts-dist#v4.2.6
* polymer#Polymer/polymer#^1.1.0
* vaadin-license-checker#vaadin/license-checker#0.9.6
vaadin-charts version 4.0.0-alpha3
### Dependencies
* highcharts#highcharts/highcharts-dist#v4.2.6
* polymer#Polymer/polymer#^1.1.0
* vaadin-license-checker#vaadin/license-checker#0.9.6
vaadin-charts version 4.0.0-alpha4
### Dependencies
* highcharts#highcharts/highcharts-dist#v4.2.6
* polymer#Polymer/polymer#^1.1.0
* vaadin-license-checker#vaadin/license-checker#0.9.6
vaadin-charts version 4.0.0-beta1
### Dependencies
* highcharts#highcharts/highcharts-dist#v4.2.6
* polymer#Polymer/polymer#^1.1.0
* vaadin-license-checker#vaadin/license-checker#0.9.6
vaadin-charts version 4.0.0
### Dependencies
* highcharts#highcharts/highcharts-dist#v4.2.6
* polymer#Polymer/polymer#^1.1.0
* vaadin-license-checker#vaadin/license-checker#0.9.6
vaadin-charts version 5.0.0-alpha1
### Dependencies
* highcharts#highcharts/highcharts-dist#v4.2.6
* polymer#Polymer/polymer#^2.0.0
* vaadin-license-checker#vaadin/license-checker#^1.0.0
* iron-resizable-behavior#^2.0.0
vaadin-charts version 5.0.0-beta1
### Dependencies
* highcharts#highcharts/highcharts-dist#v4.2.6
* polymer#Polymer/polymer#^2.0.0
* vaadin-license-checker#vaadin/license-checker#^1.0.0
* iron-resizable-behavior#^2.0.0
vaadin-charts version 3.2.1
### Dependencies
* highcharts#highcharts/highcharts-dist#v4.2.6
* polymer#Polymer/polymer#^1.1.0
* vaadin-license-checker#vaadin/license-checker#0.9.6
vaadin-charts version 5.0.0
### Dependencies
* highcharts#highcharts/highcharts-dist#v4.2.6
* polymer#Polymer/polymer#^2.0.0
* vaadin-license-checker#vaadin/license-checker#^1.0.0
* iron-resizable-behavior#^2.0.0
vaadin-charts version 6.0.0-alpha1
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^1.0.0
vaadin-charts version 6.0.0-alpha2
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^1.0.0
vaadin-charts version 4.0.1
### Dependencies
* highcharts#highcharts/highcharts-dist#v4.2.6
* polymer#Polymer/polymer#^1.1.0
* vaadin-license-checker#vaadin/license-checker#0.9.6
vaadin-charts version 6.0.0-alpha3
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^1.0.0
vaadin-charts version 6.0.0-alpha4
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^1.0.0
vaadin-charts version 6.0.0-alpha5
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^1.0.0
vaadin-charts version 6.0.0-alpha6
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^1.0.0
vaadin-charts version 6.0.0-alpha7
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^1.0.0
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.0.0-alpha10
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^1.0.0
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.0.0-alpha8
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^1.0.0
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.0.0-alpha9
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^1.0.0
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.0.0-alpha12
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^2.0.0
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.0.0-alpha13
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^2.0.0
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.0.0-alpha14
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^2.0.0
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.0.0-alpha15
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^2.0.0
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.0.0-alpha16
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^2.0.0
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.0.0-beta1
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^2.0.1
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.0.0-beta2
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^2.0.1
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.1.0-alpha1
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^2.0.1
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.1.0-alpha2
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^2.0.1
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.0.0-beta3
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^2.0.1
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.1.0-alpha3
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^2.0.1
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.0.0
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^2.0.1
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.1.0-alpha4
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^2.0.1
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.1.0-alpha5
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^2.0.1
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.0.1
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^2.0.1
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.1.0-alpha6
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^2.0.1
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.1.0-alpha7
### Dependencies
* highcharts#^5.0.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^2.0.1
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.1.0-beta1
### Dependencies
* highcharts#6.1.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^2.0.1
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.1.0-beta2
### Dependencies
* highcharts#6.1.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^2.0.1
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.1.0-beta3
### Dependencies
* highcharts#6.1.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^2.0.1
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.1.0
### Dependencies
* highcharts#6.1.0
* polymer#^2.0.0
* vaadin-themable-mixin#^1.0.0
* vaadin-license-checker#vaadin/license-checker#^2.0.1
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
vaadin-charts version 6.2.0-alpha1
### Dependencies
* highcharts#6.1.0
* polymer#^2.0.0
* vaadin-themable-mixin#vaadin/vaadin-themable-mixin#^1.2.1
* vaadin-license-checker#vaadin/license-checker#2.1.0-alpha2
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^2.0.0
vaadin-charts version 6.2.0-alpha2
### Dependencies
* highcharts#6.1.4
* polymer#^2.0.0
* vaadin-themable-mixin#vaadin/vaadin-themable-mixin#^1.2.1
* vaadin-license-checker#vaadin/license-checker#2.1.0-alpha2
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^2.0.0
vaadin-charts version 6.2.0-beta1
### Dependencies
* highcharts#6.1.4
* polymer#^2.0.0
* vaadin-themable-mixin#vaadin/vaadin-themable-mixin#^1.2.1
* vaadin-license-checker#vaadin/license-checker#^2.1.0
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^2.0.0
vaadin-charts version 6.2.0
### Dependencies
* highcharts#6.1.4
* polymer#^2.0.0
* vaadin-themable-mixin#vaadin/vaadin-themable-mixin#^1.2.1
* vaadin-license-checker#vaadin/license-checker#^2.1.0
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^2.0.0
vaadin-charts version 6.2.1
### Dependencies
* highcharts#6.1.4
* polymer#^2.0.0
* vaadin-themable-mixin#vaadin/vaadin-themable-mixin#^1.2.1
* vaadin-license-checker#vaadin/license-checker#^2.1.0
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^2.0.0
vaadin-charts version 6.2.2
### Dependencies
* highcharts#6.1.4
* polymer#^2.0.0
* vaadin-themable-mixin#vaadin/vaadin-themable-mixin#^1.2.1
* vaadin-license-checker#vaadin/license-checker#^2.1.0
* vaadin-element-mixin#vaadin/vaadin-element-mixin#^2.0.0