      <!-- Period -->
      <div class="d-flex align-items-center form-group justify-content-end">
        <label for="periodId" jhiTranslate="resilientApp.inventory.period">Period</label>
        <select
          class="form-select-sm form-control"
          id="field_working_period"
          [(ngModel)]="selectedPeriod"
          (change)="onChange($event)"
        >
          @for (periodOption of periods; track $index) {
            <option [ngValue]="periodOption">{{ periodOption.name }}</option>
          }
        </select>
      </div>