'bootstrap-datetimepicker' field remains highlighted after clicking 'clear'

[matthewhegarty]

When using 'bootstrap-datetimepicker', if the 'clear' button is clicked, then the date value is cleared, but the inuse highlighting remains. I think it would be ideal if this highlighting were cleared when the 'clear' button is clicked.

JS Fiddle

To reproduce:

1. Click 'From'
2. Choose a date (e.g. '01 Jan 2000')
3. The table refreshes correctly
4. Open the 'From' field and click the 'clear' button
5. The date is cleared but the inuse highlighting remains

[matthewhegarty]

This is the workaround I used to fix this:

$(".daterangepicker").on("dp.change", function (e) {
  if (e.date === false) {
    $(e.target).closest("input").removeClass("inuse");
  }
});