formatted date

frontend/src/Movie/Index/Posters/MovieIndexPoster.js

@@ -134,13 +134,57 @@ class MovieIndexPoster extends Component {
     let releaseDate = '';
     if (showReleaseDate) {
       if (physicalRelease && digitalRelease) {
-        releaseDate = '';
+        if (physicalRelease < digitalRelease) {
-      } else if (physicalRelease && !digitalRelease) {
+          releaseDate = getRelativeDate(
-        releaseDate = physicalRelease;
+            physicalRelease,
-      } else if (digitalRelease && !physicalRelease) {
+            shortDateFormat,
-        releaseDate = digitalRelease;
+            showRelativeDates,
+            {
+              timeFormat,
+              timeForToday: false
+            }
+          );
         } else {
-        releaseDate = inCinemas;
+          getRelativeDate(
+            digitalRelease,
+            shortDateFormat,
+            showRelativeDates,
+            {
+              timeFormat,
+              timeForToday: false
+            }
+          );
+        }
+      } else if (physicalRelease && !digitalRelease) {
+        releaseDate = getRelativeDate(
+          physicalRelease,
+          shortDateFormat,
+          showRelativeDates,
+          {
+            timeFormat,
+            timeForToday: false
+          }
+        );
+      } else if (digitalRelease && !physicalRelease) {
+        releaseDate = getRelativeDate(
+          digitalRelease,
+          shortDateFormat,
+          showRelativeDates,
+          {
+            timeFormat,
+            timeForToday: false
+          }
+        );
+      } else {
+        releaseDate = getRelativeDate(
+          inCinemas,
+          shortDateFormat,
+          showRelativeDates,
+          {
+            timeFormat,
+            timeForToday: false
+          }
+        );
       }
     }
 
@@ -272,9 +316,12 @@ class MovieIndexPoster extends Component {
 
         {
           showReleaseDate &&
-            <div className={styles.title}>
+          <RelativeDateCellConnector
-              {releaseDate}
+            key={releaseDate}
-            </div>
+            className={styles.title}
+            date={releaseDate}
+            component={VirtualTableRowCell}
+          />
         }
 
         <MovieIndexPosterInfo

frontend/src/Movie/Index/Posters/MovieIndexPosters.js

@@ -38,7 +38,8 @@ function calculateRowHeight(posterHeight, sortKey, isSmallScreen, posterOptions)
     detailedProgressBar,
     showTitle,
     showMonitored,
-    showQualityProfile
+    showQualityProfile,
+    showReleaseDate
   } = posterOptions;
 
   const nextAiringHeight = 19;
@@ -62,6 +63,10 @@ function calculateRowHeight(posterHeight, sortKey, isSmallScreen, posterOptions)
     heights.push(19);
   }
 
+  if (showReleaseDate) {
+    heights.push(19);
+  }
+
   switch (sortKey) {
     case 'studio':
     case 'added':
@@ -206,7 +211,8 @@ class MovieIndexPosters extends Component {
       detailedProgressBar,
       showTitle,
       showMonitored,
-      showQualityProfile
+      showQualityProfile,
+      showReleaseDate
     } = posterOptions;
 
     const movieIdx = rowIndex * columnCount + columnIndex;
@@ -235,6 +241,7 @@ class MovieIndexPosters extends Component {
           showTitle={showTitle}
           showMonitored={showMonitored}
           showQualityProfile={showQualityProfile}
+          showReleaseDate={showReleaseDate}
           showRelativeDates={showRelativeDates}
           shortDateFormat={shortDateFormat}
           timeFormat={timeFormat}