javascriptcordovameteorfullcalendar

FullCalendar with Meteor 3.3.1 – Event Colors and Size Issue on Mobile Build (iOS/Android)


I'm using FullCalendar React with Meteor 3.3.1, and I'm running into an issue when building the mobile version (iOS/Android). The calendar appears fine in the web version, including when viewed responsively in a browser. However, in the mobile build, it looks like this:

Screenshot of the Calendar

As you can see:

The event colors are missing.

The calendar appears much smaller than expected.

This only happens in the mobile builds, not in the web or responsive views. Any ideas on what might be causing this or how to fix it?

import FullCalendar from '@fullcalendar/react'; // Import FullCalendar React component
import dayGridPlugin from '@fullcalendar/daygrid'; // Import plugins
import timeGridPlugin from '@fullcalendar/timegrid';
import interactionPlugin from '@fullcalendar/interaction'; // For drag and drop
import { getCalendarLocale } from '/imports/ui/lang/fullcalendar.lang.js';


<FullCalendar
    ref={calendarRef}
    events={props.meteordata_events}
    {...calendarOptions}
/>

Solution

  • After upgrading to Meteor 3.3.1 and FullCalendar, everything seems to be working great. Thank you, everyone!

    "@fullcalendar/core": "6.1.19",
    "@fullcalendar/daygrid": "6.1.19",
    "@fullcalendar/interaction": "6.1.19",
    "@fullcalendar/react": "6.1.19",
    "@fullcalendar/timegrid": "6.1.19",