Change date time picker widget

templates/blog/content.html

@@ -1,7 +1,7 @@
 {% for post in posts%}
   <section class="{% if post.sticky %}sticky {% endif %}blog-box">
     <div style="margin-bottom: 0.5em">
-      <span class="item-header time">
+      <span class="post-content-header time">
         {% with authors=post.authors.all() %}
           {%- if authors -%}
             <span class="user-img" style="width: 1.5em; height: 1.5em">

templates/blog/list.html

@@ -7,12 +7,6 @@
         clear: both;
       }
     }
-    .item-header {
-      margin-left: 0;
-      display: inline-flex;
-      align-items: center;
-      gap: 0.2em;
-    }
 
     .no-clarifications-message {
       font-style: italic;

templates/widgets/datetimepicker.html

@@ -1,21 +0,0 @@
-<input
-  autocomplete="off"
-  type="{{ widget.type }}"
-  name="{{ widget.name }}"
-  {% if widget.value != None %}
-    value="{{ widget.value }}"
-  {% endif %}
-  {% for name, value in widget.attrs.items() %}
-    {% if value %}
-      {{ name }}{% if not value %}="{{ value }}"{% endif %}
-    {% endif %}
-  {% endfor %}
-/>
-
-<script>
-  $(function () {
-    $("input[name='{{ widget.name }}']").datetimepicker({
-      format: 'Y-m-d H:i:s',
-    });
-  });
-</script>