input time redone to handle the hours as expected

front/core/components/input-time/index.html

@@ -6,7 +6,7 @@
             <input
                 class="mdl-textfield__input"
                 type="time" 
-                ng-model="$ctrl.model" 
+                ng-model="$ctrl.offsetedValue" 
                 vn-validation="{{$ctrl.rule}}" 
                 ng-disabled="$ctrl.disabled"
                 ng-readonly="$ctrl.readonly"

front/core/components/input-time/index.js

@@ -3,37 +3,35 @@ import Textfield from '../textfield/textfield';
 import './style.scss';
 
 export default class InputTime extends Textfield {
+    set offsetedValue(value) {
+        this._offsetedValue = value;
+
+        let date = new Date(value);
+        let offset = date.getTimezoneOffset() * 60000;
+        date.setTime(date.getTime() - offset);
+        this._value = date;
+    }
+
+    get offsetedValue() {
+        return this._offsetedValue;
+    }
+
     get value() {
         return this._value;
     }
 
-    get model() {
-        return this._model;
-    }
-
-
-    set model(value) {
-        this.value = value;
-    }
-
     set value(value) {
         if (!value) return;
+        if (!this._offsetedValue) {
+            let date = new Date(value);
+            date.setSeconds(0);
+            date.setMilliseconds(0);
+            let offset = date.getTimezoneOffset() * 60000;
+            date.setTime(date.getTime() + offset);
+            this.offsetedValue = date;
+        }
 
-        let newDate = new Date(value);
-        newDate.setSeconds(0);
-        newDate.setMilliseconds(0);
-
-        this._model = newDate;
-        this.hasValue = this._model !== null;
-
-        let date = new Date(value);
-        date.setSeconds(0);
-        date.setMilliseconds(0);
-        let offset = date.getTimezoneOffset() * 60000;
-        date.setTime(date.getTime() - offset);
-        this._value = date;
-
-        this.hasValue = this._value !== null;
+        this.hasValue = this._offsetedValue !== null;
 
         if (this.hasValue) this.element.classList.add('not-empty');
 
@@ -47,6 +45,13 @@ export default class InputTime extends Textfield {
     set step(value) {
         this.input.step = value;
     }
+
+    clear() {
+        this.saveOldValue();
+        this.offsetedValue = null;
+        if (this.onClear) this.onClear();
+        this.input.focus();
+    }
 }
 
 InputTime.$inject = ['$element', '$scope', '$attrs', 'vnTemplate', '$transclude'];

front/core/components/textfield/style.scss

@@ -3,6 +3,7 @@
 vn-textfield {
     margin: 20px 0!important;
     display: inline-block;
+    width: 100%;
 
     & > .container {
         width: 100%;