title: Flutter Table Calendar (v.3.0.2) : Show all data from REST API based on date
body: <p>I'm trying to load all data objects fetched from REST API into TableCalendar and show their values under the calendar based on the currently picked date</p>
  <p><strong>Response</strong> looks like this:</p>
  <pre><code> [{
     &quot;id&quot; : &quot;abc321&quot;,
     &quot;name&quot; : &quot;header1&quot;,
     &quot;description&quot; : &quot;desc1&quot;,
     &quot;date&quot; : {
      &quot;day&quot; : 10,
      &quot;month&quot; : 10,
      &quot;year&quot; : 2020
    },
   }, 
   {
     &quot;id&quot; : &quot;321abc&quot;,
     &quot;name&quot; : &quot;header2&quot;,
     &quot;description&quot; : &quot;desc2&quot;,
     &quot;date&quot; : {
     &quot;day&quot; : 5,
     &quot;month&quot; : 5,
     &quot;year&quot; : 2020
    },
   }]
  </code></pre>
  <p><strong>FetchData</strong> Future looks like this:</p>
  <pre><code>Future&lt;List&lt;ObjectName&gt;&gt;? getData() async {
      const String url = 'urlOfAPI';
  
      var response = await http.get(
        Uri.parse(url),
        headers: {
          &quot;content-type&quot;: &quot;application/json&quot;,
          &quot;accept&quot;: &quot;application/json&quot;,
        },
      );
  
      if (response.statusCode == 200) {
        final parsed = json.decode(response.body).cast&lt;Map&lt;String, dynamic&gt;&gt;();
        return parsed.map&lt;ObjectName&gt;((json) =&gt; ObjectName.fromJson(json)).toList();
      } else {
        throw Exception('Failed to load');
      }
    }
  </code></pre>
  <p><strong>TableCalendar</strong> initial code:</p>
  <pre><code>CalendarFormat _calendarFormat = CalendarFormat.twoWeeks;
  DateTime _focusedDay = DateTime.now();
  DateTime? _selectedDay = DateTime.now();
  
  return TableCalendar(
    firstDay: DateTime.now(),
    lastDay: DateTime(DateTime.now().year + 10),
    focusedDay: _focusedDay,
    calendarFormat: _calendarFormat,
    selectedDayPredicate: (day) {
      return isSameDay(_selectedDay, day);
    },
    onDaySelected: (selectedDay, focusedDay) {
      if (!isSameDay(_selectedDay, selectedDay)) {
        setState(() {
          _selectedDay = selectedDay;
          _focusedDay = focusedDay;
        });
      }
    },
    onFormatChanged: (format) {
      if (_calendarFormat != format) {
        setState(() {
          _calendarFormat = format;
        });
      }
    },
    onPageChanged: (focusedDay) {
      _focusedDay = focusedDay;
    },
  );
  </code></pre>
  <p><strong>e.g.</strong>
  I'd like to show all objects inside the calendar and show only &quot;<em>object1</em>&quot; or &quot;object2&quot; values under the calendar when picked date is &quot;<em>10/10/2020</em>&quot; or &quot;<em>5/5/20</em>&quot; respectively.</p>