[RFC] RangePicker label modify

[zombieJ]

📋 RFC

Summary

RangePicker support customize label for display.

Motivation

ref #32864

RangePickerRangeLabel.mov

API design

const [focused, setFocused] = React.useState(false);

const myFormat = (date, info: { focused, range: 'start' | 'end' }) => focused ? labelStateValue : 'YYYY-MM-DD';

<RangePicker
  format={[
    myFormat,
    // Multiple like: 'YYYY-MM-DD',
  ]}
/>

[afc163]

inputRender

[zombieJ]

inputRender 比较有歧义，看起来像是输入框的 render，但是这个 label replace 需要是两个一起。

[crazyair]

https://ant-design.antgroup.com/components/date-picker-cn#components-date-picker-demo-format

format={(values, render) => render([xxx, yyy])}

render contain separator

[selicens]

api style 1

[crazyair]

style 1 should be. ref: https://ant-design.antgroup.com/components/select-cn#select-demo-label-in-value

const [value, setValue] = React.useState<{ label: string, value: string }>(null);

<RangePicker
  labelInValue
  value={value}
  onChange={(value) =>  setValue(value) }
/>