title: Displaying Fetched date in a custom calendar React native
body: <p>So basically i created a custom calendar for my doctor Appointement App that looks like this: <a href="https://i.stack.imgur.com/APEd2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/APEd2.png" alt="enter image description here"></a></p>
  
  <p>it displays the current week and date of the days.
  till now those time slot are a static array that i made and rendered in a flatlist:</p>
  
  <pre><code>this.state = {
        timeList: [
          { id: 1, time: "08:00 am" },
          { id: 2, time: "09:00 am" },
          { id: 3, time: "10:00 am" },
          { id: 4, time: "11:00 am" },
          { id: 5, time: "12:00 pm" },
          { id: 6, time: "01:00 pm" },
          { id: 7, time: "02:00 pm" },
          { id: 8, time: "03:00 pm" },
          { id: 9, time: "04:00 pm" },
          { id: 10, time: "05:00 pm" },
          { id: 11, time: "06:00 pm" },
          { id: 12, time: "07:00 pm" },
          { id: 13, time: "08:00 pm" }
        ]
      };
  and:
  &lt;FlatList
              data={this.state.timeList}
              renderItem={({ item, index }) =&gt; this.renderTimeData(item, index)}
              keyExtractor={(item, index) =&gt; index.toString()}
            /&gt;
  </code></pre>
  
  <p>So my problem is i want to render the time from a fetched data in a way that take into consideration the the date of the day.for instance, here is a log of the data:</p>
  
  <p><a href="https://i.stack.imgur.com/KJQyc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KJQyc.png" alt="enter image description here"></a> 
  so from that attribut "date_start" i should make sure the date is matching in my calendar so i can display that "9:30"
  Any idea how can I approach it?
  i hope i made my self clear enough and thank you for your suggestions</p>