Date and Time fields

app/assets/javascripts/administrate/components/date_time_picker.js

@@ -3,4 +3,14 @@ $(function () {
     debug: false,
     format: "YYYY-MM-DD HH:mm:ss",
   });
+
+  $(".datepicker").datetimepicker({
+    debug: false,
+    format: "YYYY-MM-DD",
+  });
+
+  $(".timepicker").datetimepicker({
+    debug: false,
+    format: "HH:mm:ss",
+  });
 });

app/views/fields/date/_form.html.erb

@@ -0,0 +1,24 @@
+<%#
+# Date Form Partial
+
+This partial renders an input element for a date attribute.
+By default, the input is a text field that is augmented with [DatePicker].
+
+## Local variables:
+
+- `f`:
+  A Rails form generator, used to help create the appropriate input fields.
+- `field`:
+  An instance of [Administrate::Field::Date][1].
+  A wrapper around the Date value pulled from the database.
+
+[1]: http://www.rubydoc.info/gems/administrate/Administrate/Field/Date
+[DatePicker]: https://github.com/Eonasdan/bootstrap-datetimepicker
+%>
+
+<div class="field-unit__label">
+  <%= f.label field.attribute %>
+</div>
+<div class="field-unit__field">
+  <%= f.text_field field.attribute, class: "datepicker" %>
+</div>

app/views/fields/date/_index.html.erb

@@ -0,0 +1,21 @@
+<%#
+# Date Index Partial
+
+This partial renders a date attribute,
+to be displayed on a resource's index page.
+
+By default, the attribute is rendered
+as a localized date string.
+
+## Local variables:
+
+- `field`:
+  An instance of [Administrate::Field::Date][1].
+  A wrapper around the Date value pulled from the database.
+
+[1]: http://www.rubydoc.info/gems/administrate/Administrate/Field/Date
+%>
+
+<% if field.data %>
+  <%= field.date %>
+<% end %>

app/views/fields/date/_show.html.erb

@@ -0,0 +1,21 @@
+<%#
+# Date Show Partial
+
+This partial renders a date attribute,
+to be displayed on a resource's show page.
+
+By default, the attribute is rendered
+as a localized date string.
+
+## Local variables:
+
+- `field`:
+  An instance of [Administrate::Field::Date][1].
+  A wrapper around the Date value pulled from the database.
+
+[1]: http://www.rubydoc.info/gems/administrate/Administrate/Field/Date
+%>
+
+<% if field.data %>
+  <%= field.date %>
+<% end %>

app/views/fields/time/_form.html.erb

@@ -0,0 +1,24 @@
+<%#
+# Time Form Partial
+
+This partial renders an input element for a time attribute.
+By default, the input is a text field that is augmented with [DatePicker].
+
+## Local variables:
+
+- `f`:
+  A Rails form generator, used to help create the appropriate input fields.
+- `field`:
+  An instance of [Administrate::Field::Time][1].
+  A wrapper around the Time value pulled from the database.
+
+[1]: http://www.rubydoc.info/gems/administrate/Administrate/Field/Time
+[DatePicker]: https://github.com/Eonasdan/bootstrap-datetimepicker
+%>
+
+<div class="field-unit__label">
+  <%= f.label field.attribute %>
+</div>
+<div class="field-unit__field">
+  <%= f.text_field field.attribute, class: "timepicker" %>
+</div>

app/views/fields/time/_index.html.erb

@@ -0,0 +1,21 @@
+<%#
+# Time Index Partial
+
+This partial renders a time attribute,
+to be displayed on a resource's index page.
+
+By default, the attribute is rendered
+as a localized time string.
+
+## Local variables:
+
+- `field`:
+  An instance of [Administrate::Field::Time][1].
+  A wrapper around the Time value pulled from the database.
+
+[1]: http://www.rubydoc.info/gems/administrate/Administrate/Field/Time
+%>
+
+<% if field.data %>
+  <%= field.time %>
+<% end %>

app/views/fields/time/_show.html.erb

@@ -0,0 +1,21 @@
+<%#
+# Time Show Partial
+
+This partial renders a time attribute,
+to be displayed on a resource's show page.
+
+By default, the attribute is rendered
+as a localized time string.
+
+## Local variables:
+
+- `field`:
+  An instance of [Administrate::Field::Time][1].
+  A wrapper around the Time value pulled from the database.
+
+[1]: http://www.rubydoc.info/gems/administrate/Administrate/Field/Time
+%>
+
+<% if field.data %>
+  <%= field.time %>
+<% end %>

config/locales/administrate.ar.yml

@@ -26,3 +26,6 @@ ar:
     search:
       clear: مسح البحث
       label: بحث %{resource}
+  time:
+    formats:
+      time_without_date: "%H:%M:%S"

config/locales/administrate.da.yml

@@ -26,3 +26,6 @@ da:
     search:
       clear: Ryd søgning
       label: Søg %{resource}
+  time:
+    formats:
+      time_without_date: "%H:%M:%S"

config/locales/administrate.de.yml

@@ -26,3 +26,6 @@ de:
     search:
       clear: Saubere Suche
       label: Suche %{resource}
+  time:
+    formats:
+      time_without_date: "%H:%M:%S"

config/locales/administrate.en.yml

@@ -26,3 +26,6 @@ en:
     search:
       clear: Clear search
       label: Search %{resource}
+  time:
+    formats:
+      time_without_date: "%H:%M:%S"

config/locales/administrate.es.yml

@@ -26,3 +26,6 @@ es:
     search:
       clear: Borrar búsqueda
       label: Buscar %{resource}
+  time:
+    formats:
+      time_without_date: "%H:%M:%S"

config/locales/administrate.fr.yml

@@ -26,3 +26,6 @@ fr:
     search:
       clear: Effacer la recherche
       label: Chercher %{resource}
+  time:
+    formats:
+      time_without_date: "%H:%M:%S"

config/locales/administrate.it.yml

@@ -26,3 +26,6 @@ it:
     search:
       clear: Cancella ricerca
       label: Ricerca %{resource}
+  time:
+    formats:
+      time_without_date: "%H:%M:%S"

config/locales/administrate.ja.yml

@@ -26,3 +26,6 @@ ja:
     search:
       clear: 検索をクリアする
       label: サーチ %{resource}
+  time:
+    formats:
+      time_without_date: "%H:%M:%S"

config/locales/administrate.ko.yml

@@ -26,3 +26,6 @@ ko:
     search:
       clear: 검색 초기화
       label: "%{resource} 검색"
+  time:
+    formats:
+      time_without_date: "%H:%M:%S"

config/locales/administrate.nl.yml

@@ -26,3 +26,6 @@ nl:
     search:
       clear: CDuidelijke zoek
       label: Zoeken %{resource}
+  time:
+    formats:
+      time_without_date: "%H:%M:%S"

config/locales/administrate.pl.yml

@@ -26,3 +26,6 @@ pl:
     search:
       clear: Wyczyść wyszukiwanie
       label: Szukanie %{resource}
+  time:
+    formats:
+      time_without_date: "%H:%M:%S"

config/locales/administrate.pt-BR.yml

@@ -27,3 +27,6 @@ pt-BR:
     search:
       clear: Limpar pesquisa
       label: Pesquisa %{resource}
+  time:
+    formats:
+      time_without_date: "%H:%M:%S"

config/locales/administrate.pt.yml

@@ -27,3 +27,6 @@ pt:
     search:
       clear: Limpar pesquisa
       label: Pesquisa %{resource}
+  time:
+    formats:
+      time_without_date: "%H:%M:%S"

config/locales/administrate.ru.yml

@@ -26,3 +26,6 @@ ru:
     search:
       clear: Очистить поиск
       label: Поиск %{resource}
+  time:
+    formats:
+      time_without_date: "%H:%M:%S"

config/locales/administrate.sv.yml

@@ -26,3 +26,6 @@ sv:
     search:
       clear: Rensa sökningen
       label: Sök %{resource}
+  time:
+    formats:
+      time_without_date: "%H:%M:%S"

config/locales/administrate.uk.yml

@@ -26,3 +26,6 @@ uk:
     search:
       clear: Очистити пошук
       label: пошук %{resource}
+  time:
+    formats:
+      time_without_date: "%H:%M:%S"

config/locales/administrate.vi.yml

@@ -26,3 +26,6 @@ vi:
     search:
       clear: Tìm kiếm rõ ràng
       label: Tìm kiếm %{resource}
+  time:
+    formats:
+      time_without_date: "%H:%M:%S"

config/locales/administrate.zh-CN.yml

@@ -26,3 +26,6 @@ zh-CN:
     search:
       clear: 清除搜索
       label: 搜索 %{resource}
+  time:
+    formats:
+      time_without_date: "%H:%M:%S"

config/locales/administrate.zh-TW.yml

@@ -26,3 +26,6 @@ zh-TW:
     search:
       clear: 清除搜索
       label: 搜索 %{resource}
+  time:
+    formats:
+      time_without_date: "%H:%M:%S"

lib/administrate/base_dashboard.rb

@@ -1,5 +1,6 @@
 require "administrate/field/belongs_to"
 require "administrate/field/boolean"
+require "administrate/field/date"
 require "administrate/field/date_time"
 require "administrate/field/email"
 require "administrate/field/has_many"
@@ -9,6 +10,7 @@
 require "administrate/field/select"
 require "administrate/field/string"
 require "administrate/field/text"
+require "administrate/field/time"
 
 module Administrate
   class BaseDashboard

lib/administrate/field/date.rb

@@ -0,0 +1,17 @@
+require_relative "base"
+
+module Administrate
+  module Field
+    class Date < Base
+      def date
+        I18n.localize(data.to_date, format: format)
+      end
+
+      private
+
+      def format
+        options.fetch(:format, :default)
+      end
+    end
+  end
+end

lib/administrate/field/time.rb

@@ -0,0 +1,17 @@
+require_relative "base"
+
+module Administrate
+  module Field
+    class Time < Base
+      def time
+        I18n.localize(data, format: format)
+      end
+
+      private
+
+      def format
+        options.fetch(:format, :time_without_date)
+      end
+    end
+  end
+end

lib/generators/administrate/dashboard/dashboard_generator.rb

@@ -5,12 +5,12 @@ module Generators
     class DashboardGenerator < Rails::Generators::NamedBase
       ATTRIBUTE_TYPE_MAPPING = {
         boolean: "Field::Boolean",
-        date: "Field::DateTime",
+        date: "Field::Date",
         datetime: "Field::DateTime",
         enum: "Field::String",
         float: "Field::Number",
         integer: "Field::Number",
-        time: "Field::DateTime",
+        time: "Field::Time",
         text: "Field::Text",
         string: "Field::String",
       }

spec/example_app/app/dashboards/customer_dashboard.rb

@@ -10,6 +10,8 @@ class CustomerDashboard < Administrate::BaseDashboard
     orders: Field::HasMany.with_options(limit: 2),
     updated_at: Field::DateTime,
     kind: Field::Select.with_options(collection: Customer::KINDS),
+    birth_date: Field::Date,
+    birth_time: Field::Time,
   }
 
   COLLECTION_ATTRIBUTES = ATTRIBUTE_TYPES.keys
@@ -19,6 +21,8 @@ class CustomerDashboard < Administrate::BaseDashboard
     :email,
     :email_subscriber,
     :kind,
+    :birth_date,
+    :birth_time,
   ].freeze
 
   def display_resource(customer)

spec/example_app/db/migrate/20170224010823_add_birth_date_to_customer.rb

@@ -0,0 +1,5 @@
+class AddBirthDateToCustomer < ActiveRecord::Migration[5.1]
+  def change
+    add_column :customers, :birth_date, :date
+  end
+end

spec/example_app/db/migrate/20170224024549_add_birth_time_to_customer.rb

@@ -0,0 +1,5 @@
+class AddBirthTimeToCustomer < ActiveRecord::Migration[5.1]
+  def change
+    add_column :customers, :birth_time, :time
+  end
+end

spec/example_app/db/schema.rb

@@ -30,6 +30,8 @@
     t.datetime "updated_at", null: false
     t.boolean "email_subscriber"
     t.string "kind", default: "standard", null: false
+    t.date "birth_date"
+    t.time "birth_time"
   end
 
   create_table "line_items", id: :serial, force: :cascade do |t|