From 20c9dd7e641e2aa7a00a7c9f9e8871670bcb734e Mon Sep 17 00:00:00 2001
From: Amit Moryossef <amitmoryossef@gmail.com>
Date: Fri, 9 Jun 2017 23:13:31 +0300
Subject: [PATCH] fix(datetime): set datetime direction the same on ltr and rtl
 (#11992)

---
 src/components/picker/picker.scss | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/components/picker/picker.scss b/src/components/picker/picker.scss
index 2d126dc81c..ab3d845325 100644
--- a/src/components/picker/picker.scss
+++ b/src/components/picker/picker.scss
@@ -59,6 +59,11 @@ ion-picker-cmp {
   justify-content: center;
 
   contain: strict;
+
+  @include rtl() {
+    // Date is the same format in both directions
+    flex-direction: row-reverse;
+  }
 }
 
 .picker-col {
@@ -137,11 +142,21 @@ ion-picker-cmp {
 }
 
 .picker-opts-left {
-  justify-content: flex-start;
+  @include ltr() {
+    justify-content: flex-start;
+  }
+  @include rtl() {
+    justify-content: flex-end;
+  }
 }
 
 .picker-opts-right {
-  justify-content: flex-end;
+  @include ltr() {
+    justify-content: flex-end;
+  }
+  @include rtl() {
+    justify-content: flex-start;
+  }
 }
 
 .picker-above-highlight,