diff options
| author | Maggie Costello Wachs <fg.maggie@gmail.com> | 2008-12-11 21:30:44 +0000 |
|---|---|---|
| committer | Maggie Costello Wachs <fg.maggie@gmail.com> | 2008-12-11 21:30:44 +0000 |
| commit | d04c08c6fb65f1d0a9ff59787afa4e4187175bda (patch) | |
| tree | 513030e6269f836cb256471ba823cf198ce3cb3d /tests/static | |
| parent | a3017dcaaecdce817d2be1a779ae770ec1fe39cb (diff) | |
| download | jquery-ui-d04c08c6fb65f1d0a9ff59787afa4e4187175bda.tar.gz jquery-ui-d04c08c6fb65f1d0a9ff59787afa4e4187175bda.zip | |
updated #3647: static page now has recommended markup for datepicker with multiple calendars/months
also edited styles so that month/year feedback header always centers over calendar
Diffstat (limited to 'tests/static')
| -rw-r--r-- | tests/static/datepicker.html | 932 |
1 files changed, 921 insertions, 11 deletions
diff --git a/tests/static/datepicker.html b/tests/static/datepicker.html index 456b4075c..f377ac09f 100644 --- a/tests/static/datepicker.html +++ b/tests/static/datepicker.html @@ -6,7 +6,8 @@ <script type="text/javascript" src="../../jquery-1.2.6.js"></script> <script type="text/javascript" src="static_helpers.js"></script> <style type="text/css"> - .ui-datepicker {margin: 2em 0;} + .ui-datepicker { float:left; margin: 0 2em 2em 0;} + .ui-datepicker-multi { clear:left; } </style> </head> <body style="font-size: 62.5%;"> @@ -84,13 +85,9 @@ </tbody> </table> </div> - - -<!-- Datepicker with 1 combined select --> - - - - + + + <!-- Datepicker with 1 combined select --> <div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"> @@ -441,13 +438,926 @@ </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> </td></tr> </tbody> - </table> - + </table> <div class="ui-datepicker-buttonpane ui-widget-content"> <button class="ui-state-default ui-priority-primary ui-corner-all">Done</button> - <button class="ui-state-default ui-priority-secondary ui-corner-all">Today</button> + <button class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all">Today</button> </div> </div> + + + <!-- Multiple Datepickers with read only month/year --> + +<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;"> + <div class="ui-datepicker-group ui-datepicker-group-first"> + <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-left"> + <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a> + <div class="ui-datepicker-title"> + <span class="ui-datepicker-month">December</span> + <span class="ui-datepicker-year">2008</span> + </div> + </div> + <table class="ui-datepicker-calendar"> + <thead> + <tr> + <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th> + <th><span title="Monday">Mo</span></th> + <th><span title="Tuesday">Tu</span></th> + <th><span title="Wednesday">We</span></th> + <th><span title="Thursday">Th</span></th> + <th><span title="Friday">Fr</span></th> + <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th> + </tr> + </thead> + <tbody> + <tr> + <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class=""><a href="#" class="ui-state-default">1</a></td> + <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td> + <td class=""><a href="#" class="ui-state-default">3</a></td> + <td class=""><a href="#" class="ui-state-default">4</a></td> + <td class=""><a href="#" class="ui-state-default">5</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td> + <td class=""><a href="#" class="ui-state-default">8</a></td> + <td class=""><a href="#" class="ui-state-default">9</a></td> + <td class=""><a href="#" class="ui-state-default">10</a></td> + <td class=""><a href="#" class="ui-state-default">11</a></td> + <td class=""><a href="#" class="ui-state-default">12</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td> + <td class=""><a href="#" class="ui-state-default">15</a></td> + <td class=""><a href="#" class="ui-state-default">16</a></td> + <td class=""><a href="#" class="ui-state-default">17</a></td> + <td class=""><a href="#" class="ui-state-default">18</a></td> + <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td> + <td class=""><a href="#" class="ui-state-default">22</a></td> + <td class=""><a href="#" class="ui-state-default">23</a></td> + <td class=""><a href="#" class="ui-state-default">24</a></td> + <td class=""><a href="#" class="ui-state-default">25</a></td> + <td class=""><a href="#" class="ui-state-default">26</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td> + <td class=""><a href="#" class="ui-state-default">29</a></td> + <td class=""><a href="#" class="ui-state-default">30</a></td> + <td class=""><a href="#" class="ui-state-default">31</a></td> + <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td></tr> + </tbody> + </table> + </div> + <div class="ui-datepicker-group ui-datepicker-group-last"> + <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right"> + <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a> + <div class="ui-datepicker-title"> + <span class="ui-datepicker-month">January</span> + <span class="ui-datepicker-year">2009</span> + </div> + </div> + <table class="ui-datepicker-calendar"> + <thead> + <tr> + <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th> + <th><span title="Monday">Mo</span></th> + <th><span title="Tuesday">Tu</span></th> + <th><span title="Wednesday">We</span></th> + <th><span title="Thursday">Th</span></th> + <th><span title="Friday">Fr</span></th> + <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th> + </tr> + </thead> + <tbody> + <tr> + <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class=""><a href="#" class="ui-state-default">1</a></td> + <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td> + <td class=""><a href="#" class="ui-state-default">3</a></td> + <td class=""><a href="#" class="ui-state-default">4</a></td> + <td class=""><a href="#" class="ui-state-default">5</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td> + <td class=""><a href="#" class="ui-state-default">8</a></td> + <td class=""><a href="#" class="ui-state-default">9</a></td> + <td class=""><a href="#" class="ui-state-default">10</a></td> + <td class=""><a href="#" class="ui-state-default">11</a></td> + <td class=""><a href="#" class="ui-state-default">12</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td> + <td class=""><a href="#" class="ui-state-default">15</a></td> + <td class=""><a href="#" class="ui-state-default">16</a></td> + <td class=""><a href="#" class="ui-state-default">17</a></td> + <td class=""><a href="#" class="ui-state-default">18</a></td> + <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td> + <td class=""><a href="#" class="ui-state-default">22</a></td> + <td class=""><a href="#" class="ui-state-default">23</a></td> + <td class=""><a href="#" class="ui-state-default">24</a></td> + <td class=""><a href="#" class="ui-state-default">25</a></td> + <td class=""><a href="#" class="ui-state-default">26</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td> + <td class=""><a href="#" class="ui-state-default">29</a></td> + <td class=""><a href="#" class="ui-state-default">30</a></td> + <td class=""><a href="#" class="ui-state-default">31</a></td> + <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td></tr> + </tbody> + </table> + </div> +</div> + + +<!-- Multiple Datepickers with read only month/year --> + +<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;"> + <div class="ui-datepicker-group ui-datepicker-group-first"> + <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-left"> + <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a> + <div class="ui-datepicker-title"> + <span class="ui-datepicker-month">December</span> + <span class="ui-datepicker-year">2008</span> + </div> + </div> + <table class="ui-datepicker-calendar"> + <thead> + <tr> + <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th> + <th><span title="Monday">Mo</span></th> + <th><span title="Tuesday">Tu</span></th> + <th><span title="Wednesday">We</span></th> + <th><span title="Thursday">Th</span></th> + <th><span title="Friday">Fr</span></th> + <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th> + </tr> + </thead> + <tbody> + <tr> + <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class=""><a href="#" class="ui-state-default">1</a></td> + <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td> + <td class=""><a href="#" class="ui-state-default">3</a></td> + <td class=""><a href="#" class="ui-state-default">4</a></td> + <td class=""><a href="#" class="ui-state-default">5</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td> + <td class=""><a href="#" class="ui-state-default">8</a></td> + <td class=""><a href="#" class="ui-state-default">9</a></td> + <td class=""><a href="#" class="ui-state-default">10</a></td> + <td class=""><a href="#" class="ui-state-default">11</a></td> + <td class=""><a href="#" class="ui-state-default">12</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td> + <td class=""><a href="#" class="ui-state-default">15</a></td> + <td class=""><a href="#" class="ui-state-default">16</a></td> + <td class=""><a href="#" class="ui-state-default">17</a></td> + <td class=""><a href="#" class="ui-state-default">18</a></td> + <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td> + <td class=""><a href="#" class="ui-state-default">22</a></td> + <td class=""><a href="#" class="ui-state-default">23</a></td> + <td class=""><a href="#" class="ui-state-default">24</a></td> + <td class=""><a href="#" class="ui-state-default">25</a></td> + <td class=""><a href="#" class="ui-state-default">26</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td> + <td class=""><a href="#" class="ui-state-default">29</a></td> + <td class=""><a href="#" class="ui-state-default">30</a></td> + <td class=""><a href="#" class="ui-state-default">31</a></td> + <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td></tr> + </tbody> + </table> + </div> + <div class="ui-datepicker-group ui-datepicker-group-middle"> + <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix"> + <div class="ui-datepicker-title"> + <span class="ui-datepicker-month">January</span> + <span class="ui-datepicker-year">2009</span> + </div> + </div> + <table class="ui-datepicker-calendar"> + <thead> + <tr> + <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th> + <th><span title="Monday">Mo</span></th> + <th><span title="Tuesday">Tu</span></th> + <th><span title="Wednesday">We</span></th> + <th><span title="Thursday">Th</span></th> + <th><span title="Friday">Fr</span></th> + <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th> + </tr> + </thead> + <tbody> + <tr> + <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class=""><a href="#" class="ui-state-default">1</a></td> + <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td> + <td class=""><a href="#" class="ui-state-default">3</a></td> + <td class=""><a href="#" class="ui-state-default">4</a></td> + <td class=""><a href="#" class="ui-state-default">5</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td> + <td class=""><a href="#" class="ui-state-default">8</a></td> + <td class=""><a href="#" class="ui-state-default">9</a></td> + <td class=""><a href="#" class="ui-state-default">10</a></td> + <td class=""><a href="#" class="ui-state-default">11</a></td> + <td class=""><a href="#" class="ui-state-default">12</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td> + <td class=""><a href="#" class="ui-state-default">15</a></td> + <td class=""><a href="#" class="ui-state-default">16</a></td> + <td class=""><a href="#" class="ui-state-default">17</a></td> + <td class=""><a href="#" class="ui-state-default">18</a></td> + <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td> + <td class=""><a href="#" class="ui-state-default">22</a></td> + <td class=""><a href="#" class="ui-state-default">23</a></td> + <td class=""><a href="#" class="ui-state-default">24</a></td> + <td class=""><a href="#" class="ui-state-default">25</a></td> + <td class=""><a href="#" class="ui-state-default">26</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td> + <td class=""><a href="#" class="ui-state-default">29</a></td> + <td class=""><a href="#" class="ui-state-default">30</a></td> + <td class=""><a href="#" class="ui-state-default">31</a></td> + <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td></tr> + </tbody> + </table> + </div> + <div class="ui-datepicker-group ui-datepicker-group-last"> + <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right"> + <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a> + <div class="ui-datepicker-title"> + <span class="ui-datepicker-month">February</span> + <span class="ui-datepicker-year">2009</span> + </div> + </div> + <table class="ui-datepicker-calendar"> + <thead> + <tr> + <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th> + <th><span title="Monday">Mo</span></th> + <th><span title="Tuesday">Tu</span></th> + <th><span title="Wednesday">We</span></th> + <th><span title="Thursday">Th</span></th> + <th><span title="Friday">Fr</span></th> + <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th> + </tr> + </thead> + <tbody> + <tr> + <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class=""><a href="#" class="ui-state-default">1</a></td> + <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td> + <td class=""><a href="#" class="ui-state-default">3</a></td> + <td class=""><a href="#" class="ui-state-default">4</a></td> + <td class=""><a href="#" class="ui-state-default">5</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td> + <td class=""><a href="#" class="ui-state-default">8</a></td> + <td class=""><a href="#" class="ui-state-default">9</a></td> + <td class=""><a href="#" class="ui-state-default">10</a></td> + <td class=""><a href="#" class="ui-state-default">11</a></td> + <td class=""><a href="#" class="ui-state-default">12</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td> + <td class=""><a href="#" class="ui-state-default">15</a></td> + <td class=""><a href="#" class="ui-state-default">16</a></td> + <td class=""><a href="#" class="ui-state-default">17</a></td> + <td class=""><a href="#" class="ui-state-default">18</a></td> + <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td> + <td class=""><a href="#" class="ui-state-default">22</a></td> + <td class=""><a href="#" class="ui-state-default">23</a></td> + <td class=""><a href="#" class="ui-state-default">24</a></td> + <td class=""><a href="#" class="ui-state-default">25</a></td> + <td class=""><a href="#" class="ui-state-default">26</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td> + <td class=""><a href="#" class="ui-state-default">29</a></td> + <td class=""><a href="#" class="ui-state-default">30</a></td> + <td class=""><a href="#" class="ui-state-default">31</a></td> + <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td></tr> + </tbody> + </table> + </div> + <div class="ui-datepicker-buttonpane ui-widget-content"> + <button class="ui-state-default ui-priority-primary ui-corner-all">Done</button> + <button class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all">Today</button> + </div> +</div> + + +<!-- Multiple Datepickers with read only month/year --> + +<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;"> + <div class="ui-datepicker-group ui-datepicker-group-first"> + <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-left"> + <a title="Prev" class="ui-datepicker-prev ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a> + <div class="ui-datepicker-title"> + <span class="ui-datepicker-month">December</span> + <span class="ui-datepicker-year">2008</span> + </div> + </div> + <table class="ui-datepicker-calendar"> + <thead> + <tr> + <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th> + <th><span title="Monday">Mo</span></th> + <th><span title="Tuesday">Tu</span></th> + <th><span title="Wednesday">We</span></th> + <th><span title="Thursday">Th</span></th> + <th><span title="Friday">Fr</span></th> + <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th> + </tr> + </thead> + <tbody> + <tr> + <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class=""><a href="#" class="ui-state-default">1</a></td> + <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td> + <td class=""><a href="#" class="ui-state-default">3</a></td> + <td class=""><a href="#" class="ui-state-default">4</a></td> + <td class=""><a href="#" class="ui-state-default">5</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td> + <td class=""><a href="#" class="ui-state-default">8</a></td> + <td class=""><a href="#" class="ui-state-default">9</a></td> + <td class=""><a href="#" class="ui-state-default">10</a></td> + <td class=""><a href="#" class="ui-state-default">11</a></td> + <td class=""><a href="#" class="ui-state-default">12</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td> + <td class=""><a href="#" class="ui-state-default">15</a></td> + <td class=""><a href="#" class="ui-state-default">16</a></td> + <td class=""><a href="#" class="ui-state-default">17</a></td> + <td class=""><a href="#" class="ui-state-default">18</a></td> + <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td> + <td class=""><a href="#" class="ui-state-default">22</a></td> + <td class=""><a href="#" class="ui-state-default">23</a></td> + <td class=""><a href="#" class="ui-state-default">24</a></td> + <td class=""><a href="#" class="ui-state-default">25</a></td> + <td class=""><a href="#" class="ui-state-default">26</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td> + <td class=""><a href="#" class="ui-state-default">29</a></td> + <td class=""><a href="#" class="ui-state-default">30</a></td> + <td class=""><a href="#" class="ui-state-default">31</a></td> + <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td></tr> + </tbody> + </table> + </div> + <div class="ui-datepicker-group ui-datepicker-group-middle"> + <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix"> + <div class="ui-datepicker-title"> + <span class="ui-datepicker-month">January</span> + <span class="ui-datepicker-year">2009</span> + </div> + </div> + <table class="ui-datepicker-calendar"> + <thead> + <tr> + <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th> + <th><span title="Monday">Mo</span></th> + <th><span title="Tuesday">Tu</span></th> + <th><span title="Wednesday">We</span></th> + <th><span title="Thursday">Th</span></th> + <th><span title="Friday">Fr</span></th> + <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th> + </tr> + </thead> + <tbody> + <tr> + <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class=""><a href="#" class="ui-state-default">1</a></td> + <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td> + <td class=""><a href="#" class="ui-state-default">3</a></td> + <td class=""><a href="#" class="ui-state-default">4</a></td> + <td class=""><a href="#" class="ui-state-default">5</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td> + <td class=""><a href="#" class="ui-state-default">8</a></td> + <td class=""><a href="#" class="ui-state-default">9</a></td> + <td class=""><a href="#" class="ui-state-default">10</a></td> + <td class=""><a href="#" class="ui-state-default">11</a></td> + <td class=""><a href="#" class="ui-state-default">12</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td> + <td class=""><a href="#" class="ui-state-default">15</a></td> + <td class=""><a href="#" class="ui-state-default">16</a></td> + <td class=""><a href="#" class="ui-state-default">17</a></td> + <td class=""><a href="#" class="ui-state-default">18</a></td> + <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td> + <td class=""><a href="#" class="ui-state-default">22</a></td> + <td class=""><a href="#" class="ui-state-default">23</a></td> + <td class=""><a href="#" class="ui-state-default">24</a></td> + <td class=""><a href="#" class="ui-state-default">25</a></td> + <td class=""><a href="#" class="ui-state-default">26</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td> + <td class=""><a href="#" class="ui-state-default">29</a></td> + <td class=""><a href="#" class="ui-state-default">30</a></td> + <td class=""><a href="#" class="ui-state-default">31</a></td> + <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td></tr> + </tbody> + </table> + </div> + <div class="ui-datepicker-group ui-datepicker-group-middle"> + <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix"> + <div class="ui-datepicker-title"> + <span class="ui-datepicker-month">February</span> + <span class="ui-datepicker-year">2009</span> + </div> + </div> + <table class="ui-datepicker-calendar"> + <thead> + <tr> + <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th> + <th><span title="Monday">Mo</span></th> + <th><span title="Tuesday">Tu</span></th> + <th><span title="Wednesday">We</span></th> + <th><span title="Thursday">Th</span></th> + <th><span title="Friday">Fr</span></th> + <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th> + </tr> + </thead> + <tbody> + <tr> + <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class=""><a href="#" class="ui-state-default">1</a></td> + <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td> + <td class=""><a href="#" class="ui-state-default">3</a></td> + <td class=""><a href="#" class="ui-state-default">4</a></td> + <td class=""><a href="#" class="ui-state-default">5</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td> + <td class=""><a href="#" class="ui-state-default">8</a></td> + <td class=""><a href="#" class="ui-state-default">9</a></td> + <td class=""><a href="#" class="ui-state-default">10</a></td> + <td class=""><a href="#" class="ui-state-default">11</a></td> + <td class=""><a href="#" class="ui-state-default">12</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td> + <td class=""><a href="#" class="ui-state-default">15</a></td> + <td class=""><a href="#" class="ui-state-default">16</a></td> + <td class=""><a href="#" class="ui-state-default">17</a></td> + <td class=""><a href="#" class="ui-state-default">18</a></td> + <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td> + <td class=""><a href="#" class="ui-state-default">22</a></td> + <td class=""><a href="#" class="ui-state-default">23</a></td> + <td class=""><a href="#" class="ui-state-default">24</a></td> + <td class=""><a href="#" class="ui-state-default">25</a></td> + <td class=""><a href="#" class="ui-state-default">26</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td> + <td class=""><a href="#" class="ui-state-default">29</a></td> + <td class=""><a href="#" class="ui-state-default">30</a></td> + <td class=""><a href="#" class="ui-state-default">31</a></td> + <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td></tr> + </tbody> + </table> + </div> + <div class="ui-datepicker-group ui-datepicker-group-last"> + <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right"> + <a title="Next" class="ui-datepicker-next ui-corner-all" href="#"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a> + <div class="ui-datepicker-title"> + <span class="ui-datepicker-month">March</span> + <span class="ui-datepicker-year">2009</span> + </div> + </div> + <table class="ui-datepicker-calendar"> + <thead> + <tr> + <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th> + <th><span title="Monday">Mo</span></th> + <th><span title="Tuesday">Tu</span></th> + <th><span title="Wednesday">We</span></th> + <th><span title="Thursday">Th</span></th> + <th><span title="Friday">Fr</span></th> + <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th> + </tr> + </thead> + <tbody> + <tr> + <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class=""><a href="#" class="ui-state-default">1</a></td> + <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td> + <td class=""><a href="#" class="ui-state-default">3</a></td> + <td class=""><a href="#" class="ui-state-default">4</a></td> + <td class=""><a href="#" class="ui-state-default">5</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td> + <td class=""><a href="#" class="ui-state-default">8</a></td> + <td class=""><a href="#" class="ui-state-default">9</a></td> + <td class=""><a href="#" class="ui-state-default">10</a></td> + <td class=""><a href="#" class="ui-state-default">11</a></td> + <td class=""><a href="#" class="ui-state-default">12</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td> + <td class=""><a href="#" class="ui-state-default">15</a></td> + <td class=""><a href="#" class="ui-state-default">16</a></td> + <td class=""><a href="#" class="ui-state-default">17</a></td> + <td class=""><a href="#" class="ui-state-default">18</a></td> + <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td> + <td class=""><a href="#" class="ui-state-default">22</a></td> + <td class=""><a href="#" class="ui-state-default">23</a></td> + <td class=""><a href="#" class="ui-state-default">24</a></td> + <td class=""><a href="#" class="ui-state-default">25</a></td> + <td class=""><a href="#" class="ui-state-default">26</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td> + <td class=""><a href="#" class="ui-state-default">29</a></td> + <td class=""><a href="#" class="ui-state-default">30</a></td> + <td class=""><a href="#" class="ui-state-default">31</a></td> + <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td></tr> + </tbody> + </table> + </div> + <div class="ui-datepicker-group ui-datepicker-group-first"> + <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix"> + <div class="ui-datepicker-title"> + <span class="ui-datepicker-month">April</span> + <span class="ui-datepicker-year">2009</span> + </div> + </div> + <table class="ui-datepicker-calendar"> + <thead> + <tr> + <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th> + <th><span title="Monday">Mo</span></th> + <th><span title="Tuesday">Tu</span></th> + <th><span title="Wednesday">We</span></th> + <th><span title="Thursday">Th</span></th> + <th><span title="Friday">Fr</span></th> + <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th> + </tr> + </thead> + <tbody> + <tr> + <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class=""><a href="#" class="ui-state-default">1</a></td> + <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td> + <td class=""><a href="#" class="ui-state-default">3</a></td> + <td class=""><a href="#" class="ui-state-default">4</a></td> + <td class=""><a href="#" class="ui-state-default">5</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td> + <td class=""><a href="#" class="ui-state-default">8</a></td> + <td class=""><a href="#" class="ui-state-default">9</a></td> + <td class=""><a href="#" class="ui-state-default">10</a></td> + <td class=""><a href="#" class="ui-state-default">11</a></td> + <td class=""><a href="#" class="ui-state-default">12</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td> + <td class=""><a href="#" class="ui-state-default">15</a></td> + <td class=""><a href="#" class="ui-state-default">16</a></td> + <td class=""><a href="#" class="ui-state-default">17</a></td> + <td class=""><a href="#" class="ui-state-default">18</a></td> + <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td> + <td class=""><a href="#" class="ui-state-default">22</a></td> + <td class=""><a href="#" class="ui-state-default">23</a></td> + <td class=""><a href="#" class="ui-state-default">24</a></td> + <td class=""><a href="#" class="ui-state-default">25</a></td> + <td class=""><a href="#" class="ui-state-default">26</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td> + <td class=""><a href="#" class="ui-state-default">29</a></td> + <td class=""><a href="#" class="ui-state-default">30</a></td> + <td class=""><a href="#" class="ui-state-default">31</a></td> + <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td></tr> + </tbody> + </table> + </div> + <div class="ui-datepicker-group ui-datepicker-group-middle"> + <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix"> + <div class="ui-datepicker-title"> + <span class="ui-datepicker-month">May</span> + <span class="ui-datepicker-year">2009</span> + </div> + </div> + <table class="ui-datepicker-calendar"> + <thead> + <tr> + <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th> + <th><span title="Monday">Mo</span></th> + <th><span title="Tuesday">Tu</span></th> + <th><span title="Wednesday">We</span></th> + <th><span title="Thursday">Th</span></th> + <th><span title="Friday">Fr</span></th> + <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th> + </tr> + </thead> + <tbody> + <tr> + <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class=""><a href="#" class="ui-state-default">1</a></td> + <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td> + <td class=""><a href="#" class="ui-state-default">3</a></td> + <td class=""><a href="#" class="ui-state-default">4</a></td> + <td class=""><a href="#" class="ui-state-default">5</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td> + <td class=""><a href="#" class="ui-state-default">8</a></td> + <td class=""><a href="#" class="ui-state-default">9</a></td> + <td class=""><a href="#" class="ui-state-default">10</a></td> + <td class=""><a href="#" class="ui-state-default">11</a></td> + <td class=""><a href="#" class="ui-state-default">12</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td> + <td class=""><a href="#" class="ui-state-default">15</a></td> + <td class=""><a href="#" class="ui-state-default">16</a></td> + <td class=""><a href="#" class="ui-state-default">17</a></td> + <td class=""><a href="#" class="ui-state-default">18</a></td> + <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td> + <td class=""><a href="#" class="ui-state-default">22</a></td> + <td class=""><a href="#" class="ui-state-default">23</a></td> + <td class=""><a href="#" class="ui-state-default">24</a></td> + <td class=""><a href="#" class="ui-state-default">25</a></td> + <td class=""><a href="#" class="ui-state-default">26</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td> + <td class=""><a href="#" class="ui-state-default">29</a></td> + <td class=""><a href="#" class="ui-state-default">30</a></td> + <td class=""><a href="#" class="ui-state-default">31</a></td> + <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td></tr> + </tbody> + </table> + </div> + <div class="ui-datepicker-group ui-datepicker-group-middle"> + <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix"> + <div class="ui-datepicker-title"> + <span class="ui-datepicker-month">June</span> + <span class="ui-datepicker-year">2009</span> + </div> + </div> + <table class="ui-datepicker-calendar"> + <thead> + <tr> + <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th> + <th><span title="Monday">Mo</span></th> + <th><span title="Tuesday">Tu</span></th> + <th><span title="Wednesday">We</span></th> + <th><span title="Thursday">Th</span></th> + <th><span title="Friday">Fr</span></th> + <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th> + </tr> + </thead> + <tbody> + <tr> + <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class=""><a href="#" class="ui-state-default">1</a></td> + <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td> + <td class=""><a href="#" class="ui-state-default">3</a></td> + <td class=""><a href="#" class="ui-state-default">4</a></td> + <td class=""><a href="#" class="ui-state-default">5</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td> + <td class=""><a href="#" class="ui-state-default">8</a></td> + <td class=""><a href="#" class="ui-state-default">9</a></td> + <td class=""><a href="#" class="ui-state-default">10</a></td> + <td class=""><a href="#" class="ui-state-default">11</a></td> + <td class=""><a href="#" class="ui-state-default">12</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td> + <td class=""><a href="#" class="ui-state-default">15</a></td> + <td class=""><a href="#" class="ui-state-default">16</a></td> + <td class=""><a href="#" class="ui-state-default">17</a></td> + <td class=""><a href="#" class="ui-state-default">18</a></td> + <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td> + <td class=""><a href="#" class="ui-state-default">22</a></td> + <td class=""><a href="#" class="ui-state-default">23</a></td> + <td class=""><a href="#" class="ui-state-default">24</a></td> + <td class=""><a href="#" class="ui-state-default">25</a></td> + <td class=""><a href="#" class="ui-state-default">26</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td> + <td class=""><a href="#" class="ui-state-default">29</a></td> + <td class=""><a href="#" class="ui-state-default">30</a></td> + <td class=""><a href="#" class="ui-state-default">31</a></td> + <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td></tr> + </tbody> + </table> + </div> + <div class="ui-datepicker-group ui-datepicker-group-last"> + <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-right"> + <div class="ui-datepicker-title"> + <span class="ui-datepicker-month">July</span> + <span class="ui-datepicker-year">2009</span> + </div> + </div> + <table class="ui-datepicker-calendar"> + <thead> + <tr> + <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th> + <th><span title="Monday">Mo</span></th> + <th><span title="Tuesday">Tu</span></th> + <th><span title="Wednesday">We</span></th> + <th><span title="Thursday">Th</span></th> + <th><span title="Friday">Fr</span></th> + <th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th> + </tr> + </thead> + <tbody> + <tr> + <td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class=""><a href="#" class="ui-state-default">1</a></td> + <td class="ui-datepicker-today"><a href="#" class="ui-state-default ui-state-highlight">2</a></td> + <td class=""><a href="#" class="ui-state-default">3</a></td> + <td class=""><a href="#" class="ui-state-default">4</a></td> + <td class=""><a href="#" class="ui-state-default">5</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">6</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">7</a></td> + <td class=""><a href="#" class="ui-state-default">8</a></td> + <td class=""><a href="#" class="ui-state-default">9</a></td> + <td class=""><a href="#" class="ui-state-default">10</a></td> + <td class=""><a href="#" class="ui-state-default">11</a></td> + <td class=""><a href="#" class="ui-state-default">12</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">13</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">14</a></td> + <td class=""><a href="#" class="ui-state-default">15</a></td> + <td class=""><a href="#" class="ui-state-default">16</a></td> + <td class=""><a href="#" class="ui-state-default">17</a></td> + <td class=""><a href="#" class="ui-state-default">18</a></td> + <td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">19</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">20</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">21</a></td> + <td class=""><a href="#" class="ui-state-default">22</a></td> + <td class=""><a href="#" class="ui-state-default">23</a></td> + <td class=""><a href="#" class="ui-state-default">24</a></td> + <td class=""><a href="#" class="ui-state-default">25</a></td> + <td class=""><a href="#" class="ui-state-default">26</a></td> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">27</a></td> + </tr> + <tr> + <td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">28</a></td> + <td class=""><a href="#" class="ui-state-default">29</a></td> + <td class=""><a href="#" class="ui-state-default">30</a></td> + <td class=""><a href="#" class="ui-state-default">31</a></td> + <td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td><td class="ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled"> + </td></tr> + </tbody> + </table> + </div> +</div> + + </body> </html> |