Directory

← Back

Calendar Add-on

Calendar-Component

Author

Rating

Popularity

300+

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.
Discussion Forum
Addon Homepage
Issue Tracker
Source Code

Calendar Add-on version 1.0
Stable version of the near original calendar component based on Vaadin 7. The Version 1.x supports good old java.utl.Date. Any feature additions are only made to version 2.x. Feel free to move to version 2 and post new features request.

Calendar Add-on version 2.0
Testet with Vaadin version 8.8.5 Added 3 merge requests from GitHub. Thanks for the support. I make this as 2.0 stable for now. Please report issues and please support this component. I have too little time to fully support the component. Feel free, support, comment, help. Thanks

Calendar Add-on version 2.0.1
* Ability to add styled time boxes See addTimeBlock( start, end, style) and addTimeBlock( day, start, end, style). breaking changes: -> The two methods without style has being removed. Use the methods above with your custom style.

Calendar Add-on version 2.0.2
### 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)

Online