Directory

Calendar Add-on

Calendar-Component

View larger

Close

View larger

Close

View larger

Close

View larger

Close

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: "";
        }
    }

Links

• Discussion Forum
• Addon Homepage
• Issue Tracker
• Source Code

Compatibility