Added support for "disableOnClickOutside" property.

gogoair · Feb 8, 2018 · 704c18f · 704c18f
1 parent 44164f0
commit 704c18f
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 1 deletion.
diff --git a/DateTime.js b/DateTime.js
@@ -347,7 +347,7 @@ var Datetime = createClass({
 	},
 
 	handleClickOutside: function() {
-		if ( this.props.input && this.state.open && !this.props.open ) {
+		if ( this.props.input && this.state.open && !this.props.open && !this.props.disableOnClickOutside ) {
 			this.setState({ open: false }, function() {
 				this.props.onBlur( this.state.selectedDate || this.state.inputValue );
 			});

diff --git a/test/tests.spec.js b/test/tests.spec.js
@@ -522,6 +522,28 @@ describe('Datetime', () => {
 			expect(utils.isOpen(component)).toBeTruthy();
 		});
 
+		it('disableOnClickOutside=true', () => {
+			const date = new Date(2000, 0, 15, 2, 2, 2, 2),
+				component = utils.createDatetime({ value: date, disableOnClickOutside: true });
+
+			expect(utils.isOpen(component)).toBeFalsy();
+			utils.openDatepicker(component);
+			expect(utils.isOpen(component)).toBeTruthy();
+			document.dispatchEvent(new Event('mousedown'));
+			expect(utils.isOpen(component)).toBeTruthy();
+		});
+
+    it('disableOnClickOutside=false', () => {
+			const date = new Date(2000, 0, 15, 2, 2, 2, 2),
+				component = utils.createDatetime({ value: date, disableOnClickOutside: false });
+
+			expect(utils.isOpen(component)).toBeFalsy();
+			utils.openDatepicker(component);
+			expect(utils.isOpen(component)).toBeTruthy();
+			document.dispatchEvent(new Event('mousedown'));
+			expect(utils.isOpen(component)).toBeFalsy();
+		});
+
 		it('increase time', () => {
 			let i = 0;
 			const date = new Date(2000, 0, 15, 2, 2, 2, 2),