2 * Datepicker for Bootstrap
4 * Copyright 2012 Stefan Petre
5 * Improvements by Andrew Rowls
6 * Licensed under the Apache License v2.0
7 * http://www.apache.org/licenses/LICENSE-2.0
12 -webkit-border-radius: 4px;
13 -moz-border-radius: 4px;
17 border-top: 1px solid #ddd !important;
24 .datepicker.datepicker-rtl {
27 .datepicker.datepicker-rtl table tr td span {
30 .datepicker-dropdown {
34 .datepicker-dropdown:before {
36 display: inline-block;
37 border-left: 7px solid transparent;
38 border-right: 7px solid transparent;
39 border-bottom: 7px solid #ccc;
40 border-bottom-color: rgba(0, 0, 0, 0.2);
45 .datepicker-dropdown:after {
47 display: inline-block;
48 border-left: 6px solid transparent;
49 border-right: 6px solid transparent;
50 border-bottom: 6px solid #ffffff;
58 .datepicker.days div.datepicker-days {
61 .datepicker.months div.datepicker-months {
64 .datepicker.years div.datepicker-years {
75 -webkit-border-radius: 4px;
76 -moz-border-radius: 4px;
80 .table-striped .datepicker table tr td,
81 .table-striped .datepicker table tr th {
82 background-color: transparent;
84 .datepicker table tr td.day:hover {
88 .datepicker table tr td.old,
89 .datepicker table tr td.new {
92 .datepicker table tr td.disabled,
93 .datepicker table tr td.disabled:hover {
98 .datepicker table tr td.today,
99 .datepicker table tr td.today:hover,
100 .datepicker table tr td.today.disabled,
101 .datepicker table tr td.today.disabled:hover {
102 background-color: #fde19a;
103 background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
104 background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
105 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
106 background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
107 background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
108 background-image: linear-gradient(top, #fdd49a, #fdf59a);
109 background-repeat: repeat-x;
110 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
111 border-color: #fdf59a #fdf59a #fbed50;
112 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
113 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
114 color: #000 !important;
116 .datepicker table tr td.today:hover,
117 .datepicker table tr td.today:hover:hover,
118 .datepicker table tr td.today.disabled:hover,
119 .datepicker table tr td.today.disabled:hover:hover,
120 .datepicker table tr td.today:active,
121 .datepicker table tr td.today:hover:active,
122 .datepicker table tr td.today.disabled:active,
123 .datepicker table tr td.today.disabled:hover:active,
124 .datepicker table tr td.today.active,
125 .datepicker table tr td.today:hover.active,
126 .datepicker table tr td.today.disabled.active,
127 .datepicker table tr td.today.disabled:hover.active,
128 .datepicker table tr td.today.disabled,
129 .datepicker table tr td.today:hover.disabled,
130 .datepicker table tr td.today.disabled.disabled,
131 .datepicker table tr td.today.disabled:hover.disabled,
132 .datepicker table tr td.today[disabled],
133 .datepicker table tr td.today:hover[disabled],
134 .datepicker table tr td.today.disabled[disabled],
135 .datepicker table tr td.today.disabled:hover[disabled] {
136 background-color: #fdf59a;
138 .datepicker table tr td.today:active,
139 .datepicker table tr td.today:hover:active,
140 .datepicker table tr td.today.disabled:active,
141 .datepicker table tr td.today.disabled:hover:active,
142 .datepicker table tr td.today.active,
143 .datepicker table tr td.today:hover.active,
144 .datepicker table tr td.today.disabled.active,
145 .datepicker table tr td.today.disabled:hover.active {
146 background-color: #fbf069 \9;
148 .datepicker table tr td.active,
149 .datepicker table tr td.active:hover,
150 .datepicker table tr td.active.disabled,
151 .datepicker table tr td.active.disabled:hover {
152 background-color: #006dcc;
153 background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
154 background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
155 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
156 background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
157 background-image: -o-linear-gradient(top, #0088cc, #0044cc);
158 background-image: linear-gradient(top, #0088cc, #0044cc);
159 background-repeat: repeat-x;
160 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
161 border-color: #0044cc #0044cc #002a80;
162 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
163 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
165 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
167 .datepicker table tr td.active:hover,
168 .datepicker table tr td.active:hover:hover,
169 .datepicker table tr td.active.disabled:hover,
170 .datepicker table tr td.active.disabled:hover:hover,
171 .datepicker table tr td.active:active,
172 .datepicker table tr td.active:hover:active,
173 .datepicker table tr td.active.disabled:active,
174 .datepicker table tr td.active.disabled:hover:active,
175 .datepicker table tr td.active.active,
176 .datepicker table tr td.active:hover.active,
177 .datepicker table tr td.active.disabled.active,
178 .datepicker table tr td.active.disabled:hover.active,
179 .datepicker table tr td.active.disabled,
180 .datepicker table tr td.active:hover.disabled,
181 .datepicker table tr td.active.disabled.disabled,
182 .datepicker table tr td.active.disabled:hover.disabled,
183 .datepicker table tr td.active[disabled],
184 .datepicker table tr td.active:hover[disabled],
185 .datepicker table tr td.active.disabled[disabled],
186 .datepicker table tr td.active.disabled:hover[disabled] {
187 background-color: #0044cc;
189 .datepicker table tr td.active:active,
190 .datepicker table tr td.active:hover:active,
191 .datepicker table tr td.active.disabled:active,
192 .datepicker table tr td.active.disabled:hover:active,
193 .datepicker table tr td.active.active,
194 .datepicker table tr td.active:hover.active,
195 .datepicker table tr td.active.disabled.active,
196 .datepicker table tr td.active.disabled:hover.active {
197 background-color: #003399 \9;
199 .datepicker table tr td span {
207 -webkit-border-radius: 4px;
208 -moz-border-radius: 4px;
211 .datepicker table tr td span:hover {
214 .datepicker table tr td span.disabled,
215 .datepicker table tr td span.disabled:hover {
220 .datepicker table tr td span.active,
221 .datepicker table tr td span.active:hover,
222 .datepicker table tr td span.active.disabled,
223 .datepicker table tr td span.active.disabled:hover {
224 background-color: #006dcc;
225 background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
226 background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
227 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
228 background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
229 background-image: -o-linear-gradient(top, #0088cc, #0044cc);
230 background-image: linear-gradient(top, #0088cc, #0044cc);
231 background-repeat: repeat-x;
232 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
233 border-color: #0044cc #0044cc #002a80;
234 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
235 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
237 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
239 .datepicker table tr td span.active:hover,
240 .datepicker table tr td span.active:hover:hover,
241 .datepicker table tr td span.active.disabled:hover,
242 .datepicker table tr td span.active.disabled:hover:hover,
243 .datepicker table tr td span.active:active,
244 .datepicker table tr td span.active:hover:active,
245 .datepicker table tr td span.active.disabled:active,
246 .datepicker table tr td span.active.disabled:hover:active,
247 .datepicker table tr td span.active.active,
248 .datepicker table tr td span.active:hover.active,
249 .datepicker table tr td span.active.disabled.active,
250 .datepicker table tr td span.active.disabled:hover.active,
251 .datepicker table tr td span.active.disabled,
252 .datepicker table tr td span.active:hover.disabled,
253 .datepicker table tr td span.active.disabled.disabled,
254 .datepicker table tr td span.active.disabled:hover.disabled,
255 .datepicker table tr td span.active[disabled],
256 .datepicker table tr td span.active:hover[disabled],
257 .datepicker table tr td span.active.disabled[disabled],
258 .datepicker table tr td span.active.disabled:hover[disabled] {
259 background-color: #0044cc;
261 .datepicker table tr td span.active:active,
262 .datepicker table tr td span.active:hover:active,
263 .datepicker table tr td span.active.disabled:active,
264 .datepicker table tr td span.active.disabled:hover:active,
265 .datepicker table tr td span.active.active,
266 .datepicker table tr td span.active:hover.active,
267 .datepicker table tr td span.active.disabled.active,
268 .datepicker table tr td span.active.disabled:hover.active {
269 background-color: #003399 \9;
271 .datepicker table tr td span.old {
274 .datepicker th.switch {
277 .datepicker thead tr:first-child th,
278 .datepicker tfoot tr:first-child th {
281 .datepicker thead tr:first-child th:hover,
282 .datepicker tfoot tr:first-child th:hover {
288 padding: 0 2px 0 5px;
289 vertical-align: middle;
291 .datepicker thead tr:first-child th.cw {
293 background-color: transparent;
295 .input-append.date .add-on i,
296 .input-prepend.date .add-on i {