Calendar Display Component

This is expected behavior. Adding events to the calendar is not currently supported, and the behavior you are noted is part of the underlying framework.Adding this capability is something that can go on our backlog, but the workaround for now is to create events using a SAIL interface.

Hi,

Thanks for making this great plug-in. I've noticed that when readOnly is false for the calendarDisplayFIeld, I can select an event and access the event information through the selectedEvent parameter. However, when I am on the day or week view and double click to create an event on any blank space, nothing is captured in the local variable I have assigned to selectedEvent.

Eg.

I'm not sure if it is supposed to do this, but it would be great if that would capture the start and end times so that we can use that data elsewhere on the interface.

Cheers.

Are there any errors in the console that don't have the "[Report Only]" tag? Unfortunately, none of these screenshots provide enough information to be helpful.

Given the examples provided are working on my end as far as I can tell, my only guess is something related to caching is breaking.

Do you have another appiancloud environment you can deploy to and test?

Hi 

Thank you for this feature appreciated it a lot, I would like to ask if there's a plan to have a holiday tagging of a specific date.

example:

January 1 new year, just to change the color of the number 1



Thank you

Hi Justin,

Thanks again for your support.

I tried in an incognito. It doesn't work.

I look forward to your reply!

I've run the same test with all available versions and am getting successful results (attaching that SAIL here as well):

Given the NaN error, I'm thinking something unexpected is happening in the JS files itself, likely a cache error. So to start, can you please try clearing browser cache or accessing this interface incognito to see if that works better?

If not, then I'll need any Console errors from Chrome's Dev Tools (F12) , like below:

a!localVariables(
  local!events: {
      a!map(
        id: 15,
        calendarId: 1,
        title: "El Farolito de Calahorra",
        category: "time",
        location: "La Cabina - Madrid",
        attendees: "SALVADOR ESTR" & fn!char(193) & "N GEA",
        body: "Status: Confirmada",
        start: "2023-08-25T10:30:00.000Z",
        end: "2023-08-25T12:00:00.000Z"
      ),
      a!map(
        id: 16,
        calendarId: 1,
        title: "El Farolito de Calahorra",
        category: "time",
        location: "La Cabina - Madrid",
        attendees: "JUAN BARBADILLO CLABBURN",
        body: "Status: Rechazada",
        start: "2023-08-25:00:00.000Z",
        end: "2023-08-25T12:30:00.000Z"
      )
  },
  a!columnsLayout(
    columns: {
      a!columnLayout(
        contents:{
          calendarDisplayField_v3(
            dateContext: today(),
            viewType: "DAY",
            events: local!events
          )          
        }
      ),
      a!columnLayout(
        contents:{
          calendarDisplayField_v4(
            dateContext: today(),
            viewType: "DAY",
            events: local!events
          )
        }
      ),
      a!columnLayout(
        contents:{
          calendarDisplayField_v5(
            dateContext: today(),
            viewType: "DAY",
            events: local!events
          )
        }
      )      
    }
    )
)

Hi! Thanks for your response.

It doesn't wrok with the lastest version. It only works with v2.

I have 23.2 cloud version

Unfortunately, I can't replicate the issue; I was successfully with the following. I created a simple test interface with your date (altered to today's today). Hopefully this helps.

Hi!!

I am having trouble displaying two events on the same day, in a calendar of type DAY.

Can you help me?

My events:

{a!map(id: 15, calendarId: 1, title: "El Farolito de Calahorra", category: "time", location: "La Cabina - Madrid", attendees: "SALVADOR ESTR" & fn!char(193) & "N GEA", body: "Status: Confirmada", start: "2023-03-27T10:30:00.000Z", end: "2023-03-27T12:00:00.000Z"), a!map(id: 16, calendarId: 1, title: "El Farolito de Calahorra", category: "time", location: "La Cabina - Madrid", attendees: "JUAN BARBADILLO CLABBURN", body: "Status: Rechazada", start: "2023-03-27T12:00:00.000Z", end: "2023-03-27T12:30:00.000Z")}

It seems the zip uploaded is not signed version, it throws the following error at installing:

Failed to load Plug-in 'com.groundswellcg.plugins.toastCalendar' (com.groundswellcg.plugins.toastCalendar) version 0.0: 'Component plug-in approval verification failed. Please contact Appian for approval process'