Merge branch 'release/0.4.0'

Author: dalelotts

.bowerrc

@@ -1,21 +1,16 @@
-.idea
-coverage/*
-complexity/*
-lib-cov
-bower_components/*
-node_modules/*
-*.seed
-*.log
 *.csv
 *.dat
-*.out
-*.pid
 *.gz
 *.iml
-
-pids
+*.log
+*.out
+*.pid
+*.seed
+.idea
+build
+lib-cov
 logs
-results
-
+node_modules/*
 npm-debug.log
-
+pids
+results

.gitignore

@@ -1,11 +1,12 @@
-# Angular bootstrap date & time picker version: 0.3.15
+# Angular bootstrap date & time picker version: 0.4.0
 
 Native AngularJS datetime picker directive styled by Twitter Bootstrap 3
 
 [![MIT License][license-image]][license-url]
 [![Build Status](https://travis-ci.org/dalelotts/angular-bootstrap-datetimepicker.png?branch=master)](https://travis-ci.org/dalelotts/angular-bootstrap-datetimepicker)
 [![Dependency Status](https://david-dm.org/dalelotts/angular-bootstrap-datetimepicker.svg)](https://david-dm.org/dalelotts/angular-bootstrap-datetimepicker)
 [![devDependency Status](https://david-dm.org/dalelotts/angular-bootstrap-datetimepicker/dev-status.png)](https://david-dm.org/dalelotts/angular-bootstrap-datetimepicker#info=devDependencies)
+[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
 [![PayPal donate button](http://img.shields.io/paypal/donate.png?color=yellow)](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=F3FX5W6S2U4BW&lc=US&item_name=Dale%20Lotts&item_number=angular%2dbootstrap%2ddatetimepicker&currency_code=USD&bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHosted "Donate one-time to this project using Paypal")
 <a href="https://twitter.com/intent/tweet?original_referer=https%3A%2F%2Fabout.twitter.com%2Fresources%2Fbuttons&amp;text=Check%20out%20this%20%23AngularJS%20directive%20that%20makes%20it%20dead%20simple%20for%20users%20to%20select%20dates%20%26%20times&amp;tw_p=tweetbutton&amp;url=https%3A%2F%2Fgithub.com%2Fdalelotts%2Fangular-bootstrap-datetimepicker&amp;via=dalelotts" target="_blank">
   <img src="http://jpillora.com/github-twitter-button/img/tweet.png"></img>
@@ -18,7 +19,7 @@ Native AngularJS datetime picker directive styled by Twitter Bootstrap 3
 #Dependencies
 
 Requires:
- * AngularJS 1.2.26 or higher (1.0.x will not work)
+ * AngularJS 1.4.x or higher (1.0.x will not work)
  * moment.js 2.8.3 or higher for date parsing and formatting
  * bootstrap's glyphicons for arrows (Can be overridden in css)
 
@@ -30,7 +31,7 @@ This directive was written using TDD and all enhancements and changes have relat
 
 We use karma and jshint to ensure the quality of the code. The easiest way to run these checks is to use gulp:
 
-```
+```shell
 npm install
 npm test
 ```
@@ -39,35 +40,27 @@ The karma task will try to open Chrome as a browser in which to run the tests.
 Make sure Chrome is available or change the browsers setting in karma.config.js
 
 #Usage
-We use bower for dependency management. Add
-
-```json
-dependencies: {
-    "angular-bootstrap-datetimepicker": "latest"
-}
-```
+We use npm for dependency management, run
 
-To your bower.json file. Then run
-
-```html
-bower install
+```shell
+npm install --save angular-bootstrap-datetimepicker
 ```
 
 This will copy the angular-bootstrap-datetimepicker files into your components folder, along with its dependencies.
 
 Add the css:
 
 ```html
-<link rel="stylesheet" href="components/bootstrap/dist/css/bootstrap.css">
-<link rel="stylesheet" href="components/angular-bootstrap-datetimepicker/src/css/datetimepicker.css"/>
+<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css">
+<link rel="stylesheet" href="node_modules/angular-bootstrap-datetimepicker/src/css/datetimepicker.css"/>
 ```
 
 Load the script files in your application:
 ```html
-<script type="text/javascript" src="components/moment/moment.js"></script>
-<script type="text/javascript" src="components/bootstrap/dist/js/bootstrap.js"></script>
-<script type="text/javascript" src="components/angular/angular.js"></script>
-<script type="text/javascript" src="components/angular-bootstrap-datetimepicker/src/js/datetimepicker.js"></script>
+<script type="text/javascript" src="node_modules/moment/moment.js"></script>
+<script type="text/javascript" src="node_modules/bootstrap/dist/js/bootstrap.js"></script>
+<script type="text/javascript" src="node_modules/angular/angular.js"></script>
+<script type="text/javascript" src="node_modules/angular-bootstrap-datetimepicker/src/js/datetimepicker.js"></script>
 ```
 
 Add the date module as a dependency to your application module:
@@ -170,12 +163,32 @@ String. 'minute'
 
 The lowest view that the datetimepicker should show.
 
+Accepts the same values as startView.
+
 ### minuteStep
 
 Number.  Default: 5
 
 The increment used to build the hour view. A button is created for each <code>minuteStep</code> minutes.
 
+### configureOn
+
+String. Default: null
+
+Causes the date/time picker to re-read its configuration when the specified event is received.
+
+For example, perhaps the startView option in the configuration has changed and you would like the 
+new configuration to be used. You can $broadcast the event to cause this directive to use the new configuration. 
+
+### renderOn
+
+String. Default: null
+
+Causes the date/time picker to re-render its view when the specified event is received.
+
+For example, if you want to disable any dates or times that are in the past. 
+You can $broadcast the event at an interval to disable times in the past (or any other time valid dates change).
+
 ### dropdownSelector
 
 When used within a Bootstrap dropdown and jQuery, the selector specified in dropdownSelector will toggle the dropdown when a date/time is selected.

README.md

@@ -69,5 +69,41 @@ angular.module('demo.demoController', [])
       $scope.configFunction = function configFunction() {
         return {startView: 'month'};
       };
+
+      $scope.config = {
+        configureOnConfig: {
+          startView: 'year',
+          configureOn: 'config-changed'
+        },
+        renderOnConfig: {
+          startView: 'year',
+          renderOn: 'valid-dates-changed'
+        }
+      };
+
+      var validViews = ['year', 'month', 'day', 'hour', 'minute'];
+
+      $scope.changeConfig = function changeConfig() {
+        var newIndex = validViews.indexOf($scope.config.configureOnConfig.startView) + 1;
+        console.log(newIndex);
+        if (newIndex >= validViews.length) {
+          newIndex = 0;
+        }
+        $scope.config.configureOnConfig.startView = validViews[newIndex];
+        $scope.$broadcast('config-changed');
+      };
+
+      var selectable = true;
+
+      $scope.renderOnBeforeRender = function ($dates) {
+        angular.forEach($dates, function (dateObject) {
+          dateObject.selectable = selectable;
+        });
+      };
+
+      $scope.renderOnClick = function renderOnClick() {
+        selectable = (!selectable);
+        $scope.$broadcast('valid-dates-changed');
+      };
     }
   ]);