Skip to content
Permalink
Browse files

added row break class to datepicker with multiple calendars. we can d…

…elete this later if needed; just want to make sure a fix is in place before the next release.
  • Loading branch information
Maggie Costello Wachs
Maggie Costello Wachs committed Jan 28, 2009
1 parent 1023200 commit 7080e7ce02cd04b034f672063d01f7baf4f2f033
Showing with 95 additions and 74 deletions.
  1. +94 −74 tests/static/datepicker/datepicker.html
  2. +1 −0 themes/base/ui.datepicker.css
@@ -42,8 +42,8 @@
</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-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>
@@ -82,10 +82,10 @@
<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>
<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>
@@ -170,8 +170,8 @@
</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-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>
@@ -210,10 +210,10 @@
<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>
<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>
@@ -277,8 +277,8 @@
</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-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>
@@ -317,10 +317,10 @@
<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>
<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>
@@ -384,8 +384,8 @@
</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-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>
@@ -424,10 +424,10 @@
<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>
<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 class="ui-datepicker-buttonpane ui-widget-content">
@@ -884,50 +884,59 @@
</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="ui-datepicker-week-end 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-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-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"><a href="#" class="ui-state-default">1</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">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>
<td class=""><a href="#" class="ui-state-default">6</a></td>
<td class=""><a href="#" class="ui-state-default">7</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">8</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="ui-datepicker-week-end"><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>
<td class=""><a href="#" class="ui-state-default">13</a></td>
<td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">14</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">15</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="ui-datepicker-week-end"><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>
<td class=""><a href="#" class="ui-state-default">19</a></td>
<td class=""><a href="#" class="ui-state-default">20</a></td>
<td class=""><a href="#" class="ui-state-default">21</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">22</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="ui-datepicker-week-end"><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>
<td class=""><a href="#" class="ui-state-default">26</a></td>
<td class=""><a href="#" class="ui-state-default">27</a></td>
<td class=""><a href="#" class="ui-state-default">28</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">29</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="ui-datepicker-week-end"><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>
<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-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>
@@ -1068,6 +1077,8 @@
</tbody>
</table>
</div>

<div class="ui-datepicker-row-break"></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">
@@ -1293,50 +1304,59 @@
</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="ui-datepicker-week-end 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-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-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"><a href="#" class="ui-state-default">1</a></td>
</tr>
<tr>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">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>
<td class=""><a href="#" class="ui-state-default">6</a></td>
<td class=""><a href="#" class="ui-state-default">7</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">8</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="ui-datepicker-week-end"><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>
<td class=""><a href="#" class="ui-state-default">13</a></td>
<td class="ui-datepicker-current-day"><a href="#" class="ui-state-active">14</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">15</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="ui-datepicker-week-end"><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>
<td class=""><a href="#" class="ui-state-default">19</a></td>
<td class=""><a href="#" class="ui-state-default">20</a></td>
<td class=""><a href="#" class="ui-state-default">21</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">22</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="ui-datepicker-week-end"><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>
<td class=""><a href="#" class="ui-state-default">26</a></td>
<td class=""><a href="#" class="ui-state-default">27</a></td>
<td class=""><a href="#" class="ui-state-default">28</a></td>
<td class="ui-datepicker-week-end"><a href="#" class="ui-state-default">29</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="ui-datepicker-week-end"><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>
<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-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>
@@ -33,6 +33,7 @@
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:left; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }

0 comments on commit 7080e7c

Please sign in to comment.
You can’t perform that action at this time.