<template>
<section>
<splitpanes horizontal>
<pane>
<component-panel
:use-header="false"
>
<b-datepicker
icon=""
v-model="from"
:max-date="to"
editable
/>
<b-dropdown
class=""
v-model="id"
@input="method.function"
>
<b-button
class=""
outlined
expanded
type=""
slot=""
icon=""
>
{{ name }}
</b-button>
<b-dropdown-item
aria-role="listitem"
v-for="(idx, index) in list"
:value="idx.id"
:key="index"
@click="name = idx.name"
>
<span>idx.name</span>
</b-dropdown-item>
</b-dropdown>
</pane>
</splitpanes>
<test-component>
@cancel="method.function"
@change="method.function"
:list="list"
:visible.sync="visible"
ref="testComponent"
/>
</section>
</template>
<script src=".js" />
<style src=".scss" lang="scss">