source: main/trunk/greenstone3/web/interfaces/oran/js/jquery-ui-1.8rc1/tests/static/datepicker/datepicker.html@ 24245

Last change on this file since 24245 was 24245, checked in by sjb48, 13 years ago

Oran code for supporting format changes to document.

  • Property svn:executable set to *
File size: 71.7 KB
Line 
1<!doctype html>
2<html>
3<head>
4 <title>jQuery UI Datepicker Static Markup Test Page</title>
5 <link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
6 <link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
7 <script type="text/javascript" src="../../../jquery-1.4.1.js"></script>
8 <script type="text/javascript" src="../static.js"></script>
9 <style type="text/css">
10 .ui-datepicker { float:left; margin: 0 2em 2em 0;}
11 .ui-datepicker-multi { clear:left; }
12 </style>
13 <!--[if gte IE 7]>
14 <style type="text/css">
15 .ui-datepicker { float:none; }
16 </style>
17 <![endif]-->
18</head>
19<body style="font-size: 62.5%;">
20
21<!-- Datepicker with read only month/year -->
22<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
23 <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
24 <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
25 <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
26 <div class="ui-datepicker-title">
27 <span class="ui-datepicker-month">December</span>
28 <span class="ui-datepicker-year">2008</span>
29 </div>
30 </div>
31 <table class="ui-datepicker-calendar">
32 <thead>
33 <tr>
34 <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
35 <th><span title="Monday">Mo</span></th>
36 <th><span title="Tuesday">Tu</span></th>
37 <th><span title="Wednesday">We</span></th>
38 <th><span title="Thursday">Th</span></th>
39 <th><span title="Friday">Fr</span></th>
40 <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
41 </tr>
42 </thead>
43 <tbody>
44 <tr>
45 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
46 <td class=""><a href="#" class="ui-state-default">1</a></td>
47 <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
48 <td class=""><a href="#" class="ui-state-default">3</a></td>
49 <td class=""><a href="#" class="ui-state-default">4</a></td>
50 <td class=""><a href="#" class="ui-state-default">5</a></td>
51 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
52 </tr>
53 <tr>
54 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
55 <td class=""><a href="#" class="ui-state-default">8</a></td>
56 <td class=""><a href="#" class="ui-state-default">9</a></td>
57 <td class=""><a href="#" class="ui-state-default">10</a></td>
58 <td class=""><a href="#" class="ui-state-default">11</a></td>
59 <td class=""><a href="#" class="ui-state-default">12</a></td>
60 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
61 </tr>
62 <tr>
63 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
64 <td class=""><a href="#" class="ui-state-default">15</a></td>
65 <td class=""><a href="#" class="ui-state-default">16</a></td>
66 <td class=""><a href="#" class="ui-state-default">17</a></td>
67 <td class=""><a href="#" class="ui-state-default">18</a></td>
68 <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
69 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
70 </tr>
71 <tr>
72 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
73 <td class=""><a href="#" class="ui-state-default">22</a></td>
74 <td class=""><a href="#" class="ui-state-default">23</a></td>
75 <td class=""><a href="#" class="ui-state-default">24</a></td>
76 <td class=""><a href="#" class="ui-state-default">25</a></td>
77 <td class=""><a href="#" class="ui-state-default">26</a></td>
78 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
79 </tr>
80 <tr>
81 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
82 <td class=""><a href="#" class="ui-state-default">29</a></td>
83 <td class=""><a href="#" class="ui-state-default">30</a></td>
84 <td class=""><a href="#" class="ui-state-default">31</a></td>
85 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
86 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
87 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
88 </tr>
89 </tbody>
90 </table>
91</div>
92
93<!-- Datepicker with 1 combined select -->
94<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
95 <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
96 <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
97 <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
98 <div class="ui-datepicker-title">
99 <select class="ui-datepicker-month-year">
100 <optgroup name="2007">
101 <option value="2007_0">January 2007</option>
102 <option value="2007_1">February 2007</option>
103 <option value="2007_2">March 2007</option>
104 <option value="2007_3">April 2007</option>
105 <option value="2007_4">May 2007</option>
106 <option value="2007_5">June 2007</option>
107 <option value="2007_6">July 2007</option>
108 <option value="2007_7">August 2007</option>
109 <option value="2007_8">September 2007</option>
110 <option value="2007_9">October 2007</option>
111 <option value="2007_10">November 2007</option>
112 <option value="2007_11">December 2007</option>
113 </optgroup>
114 <optgroup name="2008">
115 <option value="2008_0">January 2008</option>
116 <option value="2008_1">February 2008</option>
117 <option value="2008_2">March 2008</option>
118 <option value="2008_3">April 2008</option>
119 <option value="2008_4">May 2008</option>
120 <option value="2008_5">June 2008</option>
121 <option value="2008_6">July 2008</option>
122 <option value="2008_7">August 2008</option>
123 <option value="2008_8">September 2008</option>
124 <option value="2008_9">October 2008</option>
125 <option value="2008_10">November 2008</option>
126 <option selected="selected" value="2008_11">December 2008</option>
127 </optgroup>
128 <optgroup name="2009">
129 <option value="2009_0">January 2009</option>
130 <option value="2009_1">February 2009</option>
131 <option value="2009_2">March 2009</option>
132 <option value="2009_3">April 2009</option>
133 <option value="2009_4">May 2009</option>
134 <option value="2009_5">June 2009</option>
135 <option value="2009_6">July 2009</option>
136 <option value="2009_7">August 2009</option>
137 <option value="2009_8">September 2009</option>
138 <option value="2009_9">October 2009</option>
139 <option value="2009_10">November 2009</option>
140 <option value="2009_11">December 2009</option>
141 </optgroup>
142 <optgroup name="2010">
143 <option value="2010_0">January 2010</option>
144 <option value="2010_1">February 2010</option>
145 <option value="2010_2">March 2010</option>
146 <option value="2010_3">April 2010</option>
147 <option value="2010_4">May 2010</option>
148 <option value="2010_5">June 2010</option>
149 <option value="2010_6">July 2010</option>
150 <option value="2010_7">August 2010</option>
151 <option value="2010_8">September 2010</option>
152 <option value="2010_9">October 2010</option>
153 <option value="2010_10">November 2010</option>
154 <option value="2010_11">December 2010</option>
155 </optgroup>
156 </select>
157 </div>
158 </div>
159 <table class="ui-datepicker-calendar">
160 <thead>
161 <tr>
162 <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
163 <th><span title="Monday">Mo</span></th>
164 <th><span title="Tuesday">Tu</span></th>
165 <th><span title="Wednesday">We</span></th>
166 <th><span title="Thursday">Th</span></th>
167 <th><span title="Friday">Fr</span></th>
168 <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
169 </tr>
170 </thead>
171 <tbody>
172 <tr>
173 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
174 <td class=""><a href="#" class="ui-state-default">1</a></td>
175 <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
176 <td class=""><a href="#" class="ui-state-default">3</a></td>
177 <td class=""><a href="#" class="ui-state-default">4</a></td>
178 <td class=""><a href="#" class="ui-state-default">5</a></td>
179 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
180 </tr>
181 <tr>
182 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
183 <td class=""><a href="#" class="ui-state-default">8</a></td>
184 <td class=""><a href="#" class="ui-state-default">9</a></td>
185 <td class=""><a href="#" class="ui-state-default">10</a></td>
186 <td class=""><a href="#" class="ui-state-default">11</a></td>
187 <td class=""><a href="#" class="ui-state-default">12</a></td>
188 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
189 </tr>
190 <tr>
191 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
192 <td class=""><a href="#" class="ui-state-default">15</a></td>
193 <td class=""><a href="#" class="ui-state-default">16</a></td>
194 <td class=""><a href="#" class="ui-state-default">17</a></td>
195 <td class=""><a href="#" class="ui-state-default">18</a></td>
196 <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
197 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
198 </tr>
199 <tr>
200 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
201 <td class=""><a href="#" class="ui-state-default">22</a></td>
202 <td class=""><a href="#" class="ui-state-default">23</a></td>
203 <td class=""><a href="#" class="ui-state-default">24</a></td>
204 <td class=""><a href="#" class="ui-state-default">25</a></td>
205 <td class=""><a href="#" class="ui-state-default">26</a></td>
206 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
207 </tr>
208 <tr>
209 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
210 <td class=""><a href="#" class="ui-state-default">29</a></td>
211 <td class=""><a href="#" class="ui-state-default">30</a></td>
212 <td class=""><a href="#" class="ui-state-default">31</a></td>
213 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
214 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
215 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
216 </tr>
217 </tbody>
218 </table>
219</div>
220
221<!-- Datepicker with 2 selects -->
222<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
223 <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
224 <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
225 <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
226 <div class="ui-datepicker-title">
227 <select class="ui-datepicker-month">
228 <option value="0">Jan</option>
229 <option value="1">Feb</option>
230 <option value="2">Mar</option>
231 <option value="3">Apr</option>
232 <option value="4">May</option>
233 <option value="5">Jun</option>
234 <option value="6">Jul</option>
235 <option value="7">Aug</option>
236 <option value="8">Sep</option>
237 <option value="9">Oct</option>
238 <option value="10">Nov</option>
239 <option value="11" selected="selected">Dec</option>
240 </select>
241 <select class="ui-datepicker-year">
242 <option value="1998">1998</option>
243 <option value="1999">1999</option>
244 <option value="2000">2000</option>
245 <option value="2001">2001</option>
246 <option value="2002">2002</option>
247 <option value="2003">2003</option>
248 <option value="2004">2004</option>
249 <option value="2005">2005</option>
250 <option value="2006">2006</option>
251 <option value="2007">2007</option>
252 <option value="2008" selected="selected">2008</option>
253 <option value="2009">2009</option>
254 <option value="2010">2010</option>
255 <option value="2011">2011</option>
256 <option value="2012">2012</option>
257 <option value="2013">2013</option>
258 <option value="2014">2014</option>
259 <option value="2015">2015</option>
260 <option value="2016">2016</option>
261 <option value="2017">2017</option>
262 <option value="2018">2018</option>
263 </select>
264 </div>
265 </div>
266 <table class="ui-datepicker-calendar">
267 <thead>
268 <tr>
269 <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
270 <th><span title="Monday">Mo</span></th>
271 <th><span title="Tuesday">Tu</span></th>
272 <th><span title="Wednesday">We</span></th>
273 <th><span title="Thursday">Th</span></th>
274 <th><span title="Friday">Fr</span></th>
275 <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
276 </tr>
277 </thead>
278 <tbody>
279 <tr>
280 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
281 <td class=""><a href="#" class="ui-state-default">1</a></td>
282 <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
283 <td class=""><a href="#" class="ui-state-default">3</a></td>
284 <td class=""><a href="#" class="ui-state-default">4</a></td>
285 <td class=""><a href="#" class="ui-state-default">5</a></td>
286 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
287 </tr>
288 <tr>
289 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
290 <td class=""><a href="#" class="ui-state-default">8</a></td>
291 <td class=""><a href="#" class="ui-state-default">9</a></td>
292 <td class=""><a href="#" class="ui-state-default">10</a></td>
293 <td class=""><a href="#" class="ui-state-default">11</a></td>
294 <td class=""><a href="#" class="ui-state-default">12</a></td>
295 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
296 </tr>
297 <tr>
298 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
299 <td class=""><a href="#" class="ui-state-default">15</a></td>
300 <td class=""><a href="#" class="ui-state-default">16</a></td>
301 <td class=""><a href="#" class="ui-state-default">17</a></td>
302 <td class=""><a href="#" class="ui-state-default">18</a></td>
303 <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
304 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
305 </tr>
306 <tr>
307 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
308 <td class=""><a href="#" class="ui-state-default">22</a></td>
309 <td class=""><a href="#" class="ui-state-default">23</a></td>
310 <td class=""><a href="#" class="ui-state-default">24</a></td>
311 <td class=""><a href="#" class="ui-state-default">25</a></td>
312 <td class=""><a href="#" class="ui-state-default">26</a></td>
313 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
314 </tr>
315 <tr>
316 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
317 <td class=""><a href="#" class="ui-state-default">29</a></td>
318 <td class=""><a href="#" class="ui-state-default">30</a></td>
319 <td class=""><a href="#" class="ui-state-default">31</a></td>
320 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
321 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
322 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
323 </tr>
324 </tbody>
325 </table>
326</div>
327
328<!-- Datepicker with button bar -->
329<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all">
330 <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
331 <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
332 <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
333 <div class="ui-datepicker-title">
334 <select class="ui-datepicker-month">
335 <option value="0">Jan</option>
336 <option value="1">Feb</option>
337 <option value="2">Mar</option>
338 <option value="3">Apr</option>
339 <option value="4">May</option>
340 <option value="5">Jun</option>
341 <option value="6">Jul</option>
342 <option value="7">Aug</option>
343 <option value="8">Sep</option>
344 <option value="9">Oct</option>
345 <option value="10">Nov</option>
346 <option value="11" selected="selected">Dec</option>
347 </select>
348 <select class="ui-datepicker-year">
349 <option value="1998">1998</option>
350 <option value="1999">1999</option>
351 <option value="2000">2000</option>
352 <option value="2001">2001</option>
353 <option value="2002">2002</option>
354 <option value="2003">2003</option>
355 <option value="2004">2004</option>
356 <option value="2005">2005</option>
357 <option value="2006">2006</option>
358 <option value="2007">2007</option>
359 <option value="2008" selected="selected">2008</option>
360 <option value="2009">2009</option>
361 <option value="2010">2010</option>
362 <option value="2011">2011</option>
363 <option value="2012">2012</option>
364 <option value="2013">2013</option>
365 <option value="2014">2014</option>
366 <option value="2015">2015</option>
367 <option value="2016">2016</option>
368 <option value="2017">2017</option>
369 <option value="2018">2018</option>
370 </select>
371 </div>
372 </div>
373 <table class="ui-datepicker-calendar">
374 <thead>
375 <tr>
376 <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
377 <th><span title="Monday">Mo</span></th>
378 <th><span title="Tuesday">Tu</span></th>
379 <th><span title="Wednesday">We</span></th>
380 <th><span title="Thursday">Th</span></th>
381 <th><span title="Friday">Fr</span></th>
382 <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
383 </tr>
384 </thead>
385 <tbody>
386 <tr>
387 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
388 <td class=""><a href="#" class="ui-state-default">1</a></td>
389 <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
390 <td class=""><a href="#" class="ui-state-default">3</a></td>
391 <td class=""><a href="#" class="ui-state-default">4</a></td>
392 <td class=""><a href="#" class="ui-state-default">5</a></td>
393 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
394 </tr>
395 <tr>
396 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
397 <td class=""><a href="#" class="ui-state-default">8</a></td>
398 <td class=""><a href="#" class="ui-state-default">9</a></td>
399 <td class=""><a href="#" class="ui-state-default">10</a></td>
400 <td class=""><a href="#" class="ui-state-default">11</a></td>
401 <td class=""><a href="#" class="ui-state-default">12</a></td>
402 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
403 </tr>
404 <tr>
405 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
406 <td class=""><a href="#" class="ui-state-default">15</a></td>
407 <td class=""><a href="#" class="ui-state-default">16</a></td>
408 <td class=""><a href="#" class="ui-state-default">17</a></td>
409 <td class=""><a href="#" class="ui-state-default">18</a></td>
410 <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
411 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
412 </tr>
413 <tr>
414 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
415 <td class=""><a href="#" class="ui-state-default">22</a></td>
416 <td class=""><a href="#" class="ui-state-default">23</a></td>
417 <td class=""><a href="#" class="ui-state-default">24</a></td>
418 <td class=""><a href="#" class="ui-state-default">25</a></td>
419 <td class=""><a href="#" class="ui-state-default">26</a></td>
420 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
421 </tr>
422 <tr>
423 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
424 <td class=""><a href="#" class="ui-state-default">29</a></td>
425 <td class=""><a href="#" class="ui-state-default">30</a></td>
426 <td class=""><a href="#" class="ui-state-default">31</a></td>
427 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
428 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
429 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
430 </tr>
431 </tbody>
432 </table>
433 <div class="ui-datepicker-buttonpane ui-widget-content">
434 <button class="ui-state-default ui-priority-primary ui-corner-all">Done</button>
435 <button class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all">Today</button>
436 </div>
437</div>
438
439<!-- Multiple Datepickers with read only month/year -->
440<div class="ui-datepicker ui-datepicker-multi ui-datepicker-multi-2 ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="width:34em;">
441 <div class="ui-datepicker-group ui-datepicker-group-first">
442 <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-left">
443 <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
444 <div class="ui-datepicker-title">
445 <span class="ui-datepicker-month">December</span>
446 <span class="ui-datepicker-year">2008</span>
447 </div>
448 </div>
449 <table class="ui-datepicker-calendar">
450 <thead>
451 <tr>
452 <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
453 <th><span title="Monday">Mo</span></th>
454 <th><span title="Tuesday">Tu</span></th>
455 <th><span title="Wednesday">We</span></th>
456 <th><span title="Thursday">Th</span></th>
457 <th><span title="Friday">Fr</span></th>
458 <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
459 </tr>
460 </thead>
461 <tbody>
462 <tr>
463 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
464 </td><td class=""><a href="#" class="ui-state-default">1</a></td>
465 <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
466 <td class=""><a href="#" class="ui-state-default">3</a></td>
467 <td class=""><a href="#" class="ui-state-default">4</a></td>
468 <td class=""><a href="#" class="ui-state-default">5</a></td>
469 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
470 </tr>
471 <tr>
472 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
473 <td class=""><a href="#" class="ui-state-default">8</a></td>
474 <td class=""><a href="#" class="ui-state-default">9</a></td>
475 <td class=""><a href="#" class="ui-state-default">10</a></td>
476 <td class=""><a href="#" class="ui-state-default">11</a></td>
477 <td class=""><a href="#" class="ui-state-default">12</a></td>
478 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
479 </tr>
480 <tr>
481 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
482 <td class=""><a href="#" class="ui-state-default">15</a></td>
483 <td class=""><a href="#" class="ui-state-default">16</a></td>
484 <td class=""><a href="#" class="ui-state-default">17</a></td>
485 <td class=""><a href="#" class="ui-state-default">18</a></td>
486 <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
487 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
488 </tr>
489 <tr>
490 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
491 <td class=""><a href="#" class="ui-state-default">22</a></td>
492 <td class=""><a href="#" class="ui-state-default">23</a></td>
493 <td class=""><a href="#" class="ui-state-default">24</a></td>
494 <td class=""><a href="#" class="ui-state-default">25</a></td>
495 <td class=""><a href="#" class="ui-state-default">26</a></td>
496 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
497 </tr>
498 <tr>
499 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
500 <td class=""><a href="#" class="ui-state-default">29</a></td>
501 <td class=""><a href="#" class="ui-state-default">30</a></td>
502 <td class=""><a href="#" class="ui-state-default">31</a></td>
503 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
504 </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
505 </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
506 </td></tr>
507 </tbody>
508 </table>
509 </div>
510 <div class="ui-datepicker-group ui-datepicker-group-last">
511 <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right">
512 <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
513 <div class="ui-datepicker-title">
514 <span class="ui-datepicker-month">January</span>
515 <span class="ui-datepicker-year">2009</span>
516 </div>
517 </div>
518 <table class="ui-datepicker-calendar">
519 <thead>
520 <tr>
521 <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
522 <th><span title="Monday">Mo</span></th>
523 <th><span title="Tuesday">Tu</span></th>
524 <th><span title="Wednesday">We</span></th>
525 <th><span title="Thursday">Th</span></th>
526 <th><span title="Friday">Fr</span></th>
527 <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
528 </tr>
529 </thead>
530 <tbody>
531 <tr>
532 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
533 </td><td class=""><a href="#" class="ui-state-default">1</a></td>
534 <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
535 <td class=""><a href="#" class="ui-state-default">3</a></td>
536 <td class=""><a href="#" class="ui-state-default">4</a></td>
537 <td class=""><a href="#" class="ui-state-default">5</a></td>
538 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
539 </tr>
540 <tr>
541 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
542 <td class=""><a href="#" class="ui-state-default">8</a></td>
543 <td class=""><a href="#" class="ui-state-default">9</a></td>
544 <td class=""><a href="#" class="ui-state-default">10</a></td>
545 <td class=""><a href="#" class="ui-state-default">11</a></td>
546 <td class=""><a href="#" class="ui-state-default">12</a></td>
547 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
548 </tr>
549 <tr>
550 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
551 <td class=""><a href="#" class="ui-state-default">15</a></td>
552 <td class=""><a href="#" class="ui-state-default">16</a></td>
553 <td class=""><a href="#" class="ui-state-default">17</a></td>
554 <td class=""><a href="#" class="ui-state-default">18</a></td>
555 <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
556 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
557 </tr>
558 <tr>
559 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
560 <td class=""><a href="#" class="ui-state-default">22</a></td>
561 <td class=""><a href="#" class="ui-state-default">23</a></td>
562 <td class=""><a href="#" class="ui-state-default">24</a></td>
563 <td class=""><a href="#" class="ui-state-default">25</a></td>
564 <td class=""><a href="#" class="ui-state-default">26</a></td>
565 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
566 </tr>
567 <tr>
568 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
569 <td class=""><a href="#" class="ui-state-default">29</a></td>
570 <td class=""><a href="#" class="ui-state-default">30</a></td>
571 <td class=""><a href="#" class="ui-state-default">31</a></td>
572 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
573 </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
574 </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
575 </td></tr>
576 </tbody>
577 </table>
578 </div>
579</div>
580
581<!-- Multiple Datepickers with read only month/year -->
582<div class="ui-datepicker ui-datepicker-multi ui-datepicker-multi-3 ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="width:51em;">
583 <div class="ui-datepicker-group ui-datepicker-group-first">
584 <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-left">
585 <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
586 <div class="ui-datepicker-title">
587 <span class="ui-datepicker-month">December</span>
588 <span class="ui-datepicker-year">2008</span>
589 </div>
590 </div>
591 <table class="ui-datepicker-calendar">
592 <thead>
593 <tr>
594 <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
595 <th><span title="Monday">Mo</span></th>
596 <th><span title="Tuesday">Tu</span></th>
597 <th><span title="Wednesday">We</span></th>
598 <th><span title="Thursday">Th</span></th>
599 <th><span title="Friday">Fr</span></th>
600 <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
601 </tr>
602 </thead>
603 <tbody>
604 <tr>
605 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
606 </td><td class=""><a href="#" class="ui-state-default">1</a></td>
607 <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
608 <td class=""><a href="#" class="ui-state-default">3</a></td>
609 <td class=""><a href="#" class="ui-state-default">4</a></td>
610 <td class=""><a href="#" class="ui-state-default">5</a></td>
611 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
612 </tr>
613 <tr>
614 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
615 <td class=""><a href="#" class="ui-state-default">8</a></td>
616 <td class=""><a href="#" class="ui-state-default">9</a></td>
617 <td class=""><a href="#" class="ui-state-default">10</a></td>
618 <td class=""><a href="#" class="ui-state-default">11</a></td>
619 <td class=""><a href="#" class="ui-state-default">12</a></td>
620 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
621 </tr>
622 <tr>
623 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
624 <td class=""><a href="#" class="ui-state-default">15</a></td>
625 <td class=""><a href="#" class="ui-state-default">16</a></td>
626 <td class=""><a href="#" class="ui-state-default">17</a></td>
627 <td class=""><a href="#" class="ui-state-default">18</a></td>
628 <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
629 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
630 </tr>
631 <tr>
632 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
633 <td class=""><a href="#" class="ui-state-default">22</a></td>
634 <td class=""><a href="#" class="ui-state-default">23</a></td>
635 <td class=""><a href="#" class="ui-state-default">24</a></td>
636 <td class=""><a href="#" class="ui-state-default">25</a></td>
637 <td class=""><a href="#" class="ui-state-default">26</a></td>
638 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
639 </tr>
640 <tr>
641 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
642 <td class=""><a href="#" class="ui-state-default">29</a></td>
643 <td class=""><a href="#" class="ui-state-default">30</a></td>
644 <td class=""><a href="#" class="ui-state-default">31</a></td>
645 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
646 </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
647 </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
648 </td></tr>
649 </tbody>
650 </table>
651 </div>
652 <div class="ui-datepicker-group ui-datepicker-group-middle">
653 <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix">
654 <div class="ui-datepicker-title">
655 <span class="ui-datepicker-month">January</span>
656 <span class="ui-datepicker-year">2009</span>
657 </div>
658 </div>
659 <table class="ui-datepicker-calendar">
660 <thead>
661 <tr>
662 <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
663 <th><span title="Monday">Mo</span></th>
664 <th><span title="Tuesday">Tu</span></th>
665 <th><span title="Wednesday">We</span></th>
666 <th><span title="Thursday">Th</span></th>
667 <th><span title="Friday">Fr</span></th>
668 <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
669 </tr>
670 </thead>
671 <tbody>
672 <tr>
673 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
674 </td><td class=""><a href="#" class="ui-state-default">1</a></td>
675 <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
676 <td class=""><a href="#" class="ui-state-default">3</a></td>
677 <td class=""><a href="#" class="ui-state-default">4</a></td>
678 <td class=""><a href="#" class="ui-state-default">5</a></td>
679 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
680 </tr>
681 <tr>
682 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
683 <td class=""><a href="#" class="ui-state-default">8</a></td>
684 <td class=""><a href="#" class="ui-state-default">9</a></td>
685 <td class=""><a href="#" class="ui-state-default">10</a></td>
686 <td class=""><a href="#" class="ui-state-default">11</a></td>
687 <td class=""><a href="#" class="ui-state-default">12</a></td>
688 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
689 </tr>
690 <tr>
691 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
692 <td class=""><a href="#" class="ui-state-default">15</a></td>
693 <td class=""><a href="#" class="ui-state-default">16</a></td>
694 <td class=""><a href="#" class="ui-state-default">17</a></td>
695 <td class=""><a href="#" class="ui-state-default">18</a></td>
696 <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
697 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
698 </tr>
699 <tr>
700 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
701 <td class=""><a href="#" class="ui-state-default">22</a></td>
702 <td class=""><a href="#" class="ui-state-default">23</a></td>
703 <td class=""><a href="#" class="ui-state-default">24</a></td>
704 <td class=""><a href="#" class="ui-state-default">25</a></td>
705 <td class=""><a href="#" class="ui-state-default">26</a></td>
706 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
707 </tr>
708 <tr>
709 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
710 <td class=""><a href="#" class="ui-state-default">29</a></td>
711 <td class=""><a href="#" class="ui-state-default">30</a></td>
712 <td class=""><a href="#" class="ui-state-default">31</a></td>
713 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
714 </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
715 </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
716 </td></tr>
717 </tbody>
718 </table>
719 </div>
720 <div class="ui-datepicker-group ui-datepicker-group-last">
721 <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right">
722 <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
723 <div class="ui-datepicker-title">
724 <span class="ui-datepicker-month">February</span>
725 <span class="ui-datepicker-year">2009</span>
726 </div>
727 </div>
728 <table class="ui-datepicker-calendar">
729 <thead>
730 <tr>
731 <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
732 <th><span title="Monday">Mo</span></th>
733 <th><span title="Tuesday">Tu</span></th>
734 <th><span title="Wednesday">We</span></th>
735 <th><span title="Thursday">Th</span></th>
736 <th><span title="Friday">Fr</span></th>
737 <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
738 </tr>
739 </thead>
740 <tbody>
741 <tr>
742 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
743 </td><td class=""><a href="#" class="ui-state-default">1</a></td>
744 <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
745 <td class=""><a href="#" class="ui-state-default">3</a></td>
746 <td class=""><a href="#" class="ui-state-default">4</a></td>
747 <td class=""><a href="#" class="ui-state-default">5</a></td>
748 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
749 </tr>
750 <tr>
751 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
752 <td class=""><a href="#" class="ui-state-default">8</a></td>
753 <td class=""><a href="#" class="ui-state-default">9</a></td>
754 <td class=""><a href="#" class="ui-state-default">10</a></td>
755 <td class=""><a href="#" class="ui-state-default">11</a></td>
756 <td class=""><a href="#" class="ui-state-default">12</a></td>
757 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
758 </tr>
759 <tr>
760 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
761 <td class=""><a href="#" class="ui-state-default">15</a></td>
762 <td class=""><a href="#" class="ui-state-default">16</a></td>
763 <td class=""><a href="#" class="ui-state-default">17</a></td>
764 <td class=""><a href="#" class="ui-state-default">18</a></td>
765 <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
766 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
767 </tr>
768 <tr>
769 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
770 <td class=""><a href="#" class="ui-state-default">22</a></td>
771 <td class=""><a href="#" class="ui-state-default">23</a></td>
772 <td class=""><a href="#" class="ui-state-default">24</a></td>
773 <td class=""><a href="#" class="ui-state-default">25</a></td>
774 <td class=""><a href="#" class="ui-state-default">26</a></td>
775 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
776 </tr>
777 <tr>
778 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
779 <td class=""><a href="#" class="ui-state-default">29</a></td>
780 <td class=""><a href="#" class="ui-state-default">30</a></td>
781 <td class=""><a href="#" class="ui-state-default">31</a></td>
782 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
783 </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
784 </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
785 </td></tr>
786 </tbody>
787 </table>
788 </div>
789 <div class="ui-datepicker-buttonpane ui-widget-content">
790 <button class="ui-state-default ui-priority-primary ui-corner-all">Done</button>
791 <button class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all">Today</button>
792 </div>
793</div>
794
795<!-- Multiple Datepickers with read only month/year -->
796<div class="ui-datepicker ui-datepicker-multi ui-datepicker-multi-4 ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="width:60em;">
797 <div class="ui-datepicker-group ui-datepicker-group-first">
798 <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-left">
799 <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
800 <div class="ui-datepicker-title">
801 <span class="ui-datepicker-month">December</span>
802 <span class="ui-datepicker-year">2008</span>
803 </div>
804 </div>
805 <table class="ui-datepicker-calendar">
806 <thead>
807 <tr>
808 <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
809 <th><span title="Monday">Mo</span></th>
810 <th><span title="Tuesday">Tu</span></th>
811 <th><span title="Wednesday">We</span></th>
812 <th><span title="Thursday">Th</span></th>
813 <th><span title="Friday">Fr</span></th>
814 <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
815 </tr>
816 </thead>
817 <tbody>
818 <tr>
819 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
820 </td><td class=""><a href="#" class="ui-state-default">1</a></td>
821 <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
822 <td class=""><a href="#" class="ui-state-default">3</a></td>
823 <td class=""><a href="#" class="ui-state-default">4</a></td>
824 <td class=""><a href="#" class="ui-state-default">5</a></td>
825 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
826 </tr>
827 <tr>
828 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
829 <td class=""><a href="#" class="ui-state-default">8</a></td>
830 <td class=""><a href="#" class="ui-state-default">9</a></td>
831 <td class=""><a href="#" class="ui-state-default">10</a></td>
832 <td class=""><a href="#" class="ui-state-default">11</a></td>
833 <td class=""><a href="#" class="ui-state-default">12</a></td>
834 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
835 </tr>
836 <tr>
837 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
838 <td class=""><a href="#" class="ui-state-default">15</a></td>
839 <td class=""><a href="#" class="ui-state-default">16</a></td>
840 <td class=""><a href="#" class="ui-state-default">17</a></td>
841 <td class=""><a href="#" class="ui-state-default">18</a></td>
842 <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
843 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
844 </tr>
845 <tr>
846 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
847 <td class=""><a href="#" class="ui-state-default">22</a></td>
848 <td class=""><a href="#" class="ui-state-default">23</a></td>
849 <td class=""><a href="#" class="ui-state-default">24</a></td>
850 <td class=""><a href="#" class="ui-state-default">25</a></td>
851 <td class=""><a href="#" class="ui-state-default">26</a></td>
852 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
853 </tr>
854 <tr>
855 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
856 <td class=""><a href="#" class="ui-state-default">29</a></td>
857 <td class=""><a href="#" class="ui-state-default">30</a></td>
858 <td class=""><a href="#" class="ui-state-default">31</a></td>
859 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
860 </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
861 </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
862 </td></tr>
863 </tbody>
864 </table>
865 </div>
866 <div class="ui-datepicker-group ui-datepicker-group-middle">
867 <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix">
868 <div class="ui-datepicker-title">
869 <span class="ui-datepicker-month">January</span>
870 <span class="ui-datepicker-year">2009</span>
871 </div>
872 </div>
873 <table class="ui-datepicker-calendar">
874 <thead>
875 <tr>
876 <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
877 <th><span title="Monday">Mo</span></th>
878 <th><span title="Tuesday">Tu</span></th>
879 <th><span title="Wednesday">We</span></th>
880 <th><span title="Thursday">Th</span></th>
881 <th><span title="Friday">Fr</span></th>
882 <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
883 </tr>
884 </thead>
885 <tbody>
886 <tr>
887 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
888 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
889 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
890 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
891 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
892 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
893 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">1</a></td>
894 </tr>
895 <tr>
896 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">2</a></td>
897 <td class=""><a href="#" class="ui-state-default">3</a></td>
898 <td class=""><a href="#" class="ui-state-default">4</a></td>
899 <td class=""><a href="#" class="ui-state-default">5</a></td>
900 <td class=""><a href="#" class="ui-state-default">6</a></td>
901 <td class=""><a href="#" class="ui-state-default">7</a></td>
902 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">8</a></td>
903 </tr>
904 <tr>
905 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">9</a></td>
906 <td class=""><a href="#" class="ui-state-default">10</a></td>
907 <td class=""><a href="#" class="ui-state-default">11</a></td>
908 <td class=""><a href="#" class="ui-state-default">12</a></td>
909 <td class=""><a href="#" class="ui-state-default">13</a></td>
910 <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">14</a></td>
911 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">15</a></td>
912 </tr>
913 <tr>
914 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">16</a></td>
915 <td class=""><a href="#" class="ui-state-default">17</a></td>
916 <td class=""><a href="#" class="ui-state-default">18</a></td>
917 <td class=""><a href="#" class="ui-state-default">19</a></td>
918 <td class=""><a href="#" class="ui-state-default">20</a></td>
919 <td class=""><a href="#" class="ui-state-default">21</a></td>
920 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">22</a></td>
921 </tr>
922 <tr>
923 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">23</a></td>
924 <td class=""><a href="#" class="ui-state-default">24</a></td>
925 <td class=""><a href="#" class="ui-state-default">25</a></td>
926 <td class=""><a href="#" class="ui-state-default">26</a></td>
927 <td class=""><a href="#" class="ui-state-default">27</a></td>
928 <td class=""><a href="#" class="ui-state-default">28</a></td>
929 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">29</a></td>
930 </tr>
931 <tr>
932 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">30</a></td>
933 <td class=""><a href="#" class="ui-state-default">31</a></td>
934 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
935 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
936 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
937 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
938 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
939 </tr>
940 </tbody>
941 </table>
942 </div>
943 <div class="ui-datepicker-group ui-datepicker-group-middle">
944 <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix">
945 <div class="ui-datepicker-title">
946 <span class="ui-datepicker-month">February</span>
947 <span class="ui-datepicker-year">2009</span>
948 </div>
949 </div>
950 <table class="ui-datepicker-calendar">
951 <thead>
952 <tr>
953 <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
954 <th><span title="Monday">Mo</span></th>
955 <th><span title="Tuesday">Tu</span></th>
956 <th><span title="Wednesday">We</span></th>
957 <th><span title="Thursday">Th</span></th>
958 <th><span title="Friday">Fr</span></th>
959 <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
960 </tr>
961 </thead>
962 <tbody>
963 <tr>
964 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
965 </td><td class=""><a href="#" class="ui-state-default">1</a></td>
966 <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
967 <td class=""><a href="#" class="ui-state-default">3</a></td>
968 <td class=""><a href="#" class="ui-state-default">4</a></td>
969 <td class=""><a href="#" class="ui-state-default">5</a></td>
970 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
971 </tr>
972 <tr>
973 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
974 <td class=""><a href="#" class="ui-state-default">8</a></td>
975 <td class=""><a href="#" class="ui-state-default">9</a></td>
976 <td class=""><a href="#" class="ui-state-default">10</a></td>
977 <td class=""><a href="#" class="ui-state-default">11</a></td>
978 <td class=""><a href="#" class="ui-state-default">12</a></td>
979 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
980 </tr>
981 <tr>
982 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
983 <td class=""><a href="#" class="ui-state-default">15</a></td>
984 <td class=""><a href="#" class="ui-state-default">16</a></td>
985 <td class=""><a href="#" class="ui-state-default">17</a></td>
986 <td class=""><a href="#" class="ui-state-default">18</a></td>
987 <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
988 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
989 </tr>
990 <tr>
991 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
992 <td class=""><a href="#" class="ui-state-default">22</a></td>
993 <td class=""><a href="#" class="ui-state-default">23</a></td>
994 <td class=""><a href="#" class="ui-state-default">24</a></td>
995 <td class=""><a href="#" class="ui-state-default">25</a></td>
996 <td class=""><a href="#" class="ui-state-default">26</a></td>
997 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
998 </tr>
999 <tr>
1000 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
1001 <td class=""><a href="#" class="ui-state-default">29</a></td>
1002 <td class=""><a href="#" class="ui-state-default">30</a></td>
1003 <td class=""><a href="#" class="ui-state-default">31</a></td>
1004 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
1005 </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
1006 </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
1007 </td></tr>
1008 </tbody>
1009 </table>
1010 </div>
1011 <div class="ui-datepicker-group ui-datepicker-group-last">
1012 <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right">
1013 <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
1014 <div class="ui-datepicker-title">
1015 <span class="ui-datepicker-month">March</span>
1016 <span class="ui-datepicker-year">2009</span>
1017 </div>
1018 </div>
1019 <table class="ui-datepicker-calendar">
1020 <thead>
1021 <tr>
1022 <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
1023 <th><span title="Monday">Mo</span></th>
1024 <th><span title="Tuesday">Tu</span></th>
1025 <th><span title="Wednesday">We</span></th>
1026 <th><span title="Thursday">Th</span></th>
1027 <th><span title="Friday">Fr</span></th>
1028 <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
1029 </tr>
1030 </thead>
1031 <tbody>
1032 <tr>
1033 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
1034 </td><td class=""><a href="#" class="ui-state-default">1</a></td>
1035 <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
1036 <td class=""><a href="#" class="ui-state-default">3</a></td>
1037 <td class=""><a href="#" class="ui-state-default">4</a></td>
1038 <td class=""><a href="#" class="ui-state-default">5</a></td>
1039 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
1040 </tr>
1041 <tr>
1042 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
1043 <td class=""><a href="#" class="ui-state-default">8</a></td>
1044 <td class=""><a href="#" class="ui-state-default">9</a></td>
1045 <td class=""><a href="#" class="ui-state-default">10</a></td>
1046 <td class=""><a href="#" class="ui-state-default">11</a></td>
1047 <td class=""><a href="#" class="ui-state-default">12</a></td>
1048 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
1049 </tr>
1050 <tr>
1051 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
1052 <td class=""><a href="#" class="ui-state-default">15</a></td>
1053 <td class=""><a href="#" class="ui-state-default">16</a></td>
1054 <td class=""><a href="#" class="ui-state-default">17</a></td>
1055 <td class=""><a href="#" class="ui-state-default">18</a></td>
1056 <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
1057 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
1058 </tr>
1059 <tr>
1060 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
1061 <td class=""><a href="#" class="ui-state-default">22</a></td>
1062 <td class=""><a href="#" class="ui-state-default">23</a></td>
1063 <td class=""><a href="#" class="ui-state-default">24</a></td>
1064 <td class=""><a href="#" class="ui-state-default">25</a></td>
1065 <td class=""><a href="#" class="ui-state-default">26</a></td>
1066 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
1067 </tr>
1068 <tr>
1069 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
1070 <td class=""><a href="#" class="ui-state-default">29</a></td>
1071 <td class=""><a href="#" class="ui-state-default">30</a></td>
1072 <td class=""><a href="#" class="ui-state-default">31</a></td>
1073 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
1074 </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
1075 </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
1076 </td></tr>
1077 </tbody>
1078 </table>
1079 </div>
1080
1081 <div class="ui-datepicker-row-break"></div>
1082 <div class="ui-datepicker-group ui-datepicker-group-first">
1083 <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix">
1084 <div class="ui-datepicker-title">
1085 <span class="ui-datepicker-month">April</span>
1086 <span class="ui-datepicker-year">2009</span>
1087 </div>
1088 </div>
1089 <table class="ui-datepicker-calendar">
1090 <thead>
1091 <tr>
1092 <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
1093 <th><span title="Monday">Mo</span></th>
1094 <th><span title="Tuesday">Tu</span></th>
1095 <th><span title="Wednesday">We</span></th>
1096 <th><span title="Thursday">Th</span></th>
1097 <th><span title="Friday">Fr</span></th>
1098 <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
1099 </tr>
1100 </thead>
1101 <tbody>
1102 <tr>
1103 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
1104 </td><td class=""><a href="#" class="ui-state-default">1</a></td>
1105 <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
1106 <td class=""><a href="#" class="ui-state-default">3</a></td>
1107 <td class=""><a href="#" class="ui-state-default">4</a></td>
1108 <td class=""><a href="#" class="ui-state-default">5</a></td>
1109 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
1110 </tr>
1111 <tr>
1112 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
1113 <td class=""><a href="#" class="ui-state-default">8</a></td>
1114 <td class=""><a href="#" class="ui-state-default">9</a></td>
1115 <td class=""><a href="#" class="ui-state-default">10</a></td>
1116 <td class=""><a href="#" class="ui-state-default">11</a></td>
1117 <td class=""><a href="#" class="ui-state-default">12</a></td>
1118 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
1119 </tr>
1120 <tr>
1121 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
1122 <td class=""><a href="#" class="ui-state-default">15</a></td>
1123 <td class=""><a href="#" class="ui-state-default">16</a></td>
1124 <td class=""><a href="#" class="ui-state-default">17</a></td>
1125 <td class=""><a href="#" class="ui-state-default">18</a></td>
1126 <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
1127 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
1128 </tr>
1129 <tr>
1130 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
1131 <td class=""><a href="#" class="ui-state-default">22</a></td>
1132 <td class=""><a href="#" class="ui-state-default">23</a></td>
1133 <td class=""><a href="#" class="ui-state-default">24</a></td>
1134 <td class=""><a href="#" class="ui-state-default">25</a></td>
1135 <td class=""><a href="#" class="ui-state-default">26</a></td>
1136 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
1137 </tr>
1138 <tr>
1139 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
1140 <td class=""><a href="#" class="ui-state-default">29</a></td>
1141 <td class=""><a href="#" class="ui-state-default">30</a></td>
1142 <td class=""><a href="#" class="ui-state-default">31</a></td>
1143 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
1144 </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
1145 </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
1146 </td></tr>
1147 </tbody>
1148 </table>
1149 </div>
1150 <div class="ui-datepicker-group ui-datepicker-group-middle">
1151 <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix">
1152 <div class="ui-datepicker-title">
1153 <span class="ui-datepicker-month">May</span>
1154 <span class="ui-datepicker-year">2009</span>
1155 </div>
1156 </div>
1157 <table class="ui-datepicker-calendar">
1158 <thead>
1159 <tr>
1160 <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
1161 <th><span title="Monday">Mo</span></th>
1162 <th><span title="Tuesday">Tu</span></th>
1163 <th><span title="Wednesday">We</span></th>
1164 <th><span title="Thursday">Th</span></th>
1165 <th><span title="Friday">Fr</span></th>
1166 <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
1167 </tr>
1168 </thead>
1169 <tbody>
1170 <tr>
1171 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
1172 </td><td class=""><a href="#" class="ui-state-default">1</a></td>
1173 <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
1174 <td class=""><a href="#" class="ui-state-default">3</a></td>
1175 <td class=""><a href="#" class="ui-state-default">4</a></td>
1176 <td class=""><a href="#" class="ui-state-default">5</a></td>
1177 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
1178 </tr>
1179 <tr>
1180 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
1181 <td class=""><a href="#" class="ui-state-default">8</a></td>
1182 <td class=""><a href="#" class="ui-state-default">9</a></td>
1183 <td class=""><a href="#" class="ui-state-default">10</a></td>
1184 <td class=""><a href="#" class="ui-state-default">11</a></td>
1185 <td class=""><a href="#" class="ui-state-default">12</a></td>
1186 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
1187 </tr>
1188 <tr>
1189 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
1190 <td class=""><a href="#" class="ui-state-default">15</a></td>
1191 <td class=""><a href="#" class="ui-state-default">16</a></td>
1192 <td class=""><a href="#" class="ui-state-default">17</a></td>
1193 <td class=""><a href="#" class="ui-state-default">18</a></td>
1194 <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
1195 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
1196 </tr>
1197 <tr>
1198 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
1199 <td class=""><a href="#" class="ui-state-default">22</a></td>
1200 <td class=""><a href="#" class="ui-state-default">23</a></td>
1201 <td class=""><a href="#" class="ui-state-default">24</a></td>
1202 <td class=""><a href="#" class="ui-state-default">25</a></td>
1203 <td class=""><a href="#" class="ui-state-default">26</a></td>
1204 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
1205 </tr>
1206 <tr>
1207 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
1208 <td class=""><a href="#" class="ui-state-default">29</a></td>
1209 <td class=""><a href="#" class="ui-state-default">30</a></td>
1210 <td class=""><a href="#" class="ui-state-default">31</a></td>
1211 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
1212 </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
1213 </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
1214 </td></tr>
1215 </tbody>
1216 </table>
1217 </div>
1218 <div class="ui-datepicker-group ui-datepicker-group-middle">
1219 <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix">
1220 <div class="ui-datepicker-title">
1221 <span class="ui-datepicker-month">June</span>
1222 <span class="ui-datepicker-year">2009</span>
1223 </div>
1224 </div>
1225 <table class="ui-datepicker-calendar">
1226 <thead>
1227 <tr>
1228 <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
1229 <th><span title="Monday">Mo</span></th>
1230 <th><span title="Tuesday">Tu</span></th>
1231 <th><span title="Wednesday">We</span></th>
1232 <th><span title="Thursday">Th</span></th>
1233 <th><span title="Friday">Fr</span></th>
1234 <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
1235 </tr>
1236 </thead>
1237 <tbody>
1238 <tr>
1239 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
1240 </td><td class=""><a href="#" class="ui-state-default">1</a></td>
1241 <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td>
1242 <td class=""><a href="#" class="ui-state-default">3</a></td>
1243 <td class=""><a href="#" class="ui-state-default">4</a></td>
1244 <td class=""><a href="#" class="ui-state-default">5</a></td>
1245 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td>
1246 </tr>
1247 <tr>
1248 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td>
1249 <td class=""><a href="#" class="ui-state-default">8</a></td>
1250 <td class=""><a href="#" class="ui-state-default">9</a></td>
1251 <td class=""><a href="#" class="ui-state-default">10</a></td>
1252 <td class=""><a href="#" class="ui-state-default">11</a></td>
1253 <td class=""><a href="#" class="ui-state-default">12</a></td>
1254 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td>
1255 </tr>
1256 <tr>
1257 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td>
1258 <td class=""><a href="#" class="ui-state-default">15</a></td>
1259 <td class=""><a href="#" class="ui-state-default">16</a></td>
1260 <td class=""><a href="#" class="ui-state-default">17</a></td>
1261 <td class=""><a href="#" class="ui-state-default">18</a></td>
1262 <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td>
1263 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td>
1264 </tr>
1265 <tr>
1266 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td>
1267 <td class=""><a href="#" class="ui-state-default">22</a></td>
1268 <td class=""><a href="#" class="ui-state-default">23</a></td>
1269 <td class=""><a href="#" class="ui-state-default">24</a></td>
1270 <td class=""><a href="#" class="ui-state-default">25</a></td>
1271 <td class=""><a href="#" class="ui-state-default">26</a></td>
1272 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td>
1273 </tr>
1274 <tr>
1275 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td>
1276 <td class=""><a href="#" class="ui-state-default">29</a></td>
1277 <td class=""><a href="#" class="ui-state-default">30</a></td>
1278 <td class=""><a href="#" class="ui-state-default">31</a></td>
1279 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
1280 </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
1281 </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled">
1282 </td></tr>
1283 </tbody>
1284 </table>
1285 </div>
1286 <div class="ui-datepicker-group ui-datepicker-group-last">
1287 <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right">
1288 <div class="ui-datepicker-title">
1289 <span class="ui-datepicker-month">July</span>
1290 <span class="ui-datepicker-year">2009</span>
1291 </div>
1292 </div>
1293 <table class="ui-datepicker-calendar">
1294 <thead>
1295 <tr>
1296 <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
1297 <th><span title="Monday">Mo</span></th>
1298 <th><span title="Tuesday">Tu</span></th>
1299 <th><span title="Wednesday">We</span></th>
1300 <th><span title="Thursday">Th</span></th>
1301 <th><span title="Friday">Fr</span></th>
1302 <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th>
1303 </tr>
1304 </thead>
1305 <tbody>
1306 <tr>
1307 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
1308 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
1309 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
1310 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
1311 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
1312 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
1313 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">1</a></td>
1314 </tr>
1315 <tr>
1316 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">2</a></td>
1317 <td class=""><a href="#" class="ui-state-default">3</a></td>
1318 <td class=""><a href="#" class="ui-state-default">4</a></td>
1319 <td class=""><a href="#" class="ui-state-default">5</a></td>
1320 <td class=""><a href="#" class="ui-state-default">6</a></td>
1321 <td class=""><a href="#" class="ui-state-default">7</a></td>
1322 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">8</a></td>
1323 </tr>
1324 <tr>
1325 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">9</a></td>
1326 <td class=""><a href="#" class="ui-state-default">10</a></td>
1327 <td class=""><a href="#" class="ui-state-default">11</a></td>
1328 <td class=""><a href="#" class="ui-state-default">12</a></td>
1329 <td class=""><a href="#" class="ui-state-default">13</a></td>
1330 <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">14</a></td>
1331 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">15</a></td>
1332 </tr>
1333 <tr>
1334 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">16</a></td>
1335 <td class=""><a href="#" class="ui-state-default">17</a></td>
1336 <td class=""><a href="#" class="ui-state-default">18</a></td>
1337 <td class=""><a href="#" class="ui-state-default">19</a></td>
1338 <td class=""><a href="#" class="ui-state-default">20</a></td>
1339 <td class=""><a href="#" class="ui-state-default">21</a></td>
1340 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">22</a></td>
1341 </tr>
1342 <tr>
1343 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">23</a></td>
1344 <td class=""><a href="#" class="ui-state-default">24</a></td>
1345 <td class=""><a href="#" class="ui-state-default">25</a></td>
1346 <td class=""><a href="#" class="ui-state-default">26</a></td>
1347 <td class=""><a href="#" class="ui-state-default">27</a></td>
1348 <td class=""><a href="#" class="ui-state-default">28</a></td>
1349 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">29</a></td>
1350 </tr>
1351 <tr>
1352 <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">30</a></td>
1353 <td class=""><a href="#" class="ui-state-default">31</a></td>
1354 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
1355 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
1356 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
1357 <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
1358 <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"></td>
1359 </tr>
1360 </tbody>
1361 </table>
1362 </div>
1363</div>
1364
1365</body>
1366</html>
Note: See TracBrowser for help on using the repository browser.