UserDate.js 624 B

12345678910111213141516171819202122232425262728293031323334
  1. import React from 'react';
  2. import moment from 'moment';
  3. /**
  4. * UserDate
  5. *
  6. * display date depends on user timezone of user settings
  7. */
  8. export default class UserDate extends React.Component {
  9. render() {
  10. const dt = moment(this.props.dateTime).format(this.props.format);
  11. return (
  12. <span className={this.props.className}>
  13. {dt}
  14. </span>
  15. );
  16. }
  17. }
  18. UserDate.propTypes = {
  19. dateTime: React.PropTypes.string.isRequired,
  20. format: React.PropTypes.string,
  21. className: React.PropTypes.string,
  22. };
  23. UserDate.defaultProps = {
  24. dateTime: 'now',
  25. format: 'YYYY/MM/DD HH:mm:ss',
  26. className: '',
  27. };