{mode === PUBLISH_MODES.FILE &&
}
diff --git a/ui/component/publishReleaseDate/index.js b/ui/component/publishReleaseDate/index.js
new file mode 100644
index 000000000..b51dd4e7c
--- /dev/null
+++ b/ui/component/publishReleaseDate/index.js
@@ -0,0 +1,13 @@
+import { connect } from 'react-redux';
+import { doUpdatePublishForm, makeSelectPublishFormValue } from 'lbry-redux';
+import PublishReleaseDate from './view';
+
+const select = (state) => ({
+ releaseTime: makeSelectPublishFormValue('release_time')(state),
+});
+
+const perform = (dispatch) => ({
+ updatePublishForm: (value) => dispatch(doUpdatePublishForm(value)),
+});
+
+export default connect(select, perform)(PublishReleaseDate);
diff --git a/ui/component/publishReleaseDate/view.jsx b/ui/component/publishReleaseDate/view.jsx
new file mode 100644
index 000000000..0d3631d72
--- /dev/null
+++ b/ui/component/publishReleaseDate/view.jsx
@@ -0,0 +1,43 @@
+// @flow
+import React, { useCallback } from 'react';
+import DatePicker from 'react-date-picker';
+import Card from 'component/common/card';
+
+type Props = {
+ releaseTime: ?number,
+ updatePublishForm: ({}) => void,
+};
+
+const PublishReleaseDate = (props: Props) => {
+ const { releaseTime, updatePublishForm } = props;
+ const maxDate = new Date();
+
+ const dateOrToday = useCallback((value) => {
+ return value ? new Date(value) : new Date();
+ }, []);
+
+ const onChange = useCallback((value) => {
+ updatePublishForm({ release_time: dateOrToday(value) });
+ }, []);
+
+ return (
+
+
+
+