ant-design/components/time-picker/demo/variant.tsx
MadCcc bf7085882d
feat: DatePicker support variant ()
* feat: DatePicker support variant

* chore: update snapshot

* chore: update api table

* chore: update snapshot
2023-12-21 20:43:40 +08:00

24 lines
653 B
TypeScript

import React from 'react';
import { Flex, TimePicker } from 'antd';
const { RangePicker } = TimePicker;
const App: React.FC = () => (
<Flex vertical gap={12}>
<Flex gap={8}>
<TimePicker placeholder="Filled" />
<RangePicker placeholder={['Filled', '']} />
</Flex>
<Flex gap={8}>
<TimePicker variant="filled" placeholder="Filled" />
<RangePicker variant="filled" placeholder={['Filled', '']} />
</Flex>
<Flex gap={8}>
<TimePicker variant="borderless" placeholder="Borderless" />
<RangePicker variant="borderless" placeholder={['Borderless', '']} />
</Flex>
</Flex>
);
export default App;