calender rtl

src/assets/scripts/fullcalendar/index.js

@@ -3,57 +3,58 @@ import 'fullcalendar/dist/fullcalendar.min.js';
 import 'fullcalendar/dist/fullcalendar.min.css';
 
 export default (function () {
-  const date = new Date();
-  const d    = date.getDate();
-  const m    = date.getMonth();
-  const y    = date.getFullYear();
+    const date = new Date();
+    const d = date.getDate();
+    const m = date.getMonth();
+    const y = date.getFullYear();
 
-  const events = [{
-    title  : 'All Day Event',
-    start  : new Date(y, m, 1),
-    desc   : 'Meetings',
-    bullet : 'success',
-  }, {
-    title  : 'Long Event',
-    start  : new Date(y, m, d - 5),
-    end    : new Date(y, m, d - 2),
-    desc   : 'Hangouts',
-    bullet : 'success',
-  }, {
-    title  : 'Repeating Event',
-    start  : new Date(y, m, d - 3, 16, 0),
-    allDay : false,
-    desc   : 'Product Checkup',
-    bullet : 'warning',
-  }, {
-    title  : 'Repeating Event',
-    start  : new Date(y, m, d + 4, 16, 0),
-    allDay : false,
-    desc   : 'Conference',
-    bullet : 'danger',
-  }, {
-    title  : 'Birthday Party',
-    start  : new Date(y, m, d + 1, 19, 0),
-    end    : new Date(y, m, d + 1, 22, 30),
-    allDay : false,
-    desc   : 'Gathering',
-  }, {
-    title  : 'Click for Google',
-    start  : new Date(y, m, 28),
-    end    : new Date(y, m, 29),
-    url    : 'http ://google.com/',
-    desc   : 'Google',
-    bullet : 'success',
-  }];
+    const events = [{
+        title: 'All Day Event',
+        start: new Date(y, m, 1),
+        desc: 'Meetings',
+        bullet: 'success',
+    }, {
+        title: 'Long Event',
+        start: new Date(y, m, d - 5),
+        end: new Date(y, m, d - 2),
+        desc: 'Hangouts',
+        bullet: 'success',
+    }, {
+        title: 'Repeating Event',
+        start: new Date(y, m, d - 3, 16, 0),
+        allDay: false,
+        desc: 'Product Checkup',
+        bullet: 'warning',
+    }, {
+        title: 'Repeating Event',
+        start: new Date(y, m, d + 4, 16, 0),
+        allDay: false,
+        desc: 'Conference',
+        bullet: 'danger',
+    }, {
+        title: 'Birthday Party',
+        start: new Date(y, m, d + 1, 19, 0),
+        end: new Date(y, m, d + 1, 22, 30),
+        allDay: false,
+        desc: 'Gathering',
+    }, {
+        title: 'Click for Google',
+        start: new Date(y, m, 28),
+        end: new Date(y, m, 29),
+        url: 'http ://google.com/',
+        desc: 'Google',
+        bullet: 'success',
+    }];
 
-  $('#full-calendar').fullCalendar({
-    events,
-    height   : 800,
-    editable : true,
-    header: {
-      left   : 'month,agendaWeek,agendaDay',
-      center : 'title',
-      right  : 'today prev,next',
-    },
-  });
+    $('#full-calendar').fullCalendar({
+        events,
+        height: 800,
+        editable: true,
+        isRTL: ($('html').attr('dir') == 'rtl') ? true : false,
+        header: {
+            left: 'month,agendaWeek,agendaDay',
+            center: 'title',
+            right: 'today prev,next',
+        },
+    });
 }())

src/assets/styles/spec/rtl.scss

@@ -353,5 +353,11 @@ html[dir="rtl"] {
     border-right: 0px;
     border-left: 1px solid rgba(0, 0, 0, .0625);
   }
+  .fc-toolbar .fc-left {
+    float: right;
+  }
+  .fc-toolbar .fc-right {
+    float: left;
+  }
 }