🍞📅A JavaScript calendar that has everything you need.
calendarId
when opening the event form popup by @adhrinae in https://github.com/nhn/tui.calendar/pull/1194
Full Changelog: https://github.com/nhn/tui.calendar/compare/[email protected]@2.0.3
Companion update with [email protected]
Companion update with [email protected]
border-radius
values of horizontal events by @dotaitch in https://github.com/nhn/tui.calendar/pull/1182
/dist
folder to import css file by @adhrinae in https://github.com/nhn/tui.calendar/pull/1187
Full Changelog: https://github.com/nhn/tui.calendar/compare/[email protected]
Full Changelog: https://github.com/nhn/tui.calendar/compare/v2.0.0...v2.0.1
We are happy to be able to show you a new TOAST UI Calendar.
This major update does not include many new features, but we have spent a lot of time rebuilding most of the applications for the modern JavaScript development environment. Thanks to this, we expect that implementing new features and debugging will be easier than the legacy codebase.
The previous version was written in Vanilla JS and targeted ES5 without Babel. While the codebase was getting bigger, it was getting harder to debug and understand.
Also, the previous version cannot handle multiple instances in the same document because of its fundamental limitation coming from handlebars.js
.
After a lengthy investigation and discussion, we decided to use Preact X as the core of the calendar, and rewrite the calendar with it. We expect that the future development with Preact will make us easier to bring new features and fix problems.
However, This changes browser compatibility. It can only support IE11+ though the previous version could support IE9+. And you need to use the separate bundle to support older browsers like IE11, which has a bigger bundle (about 30% bigger than the normal bundle).
For more info, Please check the documentation.
Thanks to the new development environment, We could reduce the bundle size of the calendar. See the image below(from BundlePhobia):
Even though All TOAST UI Products have powerful features, It has been hard to provide easy-to-understand and useful documents. Especially, TOAST UI Calendar needs to have more clear documents for users.
With this release, we wanted to give you better documentation, considering 'How can we make docs easier to read and easier to find what users want.
We also provide API documentation and examples through our site. But The full details are and will be in here.
Schedule
is changed to Event
. https://github.com/nhn/tui.calendar/issues/429For quick starters, You can install the npm package to your project:
# Installing package
npm install --save @toast-ui/calendar
import Calendar from '@toast-ui/calendar';
const container = document.getElementById('calendar');
const calendar = new Calendar(container);
But we recommend you to read the Getting Started guide first.
If you have any questions about the project, leave a question in the 'Q&A' of GitHub Discussion. (But maybe there's an answer in the documentation)
Or create an issue with 2.0
and Bug
labels when you find a bug.
dayname
to dayName
by @adhrinae in https://github.com/nhn/tui.calendar/pull/1159
scrollToNow
by @lja1018 in https://github.com/nhn/tui.calendar/pull/1160
selectDateTime
custom event is fired by @lja1018 in https://github.com/nhn/tui.calendar/pull/1164
clearGridSelections
by @lja1018 in https://github.com/nhn/tui.calendar/pull/1165
Full Changelog: https://github.com/nhn/tui.calendar/compare/v2.0.0-alpha.3...v2.0.0-alpha.4
Full Changelog: https://github.com/nhn/tui.calendar/compare/v2.0.0-alpha.2...v2.0.0-alpha.3
Full Changelog: https://github.com/nhn/tui.calendar/compare/v2.0.0-alpha.1...v2.0.0-alpha.2
We are happy to be able to show you a new TOAST UI Calendar.
This major update does not include many new features, but we have spent a lot of time rebuilding most of the applications for the modern JavaScript development environment. Thanks to this, we expect that implementing new features and debugging will be easier than the legacy codebase.
The previous version was written in Vanilla JS and targeted ES5 without Babel. While the codebase was getting bigger, it was getting harder to debug and understand it.
Also, the previous version cannot handle multiple instances in the same document because of its fundamental limitation coming from handlebars.js
.
After a lengthy investigation and discussion, we made the decision to use Preact X as the core of the calendar, and rewrite the calendar with it. We expect that the future development with Preact will make us easier to bring new features and fix problems.
However, This changes browser compatibility. It can only support IE11+ though the previous version could support IE9+. And you need to use the separate bundle to support older browsers like IE11, which has a bigger size bundle (about 30% bigger than the normal bundle).
Even though All TOAST UI Products have powerful features, It has been hard to provide easy-to-understand and useful documents. As the same as other products, TOAST UI Calendar needs to have more clear documents for users.
With this release, we wanted to give you better documentation, considering 'How can we make docs easier to read and easier to find what users want. At the very early stage of it, we wrote docs from the bottom and wrapped them using Storybook Docs.
Storybook Docs is only in the midway of this documentation journey. We will embrace other tools for making better documentation of all products in the long term.
⚠️ We wrote the Korean documentation first. For non-Korean speakers, Please be patient until we upload the English documentation as soon as possible.
We made progress that making the calendar supports server-side rendering. We hope this is helpful for users using TOAST UI Calendar for their modern frontend development environment.
But there is still room for improvement in this feature. It needs to be tested in the various frameworks or hand-made SSR environments, etc.
For more information, please refer to the renderToString
method in the doc.
Schedule
is changed to Event
. https://github.com/nhn/tui.calendar/issues/429You can now use the new calendar, installing the npm package to your project:
# Installing package
npm install @toast-ui/[email protected]
import Calendar from '@toast-ui/calendar';
const container = document.getElementById('calendar');
const calendar = new Calendar(container);
Please note that the alpha version has many pitfalls.
If you have any questions about the project, leave a question in the 'Q&A' of GitHub Discussion. (But maybe there's an answer in the documentation)
Or create an issue with 2.0
and Bug
labels when you found a bug.