import './demo2.css';
import Calendar from '..';
import React from 'react';
import ReactDOM from 'react-dom';
import moment from 'moment';
import solarLunar from 'solarlunar';

function onDateChange(value) {
  console.log(value.format('L'));
}

function dateCellRender(value) {
  const solar2lunarData = solarLunar.solar2lunar(value.year(), value.month(), value.date());

  return (<div className="custom-cell">
    {value.date()}
    <span>{solar2lunarData.lDay === 1 ? solar2lunarData.monthCn : solar2lunarData.dayCn}</span>
  </div>);
}


ReactDOM.render(<div>
  <Calendar onSelect={onDateChange} dateCellRender={dateCellRender} defaultValue={moment().add(1, 'days')} /></div>, document.getElementById('calendar-demo-2'));