diff --git a/ccm-core/src/main/resources/META-INF/resources/components/bootstrap/formGroupDateTime.xhtml b/ccm-core/src/main/resources/META-INF/resources/components/bootstrap/formGroupDateTime.xhtml
new file mode 100644
index 000000000..5e35f1c4e
--- /dev/null
+++ b/ccm-core/src/main/resources/META-INF/resources/components/bootstrap/formGroupDateTime.xhtml
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:cc="http://xmlns.jcp.org/jsf/composite">
+    <cc:interface shortDescription="Component for a form grouo with an HTML datetime-local input field">
+        <cc:attribute name="help"
+                      required="true"
+                      shortDescription="A short description of the input field"
+                      type="String" />
+        <cc:attribute name="inputId" 
+                      required="true" 
+                      shortDescription="The ID of the input field."
+                      type="String" />
+        <cc:attribute name="label"
+                      required="true"
+                      shortDescription="The label of the input field."
+                      type="String" />
+        <cc:attribute name="max"
+                      required="false"
+                      shortDescription="The latest acceptable data"
+                      type="String" />
+        <cc:attribute name="min"
+                      required="false"
+                      shortDescription="The earlist acceptable data"
+                      type="String" />
+        <cc:attribute name="name" 
+                      required="true" 
+                      shortDescription="The name of the input field. This is also the name which is used to send the value of the input to the server." 
+                      type="String" />
+        <cc:attribute default="false"
+                      name="required"
+                      shortDescription="Is the field required?"
+                      required="false"
+                      type="boolean" />
+        <cc:attribute default="60"
+                      name="step"
+                      required="false"
+                      shortDescription="The stepping interval (in seconds)"
+                      type="int" />
+        <cc:attribute name="value"
+                      required="false"
+                      shortDescription="Value of the input field"
+                      type="String" />
+    </cc:interface>
+    <cc:implementation>
+        <div class="form-group">
+            <label for="#{cc.attrs.inputId}">${cc.attrs.label}</label>
+            <input aria-describedby="#{cc.attrs.inputId}-help"
+                   id="#{cc.attrs.inputId}"
+                   max="#{cc.attrs.max}"
+                   min="#{cc.attrs.min}"
+                   name="#{cc.attrs.name}"
+                   step="#{cc.attrs.step}"
+                   type="datetime-local" 
+                   value="#{cc.attrs.value}" />
+            <small class="form-text text-muted"
+                   id="#{cc.attrs.inputId}-help">
+                #{cc.attrs.help}
+            </small>
+        </div>
+    </cc:implementation>
+</html>
+
