如何在IonDateTime中添加“清除”按钮？

<template>
  <div>
    <ion-item>
      <ion-label>选择日期时间</ion-label>
      <ion-datetime v-model="selectedDateTime"></ion-datetime>
    </ion-item>
    <ion-button @click="clearDateTime">清除</ion-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedDateTime: ''
    };
  },
  methods: {
    clearDateTime() {
      this.selectedDateTime = '';
    }
  }
};
</script>

<ion-item>
  <ion-label>选择日期时间</ion-label>
  <ion-datetime v-model="selectedDateTime" cancel-text="取消" done-text="完成" clear-text="清除"></ion-datetime>
</ion-item>