Skip to content

Month Paginator

The Month Paginator allows the user to navigate months and years.

Best practices

  • Use the month paginator component to control the navigation through month paged information.
  • If the user should select a date, use the Date Picker component.

Example

import { FormControl, MonthPaginator } from '@lemonade/ui'
import React from 'react'

function FinancialMonthPaginator() {
  return (
    <FormControl label='Profits month' required>
      <MonthPaginator year={new Date().getFullYear()} />
    </FormControl>
  )
}

export default FinancialMonthPaginator