How to use Jquery clockpicker with React?

[IchrakMansour]

I want to develop a react clockpicker input with jquery, I used this : https://github.com/weareoutman/clockpicker,

I install jquery with : npm install --save jquery

My code is :

import { findDOMNode } from 'react-dom';
import $ from 'jquery';
handleInput = () => {
  const el = findDOMNode(this.refs.input);
  $(el).clockpicker();
}
render () {
  return (
    <div class="input-group clockpicker" data-placement="right" data-align="top" data-autoclose="true">
      <input  ref="input"  data-default="20:48" onClick={this.handleInput}/>
      <span class="input-group-addon">
        <span class="glyphicon glyphicon-time"></span>
      </span>
    </div>
  );
}

When I run it, I get an input having 20:48 as a default data, but the clockpicker doesn't display with his icon, and I get :

AjouterDisponibilite.js:367 Uncaught TypeError: jquery__WEBPACK_IMPORTED_MODULE_19___default(...)(...).clockpicker is not a function on this line : $(el).clockpicker();

How can I fix it ?

[JaiKumaresh]

If anything possible to we're use this package in React.js.?