ant-design/components/date-picker/demo/size.md

order	title
11	[{zh-CN 三种大小} {en-US Three Sizes}]

zh-CN

三种大小的输入框，若不设置，则为 default。

en-US

The input box comes in three sizes. default will be used if size is omitted.

import { DatePicker, Radio, Space } from 'antd';

const { RangePicker } = DatePicker;

export default () => {
  const [size, setSize] = React.useState('default');

  const handleSizeChange = e => {
    setSize(e.target.value);
  };

  return (
    <Space direction="vertical" size={12}>
      <Radio.Group value={size} onChange={handleSizeChange}>
        <Radio.Button value="large">Large</Radio.Button>
        <Radio.Button value="default">Default</Radio.Button>
        <Radio.Button value="small">Small</Radio.Button>
      </Radio.Group>
      <DatePicker size={size} />
      <DatePicker size={size} picker="month" />
      <RangePicker size={size} />
      <DatePicker size={size} picker="week" />
    </Space>
  );
};