Skip to content

Commit

Permalink
added row break class to datepicker with multiple calendars. we can d…
Browse files Browse the repository at this point in the history 
…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 committed Jan 28, 2009
1 parent 1023200 commit 7080e7c
Show file tree
Hide file tree
Showing 2 changed files with 95 additions and 74 deletions.
168 changes: 94 additions & 74 deletions tests/static/datepicker/datepicker.html
View file
Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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">
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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">
Expand Down Expand Up @@ -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>
Expand Down
1 change: 1 addition & 0 deletions themes/base/ui.datepicker.css
View file
Expand Up @@ -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; }
Expand Down

0 comments on commit 7080e7c

Please sign in to comment.