score:0

Accepted answer

you can play around with the prop renderextrafooter and add styles to place it on top

example:

code:

<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>

style:

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

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

result:

example


Related Query

More Query from same tag