diff --git a/app/assets/javascripts/discourse/components/future-date-input.js.es6 b/app/assets/javascripts/discourse/components/future-date-input.js.es6
index 4efb9da1497..9386c1b3f7e 100644
--- a/app/assets/javascripts/discourse/components/future-date-input.js.es6
+++ b/app/assets/javascripts/discourse/components/future-date-input.js.es6
@@ -36,6 +36,8 @@ export default Ember.Component.extend({
     }
   },
 
+  timeInputDisabled: Ember.computed.empty("date"),
+
   @observes("date", "time")
   _updateInput() {
     if (!this.date) {
diff --git a/app/assets/javascripts/discourse/templates/components/future-date-input.hbs b/app/assets/javascripts/discourse/templates/components/future-date-input.hbs
index 336fabec67a..d1e9bce8072 100644
--- a/app/assets/javascripts/discourse/templates/components/future-date-input.hbs
+++ b/app/assets/javascripts/discourse/templates/components/future-date-input.hbs
@@ -21,7 +21,7 @@
 
     <div class="control-group">
       {{d-icon "far-clock"}}
-      {{input type="time" value=time}}
+      {{input placeholder="--:--" type="time" value=time disabled=timeInputDisabled}}
     </div>
   {{/if}}
 
diff --git a/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss b/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss
index 8a5b5c416b9..09a52d20c3a 100644
--- a/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss
+++ b/app/assets/stylesheets/common/base/edit-topic-status-update-modal.scss
@@ -49,6 +49,10 @@
         font-size: $font-up-1;
       }
     }
+
+    input[disabled] {
+      background: $primary-low;
+    }
   }
   .pika-single {
     position: absolute !important; /* inline JS styles */