Move datepicker css and color fixes

website/client/assets/scss/datepicker.scss

@@ -1,6 +1,3 @@
-
-@import '~client/assets/scss/colors.scss';
-
 .vdp-datepicker .vdp-datepicker__calendar  {
 
     .cell:not(.blank):not(.disabled).day:hover {
@@ -13,11 +10,12 @@
     .cell.selected:hover {
         border-radius: 2px;
         color: $white;
-        background: $purple-400;
+        background: $purple-300;
     }
 
     .cell.highlighted {
         background: rgba($purple-400, 0.24);
+        color: $purple-200;
     }
 
     .cell.highlighted,

website/client/assets/scss/index.scss

@@ -37,3 +37,4 @@
 @import './iconalert';
 @import './tiers';
 @import './payments';
+@import './datepicker.scss';

website/client/components/tasks/taskModal.vue

@@ -251,7 +251,6 @@
 
 <style lang="scss">
   @import '~client/assets/scss/colors.scss';
-  @import '~client/assets/scss/datepicker.scss';
 
   #task-modal {
     .modal-dialog.modal-sm {