react-date-timer-moment

The react-date-timer-moment NPM package is a lightweight and easy-to-use solution for adding real-time date and time functionality to your web applications. With a simple integration, you can showcase the current date and time to your users, dynamically updating without the need for page refreshes. Customize the display format, time zones, and styling effortlessly, providing a seamless and informative experience. Enhance your user interfaces with this package to keep your audience informed and engaged with accurate, live date and time information.

npm install react-date-timer-moment --save

import React from "react";
import { DateTimer } from 'react-date-timer-moment';

class Example extends Component {
  render() {
    return <DateTimer dateTimeFormat="ddd, DD-MM-YY hh:mm:ss A" className="testClass" timeZone="America/Vancouver" />;
  }
}

import React from "react";
import { TimeDuration } from 'react-date-timer-moment';

class Example extends Component {
  render() {
    return <TimeDuration className="className" id="idName" />;
  }
}

Feel free to send PR and any suggestions. Thanks