Metronic Mega Update!Tailwind 4, React 19, Next.js 15, KtUI, ReUI, eCommerce, User Management Apps and more
Explore Update 
Metronic 8 VueJs - fulcalendar
Hi Lauris,
I`m starting to expand FulCalendar and got a question:
sample method for creating event
const addEvent = () => {
console.log("there you Go!");
calendarOptions.events = [
...calendarOptions.events,
{
title: "My Title",
start: "2022-11-16",
description: "lorem ipsum lorem ipsum",
className: "",
},
];
};docs <a>https://fullcalendar.io/docs/event-object</a> says
In addition to the fields above, you may also include your own non-standard fields in each Event object. FullCalendar will not modify or delete these fields. For example, developers often include a description field for use in callbacks like event render hooks. Any non-standard properites are moved into the extendedProps hash during event parsing.
and when I trying to e.g
{
title: "My Title",
start: "2022-11-16",
description: "lorem ipsum lorem ipsum",
className: "",
myCustomProperty: "",
},
I get
"message": "Type '{ title: string; start: string; description: string; className: string; myCustomProperty: string; }' is not assignable to type '{ title: string; start: string; description: string; className: string; }'.\n Object literal may only specify known properties, and 'myCustomProperty' does not exist in type '{ title: string; start: string; description: string; className: string; }'.",
Lauris can you please give me a tip how to have additional custom properties? I would like to add 2 or 3 properties.
For now description is available in extendesProps property.
regards
Krystian
Replies (2)
Lauris please omit my question.
I was tired 
for any others ..... there is no problem for putting custom fields.
If you just load events from database your additional properties will be available through
event.extendedProps.<yourCustomProperty>
Hi Krystian,
Glad to hear that you already figured this out Let me know if you will need any further help.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
