Directory

← Back

Calendar Add-on

Calendar-Component

Author

Rating

Popularity

200+

Calendar Component for Vaadin 8

####Version 2.0

  • Java8 Date/Time
  • Extended with convenience methods to set day, week or month
  • Month view has forward and backward controls now
  • Advanced styling features for times and days in the month view
  • More vaadin 8 conform
  • Bug-Fixes

####Changes See the README on GitHub for Changes.

Sample code

public class MeetingItem extends BasicItem {

	private final Meeting meeting;

	/**
	 * constructor
	 *
	 * @param meeting A meeting
	 */

	public MeetingItem(Meeting meeting) {
        super(meeting.getDetails(), meeting.getName(), meeting.getStart(), meeting.getEnd());
        this.meeting = meeting;
   }

    @Override
    public boolean isMoveable() {
        return meeting.isEditable();
    }

    @Override
    public boolean isResizeable() {
        return meeting.isEditable();
    }

    @Override
    public boolean isClickable() {
        return meeting.isEditable();
    }

}
/* Keyframes for the fade-in */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

/* Overridden style */
.v-calendar-event-month:hover {
        position: absolute;
        width: inherit;
        height: 160px;
        background: rgba(236, 243, 247, 0.95);
        box-shadow: 0px 7px 20px 0px #ddd;
        border: 1px solid #d6d6d6;
        border-top: 3px solid #00ace0;
        border-radius: 0 3px 3px 3px;
        z-index: 1;
        margin-left: 15px;

        opacity:0;
        opacity: 1 \9; /*just in case ie*/
        -webkit-animation:fadeIn ease-in 1;
        -moz-animation:fadeIn ease-in 1;
        animation:fadeIn ease-in 1;

        -webkit-animation-fill-mode:forwards;
        -moz-animation-fill-mode:forwards;
        animation-fill-mode:forwards;

        -webkit-animation-duration:.2s;
        -moz-animation-duration:.2s;
        animation-duration:.2s;

        -webkit-animation-delay: .12s;
        -moz-animation-delay: .12s;
        animation-delay: .12s;

        &:before {
            border-top: 19px solid #00ace0;
            position: fixed;
            width: 15px;
            border-radius: 10px 0 0 10px;
            margin-top: -3px;
            margin-left: -20px;
            content: "";
        }
    }

Compatibility

(Loading compatibility data...)

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

Version 2.0.2

  • Change: [Issue#48] Fix Vaadin 8.12 listener deprecations (by evanzel)
  • Update: [Issue#47] Update JUnit to 8.13.1
  • Enhanced: [Issue#44] Month view : Add possibility to set the minimum number of days in the first week (by voltor)
  • Fix: [Issue#39] Fix time zones (by neovmt)
Released
2020-11-13
Maturity
STABLE
License
Apache License 2.0

Compatibility

Framework
Vaadin 8.0+
Browser
Firefox
Opera
Safari
Google Chrome
Internet Explorer
Microsoft Edge

Calendar Add-on - Vaadin Add-on Directory

Calendar-Component Calendar Add-on - Vaadin Add-on Directory
Calendar Component for Vaadin 8 ####Version 2.0 - Java8 Date/Time - Extended with convenience methods to set day, week or month - Month view has forward and backward controls now - Advanced styling features for times and days in the month view - More vaadin 8 conform - Bug-Fixes ####Changes See the [README](https://github.com/blackbluegl/calendar-component/blob/master/README.md) on GitHub for Changes.
Online