From 4c1acbf40aaf9458bd02b41ad1dab8cadb15e3de Mon Sep 17 00:00:00 2001
From: airyland <airyland@qq.com>
Date: Sun, 30 Jul 2017 16:54:26 +0800
Subject: [PATCH] inline-calendar: Add demo

---
 src/components/inline-calendar/metas.yml | 10 +++----
 src/demo_list.json                       |  3 +-
 src/demos/InlineCalendarMulti.vue        | 38 ++++++++++++++++++++++++
 src/theme.less                           |  4 ++-
 4 files changed, 48 insertions(+), 7 deletions(-)
 create mode 100644 src/demos/InlineCalendarMulti.vue

diff --git a/src/components/inline-calendar/metas.yml b/src/components/inline-calendar/metas.yml
index 60c9dfb62..ae48ff908 100755
--- a/src/components/inline-calendar/metas.yml
+++ b/src/components/inline-calendar/metas.yml
@@ -97,6 +97,11 @@ events:
     en: emits when value is changed
     zh-CN: 值变化时触发
 changes:
+  next:
+    en:
+      - '[feature] support multi select #1446 #1467'
+    zh-CN:
+      - '[feature] 支持多选 #1446 #1467'
   v2.4.0:
     en:
       - '[enhance] re-render when render-month is changed'
@@ -112,11 +117,6 @@ changes:
       - '[change] render-function params day => date #1361'
     zh-CN:
       - '[change] render-function 参数 day => date（在 3.0 版本前不会影响目前使用）#1361'
-  v2.3.5:
-    en:
-      - '[feature] support multi select #1446 #1467'
-    zh-CN:
-      - '[feature] 支持多选 #1446 #1467'
   v2.4.0:
     en:
       - '[enhance] re-render when render-month is changed'
diff --git a/src/demo_list.json b/src/demo_list.json
index ac52d00c3..461dbf714 100644
--- a/src/demo_list.json
+++ b/src/demo_list.json
@@ -107,5 +107,6 @@
   "Drawer",
   "DatetimeView",
   "InlineXNumber",
-  "PopupHeader"
+  "PopupHeader",
+  "InlineCalendarMulti#/demo/inline-calendar-multi"
 ]
diff --git a/src/demos/InlineCalendarMulti.vue b/src/demos/InlineCalendarMulti.vue
new file mode 100644
index 000000000..b24dbf211
--- /dev/null
+++ b/src/demos/InlineCalendarMulti.vue
@@ -0,0 +1,38 @@
+<template>
+  <div>
+    <inline-calendar v-model="value"></inline-calendar>
+    <br>
+    {{ value }}
+    <div style="padding:15px;">
+      <x-button type="primary" @click.native="updateValue">update value</x-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { InlineCalendar, dateFormat, XButton } from 'vux'
+
+const today = dateFormat(new Date(), 'YYYY-MM-DD')
+const yesterday = dateFormat(new Date().getTime() - 24 * 3600 * 1000, 'YYYY-MM-DD')
+
+export default {
+  components: {
+    InlineCalendar,
+    XButton
+  },
+  data () {
+    return {
+      value: [yesterday, today]
+    }
+  },
+  methods: {
+    updateValue () {
+      if (this.value.length === 1) {
+        this.value = [yesterday, today]
+      } else {
+        this.value = [today]
+      }
+    }
+  }
+}
+</script>
diff --git a/src/theme.less b/src/theme.less
index 31d40cfdd..6777acd29 100644
--- a/src/theme.less
+++ b/src/theme.less
@@ -28,4 +28,6 @@
 
 @search-cancel-font-color: #FF9900;
 
-@radio-checked-icon-color: #FF9900;
\ No newline at end of file
+@radio-checked-icon-color: #FF9900;
+
+@calendar-arrow-color: #c0c0c0;
\ No newline at end of file