<templates>
  <t t-name="o-spreadsheet-DataValidationDateCriterion">
    <Select
      class="'o-dv-date-value mb-4'"
      values="this.dateValues"
      selectedValue="this.currentDateValue"
      onChange.bind="this.onDateValueChanged"
    />
    <div class="d-flex align-items-center" t-if="this.currentDateValue === 'exactDate'">
      <CriterionInput
        value="this.props.criterion.values[0]"
        onValueChanged.bind="this.onValueChanged"
        criterionType="this.props.criterion.type"
        disableFormulas="this.props.disableFormulas"
        focused="this.props.autofocus"
      />
      <CalendarButton onChange.bind="this.onValueChanged" value="this.props.criterion.values[0]"/>
    </div>
  </t>
</templates>
