diff --git a/frontend/src/dialog/photo/details.vue b/frontend/src/dialog/photo/details.vue
index 55dfa6903..61eb73df1 100644
--- a/frontend/src/dialog/photo/details.vue
+++ b/frontend/src/dialog/photo/details.vue
@@ -55,7 +55,7 @@
                         :error="invalidDate"
                         :label="$gettext('Day')"
                         browser-autocomplete="off"
-                        hide-details
+                        hide-details hide-no-data
                         color="secondary-dark"
                         v-model="model.Day"
                         :items="options.Days()"
@@ -69,7 +69,7 @@
                         :error="invalidDate"
                         :label="$gettext('Month')"
                         browser-autocomplete="off"
-                        hide-details
+                        hide-details hide-no-data
                         color="secondary-dark"
                         v-model="model.Month"
                         :items="options.Months()"
@@ -83,7 +83,7 @@
                         :error="invalidDate"
                         :label="$gettext('Year')"
                         browser-autocomplete="off"
-                        hide-details
+                        hide-details hide-no-data
                         color="secondary-dark"
                         v-model="model.Year"
                         :items="options.Years()"
@@ -125,7 +125,7 @@
                         :disabled="disabled"
                         :label="labels.timezone"
                         browser-autocomplete="off"
-                        hide-details
+                        hide-details hide-no-data
                         color="secondary-dark"
                         item-value="ID"
                         item-text="Name"
@@ -139,7 +139,7 @@
                 <v-autocomplete
                         :disabled="disabled"
                         :label="labels.country"
-                        hide-details
+                        hide-details hide-no-data
                         browser-autocomplete="off"
                         color="secondary-dark"
                         item-value="Code"
diff --git a/frontend/src/model/photo.js b/frontend/src/model/photo.js
index 16d5d3147..eb04b85ce 100644
--- a/frontend/src/model/photo.js
+++ b/frontend/src/model/photo.js
@@ -126,11 +126,11 @@ export class Photo extends RestModel {
     }
 
     localDayString() {
-        if(!this.TakenAtLocal) {
+        if (!this.TakenAtLocal) {
             return new Date().getDay().toString().padStart(2, "0");
         }
 
-        if(!this.Day || this.Day <= 0) {
+        if (!this.Day || this.Day <= 0) {
             return this.TakenAtLocal.substr(8, 2);
         }
 
@@ -138,11 +138,11 @@ export class Photo extends RestModel {
     }
 
     localMonthString() {
-        if(!this.TakenAtLocal) {
+        if (!this.TakenAtLocal) {
             return new Date().getMonth().toString().padStart(2, "0");
         }
 
-        if(!this.Month || this.Month <= 0) {
+        if (!this.Month || this.Month <= 0) {
             return this.TakenAtLocal.substr(5, 2);
         }
 
@@ -150,11 +150,11 @@ export class Photo extends RestModel {
     }
 
     localYearString() {
-        if(!this.TakenAtLocal) {
+        if (!this.TakenAtLocal) {
             return new Date().getFullYear().toString().padStart(4, "0");
         }
 
-        if(!this.Year || this.Year <= 1000) {
+        if (!this.Year || this.Year <= 1000) {
             return this.TakenAtLocal.substr(0, 4);
         }
 
@@ -162,13 +162,13 @@ export class Photo extends RestModel {
     }
 
     localDateString(time) {
-        if(!this.localYearString()) {
+        if (!this.localYearString()) {
             return this.TakenAtLocal;
         }
 
         let date = this.localYearString() + "-" + this.localMonthString() + "-" + this.localDayString();
 
-        if(!time) {
+        if (!time) {
             time = this.TakenAtLocal.substr(11, 8);
         }
 
@@ -176,7 +176,7 @@ export class Photo extends RestModel {
     }
 
     getTimeZone() {
-        if(this.TimeZone) {
+        if (this.TimeZone) {
             return this.TimeZone;
         }
 
@@ -191,10 +191,6 @@ export class Photo extends RestModel {
         return result;
     }
 
-    utcDate() {
-        return DateTime.fromISO(this.TakenAt).toUTC();
-    }
-
     baseName(truncate) {
         let result = this.fileBase(this.FileName ? this.FileName : this.mainFile().Name);
 
@@ -419,9 +415,11 @@ export class Photo extends RestModel {
     getDateString() {
         if (!this.TakenAt || this.Year === YearUnknown) {
             return $gettext("Unknown");
-        }
-
-        if (this.TimeZone) {
+        } else if (this.Month === MonthUnknown) {
+            return this.localYearString();
+        } else if (this.Day === DayUnknown) {
+            return this.localDate().toLocaleString({month: "long", year: "numeric"});
+        } else if (this.TimeZone) {
             return this.localDate().toLocaleString(DateTime.DATETIME_FULL);
         }
 
@@ -431,6 +429,10 @@ export class Photo extends RestModel {
     shortDateString() {
         if (!this.TakenAt || this.Year === YearUnknown) {
             return $gettext("Unknown");
+        } else if (this.Month === MonthUnknown) {
+            return this.localYearString();
+        } else if (this.Day === DayUnknown) {
+            return this.localDate().toLocaleString({month: "long", year: "numeric"});
         }
 
         return this.localDate().toLocaleString(DateTime.DATE_MED);