import React, { Fragment, useEffect, useState } from 'react'
import DateClass from '../../utils/date.util';


const FormatDate = ({date}: {date: string}) => {
    const [formattedDate, setFormattedDate] = useState();
    useEffect(() => {
        if (date) {
            setFormattedDate(DateClass.DateUtil.formatDate(date));
        }
    }, [date]);
    return (
        <Fragment>
            {formattedDate && <span dangerouslySetInnerHTML={{__html: formattedDate}}></span> || null}
        </Fragment>
    )
}

export default FormatDate