app/components/Layout/Parameters/PreferencesTab.vue

<template>

  <v-container>
    <v-row>
      <span>{{ $t('start_date_of_financial_season')}}</span>
      <UiDatePicker v-model="financialSeasonStartDate"></UiDatePicker>
    </v-row>
    <v-row>
      <span>{{ $t('start_date_of_activity_season')}}</span>
      <UiDatePicker v-model="activitySeasonStartDate"></UiDatePicker>
    </v-row>
    <v-row>
      <span>{{ $t('start_date_of_courses')}}</span>
      <UiDatePicker v-model="coursesStartDate"></UiDatePicker>
    </v-row>
    <v-row>
      <span>{{ $t('end_date_of_courses')}}</span>
      <UiDatePicker v-model="coursesEndDate"></UiDatePicker>
    </v-row>
    <v-row>
      <v-checkbox :label="$t('show_adherents_list_and_their_coordinates') + ' *'"></v-checkbox>
    </v-row>
    <v-row>
      <v-checkbox :label="$t('students_are_also_association_members') + ' *'"></v-checkbox>
    </v-row>

  </v-container>


</template>

<script setup lang="ts">


  const financialSeasonStartDate: Date = new Date()
  const activitySeasonStartDate: Date = new Date()
  const coursesStartDate: Date = new Date()
  const coursesEndDate: Date = new Date()

</script>

<style scoped lang="scss">

</style>