headmin 0.4.0 → 0.5.0

data/app/views/headmin/_popup.html.erb

@@ -8,7 +8,7 @@
   #   To trigger this popup create an element with a data attribute like this
   #
   #   <button data-popup-id="popupId">open Popup</button>
-  #   <%= render 'headmin/popup', id: 'popupId' do %#>
+  #   <%= render "headmin/popup", id: 'popupId' do %#>
   #     popup Content
   #   <% end %#>
   #
@@ -16,7 +16,7 @@
   #   "data-popup-pass-thru" attribute.
   #
   #   <button data-popup-id="popupId" data-popup-pass-thru="#link">open Popup</button>
-  #   <%= render 'headmin/popup', id: 'popupId' do %#>
+  #   <%= render "headmin/popup", id: 'popupId' do %#>
   #     <a href="https://example.com" id="link">
   #   <% end %#>
   data = local_assigns.has_key?(:data) ? data : {}

data/app/views/headmin/_table.html.erb

@@ -5,7 +5,7 @@
   # * +sort_url</tt> - Url to post object ids to in the order of positions
   #
   # ==== Examples
-  #   <%= render 'headmin/table', sort_url: positions_admin_categories_path do %#>
+  #   <%= render "headmin/table", sort_url: positions_admin_categories_path do %#>
   #     table content here
   #   <% end %#>
 

data/app/views/headmin/dropdown/_devise.html.erb

@@ -2,7 +2,7 @@
   # headmin/dropdown/devise
   #
   # ==== Options
-  # * +scope</tt> - (symbol) devise scope, i.e. ':users' => current_user
+  # * +scope</tt> - (symbol) devise scope, i.e. ":users" => current_user
   # * +class</tt> - Custom class names to put on the dropdown
   #
   # ==== Examples
@@ -12,20 +12,20 @@
   #   Custom scope
   #   <%= render "headmin/dropdown/devise", scope: :admins  %#>
 
-  class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : ''
+  class_names = local_assigns.has_key?(:class) ? local_assigns[:class] : ""
   scope = local_assigns.has_key?(:scope) ? scope : :users
   singular = scope.to_s.singularize.to_sym
   user = send("current_#{singular}")
 %>
 
 
-<%= render 'headmin/dropdown', class: class_names do %>
-  <%= render 'headmin/dropdown/button' do %>
+<%= render "headmin/dropdown", class: class_names do %>
+  <%= render "headmin/dropdown/button" do %>
     <%= user.to_s %>
   <% end %>
-  <%= render 'headmin/dropdown/list', class: 'dropdown-menu-end' do %>
-    <%= render 'headmin/dropdown/item', name: t('.edit_profile'), url: polymorphic_path([:edit, singular, :registration]) %>
-    <%= render 'headmin/dropdown/divider' %>
-    <%= render 'headmin/dropdown/item', name: t('.log_out'), url: polymorphic_path([:destroy, singular, :session]), method: :delete %>
+  <%= render "headmin/dropdown/list", class: "dropdown-menu-end" do %>
+    <%= render "headmin/dropdown/item", name: t("headmin.dropdown.devise.edit_profile"), url: polymorphic_path([:edit, :admin, user]) %>
+    <%= render "headmin/dropdown/divider" %>
+    <%= render "headmin/dropdown/item", name: t("headmin.dropdown.devise.log_out"), url: polymorphic_path([:destroy, singular, :session]), method: :delete %>
   <% end %>
 <% end %>

data/app/views/headmin/dropdown/_locale.html.erb

@@ -4,14 +4,14 @@
     parameters: none
 %>
 
-<%= render 'headmin/dropdown' do %>
-  <%= render 'headmin/dropdown/button', id: 'locale-dropdown' do %>
+<%= render "headmin/dropdown" do %>
+  <%= render "headmin/dropdown/button", id: 'locale-dropdown' do %>
     <%= bootstrap_icon('globe', class: 'me-2') %>
     <%= t('language_name', locale: ::I18n.locale) %>
   <% end %>
-  <%= render 'headmin/dropdown/list', id: 'locale-dropdown' do %>
+  <%= render "headmin/dropdown/list", id: 'locale-dropdown' do %>
     <% I18n.available_locales.each do |locale| %>
-      <%= render 'headmin/dropdown/item', name: t('language_name', locale: locale), url: url_for({locale: locale.to_s}) %>
+      <%= render "headmin/dropdown/item", name: t('language_name', locale: locale), url: url_for({locale: locale.to_s}) %>
     <% end %>
   <% end %>
 <% end %>

data/app/views/headmin/filters/_base.html.erb

@@ -0,0 +1,95 @@
+<%
+  # headmin/filters/base
+  #
+  # ==== Required parameters
+  # * +form+ - Form object
+  # * +name+ - Name of the filter parameter
+  #
+  # ==== Optional parameters
+  # * +label+ - Display label
+  #
+  # ==== Examples
+  #   Basic version
+  #
+  #   <%= render "headmin/filters/base", name: :title do |value| %#>
+  #      <%= render "headmin/forms/text", value: value %#>
+  #   <% end %#>
+  #
+
+
+  base = Headmin::Filter::BaseView.new(local_assigns)
+%>
+
+<%= content_for :filters_menu do %>
+  <%= render "headmin/filters/filter/menu_item", base.menu_item_options %>
+<% end %>
+
+<%= content_for :filters_templates do %>
+  <template data-filter-name="<%= name %>" data-filters-target="template">
+    <%= render "headmin/filters/filter/button", name: name, label: label, filter: nil, value: nil, id: "template_id" do %>
+      <div class="h-filter-rows mb-3" data-filter-target="wrapper">
+        <%= render "headmin/filters/filter/row" do %>
+          <%= render "headmin/filters/filter/operator", base.filter_operator_options.merge({selected: nil}) %>
+          <%= yield(nil) %>
+          <%= render "headmin/filters/filter/null_select", value: nil %>
+        <% end %>
+      </div>
+
+      <!-- Apply button -->
+      <button type="submit" class="btn btn-primary w-100" data-action="click->filters#update">
+        <%= t("headmin.filters.apply") %>
+      </button>
+
+      <!-- Filter field -->
+      <%= hidden_field_tag("#{name}", "", data: {filter_target: "hidden"}) %>
+
+      <!-- Filter template -->
+      <template data-filter-target="template">
+        <%= render "headmin/filters/filter/conditional" %>
+        <%= render "headmin/filters/filter/row" do %>
+          <%= render "headmin/filters/filter/operator", base.filter_operator_options.merge({selected: nil}) %>
+          <%= yield(nil) %>
+          <%= render "headmin/filters/filter/null_select", value: nil %>
+        <% end %>
+      </template>
+    <% end %>
+  </template>
+<% end %>
+
+<%= content_for :filters_buttons do %>
+  <% if filter_param_exists?(name) %>
+    <%= render "headmin/filters/filter/button", base.filter_button_options.merge({id: "#{name}_#{SecureRandom.hex}"}) do %>
+      <div class="h-filter-rows mb-3" data-filter-target="wrapper">
+        <% filter.values.each_with_index do |value, index| %>
+          <% if index > 0 %>
+            <%= render "headmin/filters/filter/conditional", selected: filter.conditionals[index - 1] %>
+          <% end %>
+
+          <%= render "headmin/filters/filter/row" do %>
+            <%= render "headmin/filters/filter/operator", base.filter_operator_options.merge({selected: filter.operators[index]}) %>
+            <%= yield(value) %>
+            <%= render "headmin/filters/filter/null_select", value: value %>
+          <% end %>
+        <% end %>
+      </div>
+
+      <!-- Apply button -->
+      <button type="submit" class="btn btn-primary w-100" data-action="click->filters#update">
+        <%= t("headmin.filters.apply") %>
+      </button>
+
+      <!-- Filter field -->
+      <%= hidden_field_tag("#{name}", params[name], data: {filter_target: "hidden"}) %>
+
+      <!-- Filter template -->
+      <template data-filter-target="template">
+        <%= render "headmin/filters/filter/conditional" %>
+        <%= render "headmin/filters/filter/row" do %>
+          <%= render "headmin/filters/filter/operator", base.filter_operator_options.merge({selected: nil}) %>
+          <%= yield(nil) %>
+          <%= render "headmin/filters/filter/null_select", value: nil %>
+        <% end %>
+      </template>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/headmin/filters/_boolean.html.erb

@@ -0,0 +1,23 @@
+<%
+  # headmin/filters/boolean
+  #
+  # ==== Required parameters
+  # * +attribute+ - Name of the attribute to be filtered
+  # * +form+ - Form object
+  #
+  # ==== Optional parameters
+  # * +name+ - Name of the filter parameter
+  # * +label+ - Display label
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= render "headmin/filters", url: admin_orders_path do |form| %#>
+  #     <%= render "headmin/filters/boolean", form: form, attribute: :published %#>
+  #   <% end  %#>
+
+  boolean = Headmin::Filter::BooleanView.new(local_assigns.merge(params: params))
+%>
+
+<%= render "headmin/filters/base", boolean.base_options do |value| %>
+  <%= render "headmin/forms/select", boolean.input_options.merge(selected: value) %>
+<% end %>

data/app/views/headmin/filters/_date.html.erb

@@ -1,47 +1,23 @@
 <%
   # headmin/filters/date
   #
-  # ==== Options
-  # * +name</tt> - Name of the filter parameter
-  # * +label</tt> - Display name
+  # ==== Required parameters
+  # * +attribute+ - Name of the attribute to be filtered
+  # * +form+ - Form object
+  #
+  # ==== Optional parameters
+  # * +name+ - Name of the filter parameter
+  # * +label+ - Display label
   #
   # ==== Examples
   #   Basic version
-  #   <%= render "headmin/filters/date", name: :created_at, label: 'Created at' %#>
-
-  name = local_assigns.has_key?(:name) ? name.to_sym : nil
-  label = local_assigns.has_key?(:label) ? label : name.to_s.humanize
+  #   <%= render "headmin/filters", url: admin_orders_path do |form| %#>
+  #     <%= render "headmin/filters/date", form: form, attribute: :created_at %#>
+  #   <% end  %#>
 
-  input_options = {
-    placeholder: 'dd/mm/yyyy',
-    class: "form-control",
-    required: true,
-    data: {
-      'filters-target': 'input',
-      'action': 'change->filters#update',
-    }
-  }
+  date = Headmin::Filter::DateView.new(local_assigns.merge(params: params))
 %>
 
-<%= content_for :filters_menu do %>
-  <%= render 'headmin/filters/filter/menu_item', name: name, label: label %>
-<% end %>
-
-<%= content_for :filters_templates do %>
-  <%= render 'headmin/filters/filter/template', name: name, label: label do %>
-    <div class="input-group">
-      <%= date_field_tag(name, nil, input_options) %>
-    </div>
-  <% end %>
-<% end %>
-
-<%= content_for :filters_buttons do %>
-  <% if filter_param_exists?(name) %>
-    <% value_formatted = Date.parse(params[name]).strftime('%d/%m/%Y') %>
-    <%= render 'headmin/filters/filter/button', name: name, label: label, value: value_formatted do %>
-      <div class="input-group">
-        <%= date_field_tag(name, params[name], input_options) %>
-      </div>
-    <% end %>
-  <% end %>
-<% end %>
+<%= render "headmin/filters/base", date.base_options do |value| %>
+  <%= render "headmin/forms/date", date.input_options.merge({value: value}) %>
+<% end %>

data/app/views/headmin/filters/_flatpickr.html.erb

@@ -1,57 +1,24 @@
 <%
   # headmin/filters/flatpickr
   #
-  # ==== Options
-  # * +name</tt> - Name of the filter parameter
-  # * +label</tt> - Display name
+  # ==== Required parameters
+  # * +form+ - Form object
+  # * +attribute+ - Name of the attribute to be filtered
+  #
+  # ==== Optional parameters
+  # * +label+ - Display label
+  # * +name+ - Name of the filter parameter
   #
   # ==== Examples
   #   Basic version
-  #   <%= render "headmin/filters/flatpickr", name: :created_at, label: 'Created at' %#>
-
-  name = local_assigns.has_key?(:name) ? name.to_sym : nil
-  label = local_assigns.has_key?(:label) ? label : name.to_s.humanize
+  #   <%= render "headmin/filters", url: admin_orders_path do |form| %#>
+  #     <%= render "headmin/filters/flatpickr", form: form, attribute: :created_at %#>
+  #   <% end  %#>
 
-  input_options = {
-    placeholder: 'dd/mm/yyyy',
-    class: "form-control",
-    required: true,
-    data: {
-      'filters-target': 'input',
-      'flatpickr-target': 'input',
-      'action': 'change->filters#update',
-      'flatpickr-options': {
-        defaultDate: params[name]
-      }
-    }
-  }
+ flatpickr = Headmin::Filter::FlatpickrView.new(local_assigns.merge(params: params))
 %>
 
-<%= content_for :filters_menu do %>
-  <%= render 'headmin/filters/filter/menu_item', name: name, label: label %>
-<% end %>
-
-<%= content_for :filters_templates do %>
-  <%= render 'headmin/filters/filter/template', name: name, label: label do %>
-    <div class="input-group" data-controller="flatpickr">
-      <span class="input-group-text">
-        <%= bootstrap_icon('calendar') %>
-      </span>
-      <%= date_field_tag(name, nil, input_options) %>
-    </div>
-  <% end %>
-<% end %>
-
-<%= content_for :filters_buttons do %>
-  <% if filter_param_exists?(name) %>
-    <% value_formatted = Date.parse(params[name]).strftime('%d/%m/%Y') %>
-    <%= render 'headmin/filters/filter/button', name: name, label: label, value: value_formatted do %>
-      <div class="input-group" data-controller="flatpickr">
-        <span class="input-group-text">
-          <%= bootstrap_icon('calendar') %>
-        </span>
-        <%= date_field_tag(name, params[name], input_options) %>
-      </div>
-    <% end %>
-  <% end %>
-<% end %>
+<%= render "headmin/filters/base", flatpickr.base_options do |value| %>
+  <% default_date = value != 1 && value != 0 ? value&.strftime("%d/%m/%Y") : value %>
+  <%= render "headmin/forms/flatpickr", flatpickr.input_options.deep_merge({value: value, data: {flatpickr: {defaultDate: default_date}}}) %>
+<% end %>

data/app/views/headmin/filters/_number.html.erb

@@ -0,0 +1,23 @@
+<%
+  # headmin/filters/number
+  #
+  # ==== Required parameters
+  # * +attribute+ - Name of the attribute to be filtered
+  # * +form+ - Form object
+  #
+  # ==== Optional parameters
+  # * +label+ - Display label
+  # * +name+ - Name of the filter parameter
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= render "headmin/filters", url: admin_orders_path do |form| %#>
+  #     <%= render "headmin/filters/number", form: form, attribute: :beverages %#>
+  #   <% end  %#>
+
+  number = Headmin::Filter::NumberView.new(local_assigns.merge(params: params))
+%>
+
+<%= render "headmin/filters/base", number.base_options do |value| %>
+  <%= render "headmin/forms/number", number.input_options.merge({value: value}) %>
+<% end %>

data/app/views/headmin/filters/_options.html.erb

@@ -0,0 +1,24 @@
+<%
+  # headmin/filters/boolean
+  #
+  # ==== Required parameters
+  # * +attribute+ - Name of the attribute to be filtered
+  # * +collection+ - Values to create option tags for
+  # * +form+ - Form object
+  #
+  # ==== Optional parameters
+  # * +label+ - Display label
+  # * +name+ - Name of the filter parameter
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= render "headmin/filters", url: admin_orders_path do |form| %#>
+  #     <%= render "headmin/filters/options", form: form, attribute: :category %#>
+  #   <% end  %#>
+
+  options = Headmin::Filter::OptionsView.new(local_assigns.merge(params: params))
+%>
+
+<%= render "headmin/filters/base", options.base_options do |value| %>
+  <%= render "headmin/forms/select", options.input_options.merge(selected: value) %>
+<% end %>

data/app/views/headmin/filters/_search.html.erb

@@ -1,22 +1,24 @@
 <%
   # headmin/filters/search
   #
-  # ==== Options
-  # * +name</tt> - Name of the filter parameter
-  # * +label</tt> - Name of the resource to be used in the placeholder (search in ...)
-  # * +placeholder</tt> - Placeholder in the search field
+  # ==== Required parameters
+  # * +attribute+ - Name of the attribute to be filtered
+  # * +form+ - Form object
+
+  # ==== Optional parameters
+  # * +name+ - Name of the filter parameter
+  # * +label+ - Name of the resource to be used in the placeholder (search in ...)
+  # * +placeholder+ - Placeholder in the search field
   #
   # ==== Examples
   #   Basic version.
-  #   <%= render 'headmin/filters/search', name: :search, label: Poll.model_name.human(count: 2) %#>
-
-  name = local_assigns.has_key?(:name) ? name : :search
-  label = local_assigns.has_key?(:label) ? label : name.to_s.humanize
-  placeholder = local_assigns.has_key?(:placeholder) ? placeholder : t('.placeholder', resource: label)
+  #   <%= render "headmin/filters", url: admin_orders_path do |form| %#>
+  #     <%= render "headmin/filters/search", attribute: :search, label: Poll.model_name.human(count: 2) %#>
+  #   <% end  %#>
 
-  value = filter_param_exists?(name) ? params[name] : nil
+  search = Headmin::Filter::SearchView.new(local_assigns.merge(params: params))
 %>
 
 <% content_for :filters_search do %>
-  <input class="form-control" type="search" placeholder="<%= raw placeholder.capitalize %>" aria-label="Search" name="<%= name %>" value="<%= value %>">
-<% end %>
+  <%= render "headmin/forms/search", search.input_options %>
+<% end %>

data/app/views/headmin/filters/_text.html.erb

@@ -0,0 +1,23 @@
+<%
+  # headmin/filters/text
+  #
+  # ==== Required parameters
+  # * +form+ - Form object
+  # * +attribute+ - Name of the attribute to be filtered
+  #
+  # ==== Optional parameters
+  # * +label+ - Display label
+  # * +name+ - Name of the filter parameter
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= render "headmin/filters", url: admin_orders_path do |form| %#>
+  #     <%= render "headmin/filters/text", form: form, attribute: :title %#>
+  #   <% end  %#>
+
+  text = Headmin::Filter::TextView.new(local_assigns.merge(params: params))
+%>
+
+<%= render "headmin/filters/base", text.base_options do |value| %>
+  <%= render "headmin/forms/text", text.input_options.merge({value: value}) %>
+<% end %>

data/app/views/headmin/filters/filter/_button.html.erb

@@ -3,28 +3,27 @@
     accepts block: yes
     parameters:
       name: (string) Name of the parameter
-      label: (string) Display name
       value: (string) Value of the parameter
 %>
-<% id = local_assigns.has_key?(:id) ? id : SecureRandom.hex %>
-<% name = local_assigns.has_key?(:name) ? name.to_sym : nil %>
-<% label = local_assigns.has_key?(:label) ? label : name.to_s.humanize %>
-<% value = local_assigns.has_key?(:value) ? value : nil %>
 
-<div class="h-filter me-1 my-1" data-controller="filter" data-filter-name="<%= name %>">
+<% button_view = Headmin::Filter::ButtonView.new(local_assigns) %>
+
+<div class="h-filter me-1 my-1" data-controller="filter" data-filter-name="<%= button_view.name %>" data-filter-name-value="<%= button_view.name %>">
   <button
     type="button"
     class="h-filter-button btn h-btn-outline-transparent"
     data-filter-target="button"
     data-popup-target="button"
-    data-popup-id="<%= id %>"
+    data-popup-id="<%= button_view.id %>"
     data-action="click->popup#open"
   >
-    <%= "#{label}: #{value || t('.all')}" %>
-    <span class="h-filter-remove" data-action="click->filters#remove"><%= bootstrap_icon('x-lg') %></span>
+    <%= raw("#{button_view.label} #{button_view.filter&.string(display_values: button_view.display_values)}") %>
+    <span class="h-filter-remove" data-action="click->filters#remove">
+      <%= bootstrap_icon('x-lg') %>
+    </span>
   </button>
 
-  <%= render 'headmin/popup', id: "#{id}", data: {'filter-target': 'popup'} do %>
+  <%= render "headmin/popup", id: "#{button_view.id}", data: {'filter-target': 'popup'} do %>
     <%= yield %>
   <% end %>
 </div>

data/app/views/headmin/filters/filter/_conditional.html.erb

@@ -0,0 +1,18 @@
+<%#
+    headmin/filters/filter/conditional
+    accepts block: no
+    parameters:
+
+%>
+
+<% conditional = Headmin::Filter::ConditionalView.new(local_assigns) %>
+
+<div class="h-filter-conditional">
+  <select class="form-control-plaintext form-control-sm" data-action="change->filter#updateHiddenValue" data-filter-target="conditional">
+    <% conditional.values.each do |value, display_value| %>
+      <option value="<%= value %>" <%= conditional.selected == value.to_s ? "selected" : "" %>>
+        <%= display_value.upcase %>
+      </option>
+    <% end %>
+  </select>
+</div>

data/app/views/headmin/filters/filter/_menu_item.html.erb

@@ -5,8 +5,11 @@
       name: (string) Name of the parameter
       label: (string) Display name
 %>
+
+<% menu_item = Headmin::Filter::MenuItemView.new(local_assigns) %>
+
 <li>
-  <a class="dropdown-item" href="#" data-filters-target="menuItem" data-action="click->filters#add" data-filter-name="<%= name %>">
-    <%= label %>
+  <a class="dropdown-item" href="#" data-filters-target="menuItem" data-action="click->filters#add" data-filter-name="<%= menu_item.name %>">
+    <%= menu_item.label %>
   </a>
 </li>

data/app/views/headmin/filters/filter/_null_select.html.erb

@@ -0,0 +1,8 @@
+<select class="form-select" data-filter-row-target="null" data-action="change->filter#updateHiddenValue" data-filter-target="value">
+  <option value="1" <%= value == 1 ? "selected" : "" %>>
+    <%= t('headmin.filters.values.yes') %>
+  </option>
+  <option value="0" <%= value == 0 ? "selected" : "" %>>
+    <%= t('headmin.filters.values.no') %>
+  </option>
+</select>

data/app/views/headmin/filters/filter/_operator.html.erb

@@ -0,0 +1,16 @@
+<%#
+    headmin/filters/filter/button
+    accepts block: no
+    parameters:
+
+%>
+
+<% operators = Headmin::Filter::OperatorView.new(local_assigns) %>
+
+<select class="h-filter-operator form-select" data-action="change->filter#updateHiddenValue" data-filter-target="operator" data-filter-row-target="operator">
+  <% operators.allowed_operators.each do |operator| %>
+    <option value="<%= operator.to_s %>" <%= operators.selected == operator.to_s ? "selected" : "" %>>
+      <%= raw(operators.operator_symbol[operator.to_sym]) %>
+    </option>
+  <% end %>
+</select>

data/app/views/headmin/filters/filter/_row.html.erb

@@ -0,0 +1,11 @@
+<% row = Headmin::Filter::RowView.new(local_assigns) %>
+
+<div class="h-filter-row" data-controller="filter-row" data-filter-target="row">
+  <%= yield(row.operator, row.value) %>
+  <button type="button" class="btn btn-sm btn-link h-filter-add-input" data-action="click->filter#add">
+    <i class="bi bi-plus-circle"></i>
+  </button>
+  <button type="button" class="btn btn-sm btn-link h-filter-remove-input" data-action="click->filter#remove">
+    <i class="bi bi-dash-circle"></i>
+  </button>
+</div>

data/app/views/headmin/forms/_blocks.html.erb

@@ -22,7 +22,7 @@
   @lookup_context.prefixes = @lookup_context.prefixes + blocks.prefixes
 %>
 
-<%= render 'headmin/forms/repeater', blocks.repeater_options do |block_form, template| %>
+<%= render "headmin/forms/repeater", blocks.repeater_options do |block_form, template| %>
   <% name = template || block_form.object.name %>
 
   <!-- Name input of the block -->

data/app/views/headmin/forms/_date_range.html.erb

@@ -23,7 +23,7 @@
   # ==== Examples
   #   Basic version
   #   <%= form_with do |form| %#>
-  #     <%= render 'headmin/forms/date_range', form: form, start: {attribute: :start_date}, end: {attribute: :end_date} %#>
+  #     <%= render "headmin/forms/date_range", form: form, start: {attribute: :start_date}, end: {attribute: :end_date} %#>
   #   <% end %#>
 
   date_range = Headmin::Form::DateRangeView.new(local_assigns)
@@ -31,10 +31,10 @@
 
 <div class="row">
   <div class="col">
-    <%= render 'headmin/forms/date', date_range.start_options %>
+    <%= render "headmin/forms/date", date_range.start_options %>
   </div>
   <div class="col">
-    <%= render 'headmin/forms/date', date_range.end_options %>
+    <%= render "headmin/forms/date", date_range.end_options %>
   </div>
 </div>
 

data/app/views/headmin/forms/_datetime.html.erb

@@ -0,0 +1,41 @@
+<%
+  # headmin/forms/datetime
+  #
+  # ==== Required parameters
+  # * +attribute+ - Name of the attribute of the form model
+  # * +form+ - Form object
+  #
+  # ==== Optional parameters
+  # * +append+ - Display as input group with text on the right-hand side
+  # * +float+ - Use floating labels. Defaults to false
+  # * +hint+ - Informative text to assist with data input. HTML markup is allowed.
+  # * +label+ - Text to display inside label tag. Defaults to the attribute name. Set to false if you don"t want to show a label.
+  # * +list+ - Options are passed through options_for_select
+  # * +plaintext+ - Render input as plain text.
+  # * +prepend+ - Display as input group with text on the left-hand side
+  # * +wrapper+ - Hash with all options for the surrounding html tag
+  #
+  # ==== References
+  # https://headmin.dev/docs/forms/datetime
+  # https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local
+  # https://apidock.com/rails/ActionView/Helpers/FormHelper/datetime_field
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= form_with do |form| %#>
+  #     <%= render "headmin/forms/datetime", form: form, attribute: :deadline %#>
+  #   <% end %#>
+
+  datetime = Headmin::Form::DatetimeView.new(local_assigns)
+%>
+
+<%= render "headmin/forms/wrapper", datetime.wrapper_options do %>
+  <%= render "headmin/forms/label", datetime.label_options if datetime.prepend_label? %>
+  <%= render "headmin/forms/input_group", datetime.input_group_options do %>
+    <%= form.datetime_field(datetime.attribute, datetime.input_options) %>
+    <%= render "headmin/forms/datalist", datetime.datalist_options if datetime.datalist? %>
+  <% end %>
+  <%= render "headmin/forms/validation", datetime.validation_options if datetime.validate? %>
+  <%= render "headmin/forms/hint", datetime.hint_options if datetime.hint? %>
+  <%= render "headmin/forms/label", datetime.label_options if datetime.append_label? %>
+<% end %>