Initial support for song browsing from UI

ui/src/common/DurationField.js

@@ -0,0 +1,25 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+const DurationField = ({ record = {}, source }) => {
+  return <span>{format(record[source])}</span>
+}
+
+const format = (d) => {
+  const date = new Date(null)
+  date.setSeconds(d)
+  const fmt = date.toISOString().substr(11, 8)
+  return fmt.replace(/^00:/, '')
+}
+
+DurationField.propTypes = {
+  label: PropTypes.string,
+  record: PropTypes.object,
+  source: PropTypes.string.isRequired
+}
+
+DurationField.defaultProps = {
+  addLabel: true
+}
+
+export default DurationField