unitejs-packages/assets/moment/react/src/examples/example-moment.jsx

Packages for use with UniteJS.

/**
 * Example of moment usage.
 *
 * @export
 * @class ExampleMoment
 */
import moment from "moment";
import React from "react";

export class ExampleMoment extends React.Component  {
    /**
     * Creates an instance of ExampleMoment.
     */
    constructor(props, context) {
        super(props, context);
        this.state = { currentDateTime: undefined };
        this._intervalId = window.setInterval(() => {
            this.setState({ currentDateTime: moment().format("YYYY-MM-DD HH:mm:ss") });
        },
        1000);
    }

    /**
     * The component is about to be unmounted.
     * @returns {void}
     */
    componentWillUnmount() {
        window.clearInterval(this._intervalId);
    }

    /**
     * Render the component.
     * @returns {JSX.Element}
     */
    render() {
        return <span id="moment-example">{this.state.currentDateTime}</span>;
    }
}