title: Date-picker with queryBuilder
body: <p>I am trying to customize the queryBuilder and trying to customize it with date-picker.I want to show datepicker in input field
  For reference:- <a href="http://querybuilder.js.org/" rel="nofollow noreferrer">http://querybuilder.js.org/</a>.</p>
  
  <p>I am trying to use below code. For your reference you can try this at codePen and link to codePen is given below.</p>
  
  <pre><code>$('#builder-widgets').on('afterCreateRuleInput.queryBuilder', function (e, rule) {
  
      if (rule.filter.plugin === 'datetimepicker') {
          var $input = rule.$el.find('.rule-value-container [name*=_value_]');
          $input.on('dp.change', function () {
              $input.trigger('change');
          });
      }
  });
  
  
  $('#builder-widgets').queryBuilder({
    plugins: ['bt-tooltip-errors'],
    filters: [{
      id: 'date',
      label: 'datetimepicker',
      type: 'datetime',
      plugin: 'datetimepicker',
      plugin_config: {
      }
    }]
  });
  </code></pre>
  
  <p><a href="https://codepen.io/mramart/pen/oLwrJN" rel="nofollow noreferrer">https://codepen.io/mramart/pen/oLwrJN</a></p>