sort/components/Time.tsx

import React, { useEffect } from "react";
import { View,Text } from "react-native"


const TimeLive = ({ styleTime }:any) => {
    const [currentTime, setCurrentTime] = React.useState(new Date());

    useEffect(() => {
        const timer = setInterval(() => {
            setCurrentTime(new Date());
        }, 1000);

        return () => clearInterval(timer);
    }, []);

    const formatDate = (date: Date) => {
        return `${String(date.getDate()).padStart(2, '0')}/${String(date.getMonth() + 1).padStart(2, '0')}/${date.getFullYear()} ${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}:${String(date.getSeconds()).padStart(2, '0')}`;
    };

    return <>
        <View>
            <Text style={[{
                fontSize: 12,
                paddingVertical: 10,
                fontWeight: 'bold',
            }, styleTime]}>{formatDate(currentTime)}</Text>
        </View>
    </>
}

export default TimeLive;