funky-framadate-front/src/app/pages/dates/dates.component.html

<div i18n>
	Config spécialement pour les dates
</div>

<div>
	<select
		  name="multi_hours"
		  id="multi_hours"
		  [(ngModel)]="config.allowSeveralHours"
	>
		<option value="true">possiblement différents</option>
		<option value="false">identiques</option>
	</select>

	<label for="multi_hours">
		<span i18n>
			Je souhaite mettre des créneaux horaires
		</span>

		<span i18n>
			pour chaque journée
		</span>
	</label>
</div>

<button
	  class="btn btn-primary"
	  (click)="addDate()"
	  i18n
>
	Ajouter une plage de dates
</button>
<div class="dates-list">
	{{config.dateList.length}}
	<span i18n>
		choix de Dates
	</span>

	<div
		  *ngFor="let choice of config.dateList; index as id"
		  class="date-choice"
	>
		<input
			type="text"
			name="dateChoices[]"
			[(ngModel)]="choice.literal"
		>

		<button (click)="config.dateList.splice(id, 1)">X</button>
	</div>
</div>

<a
	  [routerLink]="'/step/end'"
	  class="btn btn-block"
>
	C'est parfait!
</a>