|
|
@@ -0,0 +1,34 @@
|
|
|
+import React from 'react';
|
|
|
+
|
|
|
+import moment from 'moment';
|
|
|
+
|
|
|
+/**
|
|
|
+ * UserDate
|
|
|
+ *
|
|
|
+ * display date depends on user timezone of user settings
|
|
|
+ */
|
|
|
+export default class UserDate extends React.Component {
|
|
|
+
|
|
|
+ render() {
|
|
|
+ const dt = moment(this.props.dateTime).format(this.props.format);
|
|
|
+
|
|
|
+ return (
|
|
|
+ <span className={this.props.className}>
|
|
|
+ {dt}
|
|
|
+ </span>
|
|
|
+ );
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+UserDate.propTypes = {
|
|
|
+ dateTime: React.PropTypes.string.isRequired,
|
|
|
+ format: React.PropTypes.string,
|
|
|
+ className: React.PropTypes.string,
|
|
|
+};
|
|
|
+
|
|
|
+UserDate.defaultProps = {
|
|
|
+ dateTime: 'now',
|
|
|
+ format: 'YYYY/MM/DD HH:mm:ss',
|
|
|
+ className: '',
|
|
|
+};
|
|
|
+
|