Update to version 1.9.7

Author: Martin Meier

Rakefile

@@ -4,7 +4,8 @@ desc "Change css url calls to use sass-rails' asset-url"
 task :change_css_url do
   Dir.chdir('vendor/assets/stylesheets/zebra-datepicker/')
   Dir.glob('*.scss').each do |filename|
-    content = File.read(filename).gsub!(" url('../images/", " asset-url('zebra-datepicker/")
+    template = File.basename(filename, '.scss')
+    content = File.read(filename).gsub!(' url("', ' asset-url("zebra-datepicker/' + template + '/')
     file = File.open(filename, 'w')
     file.write(content)
     file.close
@@ -14,17 +15,17 @@ end
 desc 'Copy Assets from Zebra_Datepicker'
 task :copy do
   {
-    'public/css/bootstrap.css' => 'vendor/assets/stylesheets/zebra-datepicker/bootstrap.scss',
-    'public/css/default.css'   => 'vendor/assets/stylesheets/zebra-datepicker/default.scss',
-    'public/css/metallic.css'  => 'vendor/assets/stylesheets/zebra-datepicker/metallic.scss',
+    'dist/css/bootstrap/zebra_datepicker.css' => 'vendor/assets/stylesheets/zebra-datepicker/bootstrap.scss',
+    'dist/css/default/zebra_datepicker.css'   => 'vendor/assets/stylesheets/zebra-datepicker/default.scss',
+    'dist/css/metallic/zebra_datepicker.css'  => 'vendor/assets/stylesheets/zebra-datepicker/metallic.scss',
 
-    'public/images/metallic/'             => 'vendor/assets/images/zebra-datepicker/',
-    'public/images/calendar-disabled.png' => 'vendor/assets/images/zebra-datepicker/',
-    'public/images/calendar.png'          => 'vendor/assets/images/zebra-datepicker/',
+    'dist/css/bootstrap/icons.png' => 'vendor/assets/images/zebra-datepicker/bootstrap/icons.png',
+    'dist/css/default/icons.png'   => 'vendor/assets/images/zebra-datepicker/default/icons.png',
+    'dist/css/metallic/icons.png'  => 'vendor/assets/images/zebra-datepicker/metallic/icons.png',
 
-    'public/javascript/zebra_datepicker.js' => 'vendor/assets/javascripts/zebra-datepicker/',
-    'public/javascript/zebra_datepicker.src.js' => 'vendor/assets/javascripts/zebra-datepicker/'
+    'dist/zebra_datepicker.src.js' => 'vendor/assets/javascripts/zebra-datepicker/zebra_datepicker.js'
   }.each do |src, dest|
+    FileUtils.mkdir_p File.dirname(dest)
     FileUtils.cp_r("Zebra_Datepicker/#{src}", dest)
   end
 end

Zebra_Datepicker

@@ -1,5 +1,5 @@
 module ZebraDatepickerRails
   module Rails
-    VERSION = "1.9.5"
+    VERSION = "1.9.7"
   end
 end

lib/zebra-datepicker-rails/version.rb

@@ -1,96 +1,173 @@
-/*
-
-    Zebra_DatePicker: a lightweight jQuery date picker plugin
-
-    Twitter Bootstrap theme
-
-    copyright (c) 2011 - 2014 Stefan Gabos
-    http://stefangabos.ro/jquery/zebra-datepicker/
-
-*/
+.Zebra_DatePicker {
+    background: #fff;
+    border: 1px solid #aaa;
+    border-radius: 4px;
+    box-shadow: 0px 0px 10px #ccc;
+    color: #222;
+    font: 13px Tahoma, Arial, Helvetica, sans-serif;
+    padding: 5px 5px;
+    position: absolute;
+    display: table;
+    z-index: 1200;
+}
 
 .Zebra_DatePicker *,
 .Zebra_DatePicker *:after,
-.Zebra_DatePicker *:before  { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important }
-
-.Zebra_DatePicker           { position: absolute; background: #FFF; border: 1px solid #999; z-index: 1200; padding: 5px; top: 0 }
-
-.Zebra_DatePicker *         { margin: 0; padding: 0; color: #373737; background: transparent; border: none }
-
-/* = GLOBALS
-----------------------------------------------------------------------------------------------------------------------*/
-.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0; width: auto; table-layout: auto; }
-
-.Zebra_DatePicker td,
-.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }
-
-.Zebra_DatePicker td                         { cursor: pointer }
-
-.Zebra_DatePicker .dp_daypicker,
-.Zebra_DatePicker .dp_monthpicker,
-.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }
+.Zebra_DatePicker *:before {
+    box-sizing: content-box !important;
+}
+
+.Zebra_DatePicker * {
+    padding: 0;
+}
+
+.Zebra_DatePicker table {
+    border-collapse: collapse;
+    border-radius: 4px;
+    border-spacing: 0;
+    width: 100%;
+}
+
+.Zebra_DatePicker th, .Zebra_DatePicker td {
+    border-radius: 4px;
+    padding: 5px;
+    cursor: pointer;
+    text-align: center;
+    min-width: 25px;
+    width: 25px;
+}
+
+.Zebra_DatePicker .dp_body .dp_not_in_month {
+    color: #666;
+}
+
+.Zebra_DatePicker .dp_body .dp_current {
+    color: #3a87ad;
+}
+
+.Zebra_DatePicker .dp_body .dp_selected {
+    background: #337ab7;
+    color: #fff;
+}
+
+.Zebra_DatePicker .dp_body .dp_disabled {
+    color: #bbbbbb;
+    cursor: text;
+}
+
+.Zebra_DatePicker .dp_body .dp_disabled.dp_current {
+    color: #b4d5e6;
+}
+
+.Zebra_DatePicker .dp_body .dp_hover {
+    background: #dedede;
+}
+
+.Zebra_DatePicker .dp_body .dp_hover.dp_time_control {
+    background-color: #dedede;
+}
 
-.Zebra_DatePicker .dp_daypicker td,
-.Zebra_DatePicker .dp_daypicker th,
 .Zebra_DatePicker .dp_monthpicker td,
-.Zebra_DatePicker .dp_yearpicker td         { width: 30px }
-
-.Zebra_DatePicker,
-.Zebra_DatePicker .dp_header .dp_hover,
-.Zebra_DatePicker td.dp_selected,
-.Zebra_DatePicker .dp_footer .dp_hover,
-.Zebra_DatePicker td.dp_hover               { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
-
-/* = VISIBLE/HIDDEN STATES (USE TRANSITIONS FOR EFFECTS)
-----------------------------------------------------------------------------------------------------------------------*/
-.Zebra_DatePicker.dp_visible               { visibility: visible; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; transition: opacity 0.2s ease-in-out }
-.Zebra_DatePicker.dp_hidden                { visibility: hidden; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0 }
-
-/* = HEADER
-----------------------------------------------------------------------------------------------------------------------*/
-.Zebra_DatePicker .dp_header td             { }
-
-.Zebra_DatePicker .dp_header .dp_previous,
-.Zebra_DatePicker .dp_header .dp_next       { width: 30px }
-
-.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
-.Zebra_DatePicker .dp_header .dp_hover      { background: #DEDEDE; color: #373737 }
-
-/* = DATEPICKER
-----------------------------------------------------------------------------------------------------------------------*/
-.Zebra_DatePicker .dp_daypicker th              { font-weight: bold }
-.Zebra_DatePicker td.dp_not_in_month            { color: #DEDEDE; cursor: default }
-.Zebra_DatePicker td.dp_not_in_month_selectable { }
-.Zebra_DatePicker td.dp_weekend                 { }
-.Zebra_DatePicker td.dp_weekend_disabled        { color: #DEDEDE; cursor: default }
-.Zebra_DatePicker td.dp_selected                { background: #039; color: #FFF !important }
-.Zebra_DatePicker td.dp_week_number             { cursor: text; font-weight: bold }
-
-/* = MONTHPICKER
-----------------------------------------------------------------------------------------------------------------------*/
-.Zebra_DatePicker .dp_monthpicker td    { width: 33% }
-
-/* = YEARPICKER
-----------------------------------------------------------------------------------------------------------------------*/
-.Zebra_DatePicker .dp_yearpicker td     { width: 33% }
-
-/* = FOOTER
-----------------------------------------------------------------------------------------------------------------------*/
-.Zebra_DatePicker .dp_footer            { margin-top: 3px }
-
-/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
-----------------------------------------------------------------------------------------------------------------------*/
-.Zebra_DatePicker td.dp_current             { color: #3A87AD }
-.Zebra_DatePicker td.dp_disabled_current    { color: #3A87AD }
-.Zebra_DatePicker td.dp_disabled            { color: #DEDEDE; cursor: default }
-.Zebra_DatePicker td.dp_hover               { background: #DEDEDE }
-
-/* = ICON
-----------------------------------------------------------------------------------------------------------------------*/
-button.Zebra_DatePicker_Icon                { display: block; position: absolute; width: 16px; height: 16px; background: asset-url('zebra-datepicker/calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; padding: 0; line-height: 0; vertical-align: top }
-button.Zebra_DatePicker_Icon_Disabled       { background-image: asset-url('zebra-datepicker/calendar-disabled.png') }
-
-/* don't set vertical margins! */
-button.Zebra_DatePicker_Icon                { margin: 0 0 0 3px }
-button.Zebra_DatePicker_Icon_Inside_Right   { margin: 0 3px 0 0 }
-button.Zebra_DatePicker_Icon_Inside_Left    { margin: 0 0 0 3px }
+.Zebra_DatePicker .dp_yearpicker td,
+.Zebra_DatePicker .dp_timepicker td {
+    width: 33.3333%;
+}
+
+.Zebra_DatePicker .dp_timepicker .dp_disabled {
+    border: none;
+    color: #222;
+    font-size: 39px;
+    font-weight: bold;
+}
+
+.Zebra_DatePicker .dp_time_separator div {
+    position: relative;
+}
+
+.Zebra_DatePicker .dp_time_separator div:after {
+    content: ":";
+    color: #222;
+    font-size: 37px;
+    left: 100%;
+    position: absolute;
+    z-index: 1;
+}
+
+.Zebra_DatePicker .dp_header {
+    margin-bottom: 5px;
+}
+
+.Zebra_DatePicker .dp_footer {
+    margin-top: 5px;
+}
+
+.Zebra_DatePicker .dp_footer .dp_icon {
+    width: 50%;
+}
+
+.Zebra_DatePicker .dp_actions td {
+    border-radius: 4px;
+}
+
+.Zebra_DatePicker .dp_actions .dp_caption {
+    font-weight: bold;
+    width: 100%;
+}
+
+.Zebra_DatePicker .dp_actions .dp_hover {
+    background-color: #dedede;
+}
+
+.Zebra_DatePicker .dp_daypicker th {
+    cursor: text;
+    font-weight: bold;
+}
+
+.Zebra_DatePicker.dp_hidden {
+    display: none;
+}
+
+.Zebra_DatePicker .dp_icon {
+    height: 16px;
+    background-image: asset-url("zebra-datepicker/bootstrap/icons.png");
+    background-repeat: no-repeat;
+}
+
+.Zebra_DatePicker .dp_icon.dp_confirm {
+    background-position: center -123px;
+}
+
+.Zebra_DatePicker .dp_icon.dp_view_toggler {
+    background-position: center -91px;
+}
+
+.Zebra_DatePicker .dp_icon.dp_view_toggler.dp_calendar {
+    background-position: center -59px;
+}
+
+button.Zebra_DatePicker_Icon {
+    background: asset-url("zebra-datepicker/bootstrap/icons.png") no-repeat center top;
+    border: none;
+    cursor: pointer;
+    display: block;
+    height: 16px;
+    line-height: 0;
+    margin: 0 0 0 3px;
+    padding: 0;
+    position: absolute;
+    text-indent: -9000px;
+    width: 16px;
+}
+
+button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Disabled {
+    background-position: center -32px;
+    cursor: default;
+}
+
+button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Inside_Right {
+    margin: 0 3px 0 0;
+}
+
+button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Inside_Left {
+    margin: 0 0 0 3px;
+}