props.onClick(props.date)}>
17 | {props.children && React.cloneElement(props.children, {...nextProps}) || }
18 |
)
19 | }
20 |
21 | export const isSelected = ({date, selected, channels}) =>
22 | !isNil(channels) ?
23 | flatten(Object.keys(channels).map(key => channels[key])).some(each => each.isSame(date.moment, 'day')) :
24 | selected.some(each => each.isSame(date.moment, 'day'))
25 |
26 | export const isCurrentChannelSelected = ({date, selected, channels, currentChannel}) =>
27 | !isNil(channels) ?
28 | !isNil(channels[currentChannel]) &&
29 | channels[currentChannel].some(each => each.isSame(date.moment, 'day')) :
30 | selected.some(each => each.isSame(date.moment, 'day'))
31 |
32 |
33 | DayWrapper.propTypes = {
34 | date: PropTypes.object,
35 | children: PropTypes.node,
36 | selected: PropTypes.array,
37 | onClick: PropTypes.func,
38 | channels: PropTypes.object,
39 | currentChannel: PropTypes.number,
40 | }
41 |
42 | export default DayWrapper
43 |
--------------------------------------------------------------------------------
/app/Calendar/DefaultDay.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import PropTypes from 'prop-types'
3 | import moment from 'moment'
4 |
5 | const getInline = (today, before) => ({
6 | cursor: before ? 'not-allowed' : 'inherit',
7 | background: today
8 | ? 'rgba(141, 224, 229, 0.5)'
9 | : before ? 'rgba(155, 155, 155, .2)' : 'inherit',
10 | })
11 |
12 | const DefaultDayComponent = props => {
13 | const { label, date, isToday, isInThePast, isCurrentChannelSelected, isSelected } = props
14 | const disableDate = date.moment.isBefore(moment(), 'day')
15 | const onClick = (e) => {
16 | if (disableDate || (!isCurrentChannelSelected && isSelected)) {
17 | e.stopPropagation()
18 | }
19 | }
20 |
21 | return (
22 |
13 |
14 |
17 |
18 | {defaultDate.format('MMMM YYYY')}
19 |
20 |
23 |
24 |
25 | {dayNames.map(n =>
26 |
{n}
27 | )} {/* we can pass this as props as well */}
28 |
29 |
30 | {weeks.map((w, index) =>
31 |
32 | {w.map((d, i) =>
33 |
43 | {DayComponent}
44 |
45 | )}
46 |
47 | )}
48 |
49 |
50 | { reset &&
51 |
54 | }
55 | { addChannel &&
56 |
60 | }
61 |
62 |