minor styling changes to datepicker elements

assets/js/components/DatePicker.js

@@ -70,6 +70,12 @@ class DatePicker extends Component {
 
   @bind
   setDateRange(startDate, endDate, period) {
+    // don't update state if start > end. user may be busy picking dates.
+    // todo: show error
+    if(startDate > endDate) {
+      return;
+    }
+
     const timezoneOffset = (new Date()).getTimezoneOffset() * 60;
 
     let before, after;

assets/js/components/Pikadayer.js

@@ -8,6 +8,7 @@ class Pikadayer extends Component {
     new Pikaday({ 
       field: this.base,
       onSelect: this.props.onSelect,
+      position: 'bottom right',
    })
   }
   render(props) {

assets/sass/styles.scss

@@ -85,8 +85,13 @@ body {
     border: 0;
     width: 68px;
     outline: 0;
-    font-weight: bold;
+    font-weight: 500;
     cursor: pointer;
+
+    &:hover,
+    &:focus {
+      color: #533feb;
+    }
 }
 
   nav li.visitors { color: #533feb; }