updated date-picker, waiting for Vuepic/vue-datepicker#1082 to be fixed

orthanc-server · Feb 19, 2025 · cd9c240 · cd9c240
1 parent e8291ed
commit cd9c240
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 14 deletions.
diff --git a/WebApplication/package-lock.json b/WebApplication/package-lock.json
diff --git a/WebApplication/package.json b/WebApplication/package.json
@@ -10,7 +10,7 @@
   "dependencies": {
     "@fortawesome/fontawesome-free": "^6.5.1",
     "@popperjs/core": "^2.11.8",
-    "@vuepic/vue-datepicker": "^8.3.1",
+    "@vuepic/vue-datepicker": "^11.0.1",
     "axios": "^1.7.4",
     "bootstrap": "5.3.3",
     "bootstrap-icons": "^1.11.3",

diff --git a/WebApplication/src/components/AddSeriesModal.vue b/WebApplication/src/components/AddSeriesModal.vue
@@ -216,7 +216,7 @@ export default {
                             <div v-if="isDateTag(key)" class="col-md-6">
                                 <Datepicker v-model="seriesDateTags[key]" :range="false" :enable-time-picker="false"
                                     :format="datePickerFormat" hide-input-icon :preview-format="datePickerFormat" text-input
-                                    arrow-navigation :highlight-week-days="[0, 6]" :dark="isDarkMode">
+                                    arrow-navigation :highlight="{ weekdays: [6, 0]}" :dark="isDarkMode">
                                 </Datepicker>
                             </div>
                         </div>

diff --git a/WebApplication/src/components/ModifyModal.vue b/WebApplication/src/components/ModifyModal.vue
@@ -787,7 +787,7 @@ export default {
                             <div v-if="isEditableTag(key) && isDateTag(key)" class="col-md-6">
                                 <Datepicker v-model="dateTags[key]" :range="false"
                                     :enable-time-picker="false" :format="datePickerFormat"
-                                    :preview-format="datePickerFormat" hide-input-icon text-input arrow-navigation :highlight-week-days="[0, 6]" :dark="isDarkMode">
+                                    :preview-format="datePickerFormat" hide-input-icon text-input arrow-navigation :highlight="{ weekdays: [6, 0]}" :dark="isDarkMode">
                                 </Datepicker>
                             </div>
 

diff --git a/WebApplication/src/components/StudyList.vue b/WebApplication/src/components/StudyList.vue
@@ -897,7 +897,7 @@ export default {
                         <div v-if="columnTag == 'StudyDate'">
                             <Datepicker v-if="columnTag == 'StudyDate'" v-model="filterStudyDateForDatePicker"
                                 :enable-time-picker="false" range :preset-dates="datePickerPresetRanges" :format="datePickerFormat"
-                                :preview-format="datePickerFormat" text-input arrow-navigation hide-input-icon :highlight-week-days="[0, 6]" :dark="isDarkMode">
+                                :preview-format="datePickerFormat" text-input arrow-navigation hide-input-icon :highlight="{ weekdays: [6, 0]}" :dark="isDarkMode">
                                 <template #yearly="{ label, range, presetDate }">
                                     <span @click="presetDate(range)">{{ label }}</span>
                                 </template>
@@ -928,7 +928,7 @@ export default {
                         <div v-else-if="columnTag == 'PatientBirthDate'">
                             <Datepicker v-model="filterPatientBirthDateForDatePicker"
                                 :enable-time-picker="false" range :format="datePickerFormat" hide-input-icon :preview-format="datePickerFormat" text-input
-                                arrow-navigation :highlight-week-days="[0, 6]" :dark="isDarkMode">
+                                arrow-navigation :highlight="{ weekdays: [6, 0]}" :dark="isDarkMode">
                             </Datepicker>
                         </div>
                         <input v-else-if="hasFilter(columnTag)" type="text" class="form-control study-list-filter"