If we have an input and an icon for which we need to open up the calendar and update the input field .

[bpillai]

I have an input field and a calendar icon , on click of calendar icon i want to bring up a calendar and then update the input field . Onclick of the input also we bring up a calendar and update the input field . This works when i do the following ,
$scope.clickCalenderIcon = function(){
$( '#inputFiled' ).pickadate("open"),
event.stopPropagation(),
event.preventDefault()
}

But it works if you click the icon first . But if you click field and then click icon it does not get updated Any insights on how to get this working with both icon and input field . Couldnt find ann example in the demo page .