unable to remove class ui-state-active when I deselect a date

[puneetpandey]

Hi,

I am facing a small issue, wherein if I select a date and de-select it, it does not remove ui-state-active class and because of this, the de-selected date becomes invisible.

I am attaching the code snippet and screenshot: HTML:

.pick-dates.row 
  #contact-mdp-picker.col-md-6
  .dates-selected.col-md-6
    %label Selected Dates
    #selected_dates

Coffeescript:

preSelectedDates = []
$.map $('.selected_date_id_hidden'), (input, i) ->
  preSelectedDates.push $(input).val()
if preSelectedDates.length < 1
  preSelectedDates = null
$('#contact-mdp-picker').multiDatesPicker addDates: preSelectedDates, dateFormat: "yy-mm-dd", onSelect: ->
  dates = $('#contact-mdp-picker').multiDatesPicker('getDates')
  $(dates).each (i, date) ->
      console.log(date)

Please advise!