<template>
  <div id="selectionnerDateunique">

    <span>selectionner une période de recherche (une active à la fois)</span><br>

    <select v-model="date" @change="choixDate">

      <option>Toutes les périodes</option>
      <option>Les 7 derniers jours</option>
      <option>De ce mois</option>
      <option>De cette année</option>

    </select>

  </div>


</template>

<script>
export default {
  name: "Filtre_Date", 
  methods: {
    // recuperation de la date choisie
    choixDate: function () {
      this.$emit("creer_filtre", {filtre: this.date, type: 'date'})
    }
  },
  data: function () {
    return {
      date: 'Toutes les périodes'
    }
  }
}
</script>

<style scoped>

</style>