25 lines
715 B
TypeScript
25 lines
715 B
TypeScript
|
import moment from 'moment'
|
||
|
import React, { useEffect, useState } from 'react'
|
||
|
|
||
|
const DateDisplay: React.FC = () => {
|
||
|
const [date, setDate] = useState('')
|
||
|
|
||
|
/**
|
||
|
* On component render sets the date state to current date and time
|
||
|
*/
|
||
|
useEffect(() => {
|
||
|
const interval = setInterval(() => {
|
||
|
setDate(moment().toDate().toString())
|
||
|
}, 1000)
|
||
|
return () => clearInterval(interval)
|
||
|
}, [])
|
||
|
|
||
|
return (
|
||
|
<div style={{ position: 'relative', width: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column' }}>
|
||
|
<span style={{ color: 'orange' }}>{date}</span>
|
||
|
</div>
|
||
|
)
|
||
|
}
|
||
|
|
||
|
export default DateDisplay
|