TOAST UI Calendar
A JavaScript calendar component for showing and editing schedules in web pages.nhn/tui.calendar
- Stars
- 12.7k
- Forks
- 1.4k
- Licence
- MIT
- Language
- TypeScript
- Last update
- 2.4 years ago
- Type
- Library
This repository is archived and no longer maintained.
What it is
TOAST UI Calendar is a JavaScript component that adds a calendar with monthly, weekly, and daily views to a web page. Schedules can be dragged, resized, and created through built-in popups. It is published as plain JavaScript, with React and Vue wrapper components also provided, and is released under the MIT license.
- Show a monthly or weekly schedule inside an internal web tool
- Let users drag or resize events on a shared team calendar
- Display milestones and tasks alongside regular schedules
- Change the first day of the week or use a 2-week or 3-week view
Great for
- Web developers adding a schedule view to an existing site or web app
- Teams using React or Vue who want a wrapper component
- Projects that need milestone or task schedules shown on a calendar
- Developers who want to customize calendar cell headers, footers, and themes
Not ideal for
- Non-developers looking for a ready-to-use calendar app, since this is a component to build into your own code
- Projects needing a calendar in a repository that is archived, because the README gives no sign of ongoing maintenance and the repository is marked archived
- Projects that must support Internet Explorer, since the README lists IE only as version 11 and older
How to get it
- 1
Install with a package manager
Clone the repository
git clone https://github.com/nhn/tui.calendar - 2
Run it
- Read the getting-started guide linked from the docs section of the README
- Install the package for your framework (plain JavaScript, React, or Vue) following its documentation
- Add a calendar container element to your page and initialize the component
- Load a few sample schedules to confirm the view renders
- 3
Get the most out of it
- Use the React or Vue wrapper packages if your app already uses those frameworks
- Customize the date and schedule UI through header and footer options in grid cells
- Adjust the theme to match your site's styling
- Optionally add tui-date-picker and tui-time-picker for date and time input in popups
Downloads
Strengths
- Supports monthly, weekly, daily, and multi-week views in one component
- Includes default popups for creating and viewing schedules
- Offers plain JavaScript, React, and Vue packages under the MIT license
Trade-offs
- The repository is archived and the last push was in June 2024, so future updates and bug fixes are uncertain
- The README is truncated and gives few setup details, so the install path is not clear from it
- The README states that it sends hostname data to Google Analytics by default, which requires following documented steps to disable
How it compares
| Project | Stars | Type | Level | Updated | Best for |
|---|---|---|---|---|---|
| tui.calendar (this) | 12.7k | Library | intermediate | 2.4 years ago | Web developers adding a schedule view to an existing site or web app |
| fullcalendar | 20.7k | Library | intermediate | 21 days ago | Web developers adding a scheduling or event calendar to an existing site |
| TW-Elements | 13.2k | Library | intermediate | 7 months ago | Developers already using Tailwind CSS who want prebuilt interactive components |
| hyperui | 12.3k | Library | beginner | 11 days ago | Developers building marketing sites with Tailwind CSS |
| react-dates | 12.2k | Library | intermediate | 2.6 years ago | React developers who need a date or date-range picker in a web app |
| tachyons | 11.7k | Library | beginner | 4 months ago | Developers who want to prototype or build a UI quickly with plain HTML or a component framework |
Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.