In my current project I'm using this [calendar.js](https://code.google.com/p/appengine-admin/source/browse/branches/appengine_admin_forms/appengine_admin/media/js/calendar.js?r=78) javascript library together AngularJS.

I'm bind calendar.js widget and AngularJS ng-model to my input field in this way:

```
<input class="vDateField" type="text" ng-model="date" ng-init="date='{{ form.date.value | default_if_none:"" }}'" 

```

vDateField is the class that bing calendars and {{ }} are backend template engine tags.

My problem is when I select the date with calendarjs picker, my input fied is updated but ng-model "date" doesn't.

Is there any solutions without modify calendarjs widget??

Here the rendered input tag:

```
<div>
     <label class="required" for="id_date">Data contratto</label>
     <input class="vDateField ng-pristine ng-valid ng-touched" type="text" ng-model="date" ng-init="date=''" name="date" placeholder="02/02/2015">
     <span class="datetimeshortcuts">&nbsp;<a href="javascript:DateTimeShortcuts.handleCalendarQuickLink(0, 0);">Oggi</a>&nbsp;|&nbsp;<a href="javascript:DateTimeShortcuts.openCalendar(0);" id="calendarlink0"><img src="/static/admin/img/icon_calendar.gif" alt="Calendario"></a></span>
</div>

```

Here the javascript sources of the picker. DateTimeShortCuts.js contains the code for display mini link to setup current date time to my input field and a mini calendar icon to open up calendar widget.

I register the widget by adding class="vDateField" to my input tag as shown below.

[DateTimeShortCuts.js](http://pastebin.com/mbvf964F)

[calendar.js](http://pastebin.com/MeXVqRBr)