@saas-ui/date-picker/src/calendar-context.ts

Chakra UI - Date Picker Component

import { createContext } from '@chakra-ui/utils'
import { CalendarAria } from '@react-aria/calendar'
import { CalendarState, RangeCalendarState } from '@react-stately/calendar'

interface CalendarProviderValue extends CalendarAria {
  state: CalendarState | RangeCalendarState
  locale: string
  firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat'
  titleProps: {
    onClick: () => void
  }
  action: CalendarAction
}

const [CalendarProvider, useCalendarContext] =
  createContext<CalendarProviderValue>({
    name: 'CalendarProvider',
  })

export { CalendarProvider, useCalendarContext }

export type CalendarAction = 'calendar' | 'years'