From f7994a523ace4caa6d669470776e0c7874cebcd4 Mon Sep 17 00:00:00 2001
From: Laxmikanta Nayak <laxmikantanayak415@gmail.com>
Date: Tue, 4 May 2021 12:37:30 +0530
Subject: [PATCH] Adding event related section in the demo

When i was looking in to this to use in an app, i found the event part was not clearly mentioned so adding it so that it might help someone to get the information right away.
---
 demo/index.html | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/demo/index.html b/demo/index.html
index 8876b66..969cd40 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -81,6 +81,33 @@ <h2>Time</h2>
     </div>
   </div>
 
+    <h2>Event on close , steps </h2>
+  <div class="example">
+    <div class="example-inputs">
+    <datetime
+              :backdrop-click="true"
+              type="datetime"
+              placeholder="Appointment Date and time"
+              format="yyyy-MM-dd hh:mm a"
+              :minute-step="30"
+              v-model="appointmentTime"
+              title="Booking date and time"
+              use12-hour
+              input-id="appointmentDate"
+              @close="onAppointmentTimeSelect"
+            >
+      <div class="values">
+        <p>
+          <strong>Value:</strong> {{ time }}
+        </p>
+      </div>
+    </div>
+    <div class="example-code">
+      <pre><code>&#x3C;datetime type=&#x22;time&#x22; v-model=&#x22;time&#x22;&#x3E;&#x3C;/datetime&#x3E;</code></pre>
+    </div>
+  </div>
+
+  
   <h2>Macro tokens</h2>
   <div class="example">
       <div class="example-inputs">