Reactjs 修改Antd日期/范围选择器

如何修改AntD的Datepicker组件？我希望它看起来像这样。 只需单击datepicker输入就可以了吗？或者还有其他解决办法吗

多谢各位

---

您可以使用道具

渲染Trafooter

并添加样式以将其放置在顶部

例子： 代码：

<Space direction="vertical" size={12}>
    <RangePicker
        renderExtraFooter={
            () => {
                return <Radio.Group name="radiogroup" defaultValue={1}>
                            <Radio value={1}>Start of Evaluation</Radio>
                            <Radio value={2}>End of Evaluation</Radio>
                       </Radio.Group>
                }
        }
    />
</Space>

.ant-picker-panels {
  margin-top: 50px;
}

.ant-picker-footer {
  position: absolute;
  top: 10px;
  border-bottom: 1px solid #303030 !important;
}

结果：

<Space direction="vertical" size={12}>
    <RangePicker
        renderExtraFooter={
            () => {
                return <Radio.Group name="radiogroup" defaultValue={1}>
                            <Radio value={1}>Start of Evaluation</Radio>
                            <Radio value={2}>End of Evaluation</Radio>
                       </Radio.Group>
                }
        }
    />
</Space>

.ant-picker-panels {
  margin-top: 50px;
}

.ant-picker-footer {
  position: absolute;
  top: 10px;
  border-bottom: 1px solid #303030 !important;
}

---

我需要在Range PickerEW顶部添加单选按钮！我从来不知道这将修复使用CSS单独！非常感谢你！