feat(Calendar): add color prop

src/calendar/test/__snapshots__/demo.spec.js.snap

@@ -23,6 +23,10 @@ exports[`renders demo correctly 1`] = `
     </div>
   </div>
   <div>
+    <div role="button" tabindex="0" class="van-cell van-cell--clickable">
+      <div class="van-cell__title"><span>自定义颜色</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
+        <!----></i>
+    </div>
     <div role="button" tabindex="0" class="van-cell van-cell--clickable">
       <div class="van-cell__title"><span>自定义日期范围</span></div><i class="van-icon van-icon-arrow van-cell__right-icon">
         <!----></i>

src/calendar/test/__snapshots__/index.spec.js.snap

@@ -1,5 +1,107 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`color prop when type is range 1`] = `
+<div class="van-calendar">
+  <div class="van-calendar__header">
+    <div class="van-calendar__header-title">日期选择</div>
+    <div class="van-calendar__month-title">2010年1月</div>
+    <div class="van-calendar__weekdays"><span class="van-calendar__weekday">日</span><span class="van-calendar__weekday">一</span><span class="van-calendar__weekday">二</span><span class="van-calendar__weekday">三</span><span class="van-calendar__weekday">四</span><span class="van-calendar__weekday">五</span><span class="van-calendar__weekday">六</span></div>
+  </div>
+  <div class="van-calendar__body">
+    <div class="van-calendar__month" style="padding-bottom: 320px;">
+      <div class="van-calendar__days">
+        <div class="van-calendar__month-mark">1</div>
+        <div class="van-calendar__day van-calendar__day--disabled" style="margin-left: 57.142857142857146%;">1</div>
+        <div class="van-calendar__day van-calendar__day--disabled">2</div>
+        <div class="van-calendar__day van-calendar__day--disabled">3</div>
+        <div class="van-calendar__day van-calendar__day--disabled">4</div>
+        <div class="van-calendar__day van-calendar__day--disabled">5</div>
+        <div class="van-calendar__day van-calendar__day--disabled">6</div>
+        <div class="van-calendar__day van-calendar__day--disabled">7</div>
+        <div class="van-calendar__day van-calendar__day--disabled">8</div>
+        <div class="van-calendar__day van-calendar__day--disabled">9</div>
+        <div class="van-calendar__day van-calendar__day--start" style="background: blue;">10<div class="van-calendar__bottom-info">开始</div>
+        </div>
+        <div class="van-calendar__day van-calendar__day--middle" style="color: blue;">11</div>
+        <div class="van-calendar__day van-calendar__day--middle" style="color: blue;">12</div>
+        <div class="van-calendar__day van-calendar__day--middle" style="color: blue;">13</div>
+        <div class="van-calendar__day van-calendar__day--middle" style="color: blue;">14</div>
+        <div class="van-calendar__day van-calendar__day--middle" style="color: blue;">15</div>
+        <div class="van-calendar__day van-calendar__day--middle" style="color: blue;">16</div>
+        <div class="van-calendar__day van-calendar__day--middle" style="color: blue;">17</div>
+        <div class="van-calendar__day van-calendar__day--middle" style="color: blue;">18</div>
+        <div class="van-calendar__day van-calendar__day--middle" style="color: blue;">19</div>
+        <div class="van-calendar__day van-calendar__day--end" style="background: blue;">20<div class="van-calendar__bottom-info">结束</div>
+        </div>
+        <div class="van-calendar__day van-calendar__day--disabled">21</div>
+        <div class="van-calendar__day van-calendar__day--disabled">22</div>
+        <div class="van-calendar__day van-calendar__day--disabled">23</div>
+        <div class="van-calendar__day van-calendar__day--disabled">24</div>
+        <div class="van-calendar__day van-calendar__day--disabled">25</div>
+        <div class="van-calendar__day van-calendar__day--disabled">26</div>
+        <div class="van-calendar__day van-calendar__day--disabled">27</div>
+        <div class="van-calendar__day van-calendar__day--disabled">28</div>
+        <div class="van-calendar__day van-calendar__day--disabled">29</div>
+        <div class="van-calendar__day van-calendar__day--disabled">30</div>
+        <div class="van-calendar__day van-calendar__day--disabled">31</div>
+      </div>
+    </div>
+  </div>
+  <div class="van-calendar__footer van-calendar__footer--safe-area-inset-bottom"><button class="van-button van-button--danger van-button--normal van-button--block van-button--round van-calendar__confirm" style="color: rgb(255, 255, 255); background: blue; border-color: blue;"><span class="van-button__text">确定</span></button></div>
+</div>
+`;
+
+exports[`color prop when type is single 1`] = `
+<div class="van-calendar">
+  <div class="van-calendar__header">
+    <div class="van-calendar__header-title">日期选择</div>
+    <div class="van-calendar__month-title">2010年1月</div>
+    <div class="van-calendar__weekdays"><span class="van-calendar__weekday">日</span><span class="van-calendar__weekday">一</span><span class="van-calendar__weekday">二</span><span class="van-calendar__weekday">三</span><span class="van-calendar__weekday">四</span><span class="van-calendar__weekday">五</span><span class="van-calendar__weekday">六</span></div>
+  </div>
+  <div class="van-calendar__body">
+    <div class="van-calendar__month" style="padding-bottom: 320px;">
+      <div class="van-calendar__days">
+        <div class="van-calendar__month-mark">1</div>
+        <div class="van-calendar__day van-calendar__day--disabled" style="margin-left: 57.142857142857146%;">1</div>
+        <div class="van-calendar__day van-calendar__day--disabled">2</div>
+        <div class="van-calendar__day van-calendar__day--disabled">3</div>
+        <div class="van-calendar__day van-calendar__day--disabled">4</div>
+        <div class="van-calendar__day van-calendar__day--disabled">5</div>
+        <div class="van-calendar__day van-calendar__day--disabled">6</div>
+        <div class="van-calendar__day van-calendar__day--disabled">7</div>
+        <div class="van-calendar__day van-calendar__day--disabled">8</div>
+        <div class="van-calendar__day van-calendar__day--disabled">9</div>
+        <div class="van-calendar__day">
+          <div class="van-calendar__selected-day" style="background: blue;">10</div>
+        </div>
+        <div class="van-calendar__day van-calendar__day">11</div>
+        <div class="van-calendar__day van-calendar__day">12</div>
+        <div class="van-calendar__day van-calendar__day">13</div>
+        <div class="van-calendar__day van-calendar__day">14</div>
+        <div class="van-calendar__day van-calendar__day">15</div>
+        <div class="van-calendar__day van-calendar__day">16</div>
+        <div class="van-calendar__day van-calendar__day">17</div>
+        <div class="van-calendar__day van-calendar__day">18</div>
+        <div class="van-calendar__day van-calendar__day">19</div>
+        <div class="van-calendar__day van-calendar__day">20</div>
+        <div class="van-calendar__day van-calendar__day--disabled">21</div>
+        <div class="van-calendar__day van-calendar__day--disabled">22</div>
+        <div class="van-calendar__day van-calendar__day--disabled">23</div>
+        <div class="van-calendar__day van-calendar__day--disabled">24</div>
+        <div class="van-calendar__day van-calendar__day--disabled">25</div>
+        <div class="van-calendar__day van-calendar__day--disabled">26</div>
+        <div class="van-calendar__day van-calendar__day--disabled">27</div>
+        <div class="van-calendar__day van-calendar__day--disabled">28</div>
+        <div class="van-calendar__day van-calendar__day--disabled">29</div>
+        <div class="van-calendar__day van-calendar__day--disabled">30</div>
+        <div class="van-calendar__day van-calendar__day--disabled">31</div>
+      </div>
+    </div>
+  </div>
+  <div class="van-calendar__footer van-calendar__footer--safe-area-inset-bottom"><button class="van-button van-button--danger van-button--normal van-button--block van-button--round van-calendar__confirm" style="color: rgb(255, 255, 255); background: blue; border-color: blue;"><span class="van-button__text">确定</span></button></div>
+</div>
+`;
+
 exports[`formatter prop 1`] = `
 <div class="van-calendar">
   <div class="van-calendar__header">

src/calendar/test/index.spec.js

@@ -375,3 +375,35 @@ test('set show-mark prop to false', async () => {
 
   expect(wrapper.find('.van-calendar__month-mark').element).toBeFalsy();
 });
+
+test('color prop when type is single', async () => {
+  const wrapper = mount(Calendar, {
+    propsData: {
+      minDate,
+      maxDate,
+      color: 'blue',
+      poppable: false
+    }
+  });
+
+  await later();
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('color prop when type is range', async () => {
+  const wrapper = mount(Calendar, {
+    propsData: {
+      defaultDate: [minDate, maxDate],
+      type: 'range',
+      minDate,
+      maxDate,
+      color: 'blue',
+      poppable: false
+    }
+  });
+
+  await later();
+
+  expect(wrapper).toMatchSnapshot();
+});