RubyGems - rd_unobtrusive_date_picker - Versions diffs - 0.1.0 - Mend

rd_unobtrusive_date_picker 0.1.0

Files changed (47) hide show

data/MIT-LICENSE +19 -0
data/Manifest +45 -0
data/README.rdoc +165 -0
data/Rakefile +29 -0
data/about.yml +7 -0
data/init.rb +8 -0
data/install.rb +14 -0
data/lib/12_hour_time.rb +102 -0
data/lib/unobtrusive_date_picker.rb +407 -0
data/public/images/backstripes.gif +0 -0
data/public/images/bg_header.jpg +0 -0
data/public/images/bullet1.gif +0 -0
data/public/images/bullet2.gif +0 -0
data/public/images/cal.gif +0 -0
data/public/images/gradient-e5e5e5-ffffff.gif +0 -0
data/public/javascripts/datepicker.js +1445 -0
data/public/javascripts/lang/af.js +40 -0
data/public/javascripts/lang/ar.js +50 -0
data/public/javascripts/lang/de.js +40 -0
data/public/javascripts/lang/du.js +40 -0
data/public/javascripts/lang/en.js +42 -0
data/public/javascripts/lang/es.js +41 -0
data/public/javascripts/lang/fi.js +40 -0
data/public/javascripts/lang/fr.js +44 -0
data/public/javascripts/lang/gr.js +40 -0
data/public/javascripts/lang/he.js +49 -0
data/public/javascripts/lang/it.js +13 -0
data/public/javascripts/lang/nl.js +40 -0
data/public/javascripts/lang/no.js +40 -0
data/public/javascripts/lang/pt.js +50 -0
data/public/javascripts/lang/ro.js +40 -0
data/public/javascripts/lang/ru.js +40 -0
data/public/javascripts/lang/sp.js +40 -0
data/public/javascripts/lang/sv.js +41 -0
data/public/javascripts/lang/ua.js +40 -0
data/public/stylesheets/datepicker.css +263 -0
data/spec/date_picker_tag_spec.rb +122 -0
data/spec/date_picker_text_field_spec.rb +54 -0
data/spec/datepicker_html_class_options_spec.rb +281 -0
data/spec/spec.opts +12 -0
data/spec/spec_helper.rb +52 -0
data/spec/tag_matcher.rb +142 -0
data/spec/unobtrusive_date_picker_spec.rb +129 -0
data/tasks/datepicker_tasks.rake +17 -0
data/uninstall.rb +12 -0
data/unobtrusive_date_picker.gemspec +30 -0
metadata +116 -0

data/MIT-LICENSE ADDED

@@ -0,0 +1,19 @@
+Copyright (c) 2007 Brian J. Landau, <brianjlandau@gmail.com>
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/Manifest ADDED

@@ -0,0 +1,45 @@
+MIT-LICENSE
+Manifest
+README.rdoc
+Rakefile
+about.yml
+init.rb
+install.rb
+lib/12_hour_time.rb
+lib/unobtrusive_date_picker.rb
+public/images/backstripes.gif
+public/images/bg_header.jpg
+public/images/bullet1.gif
+public/images/bullet2.gif
+public/images/cal.gif
+public/images/gradient-e5e5e5-ffffff.gif
+public/javascripts/datepicker.js
+public/javascripts/lang/af.js
+public/javascripts/lang/ar.js
+public/javascripts/lang/de.js
+public/javascripts/lang/du.js
+public/javascripts/lang/en.js
+public/javascripts/lang/es.js
+public/javascripts/lang/fi.js
+public/javascripts/lang/fr.js
+public/javascripts/lang/gr.js
+public/javascripts/lang/he.js
+public/javascripts/lang/it.js
+public/javascripts/lang/nl.js
+public/javascripts/lang/no.js
+public/javascripts/lang/pt.js
+public/javascripts/lang/ro.js
+public/javascripts/lang/ru.js
+public/javascripts/lang/sp.js
+public/javascripts/lang/sv.js
+public/javascripts/lang/ua.js
+public/stylesheets/datepicker.css
+spec/date_picker_tag_spec.rb
+spec/date_picker_text_field_spec.rb
+spec/datepicker_html_class_options_spec.rb
+spec/spec.opts
+spec/spec_helper.rb
+spec/tag_matcher.rb
+spec/unobtrusive_date_picker_spec.rb
+tasks/datepicker_tasks.rake
+uninstall.rb

data/README.rdoc ADDED

@@ -0,0 +1,165 @@
+= Unobtrusive Date-Picker Widget Plugin
+This is a helper for creating a date or date-time picker that uses the
+Unobtrusive Date-Picker Widget(sic)
+(http://www.frequency-decoder.com/2006/10/02/unobtrusive-date-picker-widgit-update)
+to add a clickable calendar image that will bring up a calendar picker if
+javascript is available. It replicates as much of the API of the Rails
+`date_select`, and `datetime_select` form helpers.
+It also uses the 12 Hour Time plugin
+(http://code.google.com/p/rails-twelve-hour-time-plugin/) so that 12 Hour times
+can be processed by Active Record.
+You may want to consider compressing the javascript files with Dean Edward's
+Packer (http://dean.edwards.name/packer/) or Douglas Crockford's JSMin
+(http://www.crockford.com/javascript/jsmin.html) before deploying your
+application.
+== Install
+   `script/plugin install git://github.com/brianjlandau/unobtrusive_date_picker.git`
+== Usage
+To be able to use the date-picker methods below you need to include the
+javascript library file and CSS stylesheet in the <head> of your layout
+template. You can do this either by manually including the files via a
+`javascript_include_tag` and a `stylesheet_link_tag` (the files are both named
+"datepicker"), OR by using the included `unobtrusive_datepicker_includes` helper
+method, which will do this for you.
+There are 4 main methods:
+   - unobtrusive_date_picker
+   - unobtrusive_datetime_picker
+   - unobtrusive_date_picker_tags
+   - unobtrusive_datetime_picker_tags
+   - unobtrusive_date_text_picker
+   - unobtrusive_date_text_picker_tag
+Options (* indicates same functionality as is in Rails Date helpers):
+   - *:order => the order the selects should be positioned in
+   - *:include_blank => include a blank option at the top of every select
+   - *:start_year => year that the year select should start on (defaults to 5
+                     below either the year of the date value or current year)
+   - *:end_year => year that the year select should end on (defaults to 5 above
+                   either the year of the date value or current year)
+   - *:minute_step => how many minutes apart each minute option should be
+       - example: (:minute_step => 5) would result in [0, 15, 30, 45] as options
+   - *:use_short_month => use short month names (Jan, Feb, etc.) instead of long
+                          names (January) for option text
+   - *:use_month_numbers => use month numbers instead of names for option text
+   - *:add_month_numbers => add month numbers to names for option text ("1 - January")
+   - :highlight_days => which days of the week should be highlighted in the datepicker (by default Saturday and Sunday)
+       - Excepts either a string of number representing days of the week (0 = Monday, 1 = Tuesday ... 6 = Sunday)
+       - Or a singular symbol for one day of the week
+       - Or an array of symbols representing days of the week, i.e. [:Monday, :Sunday]
+   - :range_low => the low range of acceptable dates (not times) for this input
+       - managed by the Javascript, thus should be enforced with your own validations
+       - Excepts:
+         - One of the following symbols: :today, :tomorrow, :yesterday
+         - A string representation of a date
+         - A Date, DateTime, or Time object
+   - :range_high => the high range of acceptable dates (not times) for this input
+       - Excepts same options as :range_low; also managed by javascript
+   - :disable_days => days of the week that may not be selected
+       - Excepts the same format as :highlight_days
+       - Also managed by javascript
+   - :no_transparency => if set to true it disables the fade in/out
+                         visual effect of the datepicker
+The `unobtrusive_date_text_picker` and `unobtrusive_date_text_picker_tag` methods
+don't except the ":order", ":include_blank", ":start_year", ":end_year", ":minute_step", ":use_short_month",
+":use_month_numbers", and ":add_month_numbers" options.
+It does use these options though:
+   - :format => the format the date should be in
+      - m-d-y
+      - d-m-y
+      - y-m-d
+   - :divider => the divider used between the dates
+      - "slash" or "/"
+      - "dash"  or "-"
+      - "dot"   or "."
+      - "space" or " "
+==== RJS Method
+There is an additional RJS method to re initialize the Date Pickers when an AJAX
+response is supplied to the client:
+   - unobtrusive_date_picker_create
+      - This method can accept the DOM ID of a year select element to turn into
+        a date picker widget or if none is provided it will create all based on
+        the appropriate class name.
+==== Rake task
+There is also a rake task that can be executed by running `rake
+datepicker:update` in your Rails apps root directory. This task will update your
+datepicker javascripts, stylesheets, and images. This is useful if you are using
+an old version of the plugin that had an older version of the Unobtrusive
+Date-Picker Widget Javascript library, or in the future when new version are
+release and I update the plugin with them.
+=== Example:
+   <% form_for :article, :url => { :action => @form_action, :id => @article } do |f| %>
+   <fieldset>
+      ...
+      <label>Date: <%= f.unobtrusive_datetime_picker :date %></label><br />
+      ...
+   </fieldset>
+   <% end %>
+=== Produces (Current date when output: 12/6/07):
+   <form action="/form/create" method="post">
+      <fieldset>
+         <label>Date:
+   	      <select id="article_date-dd" name="article[date(3i)]">
+               <option value="1">1</option>
+               ...
+               <option value="31">31</option>
+            </select>
+            <select id="article_date-mm" name="article[date(2i)]">
+               <option value="1">January</option>
+               ...
+               <option value="12" selected="selected">December</option>
+            </select>
+            <select id="article_date" name="article[date(1i)]" class="split-date">
+               <option value="2002">2002</option>
+               ...
+               <option value="2012">2012</option>
+            </select>
+             &nbsp;
+            <select id="article_date_4i" name="article[date(4i)][hour]">
+               <option value="1">1</option>
+               ...
+               <option value="12">12</option>
+            </select>
+             :
+            <select id="article_date_5i" name="article[date(5i)][minute]">
+               <option value="00">00</option>
+               ...
+               <option value="59">59</option>
+            </select>
+            <select id="article_date_6i" name="article[date(6i)][ampm]">
+               <option value="AMPM>AMPM</option>
+               <option value="AMPM>AMPM</option>
+            </select>
+         </label><br />
+      </fieldset>
+   </form>
+== LICENSE
+See MIT-LICENSE file for copyright and licensing information for this plugin.
+Unobtrusive Date-Picker Widget is provided under the Creative Commons Attribution-ShareAlike 2.5 license (http://creativecommons.org/licenses/by-sa/2.5/) by frequency-decoder.com

data/Rakefile ADDED

@@ -0,0 +1,29 @@
+require 'rake'
+require 'rake/rdoctask'
+require 'rubygems'
+require 'spec/rake/spectask'
+desc 'Generate documentation for the unobtrusive_date_picker plugin.'
+Rake::RDocTask.new(:rdoc) do |rdoc|
+   rdoc.rdoc_dir = 'rdoc'
+   rdoc.title    = 'Unobtrusive Date-Picker'
+   rdoc.options << '--line-numbers' << '--inline-source'
+   rdoc.rdoc_files.add ['lib/**/*.rb', 'README.rdoc']
+   rdoc.options << '--main' << 'README.rdoc'
+end
+desc "Run all specs"
+Spec::Rake::SpecTask.new do |t|
+  t.spec_opts = ['--options', 'spec/spec.opts']
+end
+require 'echoe'
+Echoe.new('unobtrusive_date_picker', '0.1.0') do |p|
+  p.description     = "Helper for creating a date or date-time picker that uses the Unobtrusive Date-Picker Widge"
+  p.url             = "http://github.com/brianjlandau/unobtrusive_date_picker"
+  p.author          = "Brian landau"
+  p.email           = ""
+  p.ignore_pattern  = ["tmp/*", "script/*"]
+  p.development_dependencies = []
+end

data/about.yml ADDED

@@ -0,0 +1,7 @@
+name: Unobtrusive Date-Picker Widget
+author: Brian Landau
+version: 2.0
+description: Helper to create a set of Date/Time selects that use the Unobtrusive Date Picker Widget.
+url: http://github.com/brianjlandau/unobtrusive_date_picker/
+install: git@github.com:brianjlandau/unobtrusive_date_picker.git
+license: MIT

data/init.rb ADDED

@@ -0,0 +1,8 @@
+require '12_hour_time'
+require 'unobtrusive_date_picker'
+# Include all the necessary functions in to the appropriate point in the Rails framework
+ActionView::Base.send :include, UnobtrusiveDatePicker::UnobtrusiveDatePickerHelper
+ActionView::Helpers::DateHelper.send :include, UnobtrusiveDatePicker::UnobtrusiveDatePickerHelper
+ActionView::Base.send :include, UnobtrusiveDatePicker::AssetTagHelper
+ActionView::Helpers::AssetTagHelper.send :include, UnobtrusiveDatePicker::AssetTagHelper

data/install.rb ADDED

@@ -0,0 +1,14 @@
+require 'fileutils'
+# Install all the needed support files (CSS and JavaScript)
+js_dir = File.dirname(__FILE__) + '/../../../public/javascripts/'
+datepicker_js = js_dir + 'datepicker.js'
+lang_dir = js_dir + 'lang'
+datepicker_css = File.dirname(__FILE__) + '/../../../public/stylesheets/datepicker.css'
+images_dir = File.dirname(__FILE__) + '/../../../public/images/datepicker'
+FileUtils.cp File.dirname(__FILE__) + '/public/javascripts/datepicker.js', datepicker_js unless File.exists?(datepicker_js)
+FileUtils.cp_r File.dirname(__FILE__) + '/public/javascripts/lang/', lang_dir unless File.exists?(lang_dir)
+FileUtils.cp File.dirname(__FILE__) + '/public/stylesheets/datepicker.css', datepicker_css unless File.exists?(datepicker_css)
+FileUtils.cp_r File.dirname(__FILE__) + '/public/images/', images_dir unless File.exists?(images_dir)

data/lib/12_hour_time.rb ADDED

@@ -0,0 +1,102 @@
+#
+# == Rails Twelve Hour Time Plugin
+#
+# http://code.google.com/p/rails-twelve-hour-time-plugin/
+#
+# ==== Authors
+# * Nick Muerdter (original code)
+# * Maurice Aubrey
+#
+# ==== Used for
+# Allows UnobtrusiveDatePicker::UnobtrusiveDatePickerHelper to use a AM/PM select of it's own,
+# and still be processed correctly by Active Record.
+#
+# :enddoc:
+if defined? ActiveRecord
+class ActiveRecord::Base # :nodoc: all
+  def instantiate_time_object_with_ampm(name, values)
+    if values.last < 0
+      ampm = values.pop
+      if ampm == ActionView::Helpers::DateTimeSelector::AM and values[3] == 12
+        values[3] = 0
+      elsif ampm == ActionView::Helpers::DateTimeSelector::PM and values[3] != 12
+        values[3] += 12
+      end
+    end
+    instantiate_time_object_without_ampm(name, values)
+  end
+  alias_method_chain :instantiate_time_object, :ampm
+end
+end
+ActionView::Helpers::DateTimeSelector.send(:remove_const, :POSITION)
+ActionView::Helpers::DateTimeSelector.const_set(:POSITION, {
+  :year => 1, :month => 2, :day => 3, :hour => 4, :minute => 5,
+  :second => 6, :ampm => 7
+})
+# Included manully in UnobtrusiveDatePicker
+# module ActionView::Helpers
+#   class DateTimeSelector
+#     POSITION = {
+#       :year => 1, :month => 2, :day => 3, :hour => 4, :minute => 5,
+#       :second => 6, :ampm => 7
+#     }
+#     # XXX would like to do this, but it's frozen
+#     # POSITION[:ampm] = 7
+#
+#     # We give them negative values so can differentiate between normal
+#     # date/time values. The way the multi param stuff works, from what I
+#     # can see, results in a variable number of fields (if you tell it to
+#     # include seconds, for example). So we expect the AM/PM field, if
+#     # present, to be last and have a negative value.
+#     AM = -1
+#     PM = -2
+#
+#     def select_hour_with_ampm
+#       unless @options[:twelve_hour]
+#         return select_hour_without_ampm
+#       end
+#
+#       if @options[:use_hidden] || @options[:discard_hour]
+#         build_hidden(:hour, hour12)
+#       else
+#         build_options_and_select(:hour, hour12, :start => 1, :end => 12)
+#       end
+#     end
+#
+#     alias_method_chain :select_hour, :ampm
+#
+#     def select_ampm
+#       selected = hour < 12 ? AM : PM
+#
+#       # XXX i18n?
+#       label = { AM => 'AM', PM => 'PM' }
+#       ampm_options = []
+#       [AM, PM].each do |meridiem|
+#         option = { :value => meridiem }
+#         option[:selected] = "selected" if selected == meridiem
+#         ampm_options << content_tag(:option, label[meridiem], option) + "\n"
+#       end
+#       build_select(:ampm, ampm_options.join)
+#     end
+#
+#     private
+#
+#     def build_selects_from_types_with_ampm(order)
+#       order += [:ampm] if @options[:twelve_hour] and !order.include?(:ampm)
+#       build_selects_from_types_without_ampm(order)
+#     end
+#
+#     alias_method_chain :build_selects_from_types, :ampm
+#
+#     def hour12
+#       h12 = hour % 12
+#       h12 = 12 if h12 == 0
+#       return h12
+#     end
+#   end
+# end

data/lib/unobtrusive_date_picker.rb ADDED

@@ -0,0 +1,407 @@
+require File.join(File.dirname(__FILE__), '12_hour_time')
+module UnobtrusiveDatePicker
+  DATEPICKER_DEFAULT_NAME_ID_SUFFIXES = { :year  => {:id => '',   :name => 'year'},
+                                          :month => {:id => 'mm', :name => 'month'},
+                                          :day   => {:id => 'dd', :name => 'day'} }
+  DATEPICKER_DAYS_OF_WEEK = { :Monday     => '0',
+                              :Tuesday    => '1',
+                              :Wednesday  => '2',
+                              :Thursday   => '3',
+                              :Friday     => '4',
+                              :Saturday   => '5',
+                              :Sunday     => '6'}
+  DATEPICKER_DIVIDERS = { 'slash' => '/',
+                          'dash'  => '-',
+                          'dot'   => '.',
+                          'space' => ' ' }
+  RANGE_DATE_FORMAT = '%Y-%m-%d'
+  # == Unobtrusive Date-Picker Helper
+  #
+  # This Module helps to create date and date-time fields that use the
+  # Unobtrusive Date-Picker Javascript Widget.
+  #
+  # They also use the 12-hour AM/PM time format.
+  #
+  module UnobtrusiveDatePickerHelper
+    ##
+    # Creates the date picker with the calendar widget.
+    #
+    def unobtrusive_date_picker(object_name, method, options = {}, html_options = {})
+      ActionView::Helpers::InstanceTag.new(object_name, method, self, options.delete(:object)).to_datepicker_date_select_tag(options, html_options)
+    end
+    ##
+    # Creates the date-time picker with the calendar widget, and AM/PM select.
+    #
+    def unobtrusive_datetime_picker(object_name, method, options = {}, html_options = {})
+      ActionView::Helpers::InstanceTag.new(object_name, method, self, options.delete(:object)).to_datepicker_datetime_select_tag(options, html_options)
+    end
+    ##
+    # Creates the date picker with the calendar widget.
+    #
+    def unobtrusive_date_text_picker(object_name, method, options = {}, html_options = {})
+      ActionView::Helpers::InstanceTag.new(object_name, method, self, options.delete(:object)).to_datepicker_text_tag(options, html_options)
+    end
+    def unobtrusive_datetime_picker_tags(datetime = Time.current, options = {}, html_options = {})
+      datetime ||= Time.current
+      DateTimePickerSelector.new(datetime, options.merge(:twelve_hour => true), html_options).select_datetime
+    end
+    def unobtrusive_date_picker_tags(date = Date.current, options = {}, html_options = {})
+      date ||= Date.current
+      DateTimePickerSelector.new(date, options, html_options).select_date
+    end
+    ##
+    # Creates the text field based date picker with the calendar widget without a model object.
+    #
+    def unobtrusive_date_text_picker_tag(name, date = Date.current, options = {}, html_options = {})
+      date ||= Date.current
+      options = merge_defaults_for_text_picker(options)
+      DateTimePickerSelector.new(date, options, html_options).text_date_picker(name)
+    end
+    private
+      def merge_defaults_for_text_picker(options)
+        defaults = {:format => 'm-d-y', :divider => 'slash'}
+        options = defaults.merge(options)
+      end
+  end
+  module AssetTagHelper
+    ##
+    # This will add the necessary <link> and <script> tags to include the necessary stylesheet and
+    # javascripts.
+    #
+    def unobtrusive_datepicker_includes(options = {})
+      tags = []
+      tags << javascript_include_tag('datepicker', options)
+      tags << stylesheet_link_tag('datepicker', options)
+      tags * "\n"
+    end
+  end
+  module OptionParser
+    protected
+    def parse_divider_option(option)
+      if DATEPICKER_DIVIDERS.keys.include?(option)
+        option
+      else
+        DATEPICKER_DIVIDERS.find {|name, value| option == value}.first
+      end
+    end
+    def format_date_value_for_text_field(value, format, divider_option)
+      divider = DATEPICKER_DIVIDERS[parse_divider_option(divider_option)]
+      format_string = format.downcase.gsub(/(m|d)/, '%\1').gsub(/y/, '%Y').gsub('-', divider)
+      value.nil? ? '' : value.strftime(format_string)
+    end
+    def get_html_classes_for_datepicker(options, html_options_class, extra_class = nil)
+      html_classes = make_date_picker_class_options(options)
+      html_classes << extra_class if extra_class
+      html_options_class.blank? ?
+        html_classes.join(' ') : "#{html_options_class} #{html_classes.join(' ')}"
+    end
+    def make_date_picker_class_options(options)
+      html_classes = []
+      if options[:highlight_days]
+        highlight_days = parse_days_of_week(options[:highlight_days])
+        if !highlight_days.blank?
+          html_classes << "highlight-days-#{highlight_days}"
+        end
+      end
+      if options[:range_low]
+        range_low = parse_range_option(options[:range_low], 'low')
+        if !range_low.blank?
+          html_classes << range_low
+        end
+      end
+      if options[:range_high]
+        range_high = parse_range_option(options[:range_high], 'high')
+        if !range_high.blank?
+          html_classes << range_high
+        end
+      end
+      if options[:disable_days]
+        disable_days = parse_days_of_week(options[:disable_days])
+        if !disable_days.blank?
+          html_classes << "disable-days-#{disable_days}"
+        end
+      end
+      if options[:no_transparency]
+        html_classes << 'no-transparency'
+      end
+      if options[:format] && %W(d-m-y m-d-y y-m-d).include?(options[:format].downcase)
+        html_classes << "format-#{options[:format].downcase}"
+      end
+      if options[:divider]
+        html_classes << "divider-#{parse_divider_option(options[:divider])}"
+      end
+      html_classes
+    end
+    def parse_days_of_week(option)
+      if option.is_a? String
+        option
+      elsif option.is_a? Symbol
+        DATEPICKER_DAYS_OF_WEEK[option]
+      elsif option.is_a? Array
+        days = ''
+        option.each do |day|
+          days << DATEPICKER_DAYS_OF_WEEK[day]
+        end
+        days
+      end
+    end
+    def parse_range_option(option, direction)
+      if option.is_a? Symbol
+        case option
+        when :today
+          range_class = 'today'
+        when :tomorrow
+          range_class = Date.tomorrow.strftime(RANGE_DATE_FORMAT)
+        when :yesterday
+          range_class = Date.yesterday.strftime(RANGE_DATE_FORMAT)
+        end
+      elsif option.is_a? String
+        if !option.blank?
+          range_class = Date.parse(option).strftime(RANGE_DATE_FORMAT)
+        else
+          range_class = nil
+        end
+      elsif (option.is_a?(Date) || option.is_a?(DateTime) || option.is_a?(Time))
+        range_class = option.strftime(RANGE_DATE_FORMAT)
+      else
+        range_class = nil
+      end
+      if !range_class.blank?
+        range_class = 'range-' + direction + '-' + range_class
+      else
+        nil
+      end
+    end
+  end
+  class DateTimePickerSelector < ActionView::Helpers::DateTimeSelector
+    include ActionView::Helpers::FormTagHelper
+    include OptionParser
+    POSITION = {
+      :year => 1, :month => 2, :day => 3, :hour => 4, :minute => 5,
+      :second => 6, :ampm => 7
+    }
+    # XXX would like to do this, but it's frozen
+    # POSITION[:ampm] = 7
+    # We give them negative values so can differentiate between normal
+    # date/time values. The way the multi param stuff works, from what I
+    # can see, results in a variable number of fields (if you tell it to
+    # include seconds, for example). So we expect the AM/PM field, if
+    # present, to be last and have a negative value.
+    AM = -1
+    PM = -2
+    def text_date_picker(name)
+      value = format_date_value_for_text_field(@datetime, @options[:format], @options[:divider])
+      @html_options[:class] = get_html_classes_for_datepicker(@options, @html_options[:class])
+      text_field_tag(name, value, @html_options)
+    end
+    def select_hour_with_ampm
+      unless @options[:twelve_hour]
+        return select_hour_without_ampm
+      end
+      if @options[:use_hidden] || @options[:discard_hour]
+        build_hidden(:hour, hour12)
+      else
+        build_options_and_select(:hour, hour12, :start => 1, :end => 12)
+      end
+    end
+    alias_method_chain :select_hour, :ampm
+    def select_ampm
+      selected = hour < 12 ? AM : PM
+      # XXX i18n?
+      label = { AM => 'AM', PM => 'PM' }
+      ampm_options = []
+      [AM, PM].each do |meridiem|
+        option = { :value => meridiem }
+        option[:selected] = "selected" if selected == meridiem
+        ampm_options << content_tag(:option, label[meridiem], option) + "\n"
+      end
+      build_select(:ampm, ampm_options.join)
+    end
+    private
+      def build_selects_from_types_with_ampm(order)
+        order += [:ampm] if @options[:twelve_hour] and !order.include?(:ampm)
+        build_selects_from_types_without_ampm(order)
+      end
+      alias_method_chain :build_selects_from_types, :ampm
+      def hour12
+        h12 = hour % 12
+        h12 = 12 if h12 == 0
+        return h12
+      end
+      def build_select(type, select_options_as_html)
+        select_options = @html_options.merge(
+          :id => input_id_from_type(type, @html_options[:id]),
+          :name => input_name_from_type(type)
+        )
+        select_options.merge!(:disabled => 'disabled') if @options[:disabled]
+        if type.to_sym == :year
+          select_options[:class] = get_html_classes_for_datepicker(@options, select_options[:class], 'split-date')
+        end
+        select_html = "\n"
+        select_html << content_tag(:option, '', :value => '') + "\n" if @options[:include_blank]
+        select_html << prompt_option_tag(type, @options[:prompt]) + "\n" if @options[:prompt]
+        select_html << select_options_as_html.to_s
+        content_tag(:select, select_html, select_options) + "\n"
+      end
+      def build_hidden(type, value)
+        hidden_html_options = {
+          :type => "hidden",
+          :id => input_id_from_type(type, @html_options[:id]),
+          :name => input_name_from_type(type),
+          :value => value
+        }
+        if type.to_sym == :year
+          hidden_html_options[:class] = get_html_classes_for_datepicker(@options, hidden_html_options[:class], 'split-date')
+        end
+        tag(:input, hidden_html_options) + "\n"
+      end
+      def input_id_from_type(type, html_options_id = nil)
+        if html_options_id.blank?
+          prefix = @options[:prefix] || ActionView::Helpers::DateTimeSelector::DEFAULT_PREFIX
+          prefix += "_#{@options[:index]}" if @options.has_key?(:index)
+          prefix += "_#{@options[:field_name]}" if @options.has_key?(:field_name)
+        else
+          prefix = html_options_id
+        end
+        case type.to_sym
+          when :year
+            prefix
+          when :month
+            prefix + '-mm'
+          when :day
+            prefix + '-dd'
+          else
+            super(type)
+        end
+      end
+  end
+end
+# /UnobtrusiveDatePicker
+module ActionView # :nodoc: all
+  module Helpers
+    class InstanceTag
+      include UnobtrusiveDatePicker::UnobtrusiveDatePickerHelper
+      include UnobtrusiveDatePicker::OptionParser
+      def to_datepicker_date_select_tag(options = {}, html_options = {})
+        datepicker_selector(options, html_options).select_date
+      end
+      def to_datepicker_datetime_select_tag(options = {}, html_options = {})
+        datepicker_selector(options.merge(:twelve_hour => true), html_options).select_datetime
+      end
+      def to_datepicker_text_tag(options = {}, html_options = {})
+        options = merge_defaults_for_text_picker(options)
+        html_options[:class] = get_html_classes_for_datepicker(options, html_options[:class])
+        html_options[:value] = format_date_value_for_text_field(value(object), options[:format], options[:divider])
+        to_input_field_tag('text', html_options)
+      end
+      private
+        def datepicker_selector(options, html_options)
+          datetime = value(object) || default_datetime(options)
+          options = options.dup
+          options[:field_name]           = @method_name
+          options[:include_position]     = true
+          options[:prefix]             ||= @object_name
+          options[:index]                = @auto_index if @auto_index && !options.has_key?(:index)
+          options[:datetime_separator] ||= ' &mdash; '
+          options[:time_separator]     ||= ' : '
+          UnobtrusiveDatePicker::DateTimePickerSelector.new(datetime, options.merge(:tag => true), html_options)
+        end
+    end
+  end
+end
+module ActionView::Helpers::PrototypeHelper
+  class JavaScriptGenerator
+    module GeneratorMethods
+      def unobtrusive_date_picker_create(id = nil)
+        if id
+          call "datePickerController.create", "$(#{id})"
+        else
+          record "datePickerController.create"
+        end
+      end
+      def unobtrusive_date_picker_cleanup(id = nil)
+        record "datePickerController.cleanUp"
+      end
+    end
+  end
+end
+module ActionView # :nodoc: all
+  module Helpers
+    class FormBuilder
+      def unobtrusive_date_picker(method, options = {}, html_options = {})
+        @template.unobtrusive_date_picker(@object_name, method, objectify_options(options), html_options)
+      end
+      def unobtrusive_date_text_picker(method, options = {}, html_options = {})
+        @template.unobtrusive_date_text_picker(@object_name, method, objectify_options(options), html_options)
+      end
+      def unobtrusive_datetime_picker(method, options = {}, html_options = {})
+        @template.unobtrusive_datetime_picker(@object_name, method, objectify_options(options), html_options)
+      end
+    end
+  end
+end