diff --git a/frontend/src/components/date/datemathHelp.story.vue b/frontend/src/components/date/DatemathHelp.story.vue
similarity index 64%
rename from frontend/src/components/date/datemathHelp.story.vue
rename to frontend/src/components/date/DatemathHelp.story.vue
index c7c850ba1..501125d0b 100644
--- a/frontend/src/components/date/datemathHelp.story.vue
+++ b/frontend/src/components/date/DatemathHelp.story.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import datemathHelp from './datemathHelp.vue'
+import DatemathHelp from './DatemathHelp.vue'
 </script>
 
 <template>
 	<Story>
 		<Variant title="Default">
-			<datemathHelp />
+			<DatemathHelp />
 		</Variant>
 	</Story>
 </template>
diff --git a/frontend/src/components/date/datemathHelp.vue b/frontend/src/components/date/DatemathHelp.vue
similarity index 100%
rename from frontend/src/components/date/datemathHelp.vue
rename to frontend/src/components/date/DatemathHelp.vue
diff --git a/frontend/src/components/date/datepickerWithRange.vue b/frontend/src/components/date/DatepickerWithRange.vue
similarity index 99%
rename from frontend/src/components/date/datepickerWithRange.vue
rename to frontend/src/components/date/DatepickerWithRange.vue
index da35d013f..216bce10f 100644
--- a/frontend/src/components/date/datepickerWithRange.vue
+++ b/frontend/src/components/date/DatepickerWithRange.vue
@@ -111,7 +111,7 @@ import {parseDateOrString} from '@/helpers/time/parseDateOrString'
 import Popup from '@/components/misc/popup.vue'
 import {DATE_RANGES} from '@/components/date/dateRanges'
 import BaseButton from '@/components/base/BaseButton.vue'
-import DatemathHelp from '@/components/date/datemathHelp.vue'
+import DatemathHelp from '@/components/date/DatemathHelp.vue'
 import {getFlatpickrLanguage} from '@/helpers/flatpickrLanguage'
 
 const props = defineProps({
diff --git a/frontend/src/components/date/datepickerWithValues.vue b/frontend/src/components/date/DatepickerWithValues.vue
similarity index 98%
rename from frontend/src/components/date/datepickerWithValues.vue
rename to frontend/src/components/date/DatepickerWithValues.vue
index c84f0fc1a..466278feb 100644
--- a/frontend/src/components/date/datepickerWithValues.vue
+++ b/frontend/src/components/date/DatepickerWithValues.vue
@@ -88,7 +88,7 @@ import {parseDateOrString} from '@/helpers/time/parseDateOrString'
 import Popup from '@/components/misc/popup.vue'
 import {DATE_VALUES} from '@/components/date/dateRanges'
 import BaseButton from '@/components/base/BaseButton.vue'
-import DatemathHelp from '@/components/date/datemathHelp.vue'
+import DatemathHelp from '@/components/date/DatemathHelp.vue'
 import {getFlatpickrLanguage} from '@/helpers/flatpickrLanguage'
 
 const props = defineProps({
diff --git a/frontend/src/components/date/dateRanges.ts b/frontend/src/components/date/dateRanges.ts
index 556c21c1f..2596bbacb 100644
--- a/frontend/src/components/date/dateRanges.ts
+++ b/frontend/src/components/date/dateRanges.ts
@@ -18,7 +18,7 @@ export const DATE_RANGES = {
 	
 	'thisYear': ['now/y', 'now/y+1y'],
 	'restOfThisYear': ['now', 'now/y+1y'],
-}
+} as const
 
 export const DATE_VALUES = {
 	'now': 'now',
@@ -43,4 +43,4 @@ export const DATE_VALUES = {
 
 	'startOfThisYear': 'now/y',
 	'endOfThisYear': 'now/y+1y',
-}
+} as const
diff --git a/frontend/src/components/input/datepicker.vue b/frontend/src/components/input/Datepicker.vue
similarity index 98%
rename from frontend/src/components/input/datepicker.vue
rename to frontend/src/components/input/Datepicker.vue
index 5c7efb681..54c1536ac 100644
--- a/frontend/src/components/input/datepicker.vue
+++ b/frontend/src/components/input/Datepicker.vue
@@ -36,7 +36,7 @@
 import {ref, onMounted, onBeforeUnmount, toRef, watch, type PropType} from 'vue'
 
 import CustomTransition from '@/components/misc/CustomTransition.vue'
-import DatepickerInline from '@/components/input/datepickerInline.vue'
+import DatepickerInline from '@/components/input/DatepickerInline.vue'
 import SimpleButton from '@/components/input/SimpleButton.vue'
 
 import {formatDateShort} from '@/helpers/time/formatDate'
diff --git a/frontend/src/components/input/datepickerInline.vue b/frontend/src/components/input/DatepickerInline.vue
similarity index 100%
rename from frontend/src/components/input/datepickerInline.vue
rename to frontend/src/components/input/DatepickerInline.vue
diff --git a/frontend/src/components/project/partials/FilterInput.vue b/frontend/src/components/project/partials/FilterInput.vue
index 37b9df25a..44c19b917 100644
--- a/frontend/src/components/project/partials/FilterInput.vue
+++ b/frontend/src/components/project/partials/FilterInput.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import {computed, nextTick, ref, watch} from 'vue'
 import {useAutoHeightTextarea} from '@/composables/useAutoHeightTextarea'
-import DatepickerWithValues from '@/components/date/datepickerWithValues.vue'
+import DatepickerWithValues from '@/components/date/DatepickerWithValues.vue'
 import UserService from '@/services/user'
 import AutocompleteDropdown from '@/components/input/AutocompleteDropdown.vue'
 import {useLabelStore} from '@/stores/labels'
diff --git a/frontend/src/components/tasks/partials/reminder-detail.vue b/frontend/src/components/tasks/partials/reminder-detail.vue
index 0169d1dda..7f95ab1e5 100644
--- a/frontend/src/components/tasks/partials/reminder-detail.vue
+++ b/frontend/src/components/tasks/partials/reminder-detail.vue
@@ -79,7 +79,7 @@ import {type PeriodUnit, secondsToPeriod} from '@/helpers/time/period'
 import type {ITaskReminder} from '@/modelTypes/ITaskReminder'
 import {formatDateShort} from '@/helpers/time/formatDate'
 
-import DatepickerInline from '@/components/input/datepickerInline.vue'
+import DatepickerInline from '@/components/input/DatepickerInline.vue'
 import ReminderPeriod from '@/components/tasks/partials/reminder-period.vue'
 import Popup from '@/components/misc/popup.vue'
 
diff --git a/frontend/src/views/tasks/ShowTasks.vue b/frontend/src/views/tasks/ShowTasks.vue
index ca014b0e5..f2220fdfb 100644
--- a/frontend/src/views/tasks/ShowTasks.vue
+++ b/frontend/src/views/tasks/ShowTasks.vue
@@ -78,7 +78,7 @@ import {setTitle} from '@/helpers/setTitle'
 
 import Fancycheckbox from '@/components/input/fancycheckbox.vue'
 import SingleTaskInProject from '@/components/tasks/partials/singleTaskInProject.vue'
-import DatepickerWithRange from '@/components/date/datepickerWithRange.vue'
+import DatepickerWithRange from '@/components/date/DatepickerWithRange.vue'
 import {DATE_RANGES} from '@/components/date/dateRanges'
 import LlamaCool from '@/assets/llama-cool.svg?component'
 import type {ITask} from '@/modelTypes/ITask'
diff --git a/frontend/src/views/tasks/TaskDetailView.vue b/frontend/src/views/tasks/TaskDetailView.vue
index 71ab1f95b..cfac06270 100644
--- a/frontend/src/views/tasks/TaskDetailView.vue
+++ b/frontend/src/views/tasks/TaskDetailView.vue
@@ -604,7 +604,7 @@ import ChecklistSummary from '@/components/tasks/partials/checklist-summary.vue'
 import ColorPicker from '@/components/input/ColorPicker.vue'
 import Comments from '@/components/tasks/partials/comments.vue'
 import CreatedUpdated from '@/components/tasks/partials/createdUpdated.vue'
-import Datepicker from '@/components/input/datepicker.vue'
+import Datepicker from '@/components/input/Datepicker.vue'
 import Description from '@/components/tasks/partials/description.vue'
 import EditAssignees from '@/components/tasks/partials/editAssignees.vue'
 import EditLabels from '@/components/tasks/partials/editLabels.vue'