From b6f6b24c8ed8efc1ca99211945fa3abc67e517b7 Mon Sep 17 00:00:00 2001
From: anonymouse <anonymouse>
Date: Sat, 2 Dec 2017 06:56:14 +0800
Subject: [PATCH] Update the elements

---
 README.md                  |  6 +++++-
 src/app/app.component.html | 20 +++++++++++++++++++-
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index a8667d4..440fa9a 100644
--- a/README.md
+++ b/README.md
@@ -8,4 +8,8 @@ Example usage:
 <mat-form-field class="example-full-width">
     <input mat-timepicker matInput placeholder="Click to get the time" value="0:0">
 </mat-form-field>
-``` 
\ No newline at end of file
+``` 
+
+Online demo
+
+https://owsolutions.github.io/angular-material-clock-time-picker/
\ No newline at end of file
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 08430ef..307a54c 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,4 +1,22 @@
+<h1>Angular Material 5 Time Picker</h1>
+
+This is a lightweight time picker for angular material 5, with a clock shape, based on material dialog.
+
 <mat-form-field class="example-full-width">
     <input mat-timepicker matInput placeholder="Click to get the time" value="0:0">
 </mat-form-field>
-    
\ No newline at end of file
+
+
+<h2>Installing</h2>
+Install this dependecy for your existing angualar project:
+
+<pre>
+    npm install angular-material-clock-time-picker --save
+</pre>
+
+and then import it into your <b>app.module.ts</b>
+
+import { MatTimePickerModule } from 'angular-material-clock-time-picker';
+
+and add it into your imports section.
+