History: Calendar options
Source of version: 21 (current)
Copy to clipboard
! Options
Between ((Tiki28)) and ((Tiki29)), https://github.com/vkurko/calendar replaced Full calendar because of the license change.
||#|Project|Repository|Demo|Framework(s)|License|Last commit|Resource View like [https://fullcalendar.io/docs/vertical-resource-view|this] and [https://fullcalendar.io/docs/timeline-view|this]
1|TOAST UI Calendar|https://github.com/nhn/tui.calendar|https://ui.toast.com/tui-calendar|React, Vue, Angular wrappers|MIT|2023|Not yet but [https://github.com/nhn/tui.calendar/issues/233|requested] again and [https://github.com/nhn/tui.calendar/issues/567|again]
2|Calendar.js|https://github.com/williamtroup/Calendar.js| | JS|GPL-3.0 license|2023|No*
3|Event Calendar|https://github.com/vkurko/calendar|https://vkurko.github.io/calendar/|JS|MIT|2023|[https://github.com/vkurko/calendar/tree/master/packages/resource-time-grid#resources|Yes]
4|evo-calendar|https://github.com/edlynvillegas/evo-calendar|https://github.com/edlynvillegas/evo-calendar|JS|MIT|2020|No*
5|DHTMLX Scheduler|https://github.com/DHTMLX/scheduler| | Vue, Angular, Node|GPL-2.0 license|2023|Yes, premium only
6|vue-cal|https://github.com/antoniandre/vue-cal|https://antoniandre.github.io/vue-cal/|Vue|MIT|2022|No*
7|vue-simple-calendar|https://github.com/richardtallent/vue-simple-calendar|https://tallent.us/vue-simple-calendar/|Vue|MIT|2021|No*
8|Qalendar|https://github.com/tomosterlund/qalendar|https://tomosterlund.github.io/qalendar/guide.html|Vue 3|MIT|2023|No*
9|Kalendar|https://github.com/altinselimi/kalendar|https://kalendar.altinselimi.com/|Vue, React, Angular|[https://github.com/altinselimi/kalendar/blob/master/LICENSE|GPL3]|2023|No*
10|jquery-calendar|https://github.com/ArrobeFr/jquery-calendar| | JS|MIT|2018|No*
11|CalenStyle|https://github.com/nehakadam/CalenStyle| | JS (jQuery)|MIT|2017|No*
12|vue-fullcalendar|https://github.com/Wanderxx/vue-fullcalendar| | Vue| | 2017|No*||
__N*: As of September 13, 2023, these tools do not implement the resources feature.__
!!! TOAST UI Calendar
{HTML()}<script type='text/javascript' src='https://openhub.net/p/tui_calendar/widgets/project_factoids_stats?format=js'></script>{HTML}
!!! Vkurko Event Calendar
{HTML()}<script type='text/javascript' src='https://openhub.net/p/vkurko-calendar/widgets/project_factoids_stats?format=js'></script>{HTML}
https://www.npmjs.com/package/@event-calendar/core?activeTab=dependents
!!! FullCalendar
{HTML()}<script type='text/javascript' src='https://openhub.net/p/fullcalendar/widgets/project_factoids_stats?format=js'></script>{HTML}
As of September 13, 2023, a comparison between the features, based on their respective Event Calendar and FullCalendar documentation, shows that the two tools have fairly similar implementations, with some differences in the number of methods used.
The table below shows the features implemented by one tool and not by the other. It's also interesting to note that this table shows features implemented by FullCalendar, but not all of them (from 2 to 6) are implemented (seen in) by Tiki Calendar. {sign user="adrien.maloba" datetime="2023-09-12T23:11:33+00:00"}
||#|Feature|Demo|Event Calendar|FullCalendar|Implemented (seen) in Tiki Calendar?
1|Sizing : Resize height relative to screen height|{HTML()} <ol class="custom-counter"> <li><a href="https://vkurko.github.io/calendar/">Event Calendar</a></li> <li><a href="https://fullcalendar.io/docs/full-height-demo">FullCalendar</a></li> </ol> {HTML}|{HTML()}<i class="fa fa-remove" aria-hidden="true"></i>{HTML}|{HTML()}<i class="fa fa-check" aria-hidden="true"></i>{HTML}|{HTML()}<i class="fa fa-check" aria-hidden="true"></i>{HTML}
2|Multi-Month Stack|{HTML()} <a href="https://fullcalendar.io/docs/multimonth-stack">FullCalendar</a> {HTML}|{HTML()}<i class="fa fa-remove" aria-hidden="true"></i>{HTML}|{HTML()}<i class="fa fa-check" aria-hidden="true"></i>{HTML}|{HTML()}<i class="fa fa-remove" aria-hidden="true"></i>{HTML}
3|Multi-Month Grid |{HTML()} <a href="https://fullcalendar.io/docs/multimonth-grid">FullCalendar</a> {HTML}|{HTML()}<i class="fa fa-remove" aria-hidden="true"></i>{HTML}|{HTML()}<i class="fa fa-check" aria-hidden="true"></i>{HTML}|{HTML()}<i class="fa fa-remove" aria-hidden="true"></i>{HTML}
4|Week numbers|{HTML()} <a href="https://fullcalendar.io/docs/week-numbers">FullCalendar</a> {HTML}|{HTML()}<i class="fa fa-remove" aria-hidden="true"></i>{HTML}|{HTML()}<i class="fa fa-check" aria-hidden="true"></i>{HTML}|{HTML()}<i class="fa fa-remove" aria-hidden="true"></i>{HTML}
5|Business Hours|{HTML()} <a href="https://fullcalendar.io/docs/business-hours">FullCalendar</a> {HTML}|{HTML()}<i class="fa fa-remove" aria-hidden="true"></i>{HTML}|{HTML()}<i class="fa fa-check" aria-hidden="true"></i>{HTML}|{HTML()}<i class="fa fa-remove" aria-hidden="true"></i>{HTML}
6|Drag-n-drop external events|{HTML()} <a href="https://fullcalendar.io/docs/external-dragging-demo">FullCalendar</a> {HTML}|{HTML()}<i class="fa fa-remove" aria-hidden="true"></i>{HTML}|{HTML()}<i class="fa fa-check" aria-hidden="true"></i>{HTML}|{HTML()}<i class="fa fa-remove" aria-hidden="true"></i>{HTML}
7|Resources|{HTML()} <a href="https://vkurko.github.io/calendar/">Event Calendar</a> {HTML}|{HTML()}<i class="fa fa-check" aria-hidden="true"></i>{HTML}|{HTML()}<i class="fa fa-remove" aria-hidden="true"></i>{HTML}| ((doc:PluginTrackerCalendar|Yes, via full-scheduler but this has become problematic)) ||