From 7ca6abd9b3b15816f0a7dd17829a4bdd2aa29702 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 | 17 +----------
 src/demo_list.json                       |  3 +-
 src/demos/InlineCalendarMulti.vue        | 38 ++++++++++++++++++++++++
 src/theme.less                           |  4 ++-
 4 files changed, 44 insertions(+), 18 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..8ce4ee24a 100755
--- a/src/components/inline-calendar/metas.yml
+++ b/src/components/inline-calendar/metas.yml
@@ -97,22 +97,7 @@ events:
     en: emits when value is changed
     zh-CN: 值变化时触发
 changes:
-  v2.4.0:
-    en:
-      - '[enhance] re-render when render-month is changed'
-    zh-CN:
-      - '[enhance] 当 render-month 变化时重新渲染日历'
-  v2.3.8:
-    en:
-      - '[enhance] prevent from clicking invisiable date #1564'
-    zh-CN:
-      - '[enhance] 不可见日期不可点击 #1564'
-  v2.3.6:
-    en:
-      - '[change] render-function params day => date #1361'
-    zh-CN:
-      - '[change] render-function 参数 day => date（在 3.0 版本前不会影响目前使用）#1361'
-  v2.3.5:
+  next:
     en:
       - '[feature] support multi select #1446 #1467'
     zh-CN:
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