Use jquery datepicker for BDAY

2 files changed, 4 insertions, 3 deletions

diff --git a/templates/detailItems/date.html b/templates/detailItems/date.html
index cab0a9e0..61e5050a 100644
--- a/templates/detailItems/date.html
+++ b/templates/detailItems/date.html
@@ -1,6 +1,6 @@
-<label for="details-{{ctrl.name}}">{{ctrl.meta.readableName}}</label>
-<input type="date" id="details-{{ctrl.name}}" name="{{ctrl.name}}"
-	   ng-model="ctrl.data.value" date-model ng-model-options="{ debounce: 500 }"
+<label>{{ctrl.meta.readableName}}</label>
+<input type="text" name="{{ctrl.name}}"
+	   ng-model="ctrl.data.value" datepicker ng-model-options="{ debounce: 500 }"
 	   ng-change="ctrl.model.updateContact()" value=""
 	   focus-expression="$parent.ctrl.focus === ctrl.name"
 />
diff --git a/templates/main.php b/templates/main.php
index 3ab275ff..92b71b51 100644
--- a/templates/main.php
+++ b/templates/main.php
@@ -14,6 +14,7 @@ script('contacts', 'public/script');
 
 script('contacts', 'vendor/angular-bootstrap/ui-bootstrap.min');
 script('contacts', 'vendor/angular-bootstrap/ui-bootstrap-tpls.min');
+script('contacts', 'vendor/jquery-timepicker/jquery.ui.timepicker');
 
 // all styles
 style('contacts', 'public/style');