Merge remote-tracking branch 'origin/pr/191' into dev

build/kalendae.standalone.js

@@ -1092,6 +1092,10 @@ Kalendae.Input = function (targetElement, options) {
 		}
 		$input.value = self.getSelected();
 		util.fireEvent($input, 'change');
+		if (opts.closeOnSelection && opts.mode === 'single') {
+			$input.blur();
+			self.hide();
+		}
 	});
 
 };

index.html

@@ -199,6 +199,16 @@ <h1>Kalendae</h1>
 			months:2
 		});
 	</script>
+	<hr>
+
+	Click this input element (Auto closes after selection): <input type="text" value="2/16/2012" id="input2">
+	<script type="text/javascript" charset="utf-8">
+		var k4 = new Kalendae.Input('input2', {
+			months:1,
+			closeOnSelection: true
+		});
+	</script>
+
 
 	<hr>
 	This calendar is auto-created.

readme.md

@@ -92,6 +92,10 @@ The following options are available for configuration.
     - In "multiple" mode, strings may contain multiple dates separated by commas. *ex: 2/3/2012, 3/15/2012, 4/2/2012*
     - In "range" mode, strings may contain two dates separated by a hyphen. *ex: 2/3/2012 - 3/15/2012*
 
+- `closeOnSelection`: Close the calendar popup when a date is selected.
+    - Only works in `Kalendae.Input` and in `single` mode.
+    - Default is `false`.
+
 - `months`:	The total number of months to display side by side on the calendar.
     - Default is `1`.
 

src/input.js

@@ -95,6 +95,10 @@ Kalendae.Input = function (targetElement, options) {
 		}
 		$input.value = self.getSelected();
 		util.fireEvent($input, 'change');
+		if (opts.closeOnSelection && opts.mode === 'single') {
+			$input.blur();
+			self.hide();
+		}
 	});
 
 };