nueva-conf-parametros-eva.component.html

<!--Importaciones necesarias-->
<link
  href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap"
  rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
  rel="stylesheet" />

<!--segunda opicon-->

<div class="contenedor">
  <div class="sobremontado">
    <span class="icono-instituciones material-icons">new_label</span>
    Agregar una Configuración
    <button class="volver" (click)="volver()">
      <mat-icon>keyboard_arrow_left</mat-icon>
    </button>
  </div>
  <div class="contenedor-dos">
    <form [formGroup]="myForm" (ngSubmit)="onSubmit()" class="formulario">
      <div class="input-container">
        <mat-form-field>
          <mat-label>Fecha:</mat-label>
          <input matInput [matDatepicker]="picker"
            placeholder="Seleccione una fecha"
            formControlName="fechaConfiguracion" required>
          <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
          <mat-datepicker #picker></mat-datepicker>
        </mat-form-field>
      </div>

      <div class="input-container">
        <mat-form-field class="example-full-width">
          <mat-label>Descripción:</mat-label>
          <input matInput formControlName="descripcion" required >
          <mat-error *ngIf="myForm.get('descripcion').invalid && (myForm.get('descripcion').dirty || myForm.get('descripcion').touched)">
            Por favor, ingrese la descripción.
          </mat-error>
        </mat-form-field>
      </div>


      <div class="input-container">
        <mat-form-field class="example-full-width">
          <mat-label>Puntaje:</mat-label>
          <input matInput formControlName="puntajeMinimo" required pattern="[0-9]+">
          <mat-error *ngIf="myForm.get('puntajeMinimo').invalid && (myForm.get('puntajeMinimo').dirty || myForm.get('puntajeMinimo').touched)">
            Por favor, ingrese un puntaje minimo valido.
          </mat-error>
        </mat-form-field>
      </div>

      <div>
        <label for="direccion">Estado:</label>
        <mat-checkbox formControlName="activo">Activo</mat-checkbox>
      </div>
      <button mat-raised-button color="primary" [disabled]="myForm.invalid" (click)="onSubmit()">Guardar</button>
    </form>
  </div>
</div>