Ion-picker outside the modal and inside the inline page

I would like a feature to enable the inclusion of the ion-picker component within the content of a page without the need to open it in a modal, I managed to implement this feature with ion-datetime but it only works with dates, years and months and I want to use ion-picker to create an ios-style select and only that with ion-picker I can create but it only opens in modal, is this feature currently possible or could it be developed?

I am currently using the following code in angular/ionic 6

  <ng-container >

    <ion-button expand="block" (click)="showPickerController()">Show Picker Controller</ion-button>

      <ng-container *ngFor="let type of ['year']">   
            <ion-item slot="header">
              <ion-text slot="end"></ion-text>

import { Component } from '@angular/core';
import { PickerController, PickerOptions } from '@ionic/angular';

  selector: 'app-home',
  templateUrl: '',
  styleUrls: [''],
export class HomePage {

  constructor(private pickerCtrl: PickerController) {}

  async showPickerController() {
    let opts: PickerOptions = {
      buttons: [
          text: 'Ok'
      columns: [
          name: 'category',
          options: [
            { text: 'Dog', value: 'dog' },
            { text: 'Cat', value: 'cat' },
            { text: 'Fish', value: 'fish' },
            { text: 'Rabbit', value: 'rabbit' },
    let picker = await this.pickerCtrl.create(opts);
    picker.onDidDismiss().then(async data => {