diff --git a/packages/v2/public/logo.svg b/packages/v2/public/logo.svg
index f7267e9..f22981e 100644
--- a/packages/v2/public/logo.svg
+++ b/packages/v2/public/logo.svg
@@ -1 +1,24 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="7 8 73 56" width="73" height="56"><g style="fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"><g id="b"><path d="M27 16v-4c0-1 1-2.7 2-2.7 2 0 3 1.7 3 2.7v4" id="a"/><use x="9" href="#a"/><use x="18" href="#a"/><use x="27" href="#a"/><use x="36" href="#a"/><use x="45" href="#a"/></g><use transform="matrix(1 0 0 -1 0 72)" href="#b"/><path d="M78 16H26c-1 0-1 1-1 1v38c0 1 0 1 1 1h52c1 0 1 0 1-1V17s0-1-1-1z" class="box"/><path d="M40 38h2.9v7.8h17V38h2.9l-2.9-2.9V30h-1.8v3.3l-6.8-6.8z" class="home" fill="currentColor"/><path d="M24 54H8v-4h12v-4H8v-4h12v-4H8v-4h12v-4H8V18" class="aerial"/></g></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 124.68">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f2f4f9;
+      }
+
+      .cls-1, .cls-2 {
+        stroke-width: 0px;
+      }
+
+      .cls-2 {
+        fill: #18bcf2;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1-2" data-name="Layer 1">
+    <g>
+      <path class="cls-2" d="M128,116.68c0,4.4-3.6,8-8,8H8c-4.4,0-8-3.6-8-8v-48c0-4.4,2.55-10.55,5.66-13.66L58.34,2.33c3.11-3.11,8.2-3.11,11.31,0l52.69,52.69c3.11,3.11,5.66,9.26,5.66,13.66v48Z"/>
+      <path class="cls-1" d="M85.33,41.83h-42.67c-1.77,0-3.2,1.43-3.2,3.2v79.65h6.4V48.23h36.27v6.4h-26.67c-1.77,0-3.2,1.43-3.2,3.2v12.8c0,1.77,1.43,3.2,3.2,3.2h26.67v6.4h-26.67c-1.77,0-3.2,1.43-3.2,3.2v12.8c0,1.77,1.43,3.2,3.2,3.2h26.67v6.4h-26.67c-1.77,0-3.2,1.43-3.2,3.2s1.43,3.2,3.2,3.2h29.87c1.77,0,3.2-1.43,3.2-3.2v-12.8c0-1.77-1.43-3.2-3.2-3.2h-26.67v-6.4h26.67c1.77,0,3.2-1.43,3.2-3.2v-12.8c0-1.77-1.43-3.2-3.2-3.2h-26.67v-6.4h26.67c1.77,0,3.2-1.43,3.2-3.2v-12.8c0-1.77-1.43-3.2-3.2-3.2Z"/>
+    </g>
+  </g>
+</svg>
diff --git a/packages/v2/src/esp-entity-table.ts b/packages/v2/src/esp-entity-table.ts
index 6191030..9cc1a30 100644
--- a/packages/v2/src/esp-entity-table.ts
+++ b/packages/v2/src/esp-entity-table.ts
@@ -302,7 +302,7 @@ class ActionRenderer {
           const val = (<HTMLTextAreaElement>e.target)?.value;
           this.actioner?.restAction(
             entity,
-            `${action}?${opt}=${val}`
+            `${action}?${opt}=${val.replace('T', ' ')}`
           );
         }}"
       />
@@ -460,6 +460,19 @@ class ActionRenderer {
     `;
   }
 
+  render_datetime() {
+    if (!this.entity) return;
+    return html`
+      ${this._datetime(
+        this.entity,
+        "datetime-local",
+        "set",
+        "value",
+        this.entity.value,
+      )}
+    `;
+  }
+
   render_text() {
     if (!this.entity) return;
     return this._textinput(
diff --git a/packages/v3/public/logo.svg b/packages/v3/public/logo.svg
index 9cb8a9b..d867ce6 100644
--- a/packages/v3/public/logo.svg
+++ b/packages/v3/public/logo.svg
@@ -1 +1,24 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="7 8 73 60" width="52" height="40"><g style="fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"><g id="b"><path d="M27 15v-3c0-1.4 0.6-2.7 2.5-2.7c1.9 0 2.5 1.3 2.5 2.7v3" id="a" style="stroke-linecap:butt"/><use x="9" href="#a"/><use x="18" href="#a"/><use x="27" href="#a"/><use x="36" href="#a"/><use x="45" href="#a"/></g><use transform="matrix(1 0 0 -1 0 72)" href="#b"/><path d="M78 16H26c-1 0-1 1-1 1v38c0 1 0 1 1 1h52c1 0 1 0 1-1V17s0-1-1-1z" class="box"/><path d="M40 38h2.9v7.8h17V38h2.9l-2.9-2.9V30h-1.8v3.3l-6.8-6.8z" stroke="none" fill="currentColor"/><path d="M24 54H8v-4h12v-4H8v-4h12v-4H8v-4h12v-4H8V18" style="stroke-linecap:butt"/></g></svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 124.68">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f2f4f9;
+      }
+
+      .cls-1, .cls-2 {
+        stroke-width: 0px;
+      }
+
+      .cls-2 {
+        fill: #18bcf2;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1-2" data-name="Layer 1">
+    <g>
+      <path class="cls-2" d="M128,116.68c0,4.4-3.6,8-8,8H8c-4.4,0-8-3.6-8-8v-48c0-4.4,2.55-10.55,5.66-13.66L58.34,2.33c3.11-3.11,8.2-3.11,11.31,0l52.69,52.69c3.11,3.11,5.66,9.26,5.66,13.66v48Z"/>
+      <path class="cls-1" d="M85.33,41.83h-42.67c-1.77,0-3.2,1.43-3.2,3.2v79.65h6.4V48.23h36.27v6.4h-26.67c-1.77,0-3.2,1.43-3.2,3.2v12.8c0,1.77,1.43,3.2,3.2,3.2h26.67v6.4h-26.67c-1.77,0-3.2,1.43-3.2,3.2v12.8c0,1.77,1.43,3.2,3.2,3.2h26.67v6.4h-26.67c-1.77,0-3.2,1.43-3.2,3.2s1.43,3.2,3.2,3.2h29.87c1.77,0,3.2-1.43,3.2-3.2v-12.8c0-1.77-1.43-3.2-3.2-3.2h-26.67v-6.4h26.67c1.77,0,3.2-1.43,3.2-3.2v-12.8c0-1.77-1.43-3.2-3.2-3.2h-26.67v-6.4h26.67c1.77,0,3.2-1.43,3.2-3.2v-12.8c0-1.77-1.43-3.2-3.2-3.2Z"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/packages/v3/src/esp-entity-table.ts b/packages/v3/src/esp-entity-table.ts
index 56d4faf..94ec906 100644
--- a/packages/v3/src/esp-entity-table.ts
+++ b/packages/v3/src/esp-entity-table.ts
@@ -347,7 +347,7 @@ class ActionRenderer {
           const val = (<HTMLTextAreaElement>e.target)?.value;
           this.actioner?.restAction(
             entity,
-            `${action}?${opt}=${val}`
+            `${action}?${opt}=${val.replace('T', ' ')}`
           );
         }}"
       />
@@ -526,6 +526,19 @@ class ActionRenderer {
     `;
   }
 
+  render_datetime() {
+    if (!this.entity) return;
+    return html`
+      ${this._datetime(
+        this.entity,
+        "datetime-local",
+        "set",
+        "value",
+        this.entity.value,
+      )}
+    `;
+  }
+
   render_switch() {
     if (!this.entity) return;
     if (this.entity.assumed_state)