Calendar Display Component

Overview


The Groundswell Calendar Display, powered by ToastUI, gives designers the ability to quickly have a modern calendar display in their sites and dashboards with the simplicity of a single component. The dense, versatile display supports different calendar views with styling matching your site’s accent color. Example interfaces and utility rules are attached, which demonstrate usage and features of the component.

Key Features & Functionality

  • Display an array of events in Daily, Weekly, or Monthly format. Toggle days and weeks using an input parameter.
  • Automatic timezone shifting. By default, all provided events display in the timezone of your browser, but this can be overridden by providing TZ names ("America/Los_Angeles") OR a timezone code (EDT,CST,etc).
  • Multiple language support. Currently supports US English (en-US), UK English (en-GB), Spanish (es), Italian (it), Polish (pl), and Portuguese (pt).
  • Supports different date formats via a parameter.
  • Supports a detailed event pop-up of time, title, attendees, location, and event description.
  • Supports custom colors, font sizes, borders, and other attributes via applying custom themes.
  • Support for visible weeks, weekend display, and start of week for specific locale needs.
  • Allows event selection, should you want to edit an event or display details in addition to, or in lieu of, the detailed pop-up view.
  • Allows events to be "rescheduled" via drag and drop or through a modal
  • Allows events to be created and deleted directly from the calendar
  • Supports multiple calendars
  • More details and examples available in attached resources and sample application.
Anonymous
  • Release Notes - 2.3.1
    • Security fixes for v1 (deprecated) of the component
  • v2.3.0 Release Notes
    • Security updates
    • Fix various expression issues in demo application
  • v2.2.0 Release Notes
    Now supports
    • hiding default calendar title, or overriding with a custom title
    • configuring the displayed number of weeks for the MONTH view
    • options for condensing or hiding weekend display on WEEK and MONTH view
    • ability to move events via drag and drop
  • Hi Sandeep,

    can you guide me on how this issue was resolved, I am facing similar issue with the plugin. I have copied the same code.

    Thanks

    Preeti Sinha

  • Actually, I'm testing your plugin. Seem interesting.

    In my opinion the more intersting properties are:

    • isAllDay
    • color
    • bgColor
  • Hello, So I installed the component in my appian environment and got it working properly, however it seems that the calendar timezone is GMT +0100 (I am in GMT +0000).

    I register the events in GMT and my machine is in GMT and the current hour on the calendar is in GMT, but when i register an event the event appears in GMT + 0100. 

    I tried multiple ways to solve this but neither of them worked.

    How can I change the calendar timezone? 

  • When we reviewed the calendar in console mode of the browser, we could see that the component was unable to get to the location of the calendar display code. So, we had to update the permissions of the folders housing the calendar data. That made the calendar show as expected in our on prem environment. Take care.

  • I wanted to update this in case it helps someone out that is having the same issue. When we reviewed the calendar in console mode of the browser, we could see that the component was unable to get to the location of the calendar display code. So, we had to update the permissions of the folders housing the calendar data. That made the calendar show as expected in our on prem environment. Take care.

  • Hello, I have found this component to be very useful. One issue I'm running into though. When I used it on cloud, it shows up fine and works, when I try to use it on premise, it doesn't show up at all. At first it said  "Missing system configuration. This component requires the dynamic content domain to be properly configured. Contact your system administrator.", so my admin made the update and I get no error. The trouble is, I don't see the component either. It is just blank space. Am I missing some configuration I need to tell my admin to do?  Thanks for any help.

  • hello, i am having a problem with this component, im trying to use the "dayNames" parameter to change the week naming format, but it doesnt seem to work, in the documentation https://nhn.github.io/tui.calendar/latest/MonthOptions it appear as an option, im assuming this documentation is generic and not specific for appian and most of the features are not implemented? i need a way to make the font smaller or shorter. thank you