Calendar

<Calendar
  onDateChange={date => {
    console.log('Uncontrolled date', date)
  }}
/>

<Calendar initialDate={moment().add(10, 'days')} />

<Value initial={moment()}>
  {({ set: setDate, value: date }) => {
    return (
      <Calendar
        date={date}
        onDateChange={newDate => {
          setDate(newDate)
          console.log('Controlled date', newDate)
        }}
      />
    )
  }}
</Value>

<Value initial={moment()}>
  {({ set: setDate, value: date }) => {
    return (
      <Calendar
        onDateChange={newDate => {
          setDate(newDate)
          console.log('Uncontrolled date', newDate)
        }}
        isOutsideRange={day => {
          if (day <= moment()) {
            return true
          }
          return false
        }}
      />
    )
  }}
</Value>

<Value initial={moment()}>
  {({ set: setDate, value: date }) => {
    return (
      <Calendar
        onDateChange={newDate => {
          setDate(newDate)
          console.log('Uncontrolled date', newDate)
        }}
        isDayBlocked={day => {
          if (day < moment().subtract(1, 'week')) {
            return true
          }
          return false
        }}
      />
    )
  }}
</Value>

<Calendar
  onDateChange={date => {
    console.log('New date with hidden year', date)
  }}
  renderMonthElement={({ month }) => <div>{month.format('MMMM')}</div>}
/>