blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

fix(Calendar): missing className when selected

Browse Source
This commit is contained in:
陈嘉涵 2020-02-06 12:00:13 +08:00
parent 2124cc5261
commit 0b7c567a78
3 changed files with 122 additions and 122 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/calendar/components/Month.js
View File

@ -202,7 +202,7 @@ export default createComponent({
<div <div
role="gridcell" role="gridcell"
style={style} style={style}
class={bem('day')} class={[bem('day'), item.className]}
tabindex={disabled ? null : -1} tabindex={disabled ? null : -1}
onClick={onClick} onClick={onClick}
> >
@ -219,7 +219,7 @@ export default createComponent({
<div <div
role="gridcell" role="gridcell"
style={style} style={style}
class={[bem('day', [type]), item.className]} class={[bem('day', type), item.className]}
tabindex={disabled ? null : -1} tabindex={disabled ? null : -1}
onClick={onClick} onClick={onClick}
> >

140
src/calendar/test/__snapshots__/demo.spec.js.snap
View File

@ -71,88 +71,88 @@ exports[`renders demo correctly 1`] = `
<div role="gridcell" tabindex="-1" class="van-calendar__day"> <div role="gridcell" tabindex="-1" class="van-calendar__day">
<div class="van-calendar__selected-day">10</div> <div class="van-calendar__selected-day">10</div>
</div> </div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">11</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">11</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">12</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">12</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">13</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">13</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">14</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">14</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">15</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">15</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">16</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">16</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">17</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">17</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">18</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">18</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">19</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">19</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">20</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">20</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">21</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">21</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">22</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">22</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">23</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">23</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">24</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">24</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">25</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">25</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">26</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">26</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">27</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">27</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">28</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">28</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">29</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">29</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">30</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">30</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">31</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">31</div>
</div> </div>
</div> </div>
<div class="van-calendar__month" style="padding-bottom: 320px;"> <div class="van-calendar__month" style="padding-bottom: 320px;">
<div class="van-calendar__month-title">2012年2月</div> <div class="van-calendar__month-title">2012年2月</div>
<div role="grid" class="van-calendar__days"> <div role="grid" class="van-calendar__days">
<div class="van-calendar__month-mark">2</div> <div class="van-calendar__month-mark">2</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day" style="margin-left: 42.857142857142854%;">1</div> <div role="gridcell" tabindex="-1" class="van-calendar__day" style="margin-left: 42.857142857142854%;">1</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">2</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">2</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">3</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">3</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">4</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">4</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">5</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">5</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">6</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">6</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">7</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">7</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">8</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">8</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">9</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">9</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">10</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">10</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">11</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">11</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">12</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">12</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">13</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">13</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">14</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">14</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">15</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">15</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">16</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">16</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">17</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">17</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">18</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">18</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">19</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">19</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">20</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">20</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">21</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">21</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">22</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">22</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">23</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">23</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">24</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">24</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">25</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">25</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">26</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">26</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">27</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">27</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">28</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">28</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">29</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">29</div>
</div> </div>
</div> </div>
<div class="van-calendar__month" style="padding-bottom: 320px;"> <div class="van-calendar__month" style="padding-bottom: 320px;">
<div class="van-calendar__month-title">2012年3月</div> <div class="van-calendar__month-title">2012年3月</div>
<div role="grid" class="van-calendar__days"> <div role="grid" class="van-calendar__days">
<div class="van-calendar__month-mark">3</div> <div class="van-calendar__month-mark">3</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day" style="margin-left: 57.142857142857146%;">1</div> <div role="gridcell" tabindex="-1" class="van-calendar__day" style="margin-left: 57.142857142857146%;">1</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">2</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">2</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">3</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">3</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">4</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">4</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">5</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">5</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">6</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">6</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">7</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">7</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">8</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">8</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">9</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">9</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">10</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">10</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">11</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">11</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">12</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">12</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">13</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">13</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">14</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">14</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">15</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">15</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">16</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">16</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">17</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">17</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">18</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">18</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">19</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">19</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">20</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">20</div>
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">21</div> <div role="gridcell" class="van-calendar__day van-calendar__day--disabled">21</div>
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">22</div> <div role="gridcell" class="van-calendar__day van-calendar__day--disabled">22</div>
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">23</div> <div role="gridcell" class="van-calendar__day van-calendar__day--disabled">23</div>

100
src/calendar/test/__snapshots__/index.spec.js.snap
View File

@ -74,16 +74,16 @@ exports[`color prop when type is single 1`] = `
<div role="gridcell" tabindex="-1" class="van-calendar__day"> <div role="gridcell" tabindex="-1" class="van-calendar__day">
<div class="van-calendar__selected-day" style="background: blue;">10</div> <div class="van-calendar__selected-day" style="background: blue;">10</div>
</div> </div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">11</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">11</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">12</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">12</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">13</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">13</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">14</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">14</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">15</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">15</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">16</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">16</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">17</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">17</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">18</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">18</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">19</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">19</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">20</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">20</div>
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">21</div> <div role="gridcell" class="van-calendar__day van-calendar__day--disabled">21</div>
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">22</div> <div role="gridcell" class="van-calendar__day van-calendar__day--disabled">22</div>
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">23</div> <div role="gridcell" class="van-calendar__day van-calendar__day--disabled">23</div>
@ -125,19 +125,19 @@ exports[`formatter prop 1`] = `
<div role="gridcell" tabindex="-1" class="van-calendar__day"> <div role="gridcell" tabindex="-1" class="van-calendar__day">
<div class="van-calendar__selected-day">10</div> <div class="van-calendar__selected-day">10</div>
</div> </div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day"> <div role="gridcell" tabindex="-1" class="van-calendar__day">
<div class="van-calendar__top-info">Top Info</div>11 <div class="van-calendar__top-info">Top Info</div>11
</div> </div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">12<div class="van-calendar__bottom-info">Bottom Info</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">12<div class="van-calendar__bottom-info">Bottom Info</div>
</div> </div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">Text</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">Text</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day test">14</div> <div role="gridcell" tabindex="-1" class="van-calendar__day test">14</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">15</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">15</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">16</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">16</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">17</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">17</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">18</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">18</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">19</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">19</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">20</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">20</div>
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">21</div> <div role="gridcell" class="van-calendar__day van-calendar__day--disabled">21</div>
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">22</div> <div role="gridcell" class="van-calendar__day van-calendar__day--disabled">22</div>
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">23</div> <div role="gridcell" class="van-calendar__day van-calendar__day--disabled">23</div>
@ -182,16 +182,16 @@ exports[`popup wrapper 2`] = `
<div role="gridcell" tabindex="-1" class="van-calendar__day"> <div role="gridcell" tabindex="-1" class="van-calendar__day">
<div class="van-calendar__selected-day">10</div> <div class="van-calendar__selected-day">10</div>
</div> </div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">11</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">11</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">12</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">12</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">13</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">13</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">14</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">14</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">15</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">15</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">16</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">16</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">17</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">17</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">18</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">18</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">19</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">19</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">20</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">20</div>
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">21</div> <div role="gridcell" class="van-calendar__day van-calendar__day--disabled">21</div>
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">22</div> <div role="gridcell" class="van-calendar__day van-calendar__day--disabled">22</div>
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">23</div> <div role="gridcell" class="van-calendar__day van-calendar__day--disabled">23</div>
@ -235,16 +235,16 @@ exports[`row-height prop 1`] = `
<div role="gridcell" tabindex="-1" class="van-calendar__day" style="height: 50px;"> <div role="gridcell" tabindex="-1" class="van-calendar__day" style="height: 50px;">
<div class="van-calendar__selected-day">10</div> <div class="van-calendar__selected-day">10</div>
</div> </div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day" style="height: 50px;">11</div> <div role="gridcell" tabindex="-1" class="van-calendar__day" style="height: 50px;">11</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day" style="height: 50px;">12</div> <div role="gridcell" tabindex="-1" class="van-calendar__day" style="height: 50px;">12</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day" style="height: 50px;">13</div> <div role="gridcell" tabindex="-1" class="van-calendar__day" style="height: 50px;">13</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day" style="height: 50px;">14</div> <div role="gridcell" tabindex="-1" class="van-calendar__day" style="height: 50px;">14</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day" style="height: 50px;">15</div> <div role="gridcell" tabindex="-1" class="van-calendar__day" style="height: 50px;">15</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day" style="height: 50px;">16</div> <div role="gridcell" tabindex="-1" class="van-calendar__day" style="height: 50px;">16</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day" style="height: 50px;">17</div> <div role="gridcell" tabindex="-1" class="van-calendar__day" style="height: 50px;">17</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day" style="height: 50px;">18</div> <div role="gridcell" tabindex="-1" class="van-calendar__day" style="height: 50px;">18</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day" style="height: 50px;">19</div> <div role="gridcell" tabindex="-1" class="van-calendar__day" style="height: 50px;">19</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day" style="height: 50px;">20</div> <div role="gridcell" tabindex="-1" class="van-calendar__day" style="height: 50px;">20</div>
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">21</div> <div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">21</div>
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">22</div> <div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">22</div>
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">23</div> <div role="gridcell" class="van-calendar__day van-calendar__day--disabled" style="height: 50px;">23</div>
@ -286,16 +286,16 @@ exports[`title & footer slot 1`] = `
<div role="gridcell" tabindex="-1" class="van-calendar__day"> <div role="gridcell" tabindex="-1" class="van-calendar__day">
<div class="van-calendar__selected-day">10</div> <div class="van-calendar__selected-day">10</div>
</div> </div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">11</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">11</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">12</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">12</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">13</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">13</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">14</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">14</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">15</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">15</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">16</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">16</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">17</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">17</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">18</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">18</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">19</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">19</div>
<div role="gridcell" tabindex="-1" class="van-calendar__day van-calendar__day">20</div> <div role="gridcell" tabindex="-1" class="van-calendar__day">20</div>
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">21</div> <div role="gridcell" class="van-calendar__day van-calendar__day--disabled">21</div>
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">22</div> <div role="gridcell" class="van-calendar__day van-calendar__day--disabled">22</div>
<div role="gridcell" class="van-calendar__day van-calendar__day--disabled">23</div> <div role="gridcell" class="van-calendar__day van-calendar__day--disabled">23</div>