If i am selecting date using Datepicker, radio button is still selected.

If i am selecting date using Datepicker, radio button is still selected.

hi sir,
I have just stucked it here i need your help to solve this problem.
 
Scenerio- i have a datepicker textbox ,below that a radio button is there. I have to select either one of them. Suppose if i entered date using datepicker then radio button should be unselected of if i have selected the radio button first then date entered in textbox should be cleared.
 
This is the code which i have written.
 
<
script type ="text/javascript">

$(document).ready(

function () {

$(

'.datepicker' ).datepicker( 'destroy' );

$(

this ).find(( ".txtDate" )).datepicker({ dateFormat: 'mm-dd-yy' ,

chnageMonth:

true ,

showOtherMonths:

true ,

showOn:

"button" ,

buttonImage:

'<%= Url.Content("~/Content/Images/Date.PNG") %>' ,

buttonImageOnly:

true ,

beforeShow:

function () {

$(

this ).siblings( ':radio' ).prop( 'checked' , false );

return {};

}

});

$(

this ).find( ".txtDate" ).each( function () {

$(

this ).find( ".txtDate" ).datepicker();

$(

this ).find( ".txtDate" ).datepicker( "show" );

});

});
</ script >
 
 
Problem which i am facing-if i selected the date, the radio button is still selected.
 
Thanks in advance
 
Regards,
Amit