fixing RTL issue (#575)

resolves #504

Author: vlio20

CHANGELOG.md

@@ -3,6 +3,9 @@ All notable changes to this project will be documented in this file.
 
 # [13.1.0] (???)
 
+# Bug Fixes
+- Working with RTL ([575](https://github.com/vlio20/angular-datepicker/pull/575)) closes [#504](https://github.com/vlio20/angular-datepicker/issues/504) 
+
 # Breaking changes
 - Replace deprecated `Moment` with Dayjs  ([573](https://github.com/vlio20/angular-datepicker/pull/573)) closes [#530](https://github.com/vlio20/angular-datepicker/issues/530)  
 Locale was removed from the library configuration, changing the locale should be done outside the component. More information can be found in the readme.md file under the Locale section.  

projects/ng2-date-picker/src/lib/calendar-nav/calendar-nav.component.html

@@ -1,4 +1,4 @@
-<div class="dp-calendar-nav-container">
+<div class="dp-calendar-nav-container" dir="ltr">
   <div class="dp-nav-header">
     <span [attr.data-hidden]="isLabelClickable"
           [hidden]="isLabelClickable"

projects/ng2-date-picker/src/lib/date-picker/date-picker.component.html

@@ -1,4 +1,4 @@
-<div [ngClass]="{'dp-open': areCalendarsShown}">
+<div [ngClass]="{'dp-open': areCalendarsShown}" dir="ltr">
   <div [attr.data-hidden]="componentConfig.hideInputContainer"
        [hidden]="componentConfig.hideInputContainer"
        class="dp-input-container">

projects/ng2-date-picker/src/lib/day-calendar/day-calendar.component.html

@@ -1,4 +1,4 @@
-<div *ngIf="currentCalendarMode ===  CalendarMode.Day" class="dp-day-calendar-container">
+<div *ngIf="currentCalendarMode ===  CalendarMode.Day" class="dp-day-calendar-container" dir="ltr">
   <dp-calendar-nav
       (onGoToCurrent)="goToCurrent()"
       (onLabelClick)="toggleCalendarMode(CalendarMode.Month)"

projects/ng2-date-picker/src/lib/month-calendar/month-calendar.component.html

@@ -1,4 +1,4 @@
-<div class="dp-month-calendar-container">
+<div class="dp-month-calendar-container" dir="ltr">
   <dp-calendar-nav
       (onGoToCurrent)="goToCurrent()"
       (onLabelClick)="toggleCalendarMode()"

projects/ng2-date-picker/src/lib/time-select/time-select.component.html

@@ -1,4 +1,4 @@
-<ul class="dp-time-select-controls">
+<ul class="dp-time-select-controls" dir="ltr">
   <li class="dp-time-select-control dp-time-select-control-hours">
     <button (click)="increase('hour')"
             [disabled]="!showIncHour"