tui.calendar

TOAST UI Calendar is a JavaScript component that adds a full-featured calendar to web applications. It is built by NHN Cloud, the company behind the TOAST UI suite of frontend components, and is available as a plain JavaScript package or as ready-made wrappers for React and Vue projects.

The calendar supports four view types: monthly, weekly, daily, and a customizable multi-week view (such as two or three weeks at a time). You can drag events to move them or resize them by dragging their edges. Built-in popups handle event creation and detail display, so you can drop it into a page with minimal extra code. Other options include changing which day starts the week, narrowing the display width of weekends, showing milestone and task-style schedules separately, and applying custom themes to change the visual appearance.

The component works in Chrome, Edge, Safari, Firefox, and Internet Explorer 11 and above. It depends on a few libraries internally: Preact (a lightweight alternative to React used for rendering), Immer (for managing state changes), and DOMPurify (to sanitize user-provided content before it appears on screen). Optional integrations with TOAST UI date and time picker components are also available for more polished date input.

The README notes that TOAST UI Calendar collects usage data by hostname through Google Analytics to measure how widely the library is used. The documentation describes how to disable this if you prefer not to share that information.

NHN Cloud uses this calendar in their own products, including Dooray, a business collaboration platform. Several other commercial services are also listed as users. The project is released under the MIT license.