DatePicker With Dropdown can`t work

[JhonMr]

I copy the code from official website,but it can`t dropdown the datepicker.
my code:

<template>  
  </div>
    <dropdown tag="div" class="form-group">
		  <div class="input-group">
		    <input class="form-control" type="text" v-model="date" readonly>
		    <div class="input-group-btn">
		      <button class="btn btn-default" type="button" data-role="trigger" >
		        <i class="glyphicon glyphicon-calendar"></i>
		      </button>
		    </div>
		  </div>
		  <ul slot="dropdown" class="dropdown-menu" >
		    <li>
		      <date-picker v-model="date"></date-picker>
		    </li>
		  </ul>
		</dropdown>
  </div>
</template>
<script>
import { Dropdown,Modal,DatePicker } from 'uiv'
export default {
  data () {
    return {
      date:'',
    }
  },
  created () {
  },
  methods: {
  },
  components:{
  	Dropdown,Modal,DatePicker,
  }
}
</script>

[wxsms]

The dropdown data-role=trigger feature is curretly not able, will be fix on next release. pls use v-model to control the dropdown show / hide now.

<dropdown v-model="open">
  <button @click="open = !open" class="btn btn-default dropdown-toggle" type="button">
    <span>Dropdown</span>
    <span class="caret"></span>
  </button>
  <template slot="dropdown">
    <li><a role="button">Action</a></li>
    <li><a role="button">Another action</a></li>
    <li><a role="button">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a role="button">Separated link</a></li>
  </template>
</dropdown>