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
Calendar Add-on - Vaadin Add-on Directory
Calendar-ComponentAddon 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(
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)