meses-messaging/src/ui/components/MessagingPopup/ConversationList/ConversationListBody/ConversationEntry/TimeLabel/index.jsx

Meses messaging SDK in JavaScript

import React from 'react'
import styles from './styles.css'
import moment from 'moment'

class TimeLabel extends React.Component {
  constructor() {
    super()
  }

  dateFormat(time, format) {
    let dateTime = moment(time)
    return (dateTime.isValid()) ? dateTime.format(format) : '-'
  }

  render() {
    let { time, format } = this.props
    return ( <span className={ styles.timeLabel }> { this.dateFormat(time, format) } </span> )
  }
}

export default TimeLabel