diff --git a/core/src/components/datetime/datetime.tsx b/core/src/components/datetime/datetime.tsx
index 7134e1f00a..ae175513e4 100644
--- a/core/src/components/datetime/datetime.tsx
+++ b/core/src/components/datetime/datetime.tsx
@@ -274,6 +274,7 @@ export class Datetime implements ComponentInterface {
   private generatePickerOptions(): PickerOptions {
     const pickerOptions: PickerOptions = {
       ...this.pickerOptions,
+      mode: this.mode,
       columns: this.generateColumns()
     };
 
diff --git a/core/src/components/select/select.tsx b/core/src/components/select/select.tsx
index 3344abd095..a919d54f84 100644
--- a/core/src/components/select/select.tsx
+++ b/core/src/components/select/select.tsx
@@ -206,6 +206,7 @@ export class Select implements ComponentInterface {
     const popoverOpts: PopoverOptions = {
       ...interfaceOptions,
 
+      mode: this.mode,
       component: 'ion-select-popover',
       cssClass: ['select-popover', interfaceOptions.cssClass],
       event: ev,
@@ -255,6 +256,7 @@ export class Select implements ComponentInterface {
     const actionSheetOpts: ActionSheetOptions = {
       ...interfaceOptions,
 
+      mode: this.mode,
       buttons: actionSheetButtons,
       cssClass: ['select-action-sheet', interfaceOptions.cssClass]
     };
@@ -262,7 +264,6 @@ export class Select implements ComponentInterface {
   }
 
   private async openAlert() {
-
     const label = this.getLabel();
     const labelText = (label) ? label.textContent : null;
 
@@ -272,6 +273,7 @@ export class Select implements ComponentInterface {
     const alertOpts: AlertOptions = {
       ...interfaceOptions,
 
+      mode: this.mode,
       header: interfaceOptions.header ? interfaceOptions.header : labelText,
       inputs: this.childOpts.map(o => {
         return {