From 22f0ea039325b6a6694de44acf5fb70acb8af3e8 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Tue, 6 Jun 2017 00:43:12 +0200
Subject: [PATCH] fix(datepicker): inert calendar arrow direction in rtl
 (#4960)

Fixes the calendar arrows pointing in the wrong direction in RTL.
---
 src/lib/datepicker/calendar.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/lib/datepicker/calendar.scss b/src/lib/datepicker/calendar.scss
index ac208ce9e8c9..5831e50fdaef 100644
--- a/src/lib/datepicker/calendar.scss
+++ b/src/lib/datepicker/calendar.scss
@@ -63,6 +63,10 @@ $mat-calendar-next-icon-transform: translateX(-2px) rotate(45deg);
   &.mat-calendar-invert {
     transform: rotate(180deg);
   }
+
+  [dir='rtl'] & {
+    margin: 0 $mat-calendar-arrow-size 0 0;
+  }
 }
 
 .mat-calendar-previous-button,
@@ -80,6 +84,10 @@ $mat-calendar-next-icon-transform: translateX(-2px) rotate(45deg);
     border: 0 solid currentColor;
     border-top-width: $mat-calendar-prev-next-icon-border-width;
   }
+
+  [dir='rtl'] & {
+    transform: rotate(180deg);
+  }
 }
 
 .mat-calendar-previous-button::after {