diff --git a/example/demo.html b/example/demo.html
index f62044e..dca0a85 100644
--- a/example/demo.html
+++ b/example/demo.html
@@ -11,9 +11,26 @@
     <div>
         <div data-ng-controller='AppCtrl'>
 
+            <div class='form-group'>
+              <label>A date with date min view mode is years and view mode is years english language</label>
+              <ng-bs3-datepicker id="startdate" data-ng-model='startdate' language="en-ca" date-view-mode="years" date-min-view-mode="years" date-format="YYYY"/>
+            </div>
+
+            <div class='form-group'>
+              <label>A date with date min view mode is months and view mode is months english language</label>
+              <ng-bs3-datepicker id="dateb" data-ng-model='dateb' language="en-ca" date-view-mode="months" date-min-view-mode="months" date-format="MM YYYY" />
+            </div>
+
+            <div class='form-group'>
+              <label>A date with date min view mode is months and view mode is months english language</label>
+              <ng-bs3-datepicker id="datec" data-ng-model='datec' language="en-ca" date-view-mode="months" date-min-view-mode="months" date-format="MM"/>
+            </div>
+
+            <hr>
+
             <div class='form-group'>
               <label>A date with french canadian language</label>
-              <ng-bs3-datepicker id="date1" data-ng-model='date1' language="fr-ca" date-format="YYYY-MMMM-DD"/>
+              <ng-bs3-datepicker id="date1" data-ng-model='date1' language="fr-ca" default-date="2013-11-1" date-format="YYYY-MMMM-DD"/>
             </div>
 
             <div class='form-group'>
diff --git a/example/js/ng-bs3-datepicker.js b/example/js/ng-bs3-datepicker.js
index 2be5a87..f24e72d 100644
--- a/example/js/ng-bs3-datepicker.js
+++ b/example/js/ng-bs3-datepicker.js
@@ -9,17 +9,29 @@ dp.directive('ngBs3Datepicker', function($compile) {
     replace: true,
     template: "<div class='input-group date'>\n  <input type='text' class='form-control'/>\n  <span class='input-group-addon'>\n    <span class='fa fa-calendar'></span>\n  </span>\n</div>",
     link: function($scope, element, attr) {
-      var attributes, dateFormat, input, resetValue;
+      var attributes, dateFormat, input, resetValue, dateViewMode, dateMinViewMode, defaultDate;
       dateFormat = "";
+      dateViewMode="";
+      dateMinViewMode = "";
+      defaultDate = "";
       attributes = element.prop("attributes");
       input = element.find("input");
       resetValue = false;
       angular.forEach(attributes, function(e) {
         if (e.name !== "class") {
-          input.attr(e.name, e.value);
+        	input.attr(e.name, e.value);
         }
         if (e.name === "date-format") {
-          return dateFormat = e.value;
+        	dateFormat = e.value;
+        }
+        if(e.name === "date-view-mode") {
+        	dateViewMode = e.value;
+        }
+        if(e.name === "date-min-view-mode") {
+        	dateMinViewMode = e.value;
+        }
+        if(e.name === "default-date") {
+        	defaultDate = e.value;
         }
       });
       $scope.$watch(attr.language, function(value) {
@@ -29,6 +41,9 @@ dp.directive('ngBs3Datepicker', function($compile) {
           language: language,
           pickTime: false,
           format: dateFormat,
+          viewMode: dateViewMode,
+          minViewMode: dateMinViewMode,
+          defaultDate: $scope.startdate,
           icons: {
             time: 'fa fa-clock-o',
             date: 'fa fa-calendar',