Merge pull request #11 from spongessuck/select-range

Add 'selectRange' functionality.

README.md

@@ -27,6 +27,16 @@ NOTE: Selected dates are stored as an array of time values, not date objects. An
 
     selectedDates.push(new Date().setHours(0, 0, 0, 0));
 
+##Date Ranges
+
+You can change the selection mode from individual dates to a date range by setting the select-range attribute to a truthy value or expression (that isn't a string equal to "false"):
+
+		<datepicker ng-model='activeDate' multi-select='selectedDates' select-range='true'><datepicker>
+
+After selecting a range, clicking a new date will reset the selection.
+
+##Demo
+
 <a href='http://plnkr.co/iVSdXt' target='_blank'>View demo on Plunker</a>
 
 Screenshot:

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "gm.datepickerMultiSelect",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "homepage": "https://github.com/spongessuck/gm.datepickerMultiSelect",
   "authors": [
     "Greg McGee <[email protected]>"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "gm.datepickerMultiSelect",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "AngularJS module to extend UI Bootstrap's Datepicker directive to allow for multiple date selections.",
   "main": "dist/gm.datepickerMultiSelect.min.js",
   "scripts": {

src/gm.datepickerMultiSelect.js

@@ -80,15 +80,40 @@ SOFTWARE.
 					scope.$broadcast('update', selectedDates);
 				});
 
+				attrs.$observe('selectRange', function(newVal) {
+				  selectRange = !!newVal && newVal !== "false";
+				});
+
 				scope.$watch(attrs.ngModel, function(newVal, oldVal) {
 					if(!newVal) return;
 
 					var dateVal = newVal.getTime();
-
-					if(selectedDates.indexOf(dateVal) < 0) {
+
+					if(selectRange) {
+					  /* reset range */
+  					if(!selectedDates.length || selectedDates.length > 1)
+  					  return selectedDates.splice(0, selectedDates.length, dateVal);
+
 						selectedDates.push(dateVal);
-					} else {
-						selectedDates.splice(selectedDates.indexOf(dateVal), 1);
+
+						var tempVal = Math.min.apply(null, selectedDates);
+						var maxVal = Math.max.apply(null, selectedDates);
+
+						/* Start on the next day to prevent duplicating the 
+							first date */
+						tempVal = new Date(tempVal).setHours(24);
+					  while(tempVal < maxVal) {
+  						selectedDates.push(tempVal);
+							/* Set a day ahead after pushing to prevent
+								duplicating last date */
+  						tempVal = new Date(tempVal).setHours(24);
+					  }
+				  } else {
+  					if(selectedDates.indexOf(dateVal) < 0) {
+  						selectedDates.push(dateVal);
+  					} else {
+  						selectedDates.splice(selectedDates.indexOf(dateVal), 1);
+  					}
 					}
 				});
 			}