elandesign/formtastic_calendar

An input plugin for Formtastic to render date fields using the Rails Date Kit.

FormtasticCalendar

An extension for Formtastic¹ to generate lightweight javascript calendar date inputs using the Rails Date Kit²

Example

Where Task#due_date is a :date field

<% semantic_form_for @task do |form| %>
  <% form.inputs do %>
    <%= form.input :due_date, :as => :calendar, :format => '%d %b %Y' %>
  <% end %>
<% end %>

:format is optional as it will default to the local default date format as defined in ActiveSupport::CoreExtensions::Date::Conversions::DATE_FORMATS.

Dependencies

You must have the formtastic gem/plugin added to your application.

Required images, javascript and stylesheet can be installed using the generator:

./script/generate formtastic_calendar

Don’t forget to add them to your application layout

<%= stylesheet_link_tag 'calendar' %>
<%= javascript_include_tag 'calendar' %>

Todo

Test, test, test…

Attempt to port this to unobtrusive javascript, and provide graceful degradation if possible.

References

¹ Formtastic @ GitHub

² Rails Date Kit

Copyright © 2009 Paul Smith, released under the MIT license