2019-10-20 12:43:27 +02:00
|
|
|
{{#let @form as |form|}}
|
|
|
|
<form.element
|
|
|
|
@label={{t "create.options.dates.label"}}
|
|
|
|
@property="options"
|
|
|
|
data-test-form-element-for="days"
|
|
|
|
as |el|
|
|
|
|
>
|
|
|
|
<div
|
2023-09-21 12:30:14 +02:00
|
|
|
class="form-control cr-h-auto cr-pr-validation
|
|
|
|
{{if (eq el.validation 'error') 'is-invalid'}}
|
|
|
|
{{if (eq el.validation 'success') 'is-valid'}}
|
|
|
|
"
|
2023-10-15 15:27:02 +02:00
|
|
|
id={{el.id}}
|
2019-10-20 12:43:27 +02:00
|
|
|
>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-12 col-md-6">
|
|
|
|
<InlineDatepicker
|
2020-01-18 12:17:06 +01:00
|
|
|
@center={{this.calendarCenter}}
|
|
|
|
@selectedDays={{this.selectedDays}}
|
2023-09-21 12:30:14 +02:00
|
|
|
@onCenterChange={{action
|
|
|
|
(mut this.calendarCenter)
|
|
|
|
value="datetime"
|
|
|
|
}}
|
2023-10-15 15:27:02 +02:00
|
|
|
@onSelect={{this.handleSelectedDaysChange}}
|
2019-10-20 12:43:27 +02:00
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-6 cr-hide-on-mobile">
|
|
|
|
<InlineDatepicker
|
2020-01-18 12:17:06 +01:00
|
|
|
@center={{this.calendarCenterNext}}
|
|
|
|
@selectedDays={{this.selectedDays}}
|
2023-09-21 12:30:14 +02:00
|
|
|
@onCenterChange={{action
|
|
|
|
(mut this.calendarCenter)
|
|
|
|
value="datetime"
|
|
|
|
}}
|
2023-10-15 15:27:02 +02:00
|
|
|
@onSelect={{this.handleSelectedDaysChange}}
|
2019-10-20 12:43:27 +02:00
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
2019-06-07 11:22:13 +02:00
|
|
|
</div>
|
2019-10-20 12:43:27 +02:00
|
|
|
</form.element>
|
|
|
|
{{/let}}
|