diff --git a/daterangepicker.scss b/daterangepicker.scss
index 4fd74213..74761b25 100644
--- a/daterangepicker.scss
+++ b/daterangepicker.scss
@@ -15,119 +15,119 @@
 
 // The class name to contain everything within.
 $prefix-class: daterangepicker;
+$arrow-size:     7px !default;
 
 //
 // Colors
-$datepicker-color:                      inherit !default;
-$datepicker-bg-color:                   #fff !default;
+$daterangepicker-color:                      inherit !default;
+$daterangepicker-bg-color:                   #fff !default;
 
-$datepicker-cell-color:                 $datepicker-color !default;
-$datepicker-cell-border-color:          transparent !default;
-$datepicker-cell-bg-color:              $datepicker-bg-color !default;
+$daterangepicker-cell-color:                 $daterangepicker-color !default;
+$daterangepicker-cell-border-color:          transparent !default;
+$daterangepicker-cell-bg-color:              $daterangepicker-bg-color !default;
 
-$datepicker-cell-hover-color:           $datepicker-color !default;
-$datepicker-cell-hover-border-color:    $datepicker-cell-border-color !default;
-$datepicker-cell-hover-bg-color:        #eee !default;
+$daterangepicker-cell-hover-color:           $daterangepicker-color !default;
+$daterangepicker-cell-hover-border-color:    $daterangepicker-cell-border-color !default;
+$daterangepicker-cell-hover-bg-color:        #eee !default;
 
-$datepicker-in-range-color:             #000 !default;
-$datepicker-in-range-border-color:      transparent !default;
-$datepicker-in-range-bg-color:          #ebf4f8 !default;
+$daterangepicker-in-range-color:             #000 !default;
+$daterangepicker-in-range-border-color:      transparent !default;
+$daterangepicker-in-range-bg-color:          #ebf4f8 !default;
 
-$datepicker-active-color:               #fff !default;
-$datepicker-active-bg-color:            #357ebd !default;
-$datepicker-active-border-color:        transparent !default;
+$daterangepicker-active-color:               #fff !default;
+$daterangepicker-active-bg-color:            #357ebd !default;
+$daterangepicker-active-border-color:        transparent !default;
 
-$datepicker-unselected-color:           #999 !default;
-$datepicker-unselected-border-color:    transparent !default;
-$datepicker-unselected-bg-color:        #fff !default;
+$daterangepicker-unselected-color:           #999 !default;
+$daterangepicker-unselected-border-color:    transparent !default;
+$daterangepicker-unselected-bg-color:        #fff !default;
 
 //
-// Datepicker
-$datepicker-width:          278px !default;
-$datepicker-padding:        4px !default;
-$datepicker-z-index:        3000 !default;
+// daterangepicker
+$daterangepicker-width:          278px !default;
+$daterangepicker-padding:        4px !default;
+$daterangepicker-z-index:        3000 !default;
 
-$datepicker-border-size:    1px !default;
-$datepicker-border-color:   #ccc !default;
-$datepicker-border-radius:  4px !default;
+$daterangepicker-border-size:    1px !default;
+$daterangepicker-border-color:   #ccc !default;
+$daterangepicker-border-radius:  4px !default;
 
-$datepicker-arrow-size:     7px !default;
 
 //
 // Calendar
-$datepicker-calendar-margin:              $datepicker-padding !default;
-$datepicker-calendar-bg-color:            $datepicker-bg-color !default;
+$daterangepicker-calendar-margin:              $daterangepicker-padding !default;
+$daterangepicker-calendar-bg-color:            $daterangepicker-bg-color !default;
 
-$datepicker-calendar-border-size:         1px !default;
-$datepicker-calendar-border-color:        $datepicker-bg-color !default;
-$datepicker-calendar-border-radius:       $datepicker-border-radius !default;
+$daterangepicker-calendar-border-size:         1px !default;
+$daterangepicker-calendar-border-color:        $daterangepicker-bg-color !default;
+$daterangepicker-calendar-border-radius:       $daterangepicker-border-radius !default;
 
 //
 // Calendar Cells
-$datepicker-cell-size:           20px !default;
-$datepicker-cell-width:          $datepicker-cell-size !default;
-$datepicker-cell-height:         $datepicker-cell-size !default;
+$daterangepicker-cell-size:           20px !default;
+$daterangepicker-cell-width:          $daterangepicker-cell-size !default;
+$daterangepicker-cell-height:         $daterangepicker-cell-size !default;
 
-$datepicker-cell-border-radius:  $datepicker-calendar-border-radius !default;
-$datepicker-cell-border-size:    1px !default;
+$daterangepicker-cell-border-radius:  $daterangepicker-calendar-border-radius !default;
+$daterangepicker-cell-border-size:    1px !default;
 
 //
 // Dropdowns
-$datepicker-dropdown-z-index: $datepicker-z-index + 1 !default;
+$daterangepicker-dropdown-z-index: $daterangepicker-z-index + 1 !default;
 
 //
 // Controls
-$datepicker-control-height:               30px !default;
-$datepicker-control-line-height:          $datepicker-control-height !default;
-$datepicker-control-color:                #555 !default;
+$daterangepicker-control-height:               30px !default;
+$daterangepicker-control-line-height:          $daterangepicker-control-height !default;
+$daterangepicker-control-color:                #555 !default;
 
-$datepicker-control-border-size:          1px !default;
-$datepicker-control-border-color:         #ccc !default;
-$datepicker-control-border-radius:        4px !default;
+$daterangepicker-control-border-size:          1px !default;
+$daterangepicker-control-border-color:         #ccc !default;
+$daterangepicker-control-border-radius:        4px !default;
 
-$datepicker-control-active-border-size:   1px !default;
-$datepicker-control-active-border-color:  $datepicker-active-border-color !default;
-$datepicker-control-active-border-radius: $datepicker-control-border-radius !default;
+$daterangepicker-control-active-border-size:   1px !default;
+$daterangepicker-control-active-border-color:  $daterangepicker-active-border-color !default;
+$daterangepicker-control-active-border-radius: $daterangepicker-control-border-radius !default;
 
-$datepicker-control-disabled-color:       #ccc !default;
+$daterangepicker-control-disabled-color:       #ccc !default;
 
 //
 // Ranges
-$datepicker-ranges-color:                #08c !default;
-$datepicker-ranges-bg-color:             #f5f5f5 !default;
+$daterangepicker-ranges-color:                #08c !default;
+$daterangepicker-ranges-bg-color:             #f5f5f5 !default;
 
-$datepicker-ranges-border-size:          1px !default;
-$datepicker-ranges-border-color:         $datepicker-ranges-bg-color !default;
-$datepicker-ranges-border-radius:        $datepicker-border-radius !default;
+$daterangepicker-ranges-border-size:          1px !default;
+$daterangepicker-ranges-border-color:         $daterangepicker-ranges-bg-color !default;
+$daterangepicker-ranges-border-radius:        $daterangepicker-border-radius !default;
 
-$datepicker-ranges-hover-color:          #fff !default;
-$datepicker-ranges-hover-bg-color:       $datepicker-ranges-color !default;
-$datepicker-ranges-hover-border-size:    $datepicker-ranges-border-size !default;
-$datepicker-ranges-hover-border-color:   $datepicker-ranges-hover-bg-color !default;
-$datepicker-ranges-hover-border-radius:  $datepicker-border-radius !default;
+$daterangepicker-ranges-hover-color:          #fff !default;
+$daterangepicker-ranges-hover-bg-color:       $daterangepicker-ranges-color !default;
+$daterangepicker-ranges-hover-border-size:    $daterangepicker-ranges-border-size !default;
+$daterangepicker-ranges-hover-border-color:   $daterangepicker-ranges-hover-bg-color !default;
+$daterangepicker-ranges-hover-border-radius:  $daterangepicker-border-radius !default;
 
-$datepicker-ranges-active-border-size:   $datepicker-ranges-border-size !default;
-$datepicker-ranges-active-border-color:  $datepicker-ranges-bg-color !default;
-$datepicker-ranges-active-border-radius: $datepicker-border-radius !default;
+$daterangepicker-ranges-active-border-size:   $daterangepicker-ranges-border-size !default;
+$daterangepicker-ranges-active-border-color:  $daterangepicker-ranges-bg-color !default;
+$daterangepicker-ranges-active-border-radius: $daterangepicker-border-radius !default;
 
 //
 // STYLESHEETS
 //
 .#{$prefix-class} {
   position: absolute;
-  color: $datepicker-color;
-  background: $datepicker-bg-color;
-  border-radius: $datepicker-border-radius;
-  width: $datepicker-width;
-  padding: $datepicker-padding;
-  margin-top: $datepicker-border-size;
+  color: $daterangepicker-color;
+  background: $daterangepicker-bg-color;
+  border-radius: $daterangepicker-border-radius;
+  width: $daterangepicker-width;
+  padding: $daterangepicker-padding;
+  margin-top: $daterangepicker-border-size;
 
   // TODO: Should these be parameterized??
   top: 100px;
   left: 20px;
 
-  $arrow-prefix-size: $datepicker-arrow-size;
-  $arrow-suffix-size: ($datepicker-arrow-size - $datepicker-border-size);
+  $arrow-prefix-size: $arrow-size;
+  $arrow-suffix-size: ($arrow-size - $daterangepicker-border-size);
 
   &:before, &:after {
     position: absolute;
@@ -142,14 +142,14 @@ $datepicker-ranges-active-border-radius: $datepicker-border-radius !default;
 
     border-right: $arrow-prefix-size solid transparent;
     border-left: $arrow-prefix-size solid transparent;
-    border-bottom: $arrow-prefix-size solid $datepicker-border-color;
+    border-bottom: $arrow-prefix-size solid $daterangepicker-border-color;
   }
 
   &:after {
     top: -$arrow-suffix-size;
 
     border-right: $arrow-suffix-size solid transparent;
-    border-bottom: $arrow-suffix-size solid $datepicker-bg-color;
+    border-bottom: $arrow-suffix-size solid $daterangepicker-bg-color;
     border-left: $arrow-suffix-size solid transparent;
   }
 
@@ -203,20 +203,20 @@ $datepicker-ranges-active-border-radius: $datepicker-border-radius !default;
       top: initial;
       bottom: -$arrow-prefix-size;
       border-bottom: initial;
-      border-top: $arrow-prefix-size solid $datepicker-border-color;
+      border-top: $arrow-prefix-size solid $daterangepicker-border-color;
     }
 
     &:after {
       top: initial;
       bottom:-$arrow-suffix-size;
       border-bottom: initial;
-      border-top: $arrow-suffix-size solid $datepicker-bg-color;
+      border-top: $arrow-suffix-size solid $daterangepicker-bg-color;
     }
   }
 
   &.dropdown-menu {
     max-width: none;
-    z-index: $datepicker-dropdown-z-index;
+    z-index: $daterangepicker-dropdown-z-index;
   }
 
   &.single {
@@ -234,8 +234,8 @@ $datepicker-ranges-active-border-radius: $datepicker-border-radius !default;
 
   .calendar {
     display: none;
-    max-width: $datepicker-width - ($datepicker-calendar-margin * 2);
-    margin: $datepicker-calendar-margin;
+    max-width: $daterangepicker-width - ($daterangepicker-calendar-margin * 2);
+    margin: $daterangepicker-calendar-margin;
 
     &.single {
       .calendar-table {
@@ -253,10 +253,10 @@ $datepicker-ranges-active-border-radius: $datepicker-border-radius !default;
   }
 
   .calendar-table {
-    border: $datepicker-calendar-border-size solid $datepicker-calendar-border-color;
-    padding: $datepicker-calendar-margin;
-    border-radius: $datepicker-calendar-border-radius;
-    background: $datepicker-calendar-bg-color;
+    border: $daterangepicker-calendar-border-size solid $daterangepicker-calendar-border-color;
+    padding: $daterangepicker-calendar-margin;
+    border-radius: $daterangepicker-calendar-border-radius;
+    background: $daterangepicker-calendar-bg-color;
   }
 
   table {
@@ -266,16 +266,16 @@ $datepicker-ranges-active-border-radius: $datepicker-border-radius !default;
 
   td, th {
     text-align: center;
-    width: $datepicker-cell-width;
-    height: $datepicker-cell-height;
-    border-radius: $datepicker-cell-border-radius;
-    border: $datepicker-cell-border-size solid $datepicker-cell-border-color;
+    width: $daterangepicker-cell-width;
+    height: $daterangepicker-cell-height;
+    border-radius: $daterangepicker-cell-border-radius;
+    border: $daterangepicker-cell-border-size solid $daterangepicker-cell-border-color;
     white-space: nowrap;
     cursor: pointer;
 
     &.available {
       &:hover {
-        background: $datepicker-cell-hover-bg-color;
+        background: $daterangepicker-cell-hover-bg-color;
       }
     }
 
@@ -288,40 +288,40 @@ $datepicker-ranges-active-border-radius: $datepicker-border-radius !default;
   td {
     &.off {
       &, &.in-range, &.start-date, &.end-date {
-        background-color: $datepicker-unselected-bg-color;
-        border-color: $datepicker-unselected-border-color;
-        color: $datepicker-unselected-color;
+        background-color: $daterangepicker-unselected-bg-color;
+        border-color: $daterangepicker-unselected-border-color;
+        color: $daterangepicker-unselected-color;
       }
     }
 
     //
     // Date Range
     &.in-range {
-      background-color: $datepicker-in-range-bg-color;
-      border-color: $datepicker-in-range-border-color;
-      color: $datepicker-in-range-color;
+      background-color: $daterangepicker-in-range-bg-color;
+      border-color: $daterangepicker-in-range-border-color;
+      color: $daterangepicker-in-range-color;
 
       // TODO: Should this be static or should it be parameterized?
       border-radius: 0;
     }
 
     &.start-date {
-      border-radius: $datepicker-cell-border-radius 0 0 $datepicker-cell-border-radius;
+      border-radius: $daterangepicker-cell-border-radius 0 0 $daterangepicker-cell-border-radius;
     }
 
     &.end-date {
-      border-radius: 0 $datepicker-cell-border-radius $datepicker-cell-border-radius 0;
+      border-radius: 0 $daterangepicker-cell-border-radius $daterangepicker-cell-border-radius 0;
     }
 
     &.start-date.end-date {
-      border-radius: $datepicker-cell-border-radius;
+      border-radius: $daterangepicker-cell-border-radius;
     }
 
     &.active {
       &, &:hover {
-        background-color: $datepicker-active-bg-color;
-        border-color: $datepicker-active-border-color;
-        color: $datepicker-active-color;
+        background-color: $daterangepicker-active-bg-color;
+        border-color: $daterangepicker-active-border-color;
+        color: $daterangepicker-active-color;
       }
     }
   }
@@ -371,11 +371,11 @@ $datepicker-ranges-active-border-radius: $datepicker-border-radius !default;
   // Text Input Controls (above calendar)
   //
   .input-mini {
-    border: $datepicker-control-border-size solid $datepicker-control-border-color;
-    border-radius: $datepicker-control-border-radius;
-    color: $datepicker-control-color;
-    height: $datepicker-control-line-height;
-    line-height: $datepicker-control-height;
+    border: $daterangepicker-control-border-size solid $daterangepicker-control-border-color;
+    border-radius: $daterangepicker-control-border-radius;
+    color: $daterangepicker-control-color;
+    height: $daterangepicker-control-line-height;
+    line-height: $daterangepicker-control-height;
     display: block;
     vertical-align: middle;
 
@@ -385,8 +385,8 @@ $datepicker-ranges-active-border-radius: $datepicker-border-radius !default;
     width: 100%;
 
     &.active {
-      border: $datepicker-control-active-border-size solid $datepicker-control-active-border-color;
-      border-radius: $datepicker-control-active-border-radius;
+      border: $daterangepicker-control-active-border-size solid $daterangepicker-control-active-border-color;
+      border-radius: $daterangepicker-control-active-border-radius;
     }
   }
 
@@ -408,13 +408,13 @@ $datepicker-ranges-active-border-radius: $datepicker-border-radius !default;
   .calendar-time {
     text-align: center;
     margin: 5px auto;
-    line-height: $datepicker-control-line-height;
+    line-height: $daterangepicker-control-line-height;
     position: relative;
     padding-left: 28px;
 
     select {
       &.disabled {
-        color: $datepicker-control-disabled-color;
+        color: $daterangepicker-control-disabled-color;
         cursor: not-allowed;
       }
     }
@@ -440,24 +440,24 @@ $datepicker-ranges-active-border-radius: $datepicker-border-radius !default;
 
   li {
     font-size: 13px;
-    background: $datepicker-ranges-bg-color;
-    border: $datepicker-ranges-border-size solid $datepicker-ranges-border-color;
-    border-radius: $datepicker-ranges-border-radius;
-    color: $datepicker-ranges-color;
+    background: $daterangepicker-ranges-bg-color;
+    border: $daterangepicker-ranges-border-size solid $daterangepicker-ranges-border-color;
+    border-radius: $daterangepicker-ranges-border-radius;
+    color: $daterangepicker-ranges-color;
     padding: 3px 12px;
     margin-bottom: 8px;
     cursor: pointer;
 
     &:hover {
-      background: $datepicker-ranges-hover-bg-color;
-      border: $datepicker-ranges-hover-border-size solid $datepicker-ranges-hover-border-color;
-      color: $datepicker-ranges-hover-color;
+      background: $daterangepicker-ranges-hover-bg-color;
+      border: $daterangepicker-ranges-hover-border-size solid $daterangepicker-ranges-hover-border-color;
+      color: $daterangepicker-ranges-hover-color;
     }
 
     &.active {
-      background: $datepicker-ranges-hover-bg-color;
-      border: $datepicker-ranges-hover-border-size solid $datepicker-ranges-hover-border-color;
-      color: $datepicker-ranges-hover-color;
+      background: $daterangepicker-ranges-hover-bg-color;
+      border: $daterangepicker-ranges-hover-border-size solid $daterangepicker-ranges-hover-border-color;
+      color: $daterangepicker-ranges-hover-color;
     }
   }
 }