how to use date picker control in smartvfilter to filter a date field?

I have a date column in smarttable which I want to compare with user input date and filter based on User Input date<=Smart table date.Please help me with your inputs.Currently is shows as input field though am using a custom Date picker control.{see image below}.Thanks

Master.xml

<smartFilterBar:ControlConfiguration

  key="MyDatetest"

  index="4"

  label="Valid From"

  groupId="_BASIC"

  width="300px"

  >

  <smartFilterBar:customControl>

  <DatePicker

       id="ValidtestFROM_DT"

       valueFormat="MM/dd/yyyy" displayFormat="long"

       width="15%"/>

  </smartFilterBar:customControl>

  </smartFilterBar:ControlConfiguration>

  </smartFilterBar:controlConfiguration>

  </smartFilterBar:SmartFilterBar>