React bootstrap datepicker wrapper

bootstrap-datepicker-react-wrapper.js

import React, { Component, PropTypes } from 'react';
import jQuery from 'jquery';


require('bootstrap-datepicker/dist/css/bootstrap-datepicker.css');
require('bootstrap-datepicker/js/bootstrap-datepicker.js');

export default class DatePicker extends Component {
  static propTypes = {
    date: PropTypes.instanceOf(Date).isRequired,
    onChange: PropTypes.func.isRequired,
  };

  componentDidMount() {
    const $div = this._getHolder();

    $div
      .datepicker({})
      .on('changeDate', e => this.props.onChange(e.date));
    this._updateActiveDateFromProps();
  }

  componentDidUpdate() {
    this._updateActiveDateFromProps();
  }

  _updateActiveDateFromProps() {
    const $div = this._getHolder();
    const { date } = this.props;

    $div.datepicker('update', date);
  }

  _getHolder() {
    return jQuery(this.refs.dateInput);
  }

  render() {
    return (
      <input type="text" className="form-control" ref="dateInput" />
    );
  }
}