Index: src/main/java/edu/gjoko/schedlr/controllers/HomePageController.java
===================================================================
--- src/main/java/edu/gjoko/schedlr/controllers/HomePageController.java	(revision 044bd76814842c399fc580e8cb82716a164c38a6)
+++ src/main/java/edu/gjoko/schedlr/controllers/HomePageController.java	(revision 92808593942e93f1860eb3d10af72682c1f36d0f)
@@ -1,7 +1,9 @@
 package edu.gjoko.schedlr.controllers;
 
+import edu.gjoko.schedlr.entity.Search;
 import org.springframework.stereotype.Controller;
 import org.springframework.ui.Model;
 import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.ModelAttribute;
 import org.springframework.web.bind.annotation.PostMapping;
 
@@ -10,10 +12,18 @@
 
     @GetMapping(name = "/homepage")
-    public String getHomePageTemplate(Model model) {
+    public String getHomePageTemplate(Model model, @ModelAttribute("search")Search search ) {
+        model.addAttribute("search", search);
         return "homepage";
     }
 
     @PostMapping(name = "/homepage")
-    public String postHomePageTemplate(Model model) {
+    public String postHomePageTemplate(Model model, @ModelAttribute("search")Search search) {
+        model.addAttribute("search", search);
+        return "homepage";
+    }
+
+    @GetMapping("/search")
+    public String getAppointments(Model model, @ModelAttribute("search")Search search) {
+        model.addAttribute("search", search);
         return "homepage";
     }
Index: src/main/java/edu/gjoko/schedlr/entity/Search.java
===================================================================
--- src/main/java/edu/gjoko/schedlr/entity/Search.java	(revision 92808593942e93f1860eb3d10af72682c1f36d0f)
+++ src/main/java/edu/gjoko/schedlr/entity/Search.java	(revision 92808593942e93f1860eb3d10af72682c1f36d0f)
@@ -0,0 +1,20 @@
+package edu.gjoko.schedlr.entity;
+
+import lombok.AllArgsConstructor;
+import lombok.Getter;
+import lombok.NoArgsConstructor;
+import lombok.Setter;
+import org.springframework.format.annotation.DateTimeFormat;
+
+import java.io.Serializable;
+import java.util.Date;
+
+@Getter
+@Setter
+@NoArgsConstructor
+@AllArgsConstructor
+public class Search implements Serializable {
+
+    @DateTimeFormat(pattern = "yyyy-MM-dd")
+    private Date date;
+}
Index: src/main/resources/static/css/homepage.css
===================================================================
--- src/main/resources/static/css/homepage.css	(revision 92808593942e93f1860eb3d10af72682c1f36d0f)
+++ src/main/resources/static/css/homepage.css	(revision 92808593942e93f1860eb3d10af72682c1f36d0f)
@@ -0,0 +1,4 @@
+#wrap {
+    margin-left: 50px;
+    float:left;
+}
Index: src/main/resources/static/js/homepage.js
===================================================================
--- src/main/resources/static/js/homepage.js	(revision 044bd76814842c399fc580e8cb82716a164c38a6)
+++ src/main/resources/static/js/homepage.js	(revision 92808593942e93f1860eb3d10af72682c1f36d0f)
@@ -45,10 +45,10 @@
             right: 'prev,next today'
         },
-        editable: true,
+        editable: false,
         edit: function (start, end, allDay) {
 
         },
         firstDay: 1, //  1(Monday) this can be changed to 0(Sunday) for the USA system
-        selectable: true,
+        selectable: false,
         defaultView: 'agendaWeek',
 
@@ -82,5 +82,5 @@
             calendar.fullCalendar('unselect');
         },
-        droppable: true, // this allows things to be dropped onto the calendar !!!
+        droppable: false, // this allows things to be dropped onto the calendar !!!
         drop: function(date, allDay) { // this function is called when something is dropped
 
Index: src/main/resources/templates/homepage.html
===================================================================
--- src/main/resources/templates/homepage.html	(revision 044bd76814842c399fc580e8cb82716a164c38a6)
+++ src/main/resources/templates/homepage.html	(revision 92808593942e93f1860eb3d10af72682c1f36d0f)
@@ -7,7 +7,13 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
 
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet" />
+    <!-- Google Fonts -->
+    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
+    <!-- MDB -->
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/5.0.0/mdb.min.css" rel="stylesheet" />
 
     <link href='css/fullcalendar.css' rel='stylesheet'/>
     <link href='css/fullcalendar.print.css' rel='stylesheet' media='print'/>
+    <link href="css/homepage.css" rel="stylesheet" />
 </head>
 <body>
@@ -15,4 +21,20 @@
     <div id='calendar'></div>
     <div style='clear:both'></div>
+</div>
+
+<div class="">
+    <div class="card">
+        <div class="card-body py-5 px-md-5">
+            <form th:action="@{/search}" method="get" th:object="${search}">
+                <div>
+                    <label for="student-birth-date">Date of search:</label>
+                    <input type="date" th:field="${search.date}" id="student-birth-date"/>
+                </div>
+                <div>
+                    <button type="submit" class="button">Search</button>
+                </div>
+            </form>
+        </div>
+    </div>
 </div>
 <script src='js/jquery-1.10.2.js' type="text/javascript"></script>