src/client/components/datepicker/datepicker.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

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 className={container}>
    <Month {...props} />
    <Calendar {...props} />
  </div>

export default DatePicker