docs: demonstrate CLNDR constraint options

10KB · Jun 23, 2015 · c1e0202 · c1e0202
1 parent 99d1f53
commit c1e0202
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 8 deletions.
diff --git a/angular-clndr.css b/angular-clndr.css
diff --git a/angular-clndr.css.map b/angular-clndr.css.map
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
     <head>
         <meta charset="utf-8">
         <title>AngularJS Clndr Directive</title>
-        <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
+        <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
         <link href="angular-clndr.css" rel="stylesheet">
         <style>
             body {
@@ -72,8 +72,8 @@ <h2>Demo</h2>
                     </div>
                 </div>
 
-                <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-                <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
+                <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
+                <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js"></script>
                 <script src="//kylestetz.github.io/CLNDR/js/moment.js"></script>
                 <script src="//kylestetz.github.io/CLNDR/js/clndr.js"></script>
                 <script src="angular-clndr.js"></script>
@@ -82,7 +82,11 @@ <h2>Demo</h2>
                     app.controller('DemoCtrl', function ($scope) {
                         $scope.options = {
                             weekOffset: 1,
-                            daysOfTheWeek: ['ZO', 'MA', 'DI', 'WO', 'DO', 'VR', 'ZA']
+                            daysOfTheWeek: ['ZO', 'MA', 'DI', 'WO', 'DO', 'VR', 'ZA'],
+                            constraints: {
+                                startDate: moment().subtract(1, 'months').format('YYYY-MM-15'),
+                                endDate: moment().add(2, 'months').format('YYYY-MM-15')
+                            }
                         };
                         $scope.events = [
                             { date: moment().add(3, 'days').format(), title: "Happy days" },

diff --git a/src/angular-clndr.sass b/src/angular-clndr.sass
@@ -56,5 +56,5 @@
         top: 0px
         width: 15px
 
-      &.adjacent-month
-        opacity: 0.3
+      &.adjacent-month, &.inactive
+        opacity: 0.3