修改antdvue的日期范围选择器的选中后的hover样式

要修改 Ant Design Vue 的日期范围选择器的选中后的 hover 样式，你可以使用 CSS 来自定义样式。以下是一种可能的实现方式：

首先，给日期范围选择器添加一个自定义的 class 名称，例如 "custom-range-picker"。

<template>
  <a-date-picker
    class="custom-range-picker"
    :value="dateRange"
    @change="onDateChange"
    @openChange="onOpenChange"
    :disabledDate="disabledDate"
    mode="range"
    allowClear
  />
</template>

接下来，在你的样式文件（例如 CSS 或者 SCSS 文件）中添加以下代码来修改 hover 样式：

.custom-range-picker .ant-picker-cell:hover:not(.ant-picker-cell-disabled) {
  background-color: #f0f0f0;
  /* 修改 hover 的背景颜色 */
  /* 其他样式修改 */
}

你可以根据需要修改 `.custom-range-picker .ant-picker-cell:hover` 的其他样式属性，以实现你想要的效果。

注意：这只是一种修改 Ant Design Vue 日期范围选择器 hover 样式的方法，具体的样式修改取决于你的需求和设计。