diff --git a/demo/src/app.js b/demo/src/app.js
index 639a044..383bf73 100644
--- a/demo/src/app.js
+++ b/demo/src/app.js
@@ -17,10 +17,17 @@ new Vue({
       datetime12: '2018-05-12T17:19:06.151Z',
       datetime13: '2018-05-12T17:19:06.151Z',
       datetimeEmpty: '',
+      appointmentTime:'',
       minDatetime: LuxonDateTime.local().minus({ month: 1, days: 3 }).toISO(),
       maxDatetime: LuxonDateTime.local().plus({ days: 3 }).toISO(),
       datetimeTheming: LuxonDateTime.local().toISO()
     }
+  },
+  
+  method:{
+    onAppointmentTimeSelect(){
+      alert('The time you selected is ::', this.appointmentTime)
+    }
   }
 })