<templates>
  <t t-name="o-spreadsheet-DoubleInputCriterionForm">
    <div class="d-flex align-items-center m-2">
      <CriterionInput
        value="this.props.criterion.values[0]"
        onValueChanged.bind="this.onFirstValueChanged"
        criterionType="this.props.criterion.type"
        disableFormulas="this.props.disableFormulas"
        focused="this.props.autofocus"
      />
      <CalendarButton
        t-if="this.isDateType"
        onChange.bind="this.onFirstValueChanged"
        value="this.props.criterion.values[0]"
      />
    </div>
    <div class="d-flex align-items-center m-2">
      <CriterionInput
        value="this.props.criterion.values[1]"
        onValueChanged.bind="this.onSecondValueChanged"
        criterionType="this.props.criterion.type"
        disableFormulas="this.props.disableFormulas"
      />
      <CalendarButton
        t-if="this.isDateType"
        onChange.bind="this.onSecondValueChanged"
        value="this.props.criterion.values[1]"
      />
    </div>
  </t>
</templates>
