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 {