From f37c3f9af02c1528b41087125ea63791393222a4 Mon Sep 17 00:00:00 2001 From: Simon Egersand <s.egersand@gmail.com> Date: Mon, 13 Nov 2017 21:02:33 +0100 Subject: [PATCH] Open calendar when clicking on input element --- DateTime.js | 9 +++++---- 1 files changed, 5 insertions(+), 4 deletions(-) diff --git a/DateTime.js b/DateTime.js index 670d8c4..36ed8fa 100644 --- a/DateTime.js +++ b/DateTime.js @@ -416,10 +416,11 @@ children = []; if ( this.props.input ) { - children = [ React.createElement('input', assign({ + children = [ React.createElement( 'input', assign({ key: 'i', type: 'text', className: 'form-control', + onClick: this.openCalendar, onFocus: this.openCalendar, onChange: this.onInputChange, onKeyDown: this.onInputKey, @@ -432,10 +433,10 @@ if ( this.state.open ) className += ' rdtOpen'; - return React.createElement('div', {className: className}, children.concat( - React.createElement('div', + return React.createElement( 'div', { className: className }, children.concat( + React.createElement( 'div', { key: 'dt', className: 'rdtPicker' }, - React.createElement( CalendarContainer, {view: this.state.currentView, viewProps: this.getComponentProps(), onClickOutside: this.handleClickOutside }) + React.createElement( CalendarContainer, { view: this.state.currentView, viewProps: this.getComponentProps(), onClickOutside: this.handleClickOutside }) ) )); } -- Gitblit v1.9.3