pickadate-rails 1.2.2 → 1.3.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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: bffbcae47e5f55e6d32526767fcf693c077792bb
4
- data.tar.gz: 85a51f2380b3660d65f9388cde75111ae396ff5a
3
+ metadata.gz: 8bff9abfe44be28299cf0476db7df35d0f06a2eb
4
+ data.tar.gz: aa22306029c2d465c55af70a43cd96c196c91adf
5
5
  SHA512:
6
- metadata.gz: 8908ca9658c8086000236fabcae3d64e5103a919fe0fcc0d8eb39761044d2bc3a4e611d5186e0685427997498ab84c88a877658f90e20ca3f57baddedf0a235b
7
- data.tar.gz: 0e541d80e35e9b826a50a0fd824ec3f48db30231455ee89de487e2170f684e90727d0975ba4b4142a745f780a6bd18b1a6d40bba97a03a5cd702eda7a127d576
6
+ metadata.gz: 2875e44174b3f403691b2ad4e8988333b48523f484253b4a8ad97d590e4a9fb7f5aaaed49cdfbe486fddf6d4b68d31e36768ec5e42f9c3eaebf202aa25e91ee1
7
+ data.tar.gz: 164be77a8e98e992f0f2779893c16737f6397c55b922fd71ccd2cce9b66b38bfb73f4fcd808e1c1a903d35910cac4fbdbe8f3ddd70c7d89f6aaf9376c00df004
data/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Pickadate-Rails [![Gem Version](https://badge.fury.io/rb/pickadate-rails.png)](http://badge.fury.io/rb/pickadate-rails)
2
2
 
3
- ## Pickadate Version: 3.2.2
3
+ ## Pickadate Version: 3.3.0
4
4
 
5
5
  Easily add [pickadate.js](https://github.com/amsul/pickadate.js) to your Rails 3.1+ application using the asset pipeline.
6
6
 
@@ -1,3 +1,3 @@
1
1
  module PickadateRails
2
- VERSION = "1.2.2"
2
+ VERSION = "1.3.0"
3
3
  end
@@ -1,6 +1,6 @@
1
1
 
2
2
  /*!
3
- * Date picker for pickadate.js v3.2.2
3
+ * Date picker for pickadate.js v3.3.0
4
4
  * http://amsul.github.io/pickadate.js/date.htm
5
5
  */
6
6
 
@@ -17,12 +17,12 @@
17
17
 
18
18
  // Register as an anonymous module.
19
19
  if ( typeof define === 'function' && define.amd )
20
- define( ['picker'], factory )
20
+ define( ['picker','jquery'], factory )
21
21
 
22
22
  // Or using browser globals.
23
- else factory( Picker )
23
+ else factory( Picker, jQuery )
24
24
 
25
- }(function( Picker ) {
25
+ }(function( Picker, $ ) {
26
26
 
27
27
 
28
28
  /**
@@ -42,7 +42,10 @@ function DatePicker( picker, settings ) {
42
42
  elementValue = picker.$node[ 0 ].value,
43
43
  elementDataValue = picker.$node.data( 'value' ),
44
44
  valueString = elementDataValue || elementValue,
45
- formatString = elementDataValue ? settings.formatSubmit : settings.format
45
+ formatString = elementDataValue ? settings.formatSubmit : settings.format,
46
+ isRTL = function() {
47
+ return getComputedStyle( picker.$root[0] ).direction === 'rtl'
48
+ }
46
49
 
47
50
  calendar.settings = settings
48
51
 
@@ -93,8 +96,8 @@ function DatePicker( picker, settings ) {
93
96
  calendar.key = {
94
97
  40: 7, // Down
95
98
  38: -7, // Up
96
- 39: 1, // Right
97
- 37: -1, // Left
99
+ 39: function() { return isRTL() ? -1 : 1 }, // Right
100
+ 37: function() { return isRTL() ? 1 : -1 }, // Left
98
101
  go: function( timeChange ) {
99
102
  calendar.set( 'highlight', [ calendar.item.highlight.year, calendar.item.highlight.month, calendar.item.highlight.date + timeChange ], { interval: timeChange } )
100
103
  this.render()
@@ -107,11 +110,11 @@ function DatePicker( picker, settings ) {
107
110
  on( 'render', function() {
108
111
  picker.$root.find( '.' + settings.klass.selectMonth ).on( 'change', function() {
109
112
  picker.set( 'highlight', [ picker.get( 'view' ).year, this.value, picker.get( 'highlight' ).date ] )
110
- picker.$root.find( '.' + settings.klass.selectMonth ).focus()
113
+ picker.$root.find( '.' + settings.klass.selectMonth ).trigger( 'focus' )
111
114
  })
112
115
  picker.$root.find( '.' + settings.klass.selectYear ).on( 'change', function() {
113
116
  picker.set( 'highlight', [ this.value, picker.get( 'view' ).month, picker.get( 'highlight' ).date ] )
114
- picker.$root.find( '.' + settings.klass.selectYear ).focus()
117
+ picker.$root.find( '.' + settings.klass.selectYear ).trigger( 'focus' )
115
118
  })
116
119
  }).
117
120
  on( 'open', function() {
@@ -397,32 +400,33 @@ DatePicker.prototype.validate = function( type, dateObject, options ) {
397
400
 
398
401
 
399
402
  /**
400
- * Check if an object is disabled.
403
+ * Check if a date is disabled.
401
404
  */
402
405
  DatePicker.prototype.disabled = function( dateObject ) {
403
406
 
404
407
  var calendar = this,
405
408
 
406
409
  // Filter through the disabled dates to check if this is one.
407
- isDisabledDate = calendar.item.disable.filter( function( dateToDisable ) {
410
+ isDisabledDate = !!calendar.item.disable.filter( function( dateToDisable ) {
408
411
 
409
412
  // If the date is a number, match the weekday with 0index and `firstDay` check.
410
413
  if ( Picker._.isInteger( dateToDisable ) ) {
411
414
  return dateObject.day === ( calendar.settings.firstDay ? dateToDisable : dateToDisable - 1 ) % 7
412
415
  }
413
416
 
414
- // If it's an array, create the object and match the exact date.
415
- if ( $.isArray( dateToDisable ) ) {
417
+ // If its an array or a native JS date, create and match the exact date.
418
+ if ( $.isArray( dateToDisable ) || Picker._.isDate( dateToDisable ) ) {
416
419
  return dateObject.pick === calendar.create( dateToDisable ).pick
417
420
  }
418
421
  }).length
419
422
 
420
423
 
421
- // It’s disabled beyond the min/max limits. If within the limits, check the
422
- // calendar “enabled” flag is flipped and respectively flip the condition.
423
- return dateObject.pick < calendar.item.min.pick ||
424
- dateObject.pick > calendar.item.max.pick ||
425
- calendar.item.enable === -1 ? !isDisabledDate : isDisabledDate
424
+ // Check the calendar “enabled” flag and respectively flip the
425
+ // disabled state. Then also check if it’s beyond the min/max limits.
426
+ return calendar.item.enable === -1 ? !isDisabledDate : isDisabledDate ||
427
+ dateObject.pick < calendar.item.min.pick ||
428
+ dateObject.pick > calendar.item.max.pick
429
+
426
430
  } //DatePicker.prototype.disabled
427
431
 
428
432
 
@@ -590,12 +594,28 @@ DatePicker.prototype.flipItem = function( type, value/*, options*/ ) {
590
594
  calendar.item.enable = isInverted ? 1 : -1
591
595
  }
592
596
 
593
- // Check if we have to add/remove from collection.
594
- else if ( !isInverted && type == 'enable' || isInverted && type == 'disable' ) {
595
- collection = calendar.removeDisabled( collection, value )
597
+ // Reset the collection and enable the base state.
598
+ else if ( ( type == 'enable' && value === true ) || ( type == 'disable' && value === false ) ) {
599
+ calendar.item.enable = 1
600
+ collection = []
601
+ }
602
+
603
+ // Reset the collection and disable the base state.
604
+ else if ( ( type == 'enable' && value === false ) || ( type == 'disable' && value === true ) ) {
605
+ calendar.item.enable = -1
606
+ collection = []
596
607
  }
597
- else if ( !isInverted && type == 'disable' || isInverted && type == 'enable' ) {
598
- collection = calendar.addDisabled( collection, value )
608
+
609
+ // Make sure a collection of things was passed to add/remove.
610
+ else if ( $.isArray( value ) ) {
611
+
612
+ // Check if we have to add/remove from collection.
613
+ if ( !isInverted && type == 'enable' || isInverted && type == 'disable' ) {
614
+ collection = calendar.removeDisabled( collection, value )
615
+ }
616
+ else if ( !isInverted && type == 'disable' || isInverted && type == 'enable' ) {
617
+ collection = calendar.addDisabled( collection, value )
618
+ }
599
619
  }
600
620
 
601
621
  return collection
@@ -632,10 +652,24 @@ DatePicker.prototype.removeDisabled = function( collection, item ) {
632
652
  * Filter through the disabled collection to find a time unit.
633
653
  */
634
654
  DatePicker.prototype.filterDisabled = function( collection, timeUnit, isRemoving ) {
635
- var timeIsArray = $.isArray( timeUnit )
655
+
656
+ var calendar = this,
657
+
658
+ // Check if the time unit passed is an array or date object.
659
+ timeIsObject = $.isArray( timeUnit ) || Picker._.isDate( timeUnit ),
660
+
661
+ // Grab the comparison value if it’s an object.
662
+ timeObjectValue = timeIsObject && calendar.create( timeUnit ).pick
663
+
664
+ // Go through the disabled collection and try to match this time unit.
636
665
  return collection.filter( function( disabledTimeUnit ) {
637
- var isMatch = !timeIsArray && timeUnit === disabledTimeUnit ||
638
- timeIsArray && $.isArray( disabledTimeUnit ) && timeUnit.toString() === disabledTimeUnit.toString()
666
+
667
+ // Check if it’s an object and the collection item is an object,
668
+ // use the comparison values. Otherwise to a direct comparison.
669
+ var isMatch = timeIsObject && ( $.isArray( disabledTimeUnit ) || Picker._.isDate( disabledTimeUnit ) ) ?
670
+ timeObjectValue === calendar.create( disabledTimeUnit ).pick : timeUnit === disabledTimeUnit
671
+
672
+ // Invert the match if we’re removing from the collection.
639
673
  return isRemoving ? !isMatch : isMatch
640
674
  })
641
675
  } //DatePicker.prototype.filterDisabled
@@ -881,10 +915,11 @@ DatePicker.prototype.nodes = function( isOpen ) {
881
915
  settings.klass.table
882
916
  ) +
883
917
 
918
+ // * For Firefox forms to submit, make sure to set the buttons’ `type` attributes as “button”.
884
919
  Picker._.node(
885
920
  'div',
886
- Picker._.node( 'button', settings.today, settings.klass.buttonToday, 'data-pick=' + nowObject.pick + ( isOpen ? '' : ' disabled' ) ) +
887
- Picker._.node( 'button', settings.clear, settings.klass.buttonClear, 'data-clear=1' + ( isOpen ? '' : ' disabled' ) ),
921
+ Picker._.node( 'button', settings.today, settings.klass.buttonToday, 'type=button data-pick=' + nowObject.pick + ( isOpen ? '' : ' disabled' ) ) +
922
+ Picker._.node( 'button', settings.clear, settings.klass.buttonClear, 'type=button data-clear=1' + ( isOpen ? '' : ' disabled' ) ),
888
923
  settings.klass.footer
889
924
  ) //endreturn
890
925
  } //DatePicker.prototype.nodes
@@ -1,6 +1,6 @@
1
1
 
2
2
  /*!
3
- * pickadate.js v3.2.2, 2013/09/19
3
+ * pickadate.js v3.3.0, 2013/10/13
4
4
  * By Amsul, http://amsul.ca
5
5
  * Hosted on http://amsul.github.io/pickadate.js
6
6
  * Licensed under MIT
@@ -152,11 +152,26 @@ function PickerConstructor( ELEMENT, NAME, COMPONENT, OPTIONS ) {
152
152
  }) //P.$root
153
153
 
154
154
 
155
- // If there’s a format for the hidden input element, create the element
156
- // using the name of the original input plus suffix. Otherwise set it to undefined.
157
- // If the element has a value, use either the `data-value` or `value`.
155
+ // If there’s a format for the hidden input element, create the element.
158
156
  if ( SETTINGS.formatSubmit ) {
159
- P._hidden = $( '<input type=hidden name="' + ELEMENT.name + ( SETTINGS.hiddenSuffix || '_submit' ) + '"' + ( $ELEMENT.data( 'value' ) ? ' value="' + PickerConstructor._.trigger( P.component.formats.toString, P.component, [ SETTINGS.formatSubmit, P.component.item.select ] ) + '"' : '' ) + '>' )[ 0 ]
157
+
158
+ P._hidden = $(
159
+ '<input ' +
160
+ 'type=hidden ' +
161
+
162
+ // Create the name by using the original input plus a prefix and suffix.
163
+ 'name="' + ( typeof SETTINGS.hiddenPrefix == 'string' ? SETTINGS.hiddenPrefix : '' ) +
164
+ ELEMENT.name +
165
+ ( typeof SETTINGS.hiddenSuffix == 'string' ? SETTINGS.hiddenSuffix : '_submit' ) +
166
+ '"' +
167
+
168
+ // If the element has a `data-value`, set the element `value` as well.
169
+ ( $ELEMENT.data( 'value' ) ?
170
+ ' value="' + PickerConstructor._.trigger( P.component.formats.toString, P.component, [ SETTINGS.formatSubmit, P.component.item.select ] ) + '"' :
171
+ ''
172
+ ) +
173
+ '>'
174
+ )[ 0 ]
160
175
  }
161
176
 
162
177
 
@@ -317,7 +332,7 @@ function PickerConstructor( ELEMENT, NAME, COMPONENT, OPTIONS ) {
317
332
  STATE.open = true
318
333
 
319
334
  // Pass focus to the element’s jQuery object.
320
- $ELEMENT.focus()
335
+ $ELEMENT.trigger( 'focus' )
321
336
 
322
337
  // Bind the document events.
323
338
  $document.on( 'click.P' + STATE.id + ' focusin.P' + STATE.id, function( event ) {
@@ -355,7 +370,7 @@ function PickerConstructor( ELEMENT, NAME, COMPONENT, OPTIONS ) {
355
370
 
356
371
  // Trigger the key movement action.
357
372
  if ( keycodeToMove ) {
358
- PickerConstructor._.trigger( P.component.key.go, P, [ keycodeToMove ] )
373
+ PickerConstructor._.trigger( P.component.key.go, P, [ PickerConstructor._.trigger( keycodeToMove ) ] )
359
374
  }
360
375
 
361
376
  // On “enter”, if the highlighted item isn’t disabled, set the value and close.
@@ -389,7 +404,7 @@ function PickerConstructor( ELEMENT, NAME, COMPONENT, OPTIONS ) {
389
404
  // ....ah yes! It would’ve been incomplete without a crazy workaround for IE :|
390
405
  // The focus is triggered *after* the close has completed - causing it
391
406
  // to open again. So unbind and rebind the event at the next tick.
392
- $ELEMENT.off( 'focus.P' + STATE.id ).focus()
407
+ $ELEMENT.off( 'focus.P' + STATE.id ).trigger( 'focus' )
393
408
  setTimeout( function() {
394
409
  $ELEMENT.on( 'focus.P' + STATE.id, focusToOpen )
395
410
  }, 0 )
@@ -1,6 +1,6 @@
1
1
 
2
2
  /*!
3
- * Time picker for pickadate.js v3.2.2
3
+ * Time picker for pickadate.js v3.3.0
4
4
  * http://amsul.github.io/pickadate.js/time.htm
5
5
  */
6
6
 
@@ -17,12 +17,12 @@
17
17
 
18
18
  // Register as an anonymous module.
19
19
  if ( typeof define === 'function' && define.amd )
20
- define( ['picker'], factory )
20
+ define( ['picker','jquery'], factory )
21
21
 
22
22
  // Or using browser globals.
23
- else factory( Picker )
23
+ else factory( Picker, jQuery )
24
24
 
25
- }(function( Picker ) {
25
+ }(function( Picker, $ ) {
26
26
 
27
27
 
28
28
  /**
@@ -102,10 +102,7 @@ function TimePicker( picker, settings ) {
102
102
  var $pickerHolder = picker.$root.children(),
103
103
  $viewset = $pickerHolder.find( '.' + settings.klass.viewset )
104
104
  if ( $viewset.length ) {
105
- $pickerHolder[ 0 ].scrollTop = ~~( $viewset.position().top - ( $viewset[ 0 ].clientHeight * 2 ) )
106
- }
107
- else {
108
- console.warn( 'Nothing to viewset with', clock.item.view )
105
+ $pickerHolder[ 0 ].scrollTop += $viewset.position().top - ( $viewset[ 0 ].clientHeight * 2 )
109
106
  }
110
107
  }).
111
108
  on( 'open', function() {
@@ -197,7 +194,7 @@ TimePicker.prototype.create = function( type, value, options ) {
197
194
  }
198
195
 
199
196
  // Normalize it into a "reachable" interval.
200
- value = clock.normalize( value, options )
197
+ value = clock.normalize( type, value, options )
201
198
 
202
199
  // Return the compiled object.
203
200
  return {
@@ -243,11 +240,19 @@ TimePicker.prototype.now = function( type, value/*, options*/ ) {
243
240
 
244
241
 
245
242
  /**
246
- * Normalize minutes or an object to be "reachable" based on the interval.
243
+ * Normalize minutes to be reachable based on the min and interval.
247
244
  */
248
- TimePicker.prototype.normalize = function( value/*, options*/ ) {
249
- // If it's a negative value, add one interval to keep it as "passed".
250
- return value - ( ( value < 0 ? this.item.interval : 0 ) + value % this.item.interval )
245
+ TimePicker.prototype.normalize = function( type, value/*, options*/ ) {
246
+
247
+ var minObject = this.item.min, interval = this.item.interval,
248
+
249
+ // If setting min and it doesn’t exist, don’t shift anything.
250
+ // Otherwise get the value and min difference and then
251
+ // normalize the difference with the interval.
252
+ difference = type == 'min' && !minObject ? 0 : ( value - minObject.pick ) % interval
253
+
254
+ // If it’s a negative value, add one interval to keep it as “passed”.
255
+ return value - ( difference + ( value < 0 ? interval : 0 ) )
251
256
  } //TimePicker.prototype.normalize
252
257
 
253
258
 
@@ -270,7 +275,7 @@ TimePicker.prototype.measure = function( type, value, options ) {
270
275
 
271
276
  // If it's an object already, just normalize it.
272
277
  else if ( Picker._.isObject( value ) && Picker._.isInteger( value.pick ) ) {
273
- value = clock.normalize( value.pick, options )
278
+ value = clock.normalize( type, value.pick, options )
274
279
  }
275
280
 
276
281
  return value
@@ -338,17 +343,20 @@ TimePicker.prototype.disabled = function( timeObject ) {
338
343
  */
339
344
  TimePicker.prototype.shift = function( timeObject, interval ) {
340
345
 
341
- var
342
- clock = this
346
+ var clock = this,
347
+ minLimit = clock.item.min.pick,
348
+ maxLimit = clock.item.max.pick
349
+
350
+ interval = interval || clock.item.interval
343
351
 
344
352
  // Keep looping as long as the time is disabled.
345
353
  while ( clock.disabled( timeObject ) ) {
346
354
 
347
355
  // Increase/decrease the time by the interval and keep looping.
348
- timeObject = clock.create( timeObject.pick += interval || clock.item.interval )
356
+ timeObject = clock.create( timeObject.pick += interval )
349
357
 
350
358
  // If we've looped beyond the limits, break out of the loop.
351
- if ( timeObject.pick <= clock.item.min.pick || timeObject.pick >= clock.item.max.pick ) {
359
+ if ( timeObject.pick <= minLimit || timeObject.pick >= maxLimit ) {
352
360
  break
353
361
  }
354
362
  }
@@ -373,8 +381,7 @@ TimePicker.prototype.scope = function( timeObject ) {
373
381
  */
374
382
  TimePicker.prototype.parse = function( type, value, options ) {
375
383
 
376
- var
377
- clock = this,
384
+ var clock = this,
378
385
  parsingObject = {}
379
386
 
380
387
  if ( !value || Picker._.isInteger( value ) || $.isArray( value ) || Picker._.isDate( value ) || Picker._.isObject( value ) && Picker._.isInteger( value.pick ) ) {
@@ -491,12 +498,28 @@ TimePicker.prototype.flipItem = function( type, value/*, options*/ ) {
491
498
  clock.item.enable = isFlipped ? 1 : -1
492
499
  }
493
500
 
494
- // Check if we have to add/remove from collection.
495
- else if ( !isFlipped && type == 'enable' || isFlipped && type == 'disable' ) {
496
- collection = clock.removeDisabled( collection, value )
501
+ // Reset the collection and enable the base state.
502
+ else if ( ( type == 'enable' && value === true ) || ( type == 'disable' && value === false ) ) {
503
+ clock.item.enable = 1
504
+ collection = []
497
505
  }
498
- else if ( !isFlipped && type == 'disable' || isFlipped && type == 'enable' ) {
499
- collection = clock.addDisabled( collection, value )
506
+
507
+ // Reset the collection and disable the base state.
508
+ else if ( ( type == 'enable' && value === false ) || ( type == 'disable' && value === true ) ) {
509
+ clock.item.enable = -1
510
+ collection = []
511
+ }
512
+
513
+ // Make sure a collection of things was passed to add/remove.
514
+ else if ( $.isArray( value ) ) {
515
+
516
+ // Check if we have to add/remove from collection.
517
+ if ( !isFlipped && type == 'enable' || isFlipped && type == 'disable' ) {
518
+ collection = clock.removeDisabled( collection, value )
519
+ }
520
+ else if ( !isFlipped && type == 'disable' || isFlipped && type == 'enable' ) {
521
+ collection = clock.addDisabled( collection, value )
522
+ }
500
523
  }
501
524
 
502
525
  return collection
@@ -508,7 +531,8 @@ TimePicker.prototype.flipItem = function( type, value/*, options*/ ) {
508
531
  */
509
532
  TimePicker.prototype.addDisabled = function( collection, item ) {
510
533
  var clock = this
511
- item.map( function( timeUnit ) {
534
+ if ( item === false ) collection = []
535
+ else item.map( function( timeUnit ) {
512
536
  if ( !clock.filterDisabled( collection, timeUnit ).length ) {
513
537
  collection.push( timeUnit )
514
538
  }
@@ -595,7 +619,10 @@ TimePicker.prototype.nodes = function( isOpen ) {
595
619
  'data-pick=' + loopedTime.pick
596
620
  ]
597
621
  }
598
- }) + Picker._.node( 'li', Picker._.node( 'button', settings.clear, settings.klass.buttonClear, 'data-clear=1' + ( isOpen ? '' : ' disable' ) ) ), settings.klass.list )
622
+ }) +
623
+
624
+ // * For Firefox forms to submit, make sure to set the button’s `type` attribute as “button”.
625
+ Picker._.node( 'li', Picker._.node( 'button', settings.clear, settings.klass.buttonClear, 'type=button data-clear=1' + ( isOpen ? '' : ' disable' ) ) ), settings.klass.list )
599
626
  } //TimePicker.prototype.nodes
600
627
 
601
628
 
@@ -1,42 +1,6 @@
1
1
  /* ==========================================================================
2
2
  $BASE-PICKER
3
3
  ========================================================================== */
4
- /* ==========================================================================
5
- $VARIABLES
6
- ========================================================================== */
7
- /**
8
- * Base colors
9
- */
10
- /**
11
- * Backgrounds
12
- */
13
- /**
14
- * Borders
15
- */
16
- /**
17
- * Buttons
18
- */
19
- /**
20
- * Picker base
21
- */
22
- /**
23
- * Date picker options
24
- */
25
- /**
26
- * Theme configurations
27
- */
28
- /* ==========================================================================
29
- $MIXINS
30
- ========================================================================== */
31
- /**
32
- * Common picker item states
33
- */
34
- /**
35
- * Opacity
36
- */
37
- /**
38
- * Vendor prefixes
39
- */
40
4
  /**
41
5
  * Note: the root picker element should __NOT__ be styled
42
6
  * more than what’s here. Style the `.picker__holder` instead.
@@ -72,43 +36,7 @@
72
36
 
73
37
  /*!
74
38
  * Classic picker styling for pickadate.js
75
- * Demo: http://amsul.github.io/pickadate.js/themes.htm#classic
76
- */
77
- /* ==========================================================================
78
- $VARIABLES
79
- ========================================================================== */
80
- /**
81
- * Base colors
82
- */
83
- /**
84
- * Backgrounds
85
- */
86
- /**
87
- * Borders
88
- */
89
- /**
90
- * Buttons
91
- */
92
- /**
93
- * Picker base
94
- */
95
- /**
96
- * Date picker options
97
- */
98
- /**
99
- * Theme configurations
100
- */
101
- /* ==========================================================================
102
- $MIXINS
103
- ========================================================================== */
104
- /**
105
- * Common picker item states
106
- */
107
- /**
108
- * Opacity
109
- */
110
- /**
111
- * Vendor prefixes
39
+ * Demo: http://amsul.github.io/pickadate.js
112
40
  */
113
41
  /**
114
42
  * Note: the root picker element should __NOT__ be styled
@@ -1,42 +1,6 @@
1
1
  /* ==========================================================================
2
2
  $BASE-DATE-PICKER
3
3
  ========================================================================== */
4
- /* ==========================================================================
5
- $VARIABLES
6
- ========================================================================== */
7
- /**
8
- * Base colors
9
- */
10
- /**
11
- * Backgrounds
12
- */
13
- /**
14
- * Borders
15
- */
16
- /**
17
- * Buttons
18
- */
19
- /**
20
- * Picker base
21
- */
22
- /**
23
- * Date picker options
24
- */
25
- /**
26
- * Theme configurations
27
- */
28
- /* ==========================================================================
29
- $MIXINS
30
- ========================================================================== */
31
- /**
32
- * Common picker item states
33
- */
34
- /**
35
- * Opacity
36
- */
37
- /**
38
- * Vendor prefixes
39
- */
40
4
  /**
41
5
  * The picker box.
42
6
  */
@@ -74,7 +38,7 @@
74
38
  font-size: .8em;
75
39
  border: 1px solid #b7b7b7;
76
40
  height: 2.5em;
77
- padding: .66em .25em;
41
+ padding: .5em .25em;
78
42
  margin-left: .25em;
79
43
  margin-right: .25em;
80
44
  margin-top: -0.5em;
@@ -211,10 +175,6 @@
211
175
  }
212
176
  .picker__day--outfocus {
213
177
  color: #dddddd;
214
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=66)";
215
- filter: alpha(opacity=66);
216
- -moz-opacity: 0.66;
217
- opacity: 0.66;
218
178
  }
219
179
  .picker__day--infocus:hover,
220
180
  .picker__day--outfocus:hover {
@@ -294,39 +254,3 @@
294
254
  /* ==========================================================================
295
255
  $CLASSIC-DATE-PICKER
296
256
  ========================================================================== */
297
- /* ==========================================================================
298
- $VARIABLES
299
- ========================================================================== */
300
- /**
301
- * Base colors
302
- */
303
- /**
304
- * Backgrounds
305
- */
306
- /**
307
- * Borders
308
- */
309
- /**
310
- * Buttons
311
- */
312
- /**
313
- * Picker base
314
- */
315
- /**
316
- * Date picker options
317
- */
318
- /**
319
- * Theme configurations
320
- */
321
- /* ==========================================================================
322
- $MIXINS
323
- ========================================================================== */
324
- /**
325
- * Common picker item states
326
- */
327
- /**
328
- * Opacity
329
- */
330
- /**
331
- * Vendor prefixes
332
- */
@@ -1,42 +1,6 @@
1
1
  /* ==========================================================================
2
2
  $BASE-TIME-PICKER
3
3
  ========================================================================== */
4
- /* ==========================================================================
5
- $VARIABLES
6
- ========================================================================== */
7
- /**
8
- * Base colors
9
- */
10
- /**
11
- * Backgrounds
12
- */
13
- /**
14
- * Borders
15
- */
16
- /**
17
- * Buttons
18
- */
19
- /**
20
- * Picker base
21
- */
22
- /**
23
- * Date picker options
24
- */
25
- /**
26
- * Theme configurations
27
- */
28
- /* ==========================================================================
29
- $MIXINS
30
- ========================================================================== */
31
- /**
32
- * Common picker item states
33
- */
34
- /**
35
- * Opacity
36
- */
37
- /**
38
- * Vendor prefixes
39
- */
40
4
  /**
41
5
  * The list of times.
42
6
  */
@@ -87,7 +51,8 @@
87
51
  }
88
52
  /* Disabled time */
89
53
  .picker__list-item--disabled,
90
- .picker__list-item--disabled:hover {
54
+ .picker__list-item--disabled:hover,
55
+ .picker--focused .picker__list-item--disabled {
91
56
  background: #f5f5f5;
92
57
  border-color: #f5f5f5;
93
58
  color: #dddddd;
@@ -135,42 +100,6 @@
135
100
  /* ==========================================================================
136
101
  $CLASSIC-TIME-PICKER
137
102
  ========================================================================== */
138
- /* ==========================================================================
139
- $VARIABLES
140
- ========================================================================== */
141
- /**
142
- * Base colors
143
- */
144
- /**
145
- * Backgrounds
146
- */
147
- /**
148
- * Borders
149
- */
150
- /**
151
- * Buttons
152
- */
153
- /**
154
- * Picker base
155
- */
156
- /**
157
- * Date picker options
158
- */
159
- /**
160
- * Theme configurations
161
- */
162
- /* ==========================================================================
163
- $MIXINS
164
- ========================================================================== */
165
- /**
166
- * Common picker item states
167
- */
168
- /**
169
- * Opacity
170
- */
171
- /**
172
- * Vendor prefixes
173
- */
174
103
  /**
175
104
  * Note: the root picker element should __NOT__ be styled
176
105
  * more than what’s here. Style the `.picker__holder` instead.
@@ -1,42 +1,6 @@
1
1
  /* ==========================================================================
2
2
  $BASE-PICKER
3
3
  ========================================================================== */
4
- /* ==========================================================================
5
- $VARIABLES
6
- ========================================================================== */
7
- /**
8
- * Base colors
9
- */
10
- /**
11
- * Backgrounds
12
- */
13
- /**
14
- * Borders
15
- */
16
- /**
17
- * Buttons
18
- */
19
- /**
20
- * Picker base
21
- */
22
- /**
23
- * Date picker options
24
- */
25
- /**
26
- * Theme configurations
27
- */
28
- /* ==========================================================================
29
- $MIXINS
30
- ========================================================================== */
31
- /**
32
- * Common picker item states
33
- */
34
- /**
35
- * Opacity
36
- */
37
- /**
38
- * Vendor prefixes
39
- */
40
4
  /**
41
5
  * Note: the root picker element should __NOT__ be styled
42
6
  * more than what’s here. Style the `.picker__holder` instead.
@@ -72,43 +36,7 @@
72
36
 
73
37
  /*!
74
38
  * Default mobile-first, responsive styling for pickadate.js
75
- * Demo: http://amsul.github.io/pickadate.js/themes.htm#default
76
- */
77
- /* ==========================================================================
78
- $VARIABLES
79
- ========================================================================== */
80
- /**
81
- * Base colors
82
- */
83
- /**
84
- * Backgrounds
85
- */
86
- /**
87
- * Borders
88
- */
89
- /**
90
- * Buttons
91
- */
92
- /**
93
- * Picker base
94
- */
95
- /**
96
- * Date picker options
97
- */
98
- /**
99
- * Theme configurations
100
- */
101
- /* ==========================================================================
102
- $MIXINS
103
- ========================================================================== */
104
- /**
105
- * Common picker item states
106
- */
107
- /**
108
- * Opacity
109
- */
110
- /**
111
- * Vendor prefixes
39
+ * Demo: http://amsul.github.io/pickadate.js
112
40
  */
113
41
  /**
114
42
  * Make the holder and frame fullscreen.
@@ -1,42 +1,6 @@
1
1
  /* ==========================================================================
2
2
  $BASE-DATE-PICKER
3
3
  ========================================================================== */
4
- /* ==========================================================================
5
- $VARIABLES
6
- ========================================================================== */
7
- /**
8
- * Base colors
9
- */
10
- /**
11
- * Backgrounds
12
- */
13
- /**
14
- * Borders
15
- */
16
- /**
17
- * Buttons
18
- */
19
- /**
20
- * Picker base
21
- */
22
- /**
23
- * Date picker options
24
- */
25
- /**
26
- * Theme configurations
27
- */
28
- /* ==========================================================================
29
- $MIXINS
30
- ========================================================================== */
31
- /**
32
- * Common picker item states
33
- */
34
- /**
35
- * Opacity
36
- */
37
- /**
38
- * Vendor prefixes
39
- */
40
4
  /**
41
5
  * The picker box.
42
6
  */
@@ -74,7 +38,7 @@
74
38
  font-size: .8em;
75
39
  border: 1px solid #b7b7b7;
76
40
  height: 2.5em;
77
- padding: .66em .25em;
41
+ padding: .5em .25em;
78
42
  margin-left: .25em;
79
43
  margin-right: .25em;
80
44
  margin-top: -0.5em;
@@ -211,10 +175,6 @@
211
175
  }
212
176
  .picker__day--outfocus {
213
177
  color: #dddddd;
214
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=66)";
215
- filter: alpha(opacity=66);
216
- -moz-opacity: 0.66;
217
- opacity: 0.66;
218
178
  }
219
179
  .picker__day--infocus:hover,
220
180
  .picker__day--outfocus:hover {
@@ -294,39 +254,3 @@
294
254
  /* ==========================================================================
295
255
  $DEFAULT-DATE-PICKER
296
256
  ========================================================================== */
297
- /* ==========================================================================
298
- $VARIABLES
299
- ========================================================================== */
300
- /**
301
- * Base colors
302
- */
303
- /**
304
- * Backgrounds
305
- */
306
- /**
307
- * Borders
308
- */
309
- /**
310
- * Buttons
311
- */
312
- /**
313
- * Picker base
314
- */
315
- /**
316
- * Date picker options
317
- */
318
- /**
319
- * Theme configurations
320
- */
321
- /* ==========================================================================
322
- $MIXINS
323
- ========================================================================== */
324
- /**
325
- * Common picker item states
326
- */
327
- /**
328
- * Opacity
329
- */
330
- /**
331
- * Vendor prefixes
332
- */
@@ -1,42 +1,6 @@
1
1
  /* ==========================================================================
2
2
  $BASE-TIME-PICKER
3
3
  ========================================================================== */
4
- /* ==========================================================================
5
- $VARIABLES
6
- ========================================================================== */
7
- /**
8
- * Base colors
9
- */
10
- /**
11
- * Backgrounds
12
- */
13
- /**
14
- * Borders
15
- */
16
- /**
17
- * Buttons
18
- */
19
- /**
20
- * Picker base
21
- */
22
- /**
23
- * Date picker options
24
- */
25
- /**
26
- * Theme configurations
27
- */
28
- /* ==========================================================================
29
- $MIXINS
30
- ========================================================================== */
31
- /**
32
- * Common picker item states
33
- */
34
- /**
35
- * Opacity
36
- */
37
- /**
38
- * Vendor prefixes
39
- */
40
4
  /**
41
5
  * The list of times.
42
6
  */
@@ -87,7 +51,8 @@
87
51
  }
88
52
  /* Disabled time */
89
53
  .picker__list-item--disabled,
90
- .picker__list-item--disabled:hover {
54
+ .picker__list-item--disabled:hover,
55
+ .picker--focused .picker__list-item--disabled {
91
56
  background: #f5f5f5;
92
57
  border-color: #f5f5f5;
93
58
  color: #dddddd;
@@ -135,42 +100,6 @@
135
100
  /* ==========================================================================
136
101
  $DEFAULT-TIME-PICKER
137
102
  ========================================================================== */
138
- /* ==========================================================================
139
- $VARIABLES
140
- ========================================================================== */
141
- /**
142
- * Base colors
143
- */
144
- /**
145
- * Backgrounds
146
- */
147
- /**
148
- * Borders
149
- */
150
- /**
151
- * Buttons
152
- */
153
- /**
154
- * Picker base
155
- */
156
- /**
157
- * Date picker options
158
- */
159
- /**
160
- * Theme configurations
161
- */
162
- /* ==========================================================================
163
- $MIXINS
164
- ========================================================================== */
165
- /**
166
- * Common picker item states
167
- */
168
- /**
169
- * Opacity
170
- */
171
- /**
172
- * Vendor prefixes
173
- */
174
103
  /**
175
104
  * The frame the bounds the time picker.
176
105
  */
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: pickadate-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.2.2
4
+ version: 1.3.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Jeff Fraser
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2013-09-20 00:00:00.000000000 Z
11
+ date: 2013-10-15 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: railties