bootstrap-daterangepicker-rails 0.1.1 → 0.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/lib/bootstrap-daterangepicker-rails/version.rb +1 -1
  4. data/vendor/assets/javascripts/daterangepicker.js +1121 -833
  5. data/vendor/assets/stylesheets/daterangepicker-bs2.css +226 -283
  6. data/vendor/assets/stylesheets/daterangepicker-bs3.css +534 -314
  7. metadata +11 -5
data/vendor/assets/stylesheets/daterangepicker-bs2.css CHANGED
@@ -1,288 +1,231 @@
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
- .daterangepicker.openscenter .ranges, .daterangepicker.openscenter .calendar {
23
- float: right;
24
- margin: 4px;
25
- }
26
-
27
- .daterangepicker .ranges {
28
- width: 160px;
29
- text-align: left;
30
- }
31
-
32
- .daterangepicker .ranges .range_inputs>div {
33
- float: left;
34
- }
35
-
36
- .daterangepicker .ranges .range_inputs>div:nth-child(2) {
37
- padding-left: 11px;
38
- }
39
-
40
- .daterangepicker .calendar {
41
- display: none;
42
- max-width: 250px;
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
- }
57
-
58
- .daterangepicker .daterangepicker_start_input label,
59
- .daterangepicker .daterangepicker_end_input label {
60
- color: #333;
61
- font-size: 11px;
62
- margin-bottom: 2px;
63
- text-transform: uppercase;
64
- text-shadow: 1px 1px 0 #fff;
65
- }
66
-
67
- .daterangepicker .ranges input {
68
- font-size: 11px;
69
- }
70
-
71
- .daterangepicker .ranges ul {
72
- list-style: none;
73
- margin: 0;
74
- padding: 0;
75
- }
76
-
77
- .daterangepicker .ranges li {
78
- font-size: 13px;
79
- background: #f5f5f5;
80
- border: 1px solid #f5f5f5;
81
- color: #08c;
82
- padding: 3px 12px;
83
- margin-bottom: 8px;
84
- -webkit-border-radius: 5px;
85
- -moz-border-radius: 5px;
86
- border-radius: 5px;
87
- cursor: pointer;
88
- }
89
-
90
- .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
91
- background: #08c;
92
- border: 1px solid #08c;
93
- color: #fff;
94
- }
95
-
96
- .daterangepicker .calendar-date {
97
- border: 1px solid #ddd;
98
- padding: 4px;
99
- border-radius: 4px;
100
- background: #fff;
101
- }
102
-
103
- .daterangepicker .calendar-time {
104
- text-align: center;
105
- margin: 8px auto 0 auto;
106
- line-height: 30px;
107
- }
108
-
109
1
  .daterangepicker {
110
2
  position: absolute;
3
+ color: inherit;
111
4
  background: #fff;
112
- top: 100px;
113
- left: 20px;
5
+ border-radius: 4px;
6
+ width: 278px;
114
7
  padding: 4px;
115
8
  margin-top: 1px;
116
- -webkit-border-radius: 4px;
117
- -moz-border-radius: 4px;
118
- border-radius: 4px;
119
- }
120
-
121
- .daterangepicker.opensleft:before {
122
- position: absolute;
123
- top: -7px;
124
- right: 9px;
125
- display: inline-block;
126
- border-right: 7px solid transparent;
127
- border-bottom: 7px solid #ccc;
128
- border-left: 7px solid transparent;
129
- border-bottom-color: rgba(0, 0, 0, 0.2);
130
- content: '';
131
- }
132
-
133
- .daterangepicker.opensleft:after {
134
- position: absolute;
135
- top: -6px;
136
- right: 10px;
137
- display: inline-block;
138
- border-right: 6px solid transparent;
139
- border-bottom: 6px solid #fff;
140
- border-left: 6px solid transparent;
141
- content: '';
142
- }
143
-
144
- .daterangepicker.openscenter:before {
145
- position: absolute;
146
- top: -7px;
147
- left: 0;
148
- right: 0;
149
- width: 0;
150
- margin-left: auto;
151
- margin-right: auto;
152
- display: inline-block;
153
- border-right: 7px solid transparent;
154
- border-bottom: 7px solid #ccc;
155
- border-left: 7px solid transparent;
156
- border-bottom-color: rgba(0, 0, 0, 0.2);
157
- content: '';
158
- }
159
-
160
- .daterangepicker.openscenter:after {
161
- position: absolute;
162
- top: -6px;
163
- left: 0;
164
- right: 0;
165
- width: 0;
166
- margin-left: auto;
167
- margin-right: auto;
168
- display: inline-block;
169
- border-right: 6px solid transparent;
170
- border-bottom: 6px solid #fff;
171
- border-left: 6px solid transparent;
172
- content: '';
173
- }
174
-
175
- .daterangepicker.opensright:before {
176
- position: absolute;
177
- top: -7px;
178
- left: 9px;
179
- display: inline-block;
180
- border-right: 7px solid transparent;
181
- border-bottom: 7px solid #ccc;
182
- border-left: 7px solid transparent;
183
- border-bottom-color: rgba(0, 0, 0, 0.2);
184
- content: '';
185
- }
186
-
187
- .daterangepicker.opensright:after {
188
- position: absolute;
189
- top: -6px;
190
- left: 10px;
191
- display: inline-block;
192
- border-right: 6px solid transparent;
193
- border-bottom: 6px solid #fff;
194
- border-left: 6px solid transparent;
195
- content: '';
196
- }
197
-
198
- .daterangepicker table {
199
- width: 100%;
200
- margin: 0;
201
- }
202
-
203
- .daterangepicker td, .daterangepicker th {
204
- text-align: center;
205
- width: 20px;
206
- height: 20px;
207
- -webkit-border-radius: 4px;
208
- -moz-border-radius: 4px;
209
- border-radius: 4px;
210
- cursor: pointer;
211
- white-space: nowrap;
212
- }
213
-
214
- .daterangepicker td.off {
215
- color: #999;
216
- }
217
-
218
- .daterangepicker td.disabled, .daterangepicker option.disabled {
219
- color: #999;
220
- }
221
-
222
- .daterangepicker td.available:hover, .daterangepicker th.available:hover {
223
- background: #eee;
224
- }
225
-
226
- .daterangepicker td.in-range {
227
- background: #ebf4f8;
228
- -webkit-border-radius: 0;
229
- -moz-border-radius: 0;
230
- border-radius: 0;
231
- }
232
-
233
- .daterangepicker td.active, .daterangepicker td.active:hover {
234
- background-color: #006dcc;
235
- background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
236
- background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
237
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
238
- background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
239
- background-image: -o-linear-gradient(top, #0088cc, #0044cc);
240
- background-image: linear-gradient(top, #0088cc, #0044cc);
241
- background-repeat: repeat-x;
242
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
243
- border-color: #0044cc #0044cc #002a80;
244
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
245
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
246
- color: #fff;
247
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
248
- }
249
-
250
- .daterangepicker td.week, .daterangepicker th.week {
251
- font-size: 80%;
252
- color: #ccc;
253
- }
254
-
255
- .daterangepicker select.monthselect, .daterangepicker select.yearselect {
256
- font-size: 12px;
257
- padding: 1px;
258
- height: auto;
259
- margin: 0;
260
- cursor: default;
261
- }
262
-
263
- .daterangepicker select.monthselect {
264
- margin-right: 2%;
265
- width: 56%;
266
- }
267
-
268
- .daterangepicker select.yearselect {
269
- width: 40%;
270
- }
271
-
272
- .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
273
- width: 60px;
274
- margin-bottom: 0;
275
- }
276
-
277
- .daterangepicker_start_input {
278
- float: left;
279
- }
280
-
281
- .daterangepicker_end_input {
282
- float: left;
283
- padding-left: 11px
284
- }
285
-
286
- .daterangepicker th.month {
287
- width: auto;
288
- }
9
+ top: 100px;
10
+ left: 20px;
11
+ /* Calendars */ }
12
+ .daterangepicker:before, .daterangepicker:after {
13
+ position: absolute;
14
+ display: inline-block;
15
+ border-bottom-color: rgba(0, 0, 0, 0.2);
16
+ content: ''; }
17
+ .daterangepicker:before {
18
+ top: -7px;
19
+ border-right: 7px solid transparent;
20
+ border-left: 7px solid transparent;
21
+ border-bottom: 7px solid #ccc; }
22
+ .daterangepicker:after {
23
+ top: -6px;
24
+ border-right: 6px solid transparent;
25
+ border-bottom: 6px solid #fff;
26
+ border-left: 6px solid transparent; }
27
+ .daterangepicker.opensleft:before {
28
+ right: 9px; }
29
+ .daterangepicker.opensleft:after {
30
+ right: 10px; }
31
+ .daterangepicker.openscenter:before {
32
+ left: 0;
33
+ right: 0;
34
+ width: 0;
35
+ margin-left: auto;
36
+ margin-right: auto; }
37
+ .daterangepicker.openscenter:after {
38
+ left: 0;
39
+ right: 0;
40
+ width: 0;
41
+ margin-left: auto;
42
+ margin-right: auto; }
43
+ .daterangepicker.opensright:before {
44
+ left: 9px; }
45
+ .daterangepicker.opensright:after {
46
+ left: 10px; }
47
+ .daterangepicker.dropup {
48
+ margin-top: -5px; }
49
+ .daterangepicker.dropup:before {
50
+ top: initial;
51
+ bottom: -7px;
52
+ border-bottom: initial;
53
+ border-top: 7px solid #ccc; }
54
+ .daterangepicker.dropup:after {
55
+ top: initial;
56
+ bottom: -6px;
57
+ border-bottom: initial;
58
+ border-top: 6px solid #fff; }
59
+ .daterangepicker.dropdown-menu {
60
+ max-width: none;
61
+ z-index: 3001; }
62
+ .daterangepicker.single .ranges, .daterangepicker.single .calendar {
63
+ float: none; }
64
+ .daterangepicker.show-calendar .calendar {
65
+ display: block; }
66
+ .daterangepicker .calendar {
67
+ display: none;
68
+ max-width: 270px;
69
+ margin: 4px; }
70
+ .daterangepicker .calendar.single .calendar-table {
71
+ border: none; }
72
+ .daterangepicker .calendar th, .daterangepicker .calendar td {
73
+ white-space: nowrap;
74
+ text-align: center;
75
+ min-width: 32px; }
76
+ .daterangepicker .calendar-table {
77
+ border: 1px solid #fff;
78
+ padding: 4px;
79
+ border-radius: 4px;
80
+ background: #fff; }
81
+ .daterangepicker table {
82
+ width: 100%;
83
+ margin: 0; }
84
+ .daterangepicker td, .daterangepicker th {
85
+ text-align: center;
86
+ width: 20px;
87
+ height: 20px;
88
+ border-radius: 4px;
89
+ border: 1px solid transparent;
90
+ white-space: nowrap;
91
+ cursor: pointer; }
92
+ .daterangepicker td.available:hover, .daterangepicker th.available:hover {
93
+ background: #eee; }
94
+ .daterangepicker td.week, .daterangepicker th.week {
95
+ font-size: 80%;
96
+ color: #ccc; }
97
+ .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
98
+ background-color: #fff;
99
+ border-color: transparent;
100
+ color: #999; }
101
+ .daterangepicker td.in-range {
102
+ background-color: #ebf4f8;
103
+ border-color: transparent;
104
+ color: #000;
105
+ border-radius: 0; }
106
+ .daterangepicker td.start-date {
107
+ border-radius: 4px 0 0 4px; }
108
+ .daterangepicker td.end-date {
109
+ border-radius: 0 4px 4px 0; }
110
+ .daterangepicker td.start-date.end-date {
111
+ border-radius: 4px; }
112
+ .daterangepicker td.active, .daterangepicker td.active:hover {
113
+ background-color: #357ebd;
114
+ border-color: transparent;
115
+ color: #fff; }
116
+ .daterangepicker th.month {
117
+ width: auto; }
118
+ .daterangepicker td.disabled, .daterangepicker option.disabled {
119
+ color: #999;
120
+ cursor: not-allowed;
121
+ text-decoration: line-through; }
122
+ .daterangepicker select.monthselect, .daterangepicker select.yearselect {
123
+ font-size: 12px;
124
+ padding: 1px;
125
+ height: auto;
126
+ margin: 0;
127
+ cursor: default; }
128
+ .daterangepicker select.monthselect {
129
+ margin-right: 2%;
130
+ width: 56%; }
131
+ .daterangepicker select.yearselect {
132
+ width: 40%; }
133
+ .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
134
+ width: 50px;
135
+ margin-bottom: 0; }
136
+ .daterangepicker .input-mini {
137
+ border: 1px solid #ccc;
138
+ border-radius: 4px;
139
+ color: #555;
140
+ height: 30px;
141
+ line-height: 30px;
142
+ display: block;
143
+ vertical-align: middle;
144
+ margin: 0 0 5px 0;
145
+ padding: 0 6px 0 28px;
146
+ width: 100%; }
147
+ .daterangepicker .input-mini.active {
148
+ border: 1px solid #08c;
149
+ border-radius: 4px; }
150
+ .daterangepicker .daterangepicker_input {
151
+ position: relative; }
152
+ .daterangepicker .daterangepicker_input i {
153
+ position: absolute;
154
+ left: 8px;
155
+ top: 8px; }
156
+ .daterangepicker .calendar-time {
157
+ text-align: center;
158
+ margin: 5px auto;
159
+ line-height: 30px;
160
+ position: relative;
161
+ padding-left: 28px; }
162
+ .daterangepicker .calendar-time select.disabled {
163
+ color: #ccc;
164
+ cursor: not-allowed; }
165
+
166
+ .ranges {
167
+ font-size: 11px;
168
+ float: none;
169
+ margin: 4px;
170
+ text-align: left; }
171
+ .ranges ul {
172
+ list-style: none;
173
+ margin: 0 auto;
174
+ padding: 0;
175
+ width: 100%; }
176
+ .ranges li {
177
+ font-size: 13px;
178
+ background: #f5f5f5;
179
+ border: 1px solid #f5f5f5;
180
+ border-radius: 4px;
181
+ color: #08c;
182
+ padding: 3px 12px;
183
+ margin-bottom: 8px;
184
+ cursor: pointer; }
185
+ .ranges li:hover {
186
+ background: #08c;
187
+ border: 1px solid #08c;
188
+ color: #fff; }
189
+ .ranges li.active {
190
+ background: #08c;
191
+ border: 1px solid #08c;
192
+ color: #fff; }
193
+
194
+ /* Larger Screen Styling */
195
+ @media (min-width: 564px) {
196
+ .daterangepicker {
197
+ width: auto; }
198
+ .daterangepicker .ranges ul {
199
+ width: 160px; }
200
+ .daterangepicker.single .ranges ul {
201
+ width: 100%; }
202
+ .daterangepicker.single .calendar.left {
203
+ clear: none; }
204
+ .daterangepicker.single .ranges, .daterangepicker.single .calendar {
205
+ float: left; }
206
+ .daterangepicker .calendar.left {
207
+ clear: left;
208
+ margin-right: 0; }
209
+ .daterangepicker .calendar.left .calendar-table {
210
+ border-right: none;
211
+ border-top-right-radius: 0;
212
+ border-bottom-right-radius: 0; }
213
+ .daterangepicker .calendar.right {
214
+ margin-left: 0; }
215
+ .daterangepicker .calendar.right .calendar-table {
216
+ border-left: none;
217
+ border-top-left-radius: 0;
218
+ border-bottom-left-radius: 0; }
219
+ .daterangepicker .left .daterangepicker_input {
220
+ padding-right: 12px; }
221
+ .daterangepicker .calendar.left .calendar-table {
222
+ padding-right: 12px; }
223
+ .daterangepicker .ranges, .daterangepicker .calendar {
224
+ float: left; } }
225
+
226
+ @media (min-width: 730px) {
227
+ .daterangepicker .ranges {
228
+ width: auto;
229
+ float: left; }
230
+ .daterangepicker .calendar.left {
231
+ clear: none; } }