Missing `rbc-now` class

I want to style only the date number of the current date, but the rbc-now class is missing from the rbc-current element. If I style by rbc-current, then all the dates in every month are styled, for example: 9th August, 9th September, 9th Ocotber etc.

The demo works correctly.

I’m using the latest stable version of the component.

Can you please give me an advice? 😃

[jquense]

we should also fix the missing class.

[owzzz]

I’ve created a solution, code below:

I created a custom dateHeader Component for the month view. The documentation was not very clear but I figured out that the dateHeader component is the element that is responsible for outputting the date label in a cell.

const components = { month: { dateHeader: CellLabel } };

I then created the CellLabel component, notice I’m using styled-components to style but you could use the className attribute to toggle a class. rbc-now;

import React, { Component } from 'react';
import styled from 'styled-components';
import moment from 'moment';


const CellElem = styled.div'
	position: relative;

	a {
		background:	${(props) => props.isToday ? 'black' : 'none'};
		color: ${(props) => props.isToday ? 'white' : 'black'};

    	        position: absolute;
    	        top: ${(props) => props.isToday ? '-28px' : '-32px'};
    	        right: ${(props) => props.isToday ? '8px' : '5px'};
    	       display: flex;
    	       align-items: center;
    	       justify-content: center;
    	       width: 30px;
    	       height: 30px;
    	       border-radius: 15px;
    	       text-decoration: none;
	}
';


class CellLabel extends Component {
  render() {
    return (
      <CellElem {...this.props} isToday={moment(this.props.date).isSame(new Date(), "day")}>
      	<a href="#">{this.props.label}</a>
      </CellElem>
    );
  }
}

Fix for rbc-now class still needs to be added, but this worked as an interim solution.

If I get time over the weekend I’ll open a pull request with a proper fix for the ticket.