From 578d85c018f03898a9a91f0170d8307aa36a59c1 Mon Sep 17 00:00:00 2001
From: Josh Terrill <joshterrill.dev@gmail.com>
Date: Mon, 1 Apr 2019 02:12:35 -0700
Subject: [PATCH 1/2] added ability to add class name to parent element for
 custom styling

---
 src/app/angular2-datetimepicker/datepicker.component.html | 2 +-
 src/app/angular2-datetimepicker/interface.ts              | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/angular2-datetimepicker/datepicker.component.html b/src/app/angular2-datetimepicker/datepicker.component.html
index 1fd2554..ab2d5d9 100644
--- a/src/app/angular2-datetimepicker/datepicker.component.html
+++ b/src/app/angular2-datetimepicker/datepicker.component.html
@@ -1,4 +1,4 @@
-<div class="winkel-calendar" (clickOutside)="closepopover()">
+<div [attr.class]="settings.className ? 'winkel-calendar ' + settings.className : 'winkel-calendar'" (clickOutside)="closepopover()">
     <span *ngIf="!settings.rangepicker">
     <input type="hidden" class="wc-input" value="{{date}}">
     <div class="wc-date-container" (click)="popover = !popover">
diff --git a/src/app/angular2-datetimepicker/interface.ts b/src/app/angular2-datetimepicker/interface.ts
index f8d08e6..9241e10 100644
--- a/src/app/angular2-datetimepicker/interface.ts
+++ b/src/app/angular2-datetimepicker/interface.ts
@@ -9,4 +9,5 @@ export interface Settings{
     cal_months_labels_short: Array<string>;
     closeOnSelect?: boolean;
     rangepicker?: boolean;
+    className?: string;
 }
\ No newline at end of file

From 14f566aa76fd70ffeca02d11ff374af8845ddfa9 Mon Sep 17 00:00:00 2001
From: Josh Terrill <joshterrill.dev@gmail.com>
Date: Mon, 1 Apr 2019 02:14:09 -0700
Subject: [PATCH 2/2] added classname to readme

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 2308679..99ca79f 100644
--- a/README.md
+++ b/README.md
@@ -76,7 +76,7 @@ Following `settings` object properties can be used to configure the component.
 |defaultOpen|Boolean|false|To open the datepicker popover on load. Default is set to false.|
 |timePicker|Boolean|false|Enable time picker feature.|
 |closeOnSelect|Boolean|true|to close the popover on date select or on click of done button.|
-
+|className|String||Adds a custom class name to the parent element.|
 
 ## Callback Methods