@if (fieldType === 'dateRange') {
  <gn-ui-date-range-dropdown
    [title]="title"
    [startDate]="(selectedDateRange$ | async)?.start"
    [endDate]="(selectedDateRange$ | async)?.end"
    (startDateChange)="onStartDateChange($event)"
    (endDateChange)="onEndDateChange($event)"
  ></gn-ui-date-range-dropdown>
} @else {
  <gn-ui-dropdown-multiselect
    class="w-full"
    [title]="title"
    [maxRows]="6"
    [choices]="(choices$ | async) || []"
    [selected]="selected$ | async"
    [allowSearch]="true"
    (selectValues)="onSelectedValues($event)"
    [attr.data-cy-field]="fieldName"
  >
  </gn-ui-dropdown-multiselect>
}