Implement month switcher

1 files changed, 13 insertions, 1 deletions

diff --git a/src/client/components/datepicker/datepicker.js b/src/client/components/datepicker/datepicker.js
index 9c87946..b9bb648 100644
--- a/src/client/components/datepicker/datepicker.js
+++ b/src/client/components/datepicker/datepicker.js
@@ -1,8 +1,20 @@
 import React from 'react'
 import Calendar from './calendar/calendar'
 
+import { Round as RoundBtn } from '../buttons/buttons'
+
+import { monthContainer, container } from './datepicker.css'
+
+const Month = props =>
+  <div className={monthContainer}>
+    <RoundBtn faName='arrow-left' onClick={() => { props.setMonth(props.moment.month() - 1 ) }} />
+    <div>{`${props.moment.format('MMM')} ${props.moment.year()}`}</div>
+    <RoundBtn faName='arrow-right' onClick={() => { props.setMonth(props.moment.month() + 1 ) }} />
+  </div>
+
 const DatePicker = props =>
-  <div>
+  <div className={container}>
+    <Month {...props} />
     <Calendar {...props} />
   </div>