Contact us Create app

Add-on Directory

← Back

Year Month Calendar Add-on

Full year / month calendar for Vaadin 22+

Author

Contributors

Rating

Links

Popularity

900+

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);

Compatibility

(Loading compatibility data...)

Last updated: 2025-03-18

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 22
Vaadin 23
Vaadin 24.6 in 4.4.0
Vaadin 24.5 in 4.4.0
Vaadin 24.4 in 4.4.0
Vaadin 24 in 4.2.0
Browser
Firefox
Safari
Google Chrome
iOS Browser
Android Browser
Microsoft Edge

Year Month Calendar Add-on - Vaadin Add-on Directory

Full year / month calendar for Vaadin 22+ Year Month Calendar Add-on - Vaadin Add-on Directory
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](https://github.com/FlowingCode/YearMonthCalendarAddon/issues). 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!
Online Demo
Issue tracker
View on GitHub
Author Homepage

Year Month Calendar Add-on version 2.0.0
Initial release

Year Month Calendar Add-on version 2.0.1
### Bugfixes • Ctrl+arrow keys feature does not work in Firefox ([#2](https://github.com/FlowingCode/YearMonthCalendarAddon/issues/2))

Year Month Calendar Add-on version 2.0.2
### Bugfixes * Fix Vaadin 23 compatibility issue

Year Month Calendar Add-on version 2.1.0
#### New features: * feat: add inline date picker * feat: implement HasTheme ([#14](https://github.com/FlowingCode/YearMonthCalendarAddon/issues/14)) * feat: add yearMonth setter ([#13](https://github.com/FlowingCode/YearMonthCalendarAddon/issues/13))

Year Month Calendar Add-on version 2.1.1
#### Bug fixes: - Avoid timezone conversion that results in wrong date ([#18](https://github.com/FlowingCode/YearMonthCalendarAddon/issues/18)).

Year Month Calendar Add-on version 2.2.0
#### Bug fixes: * Prevent focusing the host element on Shift Tab * Fix InlineDatePicker initialization #### New features: * Add support for setWeekNumbersVisible in InlineDatePicker

Year Month Calendar Add-on version 2.3.0
#### Bug fixes: * cleanup CSS styles on empty day cells ([#32](https://github.com/FlowingCode/YearMonthCalendarAddon/issues/32)) * add year value change listener to YearCalendar component ([#43](https://github.com/FlowingCode/YearMonthCalendarAddon/issues/43)) * fix arrow keys navigation ([#26](https://github.com/FlowingCode/YearMonthCalendarAddon/issues/26)) * display weekdays short description on InlineDatePicker

Year Month Calendar Add-on version 3.0.0
Version compatible with Vaadin 24.0. #### New features: * New major version for Vaadin 24 * Change delegate-focus-mixin.js path #### Bug fixes: * fix Vaadin 24 compilation error ([#45](https://github.com/FlowingCode/YearMonthCalendarAddon/issues/45))

Year Month Calendar Add-on version 2.3.1
#### Bug fixes: * cleanup CSS styles on empty cells in MonthCalendar ([#58](https://github.com/FlowingCode/YearMonthCalendarAddon/issues/58))

Year Month Calendar Add-on version 3.0.1
Version compatible with Vaadin 24.0. #### Bug fixes: * cleanup CSS styles on empty cells in MonthCalendar ([#58](https://github.com/FlowingCode/YearMonthCalendarAddon/issues/58))

Year Month Calendar Add-on version 4.0.0
Version compatible with Vaadin 24.1

Year Month Calendar Add-on version 4.1.0
#### New features: * Add i18n support to YearMonthField ([#64](https://github.com/FlowingCode/YearMonthCalendarAddon/issues/64)) #### Bug fixes: * Ignore browser timezone when parsing selected value ([#59](https://github.com/FlowingCode/YearMonthCalendarAddon/issues/59)) * Include components in the frontend bundle for production builds ([#73](https://github.com/FlowingCode/YearMonthCalendarAddon/issues/73))

Year Month Calendar Add-on version 4.2.0
#### New features: * Add support for min and max limits ([#75](https://github.com/FlowingCode/YearMonthCalendarAddon/issues/75))

Year Month Calendar Add-on version 4.2.1
#### Bug fixes: * Refresh web component after updating i18n ([#78](https://github.com/FlowingCode/YearMonthCalendarAddon/issues/78))

Year Month Calendar Add-on version 4.3.0
#### New features: * Add i18n support to InlineDatePicker ([#82](https://github.com/FlowingCode/YearMonthCalendarAddon/issues/82))

Year Month Calendar Add-on version 4.3.1
#### Bug fixes: * Fix timezone handling in inline-date-picker ([#59](https://github.com/FlowingCode/YearMonthCalendarAddon/issues/59))

Year Month Calendar Add-on version 2.4.0
#### New features: * Add support for class name generator for InlineDatePicker ([#91](https://github.com/FlowingCode/YearMonthCalendarAddon/issues/91))

Year Month Calendar Add-on version 4.4.0
#### New features: * Add support for class name generator for InlineDatePicker ([#91](https://github.com/FlowingCode/YearMonthCalendarAddon/issues/91))

Online