diff --git a/src/Bundle/ChillCalendarBundle/Controller/CalendarRangeAPIController.php b/src/Bundle/ChillCalendarBundle/Controller/CalendarRangeAPIController.php
new file mode 100644
index 000000000..be279ed36
--- /dev/null
+++ b/src/Bundle/ChillCalendarBundle/Controller/CalendarRangeAPIController.php
@@ -0,0 +1,38 @@
+<?php
+
+namespace Chill\CalendarBundle\Controller;
+
+use Chill\MainBundle\CRUD\Controller\ApiController;
+use Symfony\Component\HttpFoundation\JsonResponse;
+use Symfony\Component\HttpFoundation\Request;
+use Symfony\Component\Routing\Annotation\Route;
+use Symfony\Component\HttpFoundation\Response;
+use Chill\MainBundle\Pagination\PaginatorInterface;
+use Chill\MainBundle\Serializer\Model\Collection;
+
+class CalendarRangeAPIController extends ApiController
+{
+
+    /**
+     * @Route("/api/1.0/calendar/calendar-range-available.{_format}", name="chill_api_single_calendar_range_available")
+     */
+    public function availableRanges(Request $request, string $_format): JsonResponse
+    {
+        if ($request->query->has('user')) {
+            $user = $request->query->get('user');
+        }
+
+        $em = $this->getDoctrine()->getManager();
+
+        $query = $em->createQuery(
+            'SELECT c FROM ChillCalendarBundle:CalendarRange c 
+            WHERE NOT EXISTS (SELECT cal.id FROM ChillCalendarBundle:Calendar cal WHERE cal.calendarRange = c.id)')
+        ;
+
+        $results = $query->getResult();
+
+        return $this->json(['count' => count($results), 'results' => $results], Response::HTTP_OK, [], [ 'groups' => [ 'read' ]]);
+        //TODO use also the paginator, eg return $this->serializeCollection('get', $request, $_format, $paginator, $results);
+    }
+
+}
\ No newline at end of file
diff --git a/src/Bundle/ChillCalendarBundle/DependencyInjection/ChillCalendarExtension.php b/src/Bundle/ChillCalendarBundle/DependencyInjection/ChillCalendarExtension.php
index 4b6a0cadf..2927d4910 100644
--- a/src/Bundle/ChillCalendarBundle/DependencyInjection/ChillCalendarExtension.php
+++ b/src/Bundle/ChillCalendarBundle/DependencyInjection/ChillCalendarExtension.php
@@ -57,6 +57,7 @@ class ChillCalendarExtension extends Extension implements PrependExtensionInterf
         $container->prependExtensionConfig('chill_main', [
             'apis' => [
                 [
+                    'controller' => \Chill\CalendarBundle\Controller\CalendarRangeAPIController::class,
                     'class' => \Chill\CalendarBundle\Entity\CalendarRange::class,
                     'name' => 'calendar_range',
                     'base_path' => '/api/1.0/calendar/calendar-range',
diff --git a/src/Bundle/ChillCalendarBundle/Entity/Calendar.php b/src/Bundle/ChillCalendarBundle/Entity/Calendar.php
index 06a97fd7f..2c1029441 100644
--- a/src/Bundle/ChillCalendarBundle/Entity/Calendar.php
+++ b/src/Bundle/ChillCalendarBundle/Entity/Calendar.php
@@ -116,7 +116,7 @@ class Calendar
     private ?CancelReason $cancelReason = null;
 
     /**
-     * @ORM\ManyToOne(targetEntity="CalendarRange")
+     * @ORM\ManyToOne(targetEntity="CalendarRange", inversedBy="calendars")
      */
     private ?CalendarRange $calendarRange = null;
 
diff --git a/src/Bundle/ChillCalendarBundle/Entity/CalendarRange.php b/src/Bundle/ChillCalendarBundle/Entity/CalendarRange.php
index 3d1131fec..f9582c8c2 100644
--- a/src/Bundle/ChillCalendarBundle/Entity/CalendarRange.php
+++ b/src/Bundle/ChillCalendarBundle/Entity/CalendarRange.php
@@ -4,6 +4,8 @@ namespace Chill\CalendarBundle\Entity;
 
 use Chill\CalendarBundle\Repository\CalendarRangeRepository;
 use Chill\MainBundle\Entity\User;
+use Doctrine\Common\Collections\ArrayCollection;
+use Doctrine\Common\Collections\Collection;
 use Doctrine\ORM\Mapping as ORM;
 use Symfony\Component\Serializer\Annotation\Groups;
 
@@ -23,7 +25,7 @@ class CalendarRange
 
     /**
      * @ORM\ManyToOne(targetEntity="Chill\MainBundle\Entity\User")
-     * @groups({"read"})
+     * @Groups({"read"})
      */
     private User $user;
 
@@ -39,8 +41,19 @@ class CalendarRange
      */
     private \DateTimeImmutable $endDate;
 
+    /**
+     * @ORM\OneToMany(targetEntity=Calendar::class,
+     *  mappedBy="calendarRange")
+     */
+    private Collection $calendars;
+
     //TODO Lieu
 
+    public function __construct()
+    {
+        $this->calendars = new ArrayCollection();
+    }
+
     public function getId(): ?int
     {
         return $this->id;
diff --git a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarUserSelector/CalendarUserSelector.vue b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarUserSelector/CalendarUserSelector.vue
index 883e2a844..c0db531ac 100644
--- a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarUserSelector/CalendarUserSelector.vue
+++ b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarUserSelector/CalendarUserSelector.vue
@@ -19,9 +19,9 @@
         :options="options">
     </VueMultiselect>
   </div>
-  <div>
-    <input type="checkbox" id="myCalendar" v-model="showMyCalendarWidget" />
-    <label for="checkbox">{{ $t('show_my_calendar') }}</label>
+  <div class="form-check">
+    <input type="checkbox" id="myCalendar" class="form-check-input" v-model="showMyCalendarWidget" />
+    <label class="form-check-label" for="myCalendar">{{ $t('show_my_calendar') }}</label>
   </div>
 </template>
 <script>
@@ -151,7 +151,7 @@ export default {
     transName(value) {
       return `${value.username}`;
     },
-    coloriseSelectedValues() { //TODO cette function doit être exécutée au bon moment, après sélection (normalement avec @input)
+    coloriseSelectedValues() {
       let tags = document.querySelectorAll('div.multiselect__tags-wrap')[0];
 
       if (tags.hasChildNodes()) {
diff --git a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarUserSelector/js/api.js b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarUserSelector/js/api.js
index 611177ea8..a11ca8498 100644
--- a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarUserSelector/js/api.js
+++ b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarUserSelector/js/api.js
@@ -4,7 +4,7 @@
 * @returns {Promise} a promise containing all Calendar ranges objects
 */
 const fetchCalendarRanges = () => {
-   const url = `/api/1.0/calendar/calendar-range.json?item_per_page=1000`;
+   const url = `/api/1.0/calendar/calendar-range-available.json`;
    return fetch(url)
       .then(response => {
          if (response.ok) { return response.json(); }