Git-2446:Fixed-Color change for date of the completed milestone

Author: RishiRajSahu

src/projects/detail/components/timeline/Milestone/Milestone.jsx

@@ -155,8 +155,10 @@ class Milestone extends React.Component {
       <div styleName="timeline-post">
         {(<div styleName={'background ' + ((this.state.isHoverHeader && !this.state.isEditing && !isCompleted) ? 'hover ': '')} />)}
         <div styleName="col-date">
-          <div styleName="month">{month}</div>
-          <div styleName="day">{date}</div>
+          <div styleName={(isCompleted ? 'completed' : 'planned' )}>
+            <div styleName="month">{month}</div>
+            <div styleName="day">{date}</div>
+          </div>
         </div>
         <div
           styleName={cn('col-timeline-post-con', {

src/projects/detail/components/timeline/Milestone/Milestone.scss

@@ -43,7 +43,6 @@
     width: 70px;
 
     .month {
-      color: $tc-gray-80;
       font-size: 10px;
       font-weight: 400;
       letter-spacing: 0.4px;
@@ -52,13 +51,20 @@
       text-transform: uppercase;
     }
     .day {
-      color: $tc-black;
       font-size: 15px;
       font-weight: 500;
       line-height: 20px;
       text-align: right;
       position: relative;
     }
+
+    .planned {
+      color: $tc-gray-30;
+    }
+
+    .completed {
+      color: $tc-black;
+    }
   }
   &:last-child {
     .col-date {