Как создать расписание, похожее на календарь в Google, используя календарь element-ui

Question

Я делаю страницу, используя Django.Одним из требований является рендеринг страницы расписания с использованием модуля element-ui calender.Например, backand предоставляет несколько данных date_plans (тип даты) в виде списка.Я хочу отобразить данные даты в назначенной ячейке на странице календаря, изменив цвет фона на другой.В этот момент я сталкиваюсь с бариями

Страница календаря уже обработана

<div id="app">
<el-calendar>
    <template slot="dateCell"
    slot-scope="{date, data}">
        <p>hhhh</p>
  </template>
</el-calendar>
</div>
<script>
  var calendar = new Vue({
      el:'#app',
      data:{
          value:new Date(),
      }
  })
</script>

def calendar(request):
    _,c,_ = login_profile(request)
    plans_recent = c.interaction_summary().get('plans_recent','')
    return render(request,
                  'crm/calendar.html',
                  {
                      'dates':[p.date_plan for p in plans_recent],
                  })

plan_recent возвращает набор запросов, внутри которого объект содержит date_plan и другое поле

Я ожидаю: например, список дат - [2019-9-27, 2019-10-09, ....].ячейка даты в списке, отображаемом календарем element-ui, имеет другой цвет фона '' '