import React from 'react'; import { SmileOutlined } from '@ant-design/icons'; import { DatePicker, Space } from 'antd'; import type { Dayjs } from 'dayjs'; const smileIcon = <SmileOutlined />; const { RangePicker } = DatePicker; const onChange = (date: Dayjs | (Dayjs | null)[] | null, dateString: string | string[]) => { console.log(date, dateString); }; const App: React.FC = () => ( <Space direction="vertical" size={12}> <DatePicker suffixIcon={smileIcon} onChange={onChange} /> <DatePicker suffixIcon={smileIcon} onChange={onChange} picker="month" /> <RangePicker suffixIcon={smileIcon} onChange={onChange} /> <DatePicker suffixIcon={smileIcon} onChange={onChange} picker="week" /> <DatePicker suffixIcon="ab" onChange={onChange} /> <DatePicker suffixIcon="ab" onChange={onChange} picker="month" /> <RangePicker suffixIcon="ab" onChange={onChange} /> <DatePicker suffixIcon="ab" onChange={onChange} picker="week" /> <DatePicker prefix={smileIcon} onChange={onChange} picker="week" /> <RangePicker prefix={smileIcon} onChange={onChange} picker="week" /> </Space> ); export default App;