diff --git a/Gemfile b/Gemfile
index 9520765..fd3868a 100644
--- a/Gemfile
+++ b/Gemfile
@@ -42,7 +42,7 @@ gem 'usagewatch_ext'
 gem 'ckeditor'
 gem 'unicorn'
 gem 'zhconv'
-
+gem 'time_difference'
 gem 'execjs'
 gem 'therubyracer'
 
diff --git a/app/helpers/orbit_backend_helper.rb b/app/helpers/orbit_backend_helper.rb
index 304fa29..73734d2 100644
--- a/app/helpers/orbit_backend_helper.rb
+++ b/app/helpers/orbit_backend_helper.rb
@@ -151,6 +151,10 @@ module OrbitBackendHelper
     end
   end
 
+  def user_authenticated_categories
+    @user_authenticated_categories
+  end
+
   def is_user_sub_manager?
     @current_user_is_sub_manager
   end
diff --git a/app/templates/orbit_bootstrap/modules/calendar/index.html.erb b/app/templates/orbit_bootstrap/modules/calendar/index.html.erb
new file mode 100644
index 0000000..abdd5cf
--- /dev/null
+++ b/app/templates/orbit_bootstrap/modules/calendar/index.html.erb
@@ -0,0 +1,40 @@
+<div id="orbit_calendar">
+  <div id='sec1' class="cal-fn">
+    <div class="btn-toolbar" id="navigation">
+      <div id="calendar-nav">
+        <button class="btn" id="today_btn">Today</button>
+        <div class="btn-group">
+          <button class="btn" id="prev_month_btn">
+            <i class="icon-chevron-left"></i>
+          </button>
+          <button class="btn" id="next_month_btn">
+            <i class="icon-chevron-right"></i>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div class="form-inline" id="range_selection"></div>
+  </div>
+  <div id='sec3' class="btn-toolbar">
+    <div class="btn-group calendar_mode">
+      <button class="btn mode_switch" data-mode="agendaDay" >day</button>
+      <button class="btn mode_switch" data-mode="agendaWeek" >week</button>
+      <button class="btn active mode_switch" data-mode="month" >month</button>
+      <button class="btn mode_switch" data-mode="agenda" >agenda</button>
+    </div>
+    <button id="refresh_btn" class="btn">
+      <i class="icons-cycle"></i>
+    </button>
+  </div>
+  <div id="view_holder">
+    <h3 id="current_title" class="current_day_title"></h3>
+    <div id="calendar"></div>
+    <div id="calendar_agenda"></div>
+  </div>
+</div>
+<div id="event_quick_view" class="modal" style="width: 300px; display:none; margin:0 0 0 0;"></div>
+<div id="calendar-loading">Loading...</div>
+
+<script type="text/javascript">
+  var calendar = new Calendar("#calendar","{{page_id}}");
+</script>
\ No newline at end of file