"Data first" example

DataFirstCalendar.jsx

/*
daysByWeek = [
  { days: [{ number: 31, other: true }, { number: 1 }, { number: 2, current: true }] },
  {...},
  {...},
]
*/

function Calendar(props) {
  const daysByWeek = calculateDaysByWeek(props.date);
  
  return (
    <div>
      {"..."}
      {daysByWeek.map(week => (
        <tr>
          {week.days.map(day => (
            <td>{day.number}</td>
          )}
        </tr>
      )}
      {"..."}
    </div>
  );
}