schedule-x VS tui.calendar

This article will discuss the general concept of building a cross-framework frontend library. It will also display some examples of how this was applied when building the event calendar Schedule-X.

Ah, never even thought of having a kind of overlap tolerance. I might look into if this would make sense for Schedule-X too.

Solving overlapping events was definitely one of the things were a couple of days went into finding a nice and performant solution. My solution is here: https://github.com/schedule-x/schedule-x/blob/main/packages/...

Basically what I do is iterate over a list of events, sorted by start time, and for each:

There is a similar but established library already: https://github.com/nhn/tui.calendar. Did you take a look at that one before starting your own? If yes, what were you missing?

The TOAST UI Calendar is an open source JavaScript calendar library and can be used in vanilla JavaScript, React, and Vue.js projects.

Yeah, it can show a monthly calendar. It's using TUI.calendar component under the hood.

Use Toast UI Calendar https://ui.toast.com/tui-calendar for all things calendar and npm install moment-timezone to interact with your dates. Whatever you do, make sure your dates / times are in UTC format or your going to have a bad time.

tui.calendar : a JavaScript calendar that has everything you need.

If you want a big calendar as opposed to something like a datepicker, TUI-calendar is really full of features out of the box. react-big-calendar is another alternative which is very flexible and less opinionated.

I used tui.calendar, this is what you see in my screenshot.

Looking to create an employee rostering app but before I start I want to know if there is any free/cheap plugins for a calendar scheduling widget like this https://ui.toast.com/tui-calendar