From ec994dd56be30cd65663defb107eea09f27f0c2d Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandy@ionic.io>
Date: Wed, 28 Feb 2018 15:35:56 -0500
Subject: [PATCH] fix(datetime): remove outline for focus and add ripple

---
 packages/core/src/components/datetime/datetime.scss | 5 +++++
 packages/core/src/components/datetime/datetime.tsx  | 1 +
 2 files changed, 6 insertions(+)

diff --git a/packages/core/src/components/datetime/datetime.scss b/packages/core/src/components/datetime/datetime.scss
index 68cda8bf89..cdd73fe025 100644
--- a/packages/core/src/components/datetime/datetime.scss
+++ b/packages/core/src/components/datetime/datetime.scss
@@ -22,6 +22,11 @@ ion-datetime {
 
   background: transparent;
   cursor: pointer;
+
+  &:active,
+  &:focus {
+    outline: none;
+  }
 }
 
 .datetime-text {
diff --git a/packages/core/src/components/datetime/datetime.tsx b/packages/core/src/components/datetime/datetime.tsx
index feb041bad8..a949176351 100644
--- a/packages/core/src/components/datetime/datetime.tsx
+++ b/packages/core/src/components/datetime/datetime.tsx
@@ -627,6 +627,7 @@ export class Datetime {
         aria-disabled={this.disabled ? 'true' : false}
         onClick={this.open.bind(this)}
         class='datetime-cover'>
+        {this.mode === 'md' ? <ion-ripple-effect /> : null}
       </button>
     ];
   }