added row break class to datepicker with multiple calendars. we can delete this...

diff --git a/tests/static/datepicker/datepicker.html b/tests/static/datepicker/datepicker.html
index b7aa11445b18c77cfdf202f71d74001a3b0d2cff..c2dc7208d7e79d1a27a9ab56bd942db3eefd22a2 100644 (file)
--- a/tests/static/datepicker/datepicker.html
+++ b/tests/static/datepicker/datepicker.html
@@ -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>

diff --git a/themes/base/ui.datepicker.css b/themes/base/ui.datepicker.css
index cf9fb8327ccedaffc88d492733763c8ad535d0f5..92986c9e8214327cffa5c0ec8b95d4ac75a55761 100644 (file)
--- a/themes/base/ui.datepicker.css
+++ b/themes/base/ui.datepicker.css
@@ -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; }