mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-30 20:38:45 +08:00
14a1e6bd51
* feat: tsconfig enable strict * feat: add no-explicit-any * feat: strict * feat: as THEME * feat: 优化 keys 类型写法 * feat: demo remove any * feat: as number * feat: this any * feat: add eslint * feat: cascader * feat: props any * feat: remove any * feat: remove any * feat: any 提示错误 * feat: remove any * feat: add eslint * feat: 允许 T = any 存在 * feat: color funciton * feat: 恢复 lint * feat: merge master * feat: as ReactElement * feat: type
34 lines
984 B
TypeScript
34 lines
984 B
TypeScript
import React from 'react';
|
|
import type { DatePickerProps } from 'antd';
|
|
import { DatePicker, Space, theme } from 'antd';
|
|
import type { Dayjs } from 'dayjs';
|
|
|
|
const App: React.FC = () => {
|
|
const { token } = theme.useToken();
|
|
const style: React.CSSProperties = {
|
|
border: `1px solid ${token.colorPrimary}`,
|
|
borderRadius: '50%',
|
|
};
|
|
const cellRender: DatePickerProps<Dayjs>['cellRender'] = (current, info) => {
|
|
if (info.type !== 'date') {
|
|
return info.originNode;
|
|
}
|
|
if (typeof current === 'number' || typeof current === 'string') {
|
|
return <div className="ant-picker-cell-inner">{current}</div>;
|
|
}
|
|
return (
|
|
<div className="ant-picker-cell-inner" style={current.date() === 1 ? style : {}}>
|
|
{current.date()}
|
|
</div>
|
|
);
|
|
};
|
|
return (
|
|
<Space size={12} direction="vertical">
|
|
<DatePicker cellRender={cellRender} />
|
|
<DatePicker.RangePicker cellRender={cellRender} />
|
|
</Space>
|
|
);
|
|
};
|
|
|
|
export default App;
|