Skip to main content
Version: 3.xx.xx

Date

This field is used to display dates. It uses Day.js to display date format.

Usage​

Let's see how we can use <DateField> with the example in the post list.

import { 
    List,
    Table,
    DateField 
} from "@pankod/refine-antd";

export const PostList: React.FC = () => {

    return (
        <List>
            <Table rowKey="id">
                ...
                <Table.Column<IPost>
                    dataIndex="createdAt"
                    title="Created At"
                    render={(value) => (
                        <DateField format="LLL" value={value} />
                    )}
                />
                ...
            </Table>
        </List>
    );
};

interface IPost {   
    id: number;    
    createdAt: string;
}

DateField

API Reference​

Properties​

External Props

It also accepts all props of Ant Design Text.