Add time field

Author: fgervasi

client/src/elements/schema-editor/schema-editor-time.html

@@ -0,0 +1,10 @@
+<template class="schema-editor-input ${showNotifications ? 'schema-editor-input--with-notifications' : ''}">
+  <label>
+    ${schema["title"] & toolT}
+    <span show.bind="required">
+      <span>- </span>
+      <span style="color: var(--q-color-error)">${'editor.required' & t}</span>
+    </span>
+    <input type="time" required.bind="required" value.bind="data">
+  </label>
+</template>

client/src/elements/schema-editor/schema-editor-time.js

@@ -0,0 +1,31 @@
+import { bindable } from "aurelia-framework";
+
+export class SchemaEditorTime {
+  @bindable
+  data;
+  @bindable
+  schema;
+  @bindable
+  change;
+  @bindable
+  required;
+  @bindable
+  showNotifications;
+
+  options = {
+    step: "any"
+  };
+
+  schemaChanged() {
+    this.applyOptions();
+  }
+
+  applyOptions() {
+    if (!this.schema) {
+      return;
+    }
+    if (this.schema.hasOwnProperty("Q:options")) {
+      this.options = Object.assign(this.options, this.schema["Q:options"]);
+    }
+  }
+}

client/src/elements/schema-editor/schema-editor-wrapper.html

@@ -209,6 +209,17 @@
     ></schema-editor-files>
   </div>
 
+  <div if.bind="getType(schema) === 'time'" class="schema-editor-block">
+    <require from="./schema-editor-time"></require>
+    <schema-editor-time
+      schema.bind="schema"
+      data.two-way="data"
+      change.bind="change"
+      required.bind="required"
+      show-notifications.bind="showNotifications"
+    ></schema-editor-time>
+  </div>
+
   <div if.bind="getType(schema) === 'dialog'" class="schema-editor-block">
     <require from="./schema-editor-dialog"></require>
     <schema-editor-dialog