app/components/Layout/Parameters/PreferencesTab/GeneralParameters.vue

<template>
  <v-container>
    <v-row>
      <v-col cols="6">
        <UiInputDatePicker
            v-model="parameters.financialDate"
            label="start_date_of_financial_season"
            field="financialDate"
        />
      </v-col>

      <v-col cols="6">
        <UiInputDatePicker
            v-model="parameters.musicalDate"
            label="start_date_of_activity_season"
            field="musicalDate"
        />
      </v-col>
    </v-row>

    <v-row>
      <v-col cols="6">
        <UiInputDatePicker
            v-model="parameters.startCourseDate"
            label="start_date_of_courses"
            field="startCourseDate"
        />
      </v-col>
      <v-col cols="6">
        <UiInputDatePicker
            v-model="parameters.endCourseDate"
            label="end_date_of_courses"
            field="endCourseDate"
        />
      </v-col>
    </v-row>

    <v-row>
      <v-col cols="6">
        <UiInputCheckbox
            v-model="parameters.showAdherentList"
            field="showAdherentList"
            label="show_adherents_list_and_their_coordinates"
        />
      </v-col>
      <v-col cols="6">
        <UiInputCheckbox
            v-model="parameters.studentsAreAdherents"
            field="showAdherentList"
            label="students_are_also_association_members"
        />
      </v-col>
    </v-row>

    <v-row>
      <UiInputCombobox
          v-model="parameters.timezone"
          field="timezone"
          :items="['Europe/Paris', 'Europe/Zurich', 'Indian/Reunion']"
      />
    </v-row>

  </v-container>
</template>

<script setup lang="ts">
import {PropType} from "@vue/runtime-core";
import Parameters from "~/models/Organization/Parameters";

const props = defineProps({
  parameters: {
    type: Object as PropType<Parameters>,
    required: true
  }
})
</script>

<style scoped lang="scss">

</style>