--- order: 99 debug: true title: zh-CN: 后缀图标 en-US: Suffix --- ## zh-CN 最简单的用法,在浮层中可以选择或者输入日期。 ## en-US Basic use case. Users can select or input a date in panel. ```jsx import { DatePicker, Space } from 'antd'; import { SmileOutlined } from '@ant-design/icons'; const smileIcon = ; const { RangePicker } = DatePicker; function onChange(date, dateString) { console.log(date, dateString); } ReactDOM.render( , mountNode, ); ```