From 68c0a1ca2e320e7cb6f5f734f8b317dc02cffb16 Mon Sep 17 00:00:00 2001
From: Andrew Chung <chung.andrew7@gmail.com>
Date: Thu, 19 Apr 2018 10:43:45 -0400
Subject: [PATCH] added semantic ui

---
 src/components/Datepicker.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Datepicker.vue b/src/components/Datepicker.vue
index 929d5ff8..373340d8 100644
--- a/src/components/Datepicker.vue
+++ b/src/components/Datepicker.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="vdp-datepicker" :class="[wrapperClass, isRtl ? 'rtl' : '']">
-    <div :class="{'input-group' : bootstrapStyling}">
+    <div :class="{'input-group' : bootstrapStyling, 'ui input': semanticUiStyling }">
       <!-- Calendar Button -->
       <span v-if="calendarButton" class="vdp-datepicker__calendar-button" :class="{'input-group-addon' : bootstrapStyling}" @click="showCalendar" v-bind:style="{'cursor:not-allowed;' : disabledPicker}">
         <i :class="calendarButtonIcon">
@@ -148,6 +148,7 @@ export default {
     calendarButtonIcon: String,
     calendarButtonIconContent: String,
     bootstrapStyling: Boolean,
+    semanticUiStyling: Boolean,
     initialView: String,
     disabledPicker: Boolean,
     required: Boolean,