Directory

Year Month Calendar Add-on

Full year / month calendar for Vaadin 22+

View larger

Close

View larger

Close

This addon can display a whole year calendar in one component.

Features

• Java API for applying CSS class names to specific dates
• Selection listener
• Responsive layout

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

• Online Demo
• Issue tracker
• View on GitHub
• Author Homepage

Compatibility