如何触发反应组件上的鼠标单击事件以打开日期选择器

Question

我正在使用reactjs，我的反应组件上有一个按钮和一个输入日期dom。我想在点击按钮时打开日期选择器。输入日期dom定义如下

<input className='showSurgeryDate' type="date"
                     onChange={this.setSurgeryDate.bind(this)} ref={(c) => this.datePicker = c }/>

下面是按钮上定义的onclick函数：

let event = document.createEvent('MouseEvents')
let dom = ReactDom.findDOMNode(this.datePicker)
event.initEvent('click', true, false)
dom.dispatchEvent(event)

我使用document.createEvent来创建click事件。然后我在dom上调用dispatchEvent，但日期选择器没有弹出。如何在用户点击按钮时弹出日期选择器？