MOBILE-2178 database: Improve date field in edit form

Author: dpalou

www/addons/mod/data/fields/date/directive.js

@@ -41,7 +41,7 @@ angular.module('mm.addons.mod_data')
                 };
                 scope.enable = false;
             }
-            scope.val = new Date(scope.value.content * 1000).toISOString().substr(0, 10);
+            scope.val = new Date(scope.value.content * 1000);
         }
     };
 });

www/addons/mod/data/fields/date/template.html

@@ -1,5 +1,5 @@
 <span ng-if="mode == 'edit'" mm-mark-required="{{field.required}}"></span>
 <span class="assertive mm-data-error" ng-if="error && mode == 'edit'">{{ error }}</span>
-<input ng-if="mode != 'show'" type="date" placeholder="{{ 'mm.core.date' | translate }}" name="f_{{field.id}}" ng-disabled="!enable && mode == 'search'" ng-value="val">
+<input ng-if="mode != 'show'" type="date" placeholder="{{ 'mm.core.date' | translate }}" name="f_{{field.id}}" ng-disabled="!enable && mode == 'search'" ng-model="val"> <!-- Use ng-model because iOS doesn't seem to like ng-value. -->
 <ion-checkbox ng-if="mode == 'search'" name="f_{{field.id}}_z" ng-model="enable" ng-value="1">{{ 'mma.mod_data.usedate' | translate }}</ion-checkbox>
 <mm-format-text ng-if="mode == 'show'" watch="true">{{ text | mmFormatDate:"dfdaymonthyear" }}</mm-format-text>

www/addons/mod/data/scss/styles.scss

@@ -63,6 +63,12 @@
     height: 56px;
   }
 
+  input[type="datetime"],
+  input[type="datetime-local"],
+  input[type="date"] {
+    -webkit-appearance: none;
+  }
+
   mm-attachments .item-media {
     width: 100%;
     margin: -1px;