jelhan/croodle

{{#let @formElement as |FormElement|}}
  <FormElement
    @label={{t "create.options.dates.label"}}
    @property="options"
    data-test-form-element-for="days"
    as |el|
  >
    <div
      class="form-control cr-h-auto cr-pr-validation
        {{if (eq el.validation 'error') 'is-invalid'}}
        {{if (eq el.validation 'success') 'is-valid'}}
        "
      id={{el.id}}
    >
      <div class="row">
        <div class="col-12 col-md-6">
          <InlineDatepicker
            @center={{this.calendarCenter}}
            @selectedDays={{this.selectedDays}}
            @onCenterChange={{fn this.handleCalenderCenterChange 0}}
            @onSelect={{this.handleSelectedDaysChange}}
          />
        </div>
        <div class="col-md-6 cr-hide-on-mobile">
          <InlineDatepicker
            @center={{this.calendarCenterNext}}
            @selectedDays={{this.selectedDays}}
            @onCenterChange={{fn this.handleCalenderCenterChange -1}}
            @onSelect={{this.handleSelectedDaysChange}}
          />
        </div>
      </div>
    </div>
  </FormElement>
{{/let}}