1
resposta

Desafio

 <div class="flex-container">
      <mat-form-field appearance="outline" class="input-container">
        <mat-label>Origem</mat-label>
        <mat-icon matPrefix>flight_takeoff</mat-icon>
        <input matInput placeholder="Origem">
        <mat-icon matSuffix>search</mat-icon>
      </mat-form-field>
      <button mat-icon-button> <mat-icon>sync_alt</mat-icon></button>
      <mat-form-field appearance="outline" class="input-container">
        <mat-label>Destino</mat-label>
        <mat-icon matPrefix>flight_land</mat-icon>
        <input matInput placeholder="Destino">
        <mat-icon matSuffix>search</mat-icon>
      </mat-form-field>

      <mat-form-field appearance="outline" class="input-container">
        <mat-label>data da ida</mat-label>
        <input matInput [matDatepicker]="dataIda" placeholder="selecione">
        <mat-datepicker-toggle matIconSuffix [for]="dataIda"></mat-datepicker-toggle>
        <mat-datepicker touchUi #dataIda>
          <mat-datepicker-actions>
            <button mat-button matDatepickerCancel>cancelar</button>
            <button mat-raised-button color="primary" matDatepickerApply>aplicar</button>
          </mat-datepicker-actions>
        </mat-datepicker>
      </mat-form-field>

      <mat-form-field appearance="outline" class="input-container">
        <mat-label>data da volta</mat-label>
        <input matInput [matDatepicker]="dataVolta" placeholder="selecione">
        <mat-datepicker-toggle matIconSuffix [for]="dataVolta"></mat-datepicker-toggle>
        <mat-datepicker touchUi #dataVolta>
          <mat-datepicker-actions>
            <button mat-button matDatepickerCancel>cancelar</button>
            <button mat-raised-button color="primary" matDatepickerApply>aplicar</button>
          </mat-datepicker-actions>
        </mat-datepicker>
      </mat-form-field>

      <button mat-flat-button color="primary">buscar</button>
    </div>
1 resposta

Oi, tudo bem?

Parabéns pelo resultado e obrigado por compartilhar no fórum e contribuir com a comunidade!

Continue mergulhando em tecnologia e se tiver dúvidas, conte com o fórum.

Abraços e bons estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software