Calendar not displaying Items #2025
Description
Category
[ ] Enhancement
[ X ] Bug
[ ] Question
Version
"@pnp/sp": "^4.15.0",
"@pnp/spfx-controls-react": "3.21.0",
"react": "17.0.1",
"react-dom": "17.0.1",
Expected / Desired Behavior / Question
When specifying the "event" data for a Calendar - I expect them to render
Observed Behavior
The component always renders a blank / empty calendar
Steps to Reproduce
let calendarEvents: IEvent[] = [
{
id: '1',
title: 'Weekly Sync: Development Team',
start: '2025-07-08T10:00:00',
end: '2025-07-08T11:00:00',
location: 'Microsoft Teams',
category: 'Meeting',
isOnlineMeeting: true,
},
{
id: '2',
title: 'Project Deadline',
start: "21/07/2025 15:00:00",
end: "21/07/2025 16:00:00",
importance: 'High',
},
];
public render(): React.ReactElement<IMeetingsAndEventsProps> {
console.log("Starting Web Part Render");
return (
<Calendar
events={calendarEvents}
height={800}
/>
);
}