funky-framadate-front/src/app/features/administration/form/steps/step-three/step-three.component.html

<div class="step min-height">
	<app-stepper [step_current]="3" [step_max]="pollService.step_max"></app-stepper>
	<app-errors-list [form]="pollService.form"></app-errors-list>
	<!--	sélecteur d'interface-->
	<button
		class="button is-fullwidth"
		(click)="changeDateInputMode()"
		[ngClass]="{ 'is-primary': !pollService.mode_calendar }"
	>
		<span *ngIf="pollService.mode_calendar"> <i class="fa fa-pencil"></i> Saisir les dates manuellement </span>
		<span *ngIf="!pollService.mode_calendar">
			<i class="fa fa-calendar-o"></i> Saisir les dates dans le calendrier
		</span>
	</button>

	<!--			choix spécialement pour les dates-->
	<div class="calendar" *ngIf="pollService.mode_calendar">
		<p-calendar
			[(ngModel)]="pollService.calendar"
			firstDayOfWeek="1"
			selectionMode="multiple"
			inputId="multiple"
			showButtonBar="true"
			[locale]="'calendar_widget' | translate"
			[disabledDates]="pollService.disabled_dates"
			[inline]="true"
			[showWeek]="false"
		></p-calendar>
	</div>

	<div class="text-date-list" *ngIf="!pollService.mode_calendar">
		<app-day-list
			[form]="pollService.form"
			[hasSeveralHours]="pollService.form.value.hasSeveralHours"
		></app-day-list>
	</div>
</div>
<div class="columns">
	<div class="column">
		<button class="button is-secondary is-fullwidth" [routerLink]="['/administration/step/2']">
			précédent
		</button>
	</div>
	<div class="column">
		<!--				[disabled]="form.invalid"-->
		<button class="button is-primary is-fullwidth" [routerLink]="['/administration/step/4']">
			suivant
		</button>
	</div>
</div>