RubyGems - rd_unobtrusive_date_picker - Versions diffs - 0.1.0 - Mend

rd_unobtrusive_date_picker 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

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