<template>
  <div class="report report-monthly-page">
    <div class="header-report mb-2">
      <h2 class="header-report-title">Báo cáo tình hình giao dịch & thanh toán theo tháng</h2>
      <div class="select-date">
        <span class="label-date">Từ ngày:</span> &nbsp;
        <Datepicker v-bind="{ record: dateReport, attr: 'date-start' }" @date="select('date-start', $event)" />&nbsp;
        <span class="label-date">đến ngày:</span> &nbsp;
        <Datepicker v-bind="{ record: dateReport, attr: 'date-end' }" @date="select('date-end', $event)" />
      </div>
    </div>
  </div>
</template>
<script>
</script>
<style>
  .report-monthly-page .header-report .header-report-title {
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  text-transform: uppercase;
}
</style>