Moving cancel and confirm button to down using Ionic ion-picker

I am new to ionic. I have a requirement to change the cancel and confirm button to bottom of the picker like below.

Expected Result

I am using Angular with ionic. The options i have given is like below

buttons: [
        {
          text: 'Cancel',
          role: 'cancel',
          handler: () => {
           console.log(');
        },
        {
          text: 'Select',
          role: 'heading',
          cssClass: 'pickerHeading',
        },
        {
          text: 'confirm',
          handler: (columns: any) => {
            console.log('')
          },
          role: 'submit',
        },
      ],
      columns: [
        
           {
              text: 'Female',
              value: 'female',
            },
            {
              text: 'Male',
              value: 'male',
            }
      ],

Can anyone help here