<templates>
  <t t-name="o-spreadsheet-CalendarButton">
    <div class="o-calendar-button ms-1">
      <button type="button" class="o-button btn" t-on-click="this.openCalendar">
        <!-- TODORAR  see how we can make filled versions -->
        <i class="oi oi-filled" data-icon="calendar_today"/>
      </button>
      <input
        type="date"
        class="o-calendar-input"
        t-att-value="this.formatDateForInput(this.props.value)"
        t-ref="this.datePickerRef"
        t-on-change="(ev) => this.onDateInputValueChanged(ev.target.value)"
      />
    </div>
  </t>
</templates>
