Updating design of OHIF Viewer using (OHIF-49)

Packages/worklist/client/components/worklist.styl

@@ -1,14 +1,6 @@
 body
   background-color: black
 
-.noselect
-  -webkit-touch-callout: none
-  -webkit-user-select: none
-  -khtml-user-select: none
-  -moz-user-select: none
-  -ms-user-select: none
-  user-select: none
-
 #tblStudyList
   tr
     height: 20px
@@ -74,7 +66,6 @@ body
       &:hover
         color: red
         
-
 .tab-content
   width: 100%
   height: calc(100% - 91px)

Packages/worklist/client/components/worklistResult/worklistResult.js

@@ -203,8 +203,10 @@ Template.worklistResult.onCreated(function() {
 });
 
 Template.worklistResult.onRendered(function() {
+    const instance = Template.instance();
+
     // Initialize daterangepicker
-    $('#studyDate').daterangepicker({
+    instance.$('#studyDate').daterangepicker({
         ranges: {
             Today: [moment(), moment()],
             'Last 7 Days': [moment().subtract(6, 'days'), moment()],

Packages/worklist/package.js

@@ -5,8 +5,9 @@ Package.describe({
 });
 
 Package.onUse(function (api) {
-    api.versionsFrom('1.2.1');
+    api.versionsFrom('1.3.5.1');
 
+    api.use('ecmascript');
     api.use('standard-app-packages');
     api.use('jquery');
     api.use('stylus');
@@ -15,6 +16,11 @@ Package.onUse(function (api) {
     api.use('rwatts:uuid');
     api.use('silentcicero:jszip');
 
+    // Note: MomentJS appears to be required for Bootstrap3 Datepicker, but not a dependency for some reason
+    api.use('momentjs:moment');
+
+    api.use('gilbertwat:bootstrap3-daterangepicker');    
+
     // Our custom packages
     api.use('design');
     api.use('dicomweb');