title: SyncFusion calendar does not appear
body: <p>I watched a video about Syncfusion Calendar, and while it worked as an independent widget, it kind of never works when we tried implementing it for our application. It yields us with either a blank screen or the Appbar and the FloatingActionButton appearing only. How can I make it visible?</p>
  <p>Mind the fact that we are not making this widget the main page and has to be accessible from the dashboard itself.</p>
  <pre><code>class CalendarTeacherPage extends StatefulWidget {
    const CalendarTeacherPage({Key? key}) : super(key: key);
  
    @override
    _CalendarTeacherPageState createState() =&gt; _CalendarTeacherPageState();
  }
  
  class _CalendarTeacherPageState extends State&lt;CalendarTeacherPage&gt; {
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        body: Container(child: const CalendarWidget()),
        appBar: AppBar(
          title: const Text('Calendar'),
          centerTitle: true,
        ),
        floatingActionButton: FloatingActionButton(
          child: const Icon(Icons.add, color: Colors.white),
          backgroundColor: Colors.red,
          onPressed: () =&gt; Navigator.of(context).push(
            MaterialPageRoute(builder: (context) =&gt; const EventEditingPage()),
          ),
        ),
      );
    }
  }
  </code></pre>
  <p>This one is for our CalendarWidget, which we believe to be holding the errors.</p>
  <pre><code>class CalendarWidget extends StatelessWidget {
    const CalendarWidget({Key? key}) : super(key: key);
  
    @override
    Widget build(BuildContext context) {
      final events = Provider.of&lt;EventProvider&gt;(context).events;
  
      return SfCalendar(
        view: CalendarView.schedule,
        dataSource: EventDataSource(events),
        initialSelectedDate: DateTime.now(),
        cellBorderColor: Colors.transparent,
        onLongPress: (details) {
          final provider = Provider.of&lt;EventProvider&gt;(context, listen: true);
  
          provider.setDate(details.date!);
          showModalBottomSheet(
            context: context,
            builder: (context) =&gt; const TasksWidget(),
          );
        },
      );
    }
  }
  </code></pre>
  <p>Migrating this code from the SfCalendar acting as the main widget to it being part of our dashboard has proven difficult, and I just know that the issue is in the SfCalendar and where I am placing it. How do I fix this?</p>