Calendar Add-on
Calendar-Component
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
Compatibility
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