如何向v-calendar添加按钮Vue.js？

Question

我在项目中使用v-calendar软件包。我想自定义输入元素。我想在输入元素的右侧添加图标。我尝试了下一个代码，但是没有图标。

如何制作这种样式：link

<template>
<v-date-picker
    class='v-date-picker'
    mode='range'
    v-model='range'
    :show-day-popover=false
    is-double-paned
    show-caps>
    <button>
        <font-awesome-icon :icon="faInfoCircle"/>
    </button>
</v-date-picker>
</template>

<style scoped>
    .v-date-picker /deep/ button {
        color: green;
        font-size: 2.4rem;
        line-height: 2.4rem;
        vertical-align: middle;
        transition: color .25s;
    }
    .v-date-picker /deep/ button:hover {
         color: lightblue;
    }
</style>