fix(schedule): place the cancel button on the end in toolbar for md mode

references ionic-team/ionic-framework#14172

src/components/page-schedule-filter/page-schedule-filter.tsx

@@ -1,7 +1,8 @@
 import '@ionic/core';
 import '@stencil/core';
 
-import { Component, Element, Listen, State } from '@stencil/core';
+import { Config } from '@ionic/core';
+import { Component, Element, Listen, Prop, State } from '@stencil/core';
 
 import { ConferenceData } from '../../providers/conference-data';
 
@@ -15,6 +16,8 @@ export class PageScheduleFilter {
 
   @State() tracks: Array<{name: string, isChecked: boolean}> = [];
 
+  @Prop({ context: 'config' }) config: Config;
+
   async componentWillLoad() {
     // passed in array of track names that should be excluded (unchecked)
     // TODO = this.navParams.data.excludedTracks;
@@ -56,10 +59,12 @@ export class PageScheduleFilter {
   }
 
   render() {
+    const mode = this.config.get('mode');
+
     return [
       <ion-header>
         <ion-toolbar>
-          <ion-buttons slot="start">
+          <ion-buttons slot={mode === 'md' ? 'end' : 'start'}>
             <ion-button onClick={() => this.dismiss()}>Cancel</ion-button>
           </ion-buttons>