daterangepicker-rails 0.0.2
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 +15 -0
- data/.gitignore +22 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +22 -0
- data/README.md +29 -0
- data/Rakefile +2 -0
- data/daterangepicker-rails.gemspec +23 -0
- data/lib/daterangepicker/rails.rb +8 -0
- data/lib/daterangepicker/rails/version.rb +5 -0
- data/vendor/assets/javascripts/daterangepicker.js +1017 -0
- data/vendor/assets/javascripts/moment.js +2400 -0
- data/vendor/assets/stylesheets/daterangepicker-bs2.css +256 -0
- data/vendor/assets/stylesheets/daterangepicker-bs3.css +267 -0
- metadata +85 -0
@@ -0,0 +1,256 @@
|
|
1
|
+
/*!
|
2
|
+
* Stylesheet for the Date Range Picker, for use with Bootstrap 2.x
|
3
|
+
*
|
4
|
+
* Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
|
5
|
+
* Licensed under the Apache License v2.0
|
6
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
7
|
+
*
|
8
|
+
* Built for http://www.improvely.com
|
9
|
+
*/
|
10
|
+
|
11
|
+
.daterangepicker.dropdown-menu {
|
12
|
+
max-width: none;
|
13
|
+
z-index: 3000;
|
14
|
+
}
|
15
|
+
|
16
|
+
.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
|
17
|
+
float: left;
|
18
|
+
margin: 4px;
|
19
|
+
}
|
20
|
+
|
21
|
+
.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
|
22
|
+
float: right;
|
23
|
+
margin: 4px;
|
24
|
+
}
|
25
|
+
|
26
|
+
.daterangepicker .ranges {
|
27
|
+
width: 160px;
|
28
|
+
text-align: left;
|
29
|
+
}
|
30
|
+
|
31
|
+
.daterangepicker .ranges .range_inputs>div {
|
32
|
+
float: left;
|
33
|
+
}
|
34
|
+
|
35
|
+
.daterangepicker .ranges .range_inputs>div:nth-child(2) {
|
36
|
+
padding-left: 11px;
|
37
|
+
}
|
38
|
+
|
39
|
+
.daterangepicker .calendar {
|
40
|
+
display: none;
|
41
|
+
max-width: 250px;
|
42
|
+
}
|
43
|
+
.daterangepicker.show-calendar .calendar {
|
44
|
+
display: block;
|
45
|
+
}
|
46
|
+
|
47
|
+
.daterangepicker .calendar.single .calendar-date {
|
48
|
+
border: none;
|
49
|
+
}
|
50
|
+
|
51
|
+
.daterangepicker .calendar th, .daterangepicker .calendar td {
|
52
|
+
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
53
|
+
white-space: nowrap;
|
54
|
+
text-align: center;
|
55
|
+
}
|
56
|
+
|
57
|
+
.daterangepicker .daterangepicker_start_input label,
|
58
|
+
.daterangepicker .daterangepicker_end_input label {
|
59
|
+
color: #333;
|
60
|
+
font-size: 11px;
|
61
|
+
margin-bottom: 2px;
|
62
|
+
text-transform: uppercase;
|
63
|
+
text-shadow: 1px 1px 0 #fff;
|
64
|
+
}
|
65
|
+
|
66
|
+
.daterangepicker .ranges input {
|
67
|
+
font-size: 11px;
|
68
|
+
}
|
69
|
+
|
70
|
+
.daterangepicker .ranges ul {
|
71
|
+
list-style: none;
|
72
|
+
margin: 0;
|
73
|
+
padding: 0;
|
74
|
+
}
|
75
|
+
|
76
|
+
.daterangepicker .ranges li {
|
77
|
+
font-size: 13px;
|
78
|
+
background: #f5f5f5;
|
79
|
+
border: 1px solid #f5f5f5;
|
80
|
+
color: #08c;
|
81
|
+
padding: 3px 12px;
|
82
|
+
margin-bottom: 8px;
|
83
|
+
-webkit-border-radius: 5px;
|
84
|
+
-moz-border-radius: 5px;
|
85
|
+
border-radius: 5px;
|
86
|
+
cursor: pointer;
|
87
|
+
}
|
88
|
+
|
89
|
+
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
|
90
|
+
background: #08c;
|
91
|
+
border: 1px solid #08c;
|
92
|
+
color: #fff;
|
93
|
+
}
|
94
|
+
|
95
|
+
.daterangepicker .calendar-date {
|
96
|
+
border: 1px solid #ddd;
|
97
|
+
padding: 4px;
|
98
|
+
border-radius: 4px;
|
99
|
+
background: #fff;
|
100
|
+
}
|
101
|
+
|
102
|
+
.daterangepicker .calendar-time {
|
103
|
+
text-align: center;
|
104
|
+
margin: 8px auto 0 auto;
|
105
|
+
line-height: 30px;
|
106
|
+
}
|
107
|
+
|
108
|
+
.daterangepicker {
|
109
|
+
position: absolute;
|
110
|
+
background: #fff;
|
111
|
+
top: 100px;
|
112
|
+
left: 20px;
|
113
|
+
padding: 4px;
|
114
|
+
margin-top: 1px;
|
115
|
+
-webkit-border-radius: 4px;
|
116
|
+
-moz-border-radius: 4px;
|
117
|
+
border-radius: 4px;
|
118
|
+
}
|
119
|
+
|
120
|
+
.daterangepicker.opensleft:before {
|
121
|
+
position: absolute;
|
122
|
+
top: -7px;
|
123
|
+
right: 9px;
|
124
|
+
display: inline-block;
|
125
|
+
border-right: 7px solid transparent;
|
126
|
+
border-bottom: 7px solid #ccc;
|
127
|
+
border-left: 7px solid transparent;
|
128
|
+
border-bottom-color: rgba(0, 0, 0, 0.2);
|
129
|
+
content: '';
|
130
|
+
}
|
131
|
+
|
132
|
+
.daterangepicker.opensleft:after {
|
133
|
+
position: absolute;
|
134
|
+
top: -6px;
|
135
|
+
right: 10px;
|
136
|
+
display: inline-block;
|
137
|
+
border-right: 6px solid transparent;
|
138
|
+
border-bottom: 6px solid #fff;
|
139
|
+
border-left: 6px solid transparent;
|
140
|
+
content: '';
|
141
|
+
}
|
142
|
+
|
143
|
+
.daterangepicker.opensright:before {
|
144
|
+
position: absolute;
|
145
|
+
top: -7px;
|
146
|
+
left: 9px;
|
147
|
+
display: inline-block;
|
148
|
+
border-right: 7px solid transparent;
|
149
|
+
border-bottom: 7px solid #ccc;
|
150
|
+
border-left: 7px solid transparent;
|
151
|
+
border-bottom-color: rgba(0, 0, 0, 0.2);
|
152
|
+
content: '';
|
153
|
+
}
|
154
|
+
|
155
|
+
.daterangepicker.opensright:after {
|
156
|
+
position: absolute;
|
157
|
+
top: -6px;
|
158
|
+
left: 10px;
|
159
|
+
display: inline-block;
|
160
|
+
border-right: 6px solid transparent;
|
161
|
+
border-bottom: 6px solid #fff;
|
162
|
+
border-left: 6px solid transparent;
|
163
|
+
content: '';
|
164
|
+
}
|
165
|
+
|
166
|
+
.daterangepicker table {
|
167
|
+
width: 100%;
|
168
|
+
margin: 0;
|
169
|
+
}
|
170
|
+
|
171
|
+
.daterangepicker td, .daterangepicker th {
|
172
|
+
text-align: center;
|
173
|
+
width: 20px;
|
174
|
+
height: 20px;
|
175
|
+
-webkit-border-radius: 4px;
|
176
|
+
-moz-border-radius: 4px;
|
177
|
+
border-radius: 4px;
|
178
|
+
cursor: pointer;
|
179
|
+
white-space: nowrap;
|
180
|
+
}
|
181
|
+
|
182
|
+
.daterangepicker td.off {
|
183
|
+
color: #999;
|
184
|
+
}
|
185
|
+
|
186
|
+
.daterangepicker td.disabled {
|
187
|
+
color: #999;
|
188
|
+
}
|
189
|
+
|
190
|
+
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
|
191
|
+
background: #eee;
|
192
|
+
}
|
193
|
+
|
194
|
+
.daterangepicker td.in-range {
|
195
|
+
background: #ebf4f8;
|
196
|
+
-webkit-border-radius: 0;
|
197
|
+
-moz-border-radius: 0;
|
198
|
+
border-radius: 0;
|
199
|
+
}
|
200
|
+
|
201
|
+
.daterangepicker td.active, .daterangepicker td.active:hover {
|
202
|
+
background-color: #006dcc;
|
203
|
+
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
204
|
+
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
205
|
+
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
206
|
+
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
207
|
+
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
208
|
+
background-image: linear-gradient(top, #0088cc, #0044cc);
|
209
|
+
background-repeat: repeat-x;
|
210
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
211
|
+
border-color: #0044cc #0044cc #002a80;
|
212
|
+
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
213
|
+
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
214
|
+
color: #fff;
|
215
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
216
|
+
}
|
217
|
+
|
218
|
+
.daterangepicker td.week, .daterangepicker th.week {
|
219
|
+
font-size: 80%;
|
220
|
+
color: #ccc;
|
221
|
+
}
|
222
|
+
|
223
|
+
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
|
224
|
+
font-size: 12px;
|
225
|
+
padding: 1px;
|
226
|
+
height: auto;
|
227
|
+
margin: 0;
|
228
|
+
cursor: default;
|
229
|
+
}
|
230
|
+
|
231
|
+
.daterangepicker select.monthselect {
|
232
|
+
margin-right: 2%;
|
233
|
+
width: 56%;
|
234
|
+
}
|
235
|
+
|
236
|
+
.daterangepicker select.yearselect {
|
237
|
+
width: 40%;
|
238
|
+
}
|
239
|
+
|
240
|
+
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {
|
241
|
+
width: 60px;
|
242
|
+
margin-bottom: 0;
|
243
|
+
}
|
244
|
+
|
245
|
+
.daterangepicker_start_input {
|
246
|
+
float: left;
|
247
|
+
}
|
248
|
+
|
249
|
+
.daterangepicker_end_input {
|
250
|
+
float: left;
|
251
|
+
padding-left: 11px
|
252
|
+
}
|
253
|
+
|
254
|
+
.daterangepicker th.month {
|
255
|
+
width: auto;
|
256
|
+
}
|
@@ -0,0 +1,267 @@
|
|
1
|
+
/*!
|
2
|
+
* Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
|
3
|
+
*
|
4
|
+
* Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
|
5
|
+
* Licensed under the Apache License v2.0
|
6
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
7
|
+
*
|
8
|
+
* Built for http://www.improvely.com
|
9
|
+
*/
|
10
|
+
|
11
|
+
.daterangepicker.dropdown-menu {
|
12
|
+
max-width: none;
|
13
|
+
z-index: 3000;
|
14
|
+
}
|
15
|
+
|
16
|
+
.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
|
17
|
+
float: left;
|
18
|
+
margin: 4px;
|
19
|
+
}
|
20
|
+
|
21
|
+
.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
|
22
|
+
float: right;
|
23
|
+
margin: 4px;
|
24
|
+
}
|
25
|
+
|
26
|
+
.daterangepicker .ranges {
|
27
|
+
width: 160px;
|
28
|
+
text-align: left;
|
29
|
+
}
|
30
|
+
|
31
|
+
.daterangepicker .ranges .range_inputs>div {
|
32
|
+
float: left;
|
33
|
+
}
|
34
|
+
|
35
|
+
.daterangepicker .ranges .range_inputs>div:nth-child(2) {
|
36
|
+
padding-left: 11px;
|
37
|
+
}
|
38
|
+
|
39
|
+
.daterangepicker .calendar {
|
40
|
+
display: none;
|
41
|
+
max-width: 270px;
|
42
|
+
}
|
43
|
+
|
44
|
+
.daterangepicker.show-calendar .calendar {
|
45
|
+
display: block;
|
46
|
+
}
|
47
|
+
|
48
|
+
.daterangepicker .calendar.single .calendar-date {
|
49
|
+
border: none;
|
50
|
+
}
|
51
|
+
|
52
|
+
.daterangepicker .calendar th, .daterangepicker .calendar td {
|
53
|
+
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
54
|
+
white-space: nowrap;
|
55
|
+
text-align: center;
|
56
|
+
min-width: 32px;
|
57
|
+
}
|
58
|
+
|
59
|
+
.daterangepicker .daterangepicker_start_input label,
|
60
|
+
.daterangepicker .daterangepicker_end_input label {
|
61
|
+
color: #333;
|
62
|
+
display: block;
|
63
|
+
font-size: 11px;
|
64
|
+
font-weight: normal;
|
65
|
+
height: 20px;
|
66
|
+
line-height: 20px;
|
67
|
+
margin-bottom: 2px;
|
68
|
+
text-shadow: #fff 1px 1px 0px;
|
69
|
+
text-transform: uppercase;
|
70
|
+
width: 74px;
|
71
|
+
}
|
72
|
+
|
73
|
+
.daterangepicker .ranges input {
|
74
|
+
font-size: 11px;
|
75
|
+
}
|
76
|
+
|
77
|
+
.daterangepicker .ranges .input-mini {
|
78
|
+
background-color: #eee;
|
79
|
+
border: 1px solid #ccc;
|
80
|
+
border-radius: 4px;
|
81
|
+
color: #555;
|
82
|
+
display: block;
|
83
|
+
font-size: 11px;
|
84
|
+
height: 30px;
|
85
|
+
line-height: 30px;
|
86
|
+
vertical-align: middle;
|
87
|
+
margin: 0 0 10px 0;
|
88
|
+
padding: 0 6px;
|
89
|
+
width: 74px;
|
90
|
+
}
|
91
|
+
|
92
|
+
.daterangepicker .ranges ul {
|
93
|
+
list-style: none;
|
94
|
+
margin: 0;
|
95
|
+
padding: 0;
|
96
|
+
}
|
97
|
+
|
98
|
+
.daterangepicker .ranges li {
|
99
|
+
font-size: 13px;
|
100
|
+
background: #f5f5f5;
|
101
|
+
border: 1px solid #f5f5f5;
|
102
|
+
color: #08c;
|
103
|
+
padding: 3px 12px;
|
104
|
+
margin-bottom: 8px;
|
105
|
+
-webkit-border-radius: 5px;
|
106
|
+
-moz-border-radius: 5px;
|
107
|
+
border-radius: 5px;
|
108
|
+
cursor: pointer;
|
109
|
+
}
|
110
|
+
|
111
|
+
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
|
112
|
+
background: #08c;
|
113
|
+
border: 1px solid #08c;
|
114
|
+
color: #fff;
|
115
|
+
}
|
116
|
+
|
117
|
+
.daterangepicker .calendar-date {
|
118
|
+
border: 1px solid #ddd;
|
119
|
+
padding: 4px;
|
120
|
+
border-radius: 4px;
|
121
|
+
background: #fff;
|
122
|
+
}
|
123
|
+
|
124
|
+
.daterangepicker .calendar-time {
|
125
|
+
text-align: center;
|
126
|
+
margin: 8px auto 0 auto;
|
127
|
+
line-height: 30px;
|
128
|
+
}
|
129
|
+
|
130
|
+
.daterangepicker {
|
131
|
+
position: absolute;
|
132
|
+
background: #fff;
|
133
|
+
top: 100px;
|
134
|
+
left: 20px;
|
135
|
+
padding: 4px;
|
136
|
+
margin-top: 1px;
|
137
|
+
-webkit-border-radius: 4px;
|
138
|
+
-moz-border-radius: 4px;
|
139
|
+
border-radius: 4px;
|
140
|
+
}
|
141
|
+
|
142
|
+
.daterangepicker.opensleft:before {
|
143
|
+
position: absolute;
|
144
|
+
top: -7px;
|
145
|
+
right: 9px;
|
146
|
+
display: inline-block;
|
147
|
+
border-right: 7px solid transparent;
|
148
|
+
border-bottom: 7px solid #ccc;
|
149
|
+
border-left: 7px solid transparent;
|
150
|
+
border-bottom-color: rgba(0, 0, 0, 0.2);
|
151
|
+
content: '';
|
152
|
+
}
|
153
|
+
|
154
|
+
.daterangepicker.opensleft:after {
|
155
|
+
position: absolute;
|
156
|
+
top: -6px;
|
157
|
+
right: 10px;
|
158
|
+
display: inline-block;
|
159
|
+
border-right: 6px solid transparent;
|
160
|
+
border-bottom: 6px solid #fff;
|
161
|
+
border-left: 6px solid transparent;
|
162
|
+
content: '';
|
163
|
+
}
|
164
|
+
|
165
|
+
.daterangepicker.opensright:before {
|
166
|
+
position: absolute;
|
167
|
+
top: -7px;
|
168
|
+
left: 9px;
|
169
|
+
display: inline-block;
|
170
|
+
border-right: 7px solid transparent;
|
171
|
+
border-bottom: 7px solid #ccc;
|
172
|
+
border-left: 7px solid transparent;
|
173
|
+
border-bottom-color: rgba(0, 0, 0, 0.2);
|
174
|
+
content: '';
|
175
|
+
}
|
176
|
+
|
177
|
+
.daterangepicker.opensright:after {
|
178
|
+
position: absolute;
|
179
|
+
top: -6px;
|
180
|
+
left: 10px;
|
181
|
+
display: inline-block;
|
182
|
+
border-right: 6px solid transparent;
|
183
|
+
border-bottom: 6px solid #fff;
|
184
|
+
border-left: 6px solid transparent;
|
185
|
+
content: '';
|
186
|
+
}
|
187
|
+
|
188
|
+
.daterangepicker table {
|
189
|
+
width: 100%;
|
190
|
+
margin: 0;
|
191
|
+
}
|
192
|
+
|
193
|
+
.daterangepicker td, .daterangepicker th {
|
194
|
+
text-align: center;
|
195
|
+
width: 20px;
|
196
|
+
height: 20px;
|
197
|
+
-webkit-border-radius: 4px;
|
198
|
+
-moz-border-radius: 4px;
|
199
|
+
border-radius: 4px;
|
200
|
+
cursor: pointer;
|
201
|
+
white-space: nowrap;
|
202
|
+
}
|
203
|
+
|
204
|
+
.daterangepicker td.off {
|
205
|
+
color: #999;
|
206
|
+
}
|
207
|
+
|
208
|
+
.daterangepicker td.disabled {
|
209
|
+
color: #999;
|
210
|
+
}
|
211
|
+
|
212
|
+
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
|
213
|
+
background: #eee;
|
214
|
+
}
|
215
|
+
|
216
|
+
.daterangepicker td.in-range {
|
217
|
+
background: #ebf4f8;
|
218
|
+
-webkit-border-radius: 0;
|
219
|
+
-moz-border-radius: 0;
|
220
|
+
border-radius: 0;
|
221
|
+
}
|
222
|
+
|
223
|
+
.daterangepicker td.active, .daterangepicker td.active:hover {
|
224
|
+
background-color: #357ebd;
|
225
|
+
border-color: #3071a9;
|
226
|
+
color: #fff;
|
227
|
+
}
|
228
|
+
|
229
|
+
.daterangepicker td.week, .daterangepicker th.week {
|
230
|
+
font-size: 80%;
|
231
|
+
color: #ccc;
|
232
|
+
}
|
233
|
+
|
234
|
+
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
|
235
|
+
font-size: 12px;
|
236
|
+
padding: 1px;
|
237
|
+
height: auto;
|
238
|
+
margin: 0;
|
239
|
+
cursor: default;
|
240
|
+
}
|
241
|
+
|
242
|
+
.daterangepicker select.monthselect {
|
243
|
+
margin-right: 2%;
|
244
|
+
width: 56%;
|
245
|
+
}
|
246
|
+
|
247
|
+
.daterangepicker select.yearselect {
|
248
|
+
width: 40%;
|
249
|
+
}
|
250
|
+
|
251
|
+
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {
|
252
|
+
width: 50px;
|
253
|
+
margin-bottom: 0;
|
254
|
+
}
|
255
|
+
|
256
|
+
.daterangepicker_start_input {
|
257
|
+
float: left;
|
258
|
+
}
|
259
|
+
|
260
|
+
.daterangepicker_end_input {
|
261
|
+
float: left;
|
262
|
+
padding-left: 11px
|
263
|
+
}
|
264
|
+
|
265
|
+
.daterangepicker th.month {
|
266
|
+
width: auto;
|
267
|
+
}
|