right-rails 1.0.3 → 1.0.5

data/public/javascripts/right/autocompleter.js

@@ -10,7 +10,7 @@ u=c.isArray,p=new c.Wrapper(c.Element,{initialize:function(a){this.$super("div",
 e;var h=[{"class":"rui-"+e}];this instanceof c.Input||this instanceof c.Form||h.unshift(a);this.$super.apply(this,h);if(c.isString(f))f=c.$(f);if(f instanceof c.Element){this._=f._;if("$listeners"in f)f.$listeners=f.$listeners;f={}}this.setOptions(f,this);return this},setOptions:function(e,f){f=f||this;c.Options.setOptions.call(this,c.Object.merge(e,eval("("+(f.get("data-"+this.key)||"{}")+")")));return this}});d=new c.Wrapper(d,b);c.Observer.createShortcuts(d.prototype,d.EVENTS||[]);return d})("UL",
 {include:{show:function(a,b){this.constructor.current=this;return l.call(this,this,"show",a,b)},hide:function(a,b){this.constructor.current=null;return l.call(this,this,"hide",a,b)},showAt:function(a,b,d){this.hide(null).shownAt=a=c.$(a);m.call(this,a,b,d);return this.show()},toggleAt:function(a,b,d){return this.hidden()?this.showAt(a,b,d):this.hide()}},extend:{version:"2.0.0",EVENTS:s("show hide update load select done"),Options:{url:j.location.href,param:"search",method:"get",minLength:1,threshold:200,
 cache:true,local:null,fxName:"slide",fxDuration:"short",spinner:"native",cssRule:"input[data-autocompleter]"}},initialize:function(a,b){this.input=n(a);this.$super("autocompleter",b).addClass("rui-dd-menu").onMousedown(this.clicked);this.input.autocompleter=this},destroy:function(){delete this.input.autocompleter;return this},prev:function(){return this.pick("prev")},next:function(){return this.pick("next")},done:function(a){if(a=a||this.first("li.current")){this.input.setValue(g(a.html()).stripTags());
-this.fire("done")}return this.hide()},setOptions:function(a){this.$super(a,this.input);a=this.options;g(a.url).includes("%{search}")||(a.url+=(g(a.url).includes("?")?"&":"?")+a.param+"=%{search}")},pick:function(a){var b=this.children(),d=b.first("hasClass","current"),e=b.indexOf(d);if(a=="prev")d=e<1?b.last():b[e<0?0:e-1];else if(a=="next")d=e<0||e==b.length-1?b.first():b[e+1];return this.fire("select",d.radioClass("current"))},clicked:function(a){this.done(a.stop().find("li"))},keypressed:function(){if(this.input.value().length>=
+this.fire("done")}return this.hide()},setOptions:function(a){this.$super(a,this.input);a=this.options;g(a.url).includes("%{search}")||(a.url+=(g(a.url).includes("?")?"&":"?")+a.param+"=%{search}")},pick:function(a){var b=this.children(),d=b.first("hasClass","current"),e=b.indexOf(d);if(a=="prev")d=e<1?b.last():b[e<0?0:e-1];else if(a=="next")d=e<0||e==b.length-1?b.first():b[e+1];return this.fire("select",{item:d.radioClass("current")})},clicked:function(a){this.done(a.stop().find("li"))},keypressed:function(){if(this.input.value().length>=
 this.options.minLength){this.timeout&&this.timeout.cancel();this.timeout=g(this.trigger).bind(this).delay(this.options.threshold)}else return this.hide()},trigger:function(){this.timeout=null;this.cache=this.cache||{};var a=this.input.value(),b=this.options;if(a.length<b.minLength)return this.hide();if(this.cache[a])this.suggest(this.cache[a],a);else if(u(b.local))this.suggest(this.findLocal(a),a);else this.request=t.load(b.url.replace("%{search}",encodeURIComponent(a)),{method:b.method,spinner:this.getSpinner(),
 onComplete:g(function(d){this.fire("load").suggest(d.text,a)}).bind(this)})},suggest:function(a,b){if(this.options.cache)this.cache[b]=a;if(a.blank())this.hide();else{this.update(a.replace(/<ul[^>]*>|<\/ul>/im,""));this.fire("update").showAt(this.input,"bottom","resize")}return this},findLocal:function(a){var b=new o("("+o.escape(a)+")","ig");return g(this.options.local).map(function(d){if(d.match(b))return"<li>"+d.replace(b,"<strong>$1</strong>")+"</li>"}).compact().join("")},getSpinner:function(){var a=
 this.options,b=a.spinner;if(b=="native"){b=a.spinner=(new p(3)).insertTo(this);b.addClass("rui-autocompleter-spinner")}b instanceof p&&m.call(b,this.input,"right","resize");return b}});n(j).on({focus:function(a){if((a=a.target)&&a instanceof c.Element&&(a.autocompleter||a.match(k.Options.cssRule)))a.autocompleter||new k(a)},blur:function(a){(a=a.target?a.target.autocompleter:null)&&a.visible()&&a.hide()},keydown:function(a){var b=a.target?a.target.autocompleter:null;if(b&&b.visible()){var d={27:"hide",

data/public/javascripts/right/calendar-src.js

@@ -49,13 +49,13 @@ var R          = RightJS,
  * @param String tag-name or Object methods
  * @param Object methods
  * @return Widget wrapper
- */ 
+ */
 function Widget(tag_name, methods) {
   if (!methods) {
     methods = tag_name;
     tag_name = 'DIV';
   }
-  
+
   /**
    * An Abstract Widget Unit
    *
@@ -72,17 +72,17 @@ function Widget(tag_name, methods) {
     initialize: function(key, options) {
       this.key = key;
       var args = [{'class': 'rui-' + key}];
-      
+
       // those two have different constructors
       if (!(this instanceof RightJS.Input || this instanceof RightJS.Form)) {
         args.unshift(tag_name);
       }
       this.$super.apply(this, args);
-      
+
       if (RightJS.isString(options)) {
         options = RightJS.$(options);
       }
-      
+
       // if the options is another element then
       // try to dynamically rewrap it with our widget
       if (options instanceof RightJS.Element) {
@@ -115,16 +115,16 @@ function Widget(tag_name, methods) {
       return this;
     }
   });
-  
+
   /**
    * Creating the actual widget class
    *
    */
   var Klass = new RightJS.Wrapper(AbstractWidget, methods);
-  
+
   // creating the widget related shortcuts
   RightJS.Observer.createShortcuts(Klass.prototype, Klass.EVENTS || []);
-  
+
   return Klass;
 }
 
@@ -150,7 +150,7 @@ var Button = new RightJS.Wrapper(RightJS.Element, {
     this._.innerHTML = caption;
     this.addClass('rui-button');
   },
-  
+
   /**
    * Disasbles the button
    *
@@ -159,7 +159,7 @@ var Button = new RightJS.Wrapper(RightJS.Element, {
   disable: function() {
     return this.addClass('rui-button-disabled');
   },
-  
+
   /**
    * Enables the button
    *
@@ -168,7 +168,7 @@ var Button = new RightJS.Wrapper(RightJS.Element, {
   enable: function() {
     return this.removeClass('rui-button-disabled');
   },
-  
+
   /**
    * Checks if the button is disabled
    *
@@ -177,7 +177,7 @@ var Button = new RightJS.Wrapper(RightJS.Element, {
   disabled: function() {
     return this.hasClass('rui-button-disabled');
   },
-  
+
   /**
    * Checks if the button is enabled
    *
@@ -186,7 +186,7 @@ var Button = new RightJS.Wrapper(RightJS.Element, {
   enabled: function() {
     return !this.disabled();
   },
-  
+
   /**
    * Overloading the method, so it fired the events
    * only when the button is active
@@ -201,6 +201,7 @@ var Button = new RightJS.Wrapper(RightJS.Element, {
   }
 });
 
+
 /**
  * A shared module that toggles a widget visibility status
  * in a uniformed way according to the options settings
@@ -224,7 +225,7 @@ function toggler(element, event, fx_name, fx_options) {
   if (RightJS.Fx) {
     if (fx_name === undefined) {
       fx_name = this.options.fxName;
-      
+
       if (fx_options === undefined) {
         fx_options = {
           duration: this.options.fxDuration,
@@ -239,12 +240,12 @@ function toggler(element, event, fx_name, fx_options) {
       }
     }
   }
-  
+
   RightJS.Element.prototype[event].call(element, fx_name, fx_options);
-    
+
   // manually trigger the event if no fx were specified
   if (!RightJS.Fx || !fx_name) { this.fire(event); }
-  
+
   return this;
 }
 
@@ -261,34 +262,34 @@ function toggler(element, event, fx_name, fx_options) {
  * @return void
  */
 function re_position(element, where, resize) {
-  var anchor = this.reAnchor || (this.reAnchor = 
+  var anchor = this.reAnchor || (this.reAnchor =
         new RightJS.Element('div', {'class': 'rui-re-anchor'}))
         .insert(this),
-  
+
       pos  = anchor.insertTo(element, 'after').position(),
       dims = element.dimensions(), target = this,
-      
+
       border_top    = parseInt(element.getStyle('borderTopWidth')),
       border_left   = parseInt(element.getStyle('borderLeftWidth')),
       border_right  = parseInt(element.getStyle('borderRightWidth')),
       border_bottom = parseInt(element.getStyle('borderBottomWidth')),
-      
+
       top    = dims.top    - pos.y       + border_top,
       left   = dims.left   - pos.x       + border_left,
       width  = dims.width  - border_left - border_right,
       height = dims.height - border_top  - border_bottom;
-  
+
   // making the element to appear so we could read it's sizes
   target.setStyle('visibility:hidden').show(null);
-  
+
   if (where === 'right') {
     left += width - target.size().x;
   } else {  // bottom
     top  += height;
   }
-  
+
   target.moveTo(left, top);
-  
+
   if (resize) {
     if (['left', 'right'].include(where)) {
       target.setHeight(height);
@@ -296,7 +297,7 @@ function re_position(element, where, resize) {
       target.setWidth(width);
     }
   }
-  
+
   // rolling the invisibility back
   target.setStyle('visibility:visible').hide(null);
 }
@@ -318,7 +319,7 @@ var Toggler = {
     this.constructor.current = this;
     return toggler.call(this, this, 'show', fx_name, fx_options);
   },
-  
+
   /**
    * Hides the element
    *
@@ -330,7 +331,7 @@ var Toggler = {
     this.constructor.current = null;
     return toggler.call(this, this, 'hide', fx_name, fx_options);
   },
-  
+
   /**
    * Toggles the widget at the given element
    *
@@ -341,13 +342,13 @@ var Toggler = {
    */
   showAt: function(element, where, resize) {
     this.hide(null).shownAt = element = RightJS.$(element);
-    
+
     // moves this element at the given one
     re_position.call(this, element, where, resize);
-    
+
     return this.show();
   },
-  
+
   /**
    * Toggles the widget at the given element
    *
@@ -361,6 +362,7 @@ var Toggler = {
   }
 };
 
+
 /**
  * A shared module that provides for the widgets an ability
  * to be assigned to an input element and work in pair with it
@@ -385,35 +387,36 @@ var Assignable = {
   assignTo: function(input, trigger) {
     input   = RightJS.$(input);
     trigger = RightJS.$(trigger);
-    
+
     if (trigger) {
       trigger[this.key] = this;
       trigger.assignedInput = input;
     } else {
       input[this.key] = this;
     }
-    
+
     var on_change = RightJS(function() {
       if (this.visible() && (!this.showAt || this.shownAt === input)) {
         this.setValue(input.value());
       }
     }).bind(this);
-    
+
     input.on({
       keyup:  on_change,
       change: on_change
     });
-    
+
     this.onChange(function() {
       if (!this.showAt || this.shownAt === input) {
         input.setValue(this.getValue());
       }
     });
-    
+
     return this;
   }
 };
 
+
 /**
  * Converts a number into a string with leading zeros
  *
@@ -424,6 +427,7 @@ function zerofy(number) {
   return (number < 10 ? '0' : '') + number;
 }
 
+
 /**
  * The calendar widget for RightJS
  *
@@ -431,46 +435,46 @@ function zerofy(number) {
  */
 var Calendar = new Widget({
   include: [Toggler, Assignable],
-  
+
   extend: {
     version: '2.0.0',
-    
+
     EVENTS: $w('show hide change done'),
-    
+
     Options: {
       format:         'ISO',  // a key out of the predefined formats or a format string
-      
+
       showTime:       null,   // null for automatic, or true|false to enforce
       showButtons:    false,  // show the bottom buttons
-      
+
       minDate:        false,  // the minimal date available
       maxDate:        false,  // the maximal date available
-      
+
       fxName:         'fade',  // set to null if you don't wanna any fx
       fxDuration:     'short', // the fx-duration
-      
+
       firstDay:       1,      // 1 for Monday, 0 for Sunday
       numberOfMonths: 1,      // a number or [x, y] greed definition
       timePeriod:     1,      // the timepicker minimal periods (in minutes, might be bigger than 60)
-      
+
       twentyFourHour: null,   // null for automatic, or true|false to enforce
       listYears:      false,  // show/hide the years listing buttons
-      
+
       hideOnPick:     false,  // hides the popup when the user changes a day
-      
+
       update:         null,   // a reference to an input element to assign to
       trigger:        null,   // a reference to a trigger element that would be paired too
-      
+
       cssRule:        '*[data-calendar]' // css rule for calendar related elements
     },
-    
+
     Formats: {
       ISO:            '%Y-%m-%d',
       POSIX:          '%Y/%m/%d',
       EUR:            '%d-%m-%Y',
       US:             '%m/%d/%Y'
     },
-    
+
     i18n: {
       Done:           'Done',
       Now:            'Now',
@@ -478,16 +482,16 @@ var Calendar = new Widget({
       PrevMonth:      'Previous Month',
       NextYear:       'Next Year',
       PrevYear:       'Previous Year',
-      
+
       dayNames:        $w('Sunday Monday Tuesday Wednesday Thursday Friday Saturday'),
       dayNamesShort:   $w('Sun Mon Tue Wed Thu Fri Sat'),
       dayNamesMin:     $w('Su Mo Tu We Th Fr Sa'),
       monthNames:      $w('January February March April May June July August September October November December'),
       monthNamesShort: $w('Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec')
     },
-    
+
     current:   null,
-    
+
     // hides all the popup calendars
     hideAll: function(that_one) {
       $$('div.rui-calendar').each(function(element) {
@@ -497,7 +501,7 @@ var Calendar = new Widget({
       });
     }
   },
-  
+
   /**
    * Basic constructor
    *
@@ -506,25 +510,25 @@ var Calendar = new Widget({
   initialize: function(options) {
     this.$super('calendar', options);
     this.addClass('rui-panel');
-    
+
     options = this.options;
-    
+
     this.insert([
       this.swaps = new Swaps(options),
       this.greed = new Greed(options)
     ]);
-    
+
     if (options.showTime) {
       this.insert(this.timepicker = new Timepicker(options));
     }
-    
+
     if (options.showButtons) {
       this.insert(this.buttons = new Buttons(options));
     }
-    
+
     this.setDate(new Date()).initEvents();
   },
-  
+
   /**
    * Sets the date on the calendar
    *
@@ -563,13 +567,13 @@ var Calendar = new Widget({
       }
 
       if (date != this.date) {
-        this.fire('change', this.date = date);
+        this.fire('change', {date: this.date = date});
       }
     }
-    
+
     return this;
   },
-  
+
   /**
    * Returns the current date on the calendar
    *
@@ -578,7 +582,7 @@ var Calendar = new Widget({
   getDate: function() {
     return this.date;
   },
-  
+
   /**
    * Sets the value as a string
    *
@@ -588,7 +592,7 @@ var Calendar = new Widget({
   setValue: function(value) {
     return this.setDate(value);
   },
-  
+
   /**
    * Returns the value as a string
    *
@@ -598,7 +602,7 @@ var Calendar = new Widget({
   getValue: function(format) {
     return this.format(format);
   },
-    
+
   /**
    * Inserts the calendar into the element making it inlined
    *
@@ -610,7 +614,7 @@ var Calendar = new Widget({
     this.addClass('rui-calendar-inline');
     return this.$super(element, position);
   },
-  
+
   /**
    * Marks it done
    *
@@ -620,10 +624,10 @@ var Calendar = new Widget({
     if (!this.inlined()) {
       this.hide();
     }
-    
-    this.fire('done', this.date);
+
+    this.fire('done', {date: this.date});
   },
-  
+
   /**
    * Checks if the calendar is inlined
    *
@@ -632,9 +636,9 @@ var Calendar = new Widget({
   inlined: function() {
     return this.hasClass('rui-calendar-inline');
   },
-  
+
 // protected
-  
+
   /**
    * additional options processing
    *
@@ -644,28 +648,28 @@ var Calendar = new Widget({
   setOptions: function(user_options) {
     user_options = user_options || {};
     this.$super(user_options, $(user_options.trigger || user_options.update));
-    
+
     var klass   = this.constructor, options = this.options;
-    
+
     // merging the i18n tables
     options.i18n = {};
-    
+
     for (var key in klass.i18n) {
       options.i18n[key] = isArray(klass.i18n[key]) ? klass.i18n[key].clone() : klass.i18n[key];
     }
     $ext(options.i18n, user_options.i18n);
-    
+
     // defining the current days sequence
     options.dayNames = options.i18n.dayNamesMin;
     if (options.firstDay) {
       options.dayNames.push(options.dayNames.shift());
     }
-    
+
     // the monthes table cleaning up
     if (!isArray(options.numberOfMonths)) {
       options.numberOfMonths = [options.numberOfMonths, 1];
     }
-    
+
     // min/max dates preprocessing
     if (options.minDate) {
       options.minDate = this.parse(options.minDate);
@@ -674,32 +678,32 @@ var Calendar = new Widget({
       options.maxDate = this.parse(options.maxDate);
       options.maxDate.setDate(options.maxDate.getDate() + 1);
     }
-    
+
     // format catching up
     options.format = R(klass.Formats[options.format] || options.format).trim();
-    
+
     // setting up the showTime option
     if (options.showTime === null) {
       options.showTime = options.format.search(/%[HkIl]/) > -1;
     }
-    
+
     // setting up the 24-hours format
     if (options.twentyFourHour === null) {
       options.twentyFourHour = options.format.search(/%[Il]/) < 0;
     }
-    
+
     // enforcing the 24 hours format if the time threshold is some weird number
     if (options.timePeriod > 60 && 12 % Math.ceil(options.timePeriod/60)) {
       options.twentyFourHour = true;
     }
-    
+
     if (options.update) {
       this.assignTo(options.update, options.trigger);
     }
 
     return this;
   },
-  
+
   /**
    * hides all the other calendars on the page
    *
@@ -727,26 +731,26 @@ var Swaps = new Wrapper(Element, {
   initialize: function(options) {
     this.$super('div', {'class': 'swaps'});
     this.options = options;
-    
+
     var i18n = options.i18n;
-    
+
     this.insert([
       this.prevMonth = new Button('&lsaquo;', {title: i18n.PrevMonth, 'class': 'prev-month'}),
       this.nextMonth = new Button('&rsaquo;', {title: i18n.NextMonth, 'class': 'next-month'})
     ]);
-    
+
     if (options.listYears) {
       this.insert([
         this.prevYear = new Button('&laquo;', {title: i18n.PrevYear, 'class': 'prev-year'}),
         this.nextYear = new Button('&raquo;', {title: i18n.NextYear, 'class': 'next-year'})
       ]);
     }
-    
+
     this.buttons = R([this.prevMonth, this.nextMonth, this.prevYear, this.nextYear]).compact();
-    
+
     this.onClick(this.clicked);
   },
-  
+
   /**
    * Changes the swapping buttons state depending on the options and the current date
    *
@@ -756,19 +760,19 @@ var Swaps = new Wrapper(Element, {
   setDate: function(date) {
     var options = this.options, months_num = options.numberOfMonths[0] * options.numberOfMonths[1],
         has_prev_year = true, has_next_year = true, has_prev_month = true, has_next_month = true;
-    
+
     if (options.minDate) {
       var beginning = new Date(date.getFullYear(),0,1,0,0,0);
       var min_date = new Date(options.minDate.getFullYear(),0,1,0,0,0);
-      
+
       has_prev_year = beginning > min_date;
-      
+
       beginning.setMonth(date.getMonth() - Math.ceil(months_num - months_num/2));
       min_date.setMonth(options.minDate.getMonth());
-      
+
       has_prev_month = beginning >= min_date;
     }
-    
+
     if (options.maxDate) {
       var end = new Date(date);
       var max_date = new Date(options.maxDate);
@@ -782,26 +786,26 @@ var Swaps = new Wrapper(Element, {
         date.setSeconds(0);
         date.setMilliseconds(0);
       });
-      
+
       has_next_month = end < max_date;
-      
+
       // checking the next year
       dates.each('setMonth', 0);
       has_next_year = end < max_date;
     }
-    
+
     this.nextMonth[has_next_month ? 'enable':'disable']();
     this.prevMonth[has_prev_month ? 'enable':'disable']();
-    
+
     if (this.nextYear) {
       this.nextYear[has_next_year ? 'enable':'disable']();
       this.prevYear[has_prev_year ? 'enable':'disable']();
     }
   },
-  
+
 // protected
 
-  // handles the clicks on the 
+  // handles the clicks on the
   clicked: function(event) {
     var target = event.target;
     if (target && this.buttons.include(target)) {
@@ -812,6 +816,7 @@ var Swaps = new Wrapper(Element, {
   }
 });
 
+
 /**
  * Represents a single month block
  *
@@ -827,30 +832,30 @@ var Month = new Wrapper(Element, {
   initialize: function(options) {
     this.$super('table', {'class': 'month'});
     this.options = options;
-    
+
     // the caption (for the month name)
     this.insert(this.caption = new Element('caption'));
-    
+
     // the headline for the day-names
     this.insert('<thead><tr>'+
       options.dayNames.map(function(name) {return '<th>'+ name +'</th>';}).join('') +
     '</tr></thead>');
-    
+
     // the body with the day-cells
     this.days = [];
-    
+
     var tbody = new Element('tbody').insertTo(this), x, y, row;
-    
+
     for (y=0; y < 6; y++) {
       row = new Element('tr').insertTo(tbody);
       for (x=0; x < 7; x++) {
         this.days.push(new Element('td').insertTo(row));
       }
     }
-    
+
     this.onClick(this.clicked);
   },
-  
+
   /**
    * Initializes the month values by the date
    *
@@ -862,56 +867,56 @@ var Month = new Wrapper(Element, {
     date.setDate(32);
     var days_number = 32 - date.getDate();
     date.setMonth(date.getMonth()-1);
-    
+
     var cur_day = Math.ceil(current_date.getTime() / 86400000),
         options = this.options, i18n = options.i18n, days = this.days;
-    
+
     // resetting the first and last two weeks cells
     // because there will be some empty cells over there
     for (var i=0, len = days.length-1, one, two, tre; i < 7; i++) {
       one = days[i]._;
       two = days[len - i]._;
       tre = days[len - i - 7]._;
-      
+
       one.innerHTML = two.innerHTML = tre.innerHTML = '';
       one.className = two.className = tre.className = 'blank';
     }
-    
+
     // putting the actual day numbers in place
     for (var i=1, row=0, week, cell; i <= days_number; i++) {
       date.setDate(i);
       var day_num = date.getDay();
-      
+
       if (options.firstDay === 1) { day_num = day_num > 0 ? day_num-1 : 6; }
       if (i === 1 || day_num === 0) {
         week = days.slice(row*7, row*7 + 7); row ++;
       }
-      
+
       cell = week[day_num]._;
-      
+
       if (Browser.OLD) { // IE6 has a nasty glitch with that
         cell.innerHTML = '';
         cell.appendChild(document.createTextNode(i));
       } else {
         cell.innerHTML = ''+i;
       }
-      
+
       cell.className = cur_day === Math.ceil(date.getTime() / 86400000) ? 'selected' : '';
-      
+
       if ((options.minDate && options.minDate > date) || (options.maxDate && options.maxDate < date)) {
         cell.className = 'disabled';
       }
-        
+
       week[day_num].date = new Date(date);
     }
-    
+
     // setting up the caption with the month name
     var caption = (options.listYears ?
           i18n.monthNamesShort[date.getMonth()] + ',' :
           i18n.monthNames[date.getMonth()])+
         ' '+date.getFullYear(),
         element = this.caption._;
-    
+
     if (Browser.OLD) {
       element.innerHTML = '';
       element.appendChild(document.createTextNode(caption));
@@ -919,7 +924,7 @@ var Month = new Wrapper(Element, {
       element.innerHTML = caption;
     }
   },
-  
+
 // protected
 
   /**
@@ -930,10 +935,10 @@ var Month = new Wrapper(Element, {
    */
   clicked: function(event) {
     var target = event.target, date = target.date;
-    
+
     if (target && date && !target.hasClass('disabled') && !target.hasClass('blank')) {
       target.addClass('selected');
-      
+
       this.fire('date-set', {
         date:  date.getDate(),
         month: date.getMonth(),
@@ -943,6 +948,7 @@ var Month = new Wrapper(Element, {
   }
 });
 
+
 /**
  * The calendar months greed unit
  *
@@ -957,11 +963,11 @@ var Greed = new Wrapper(Element, {
    */
   initialize: function(options) {
     this.$super('table', {'class': 'greed'});
-    
+
     this.months = [];
-    
+
     var tbody = new Element('tbody').insertTo(this), month;
-    
+
     for (var y=0; y < options.numberOfMonths[1]; y++) {
       var row   = new Element('tr').insertTo(tbody);
       for (var x=0; x < options.numberOfMonths[0]; x++) {
@@ -970,7 +976,7 @@ var Greed = new Wrapper(Element, {
       }
     }
   },
-  
+
   /**
    * Sets the months to the date
    *
@@ -980,9 +986,9 @@ var Greed = new Wrapper(Element, {
    */
   setDate: function(date, current_date) {
     var months = this.months, months_num = months.length;
-    
+
     current_date = current_date || date;
-    
+
     for (var i=-Math.ceil(months_num - months_num/2)+1,j=0; i < Math.floor(months_num - months_num/2)+1; i++,j++) {
       var month_date    = new Date(date);
       month_date.setMonth(date.getMonth() + i);
@@ -991,6 +997,7 @@ var Greed = new Wrapper(Element, {
   }
 });
 
+
 /**
  * The time-picker block unit
  *
@@ -1006,20 +1013,20 @@ var Timepicker = new Wrapper(Element, {
   initialize: function(options) {
     this.$super('div', {'class': 'timepicker'});
     this.options = options;
-    
+
     var on_change = R(this.timeChanged).bind(this);
-    
+
     this.insert([
       this.hours   = new Element('select').onChange(on_change),
       this.minutes = new Element('select').onChange(on_change)
     ]);
-    
+
     var minutes_threshold = options.timePeriod < 60 ? options.timePeriod : 60;
     var hours_threshold   = options.timePeriod < 60 ? 1 : Math.ceil(options.timePeriod / 60);
-    
+
     for (var i=0; i < 60; i++) {
       var caption = zerofy(i);
-      
+
       if (i < 24 && i % hours_threshold == 0) {
         if (options.twentyFourHour) {
           this.hours.insert(new Element('option', {value: i, html: caption}));
@@ -1027,23 +1034,23 @@ var Timepicker = new Wrapper(Element, {
           this.hours.insert(new Element('option', {value: i, html: i == 0 ? 12 : i}));
         }
       }
-      
+
       if (i % minutes_threshold == 0) {
         this.minutes.insert(new Element('option', {value: i, html: caption}));
       }
     }
-    
-    
+
+
     // adding the meridian picker if it's a 12 am|pm picker
     if (!options.twentyFourHour) {
       this.meridian = new Element('select').onChange(on_change).insertTo(this);
-      
+
       R(R(options.format).includes(/%P/) ? ['am', 'pm'] : ['AM', 'PM']).each(function(value) {
         this.meridian.insert(new Element('option', {value: value.toLowerCase(), html: value}));
       }, this);
     }
   },
-  
+
   /**
    * Sets the time-picker values by the data
    *
@@ -1055,18 +1062,18 @@ var Timepicker = new Wrapper(Element, {
     var hour = options.timePeriod < 60 ? date.getHours() :
       Math.round(date.getHours()/(options.timePeriod/60)) * (options.timePeriod/60);
     var minute = Math.round(date.getMinutes() / (options.timePeriod % 60)) * options.timePeriod;
-    
+
     if (this.meridian) {
       this.meridian.setValue(hour < 12 ? 'am' : 'pm');
       hour = (hour == 0 || hour == 12) ? 12 : hour > 12 ? (hour - 12) : hour;
     }
-    
+
     this.hours.setValue(hour);
     this.minutes.setValue(minute);
   },
-  
+
 // protected
-  
+
   /**
    * Handles the time-picking events
    *
@@ -1074,10 +1081,10 @@ var Timepicker = new Wrapper(Element, {
    */
   timeChanged: function(event) {
     event.stopPropagation();
-    
+
     var hours   = parseInt(this.hours.value());
     var minutes = parseInt(this.minutes.value());
-    
+
     if (this.meridian) {
       if (hours == 12) {
         hours = 0;
@@ -1086,11 +1093,12 @@ var Timepicker = new Wrapper(Element, {
         hours += 12;
       }
     }
-    
+
     this.fire('time-set', {hours: hours, minutes: minutes});
   }
 });
 
+
 /**
  * The bottom-buttons block unit
  *
@@ -1105,7 +1113,7 @@ var Buttons = new Wrapper(Element, {
    */
   initialize: function(options) {
     this.$super('div', {'class': 'buttons'});
-    
+
     this.insert([
       new Button(options.i18n.Now,  {'class': 'now'}).onClick('fire', 'now-clicked'),
       new Button(options.i18n.Done, {'class': 'done'}).onClick('fire', 'done-clicked')
@@ -1113,6 +1121,7 @@ var Buttons = new Wrapper(Element, {
   }
 });
 
+
 /**
  * This module handles the dates parsing/formatting processes
  *
@@ -1150,60 +1159,60 @@ Calendar.include({
    */
   parse: function(string) {
     var date;
-    
+
     if (isString(string) && string) {
       var tpl = RegExp.escape(this.options.format);
       var holders = R(tpl.match(/%[a-z]/ig)).map('match', /[a-z]$/i).map('first').without('%');
       var re  = new RegExp('^'+tpl.replace(/%p/i, '(pm|PM|am|AM)').replace(/(%[a-z])/ig, '(.+?)')+'$');
-      
+
       var match = R(string).trim().match(re);
-      
+
       if (match) {
         match.shift();
-        
+
         var year = null, month = null, hour = null, minute = null, second = null, meridian;
-        
+
         while (match.length) {
           var value = match.shift();
           var key   = holders.shift();
-          
+
           if (key.toLowerCase() == 'b') {
             month = this.options.i18n[key=='b' ? 'monthNamesShort' : 'monthNames'].indexOf(value);
           } else if (key.toLowerCase() == 'p') {
             meridian = value.toLowerCase();
           } else {
-            value = parseInt(value);
+            value = parseInt(value, 10);
             switch(key) {
-              case 'd': 
+              case 'd':
               case 'e': date   = value; break;
               case 'm': month  = value-1; break;
-              case 'y': 
+              case 'y':
               case 'Y': year   = value; break;
-              case 'H': 
-              case 'k': 
-              case 'I': 
+              case 'H':
+              case 'k':
+              case 'I':
               case 'l': hour   = value; break;
               case 'M': minute = value; break;
               case 'S': second = value; break;
             }
           }
         }
-        
+
         // converting 1..12am|pm into 0..23 hours marker
         if (meridian) {
           hour = hour == 12 ? 0 : hour;
           hour = (meridian == 'pm' ? hour + 12 : hour);
         }
-        
+
         date = new Date(year, month, date, hour, minute, second);
       }
     } else if (string instanceof Date || Date.parse(string)) {
       date = new Date(string);
     }
-    
+
     return (!date || isNaN(date.getTime())) ? null : date;
-  },  
-  
+  },
+
   /**
    * Formats the current date into a string depend on the current or given format
    *
@@ -1219,9 +1228,9 @@ Calendar.include({
     var hour   = this.date.getHours();
     var minute = this.date.getMinutes();
     var second = this.date.getSeconds();
-    
+
     var hour_ampm = (hour == 0 ? 12 : hour < 13 ? hour : hour - 12);
-    
+
     var values    = {
       a: i18n.dayNamesShort[day],
       A: i18n.dayNames[day],
@@ -1242,29 +1251,30 @@ Calendar.include({
       S: zerofy(second),
       '%': '%'
     };
-    
+
     var result = format || this.options.format;
     for (var key in values) {
       result = result.replace('%'+key, values[key]);
     }
-    
+
     return result;
   }
 });
 
+
 /**
  * This module handles the events connection
  *
  * Copyright (C) 2009-2010 Nikolay Nemshilov
- */ 
+ */
 Calendar.include({
-  
+
 // protected
-  
+
   // connects the events with handlers
   initEvents: function() {
     var shift = '_shiftDate', terminate = this._terminate;
-    
+
     this.on({
       // the dates/months/etc listing events
       'prev-day':     [shift, {Date:     -1}],
@@ -1275,15 +1285,15 @@ Calendar.include({
       'next-month':   [shift, {Month:     1}],
       'prev-year':    [shift, {FullYear: -1}],
       'next-year':    [shift, {FullYear:  1}],
-      
+
       // the date/time picking events
       'date-set':     this._changeDate,
       'time-set':     this._changeTime,
-      
+
       // the bottom buttons events
       'now-clicked':  this._setNow,
       'done-clicked': this.done,
-      
+
       // handling the clicks
       'click':        terminate,
       'mousedown':    terminate,
@@ -1291,49 +1301,49 @@ Calendar.include({
       'blur':         terminate
     });
   },
-  
+
   // shifts the date according to the params
   _shiftDate: function(params) {
     var date = new Date(this.date), options = this.options;
-    
+
     // shifting the date according to the params
     for (var key in params) {
       date['set'+key](date['get'+key]() + params[key]);
     }
-    
+
     this.setDate(date);
   },
-  
+
   // changes the current date (not the time)
   _changeDate: function(event) {
     var date = new Date(this.date);
-    
+
     date.setDate(event.date);
     date.setMonth(event.month);
     date.setFullYear(event.year);
-    
+
     this.setDate(date, true); // <- `true` means just change the date without shifting the list
-    
+
     if (this.options.hideOnPick) {
       this.done();
     }
   },
-  
+
   // changes the current time (not the date)
   _changeTime: function(event) {
     var date = new Date(this.date);
-    
+
     date.setHours(event.hours);
     date.setMinutes(event.minutes);
-    
+
     this.setDate(date);
   },
-  
+
   // resets the calendar to the current time
   _setNow: function() {
     this.setDate(new Date());
   },
-  
+
   /** simply stops the event so we didn't bother the things outside of the object
    *
    * @param {Event} event
@@ -1350,6 +1360,7 @@ Calendar.include({
   }
 });
 
+
 /**
  * Document level event listeners for navigation and lazy initialization
  *
@@ -1364,16 +1375,16 @@ $(document).on({
    * @return void
    */
   focus: function(event) {
-    var target = event.target instanceof Input ? event.target : null;
-    
+    var target = event.target instanceof Input && event.target.get('type') == 'text' ? event.target : null;
+
     Calendar.hideAll();
-    
+
     if (target && (target.calendar || target.match(Calendar.Options.cssRule))) {
       (target.calendar || new Calendar({update: target}))
         .setValue(target.value()).showAt(target);
     }
   },
-  
+
   /**
    * Watches the input elements blur events
    * and hides shown popups
@@ -1383,7 +1394,7 @@ $(document).on({
    */
   blur: function(event) {
     var target = event.target, calendar = target.calendar;
-    
+
     if (calendar) {
       // we use the delay so it didn't get hidden when the user clicks the calendar itself
       calendar._hide_delay = R(function() {
@@ -1391,7 +1402,7 @@ $(document).on({
       }).delay(200);
     }
   },
-  
+
   /**
    * Catches clicks on trigger elements
    *
@@ -1400,9 +1411,9 @@ $(document).on({
    */
   click: function(event) {
     var target = (event.target instanceof Element) ? event.target : null;
-    
+
     if (target && (target.calendar || target.match(Calendar.Options.cssRule))) {
-      if (!(target instanceof Input)) {
+      if (!(target instanceof Input) || target.get('type') != 'text') {
         event.stop();
         (target.calendar || new Calendar({trigger: target}))
           .hide(null).toggleAt(target.assignedInput);
@@ -1411,7 +1422,7 @@ $(document).on({
       Calendar.hideAll();
     }
   },
-  
+
   /**
    * Catching the key-downs to navigate in the currently
    * opened Calendar hover
@@ -1430,7 +1441,7 @@ $(document).on({
       34: 'next-month',  // Page Down
       13: 'done'         // Enter
     })[event.keyCode];
-    
+
     if (name && calendar && calendar.visible()) {
       event.stop();
       if (isFunction(calendar[name])) {
@@ -1442,7 +1453,8 @@ $(document).on({
   }
 });
 
+
 document.write("<style type=\"text/css\">.rui-panel{margin:0;padding:.5em;position:relative;background-color:#EEE;border:1px solid #BBB;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;box-shadow:.15em .3em .5em #BBB;-moz-box-shadow:.15em .3em .5em #BBB;-webkit-box-shadow:.15em .3em .5em #BBB;cursor:default} *.rui-button{display:inline-block; *display:inline; *zoom:1;height:1em;line-height:1em;margin:0;padding:.2em .5em;text-align:center;border:1px solid #CCC;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em;cursor:pointer;color:#333;background-color:#FFF;user-select:none;-moz-user-select:none;-webkit-user-select:none} *.rui-button:hover{color:#111;border-color:#999;background-color:#DDD;box-shadow:#888 0 0 .1em;-moz-box-shadow:#888 0 0 .1em;-webkit-box-shadow:#888 0 0 .1em} *.rui-button:active{color:#000;border-color:#777;text-indent:1px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none} *.rui-button-disabled, *.rui-button-disabled:hover, *.rui-button-disabled:active{color:#888;background:#DDD;border-color:#CCC;cursor:default;text-indent:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}div.rui-re-anchor{margin:0;padding:0;background:none;border:none;float:none;display:inline;position:absolute;z-index:9999}div.rui-calendar .swaps,div.rui-calendar .greed,div.rui-calendar .timepicker,div.rui-calendar .buttons,div.rui-calendar table,div.rui-calendar table tr,div.rui-calendar table th,div.rui-calendar table td,div.rui-calendar table tbody,div.rui-calendar table thead,div.rui-calendar table caption{background:none;border:none;width:auto;height:auto;margin:0;padding:0}div.rui-calendar-inline{position:relative;display:inline-block; *display:inline; *zoom:1;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}div.rui-calendar .swaps{position:relative}div.rui-calendar .swaps .rui-button{position:absolute;float:left;width:1em;padding:.15em .4em}div.rui-calendar .swaps .next-month{right:0em;_right:.5em}div.rui-calendar .swaps .prev-year{left:2.05em}div.rui-calendar .swaps .next-year{right:2.05em;_right:2.52em}div.rui-calendar .greed{border-spacing:0px;border-collapse:collapse;border-size:0}div.rui-calendar .greed td{vertical-align:top;padding-left:.4em}div.rui-calendar .greed>tbody>tr>td:first-child{padding:0}div.rui-calendar .month{margin-top:.2em;border-spacing:1px;border-collapse:separate}div.rui-calendar .month caption{text-align:center}div.rui-calendar .month th{color:#666;text-align:center}div.rui-calendar .month td{text-align:right;padding:.1em .3em;background-color:#FFF;border:1px solid #CCC;cursor:pointer;color:#555;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em}div.rui-calendar .month td:hover{background-color:#CCC;border-color:#AAA;color:#000}div.rui-calendar .month td.blank{background:transparent;cursor:default;border:none}div.rui-calendar .month td.selected{background-color:#BBB;border-color:#AAA;color:#222;font-weight:bold;padding:.1em .2em}div.rui-calendar .month td.disabled{color:#888;background:#EEE;border-color:#CCC;cursor:default}div.rui-calendar .timepicker{border-top:1px solid #ccc;margin-top:.3em;padding-top:.5em;text-align:center}div.rui-calendar .timepicker select{margin:0 .4em}div.rui-calendar .buttons{position:relative;margin-top:.5em}div.rui-calendar .buttons div.rui-button{width:4em;padding:.25em .5em}div.rui-calendar .buttons .done{position:absolute;right:0em;top:0}</style>");
 
 return Calendar;
-})(document, parseInt, RightJS);
+})(document, parseInt, RightJS);