react-native-ui-datepicker/src/calendar-context.ts

Customizable date picker for React Native

import { createContext, useContext } from 'react';
import { CalendarViews } from './enums';
import type { DateType, DatePickerBaseProps } from './types';

export interface CalendarContextType extends DatePickerBaseProps {
  locale: string;
  showOutsideDays: boolean;
  firstDayOfWeek: number;
  calendarView: CalendarViews;
  currentDate: DateType; // used for latest state of calendar based on Month and Year
  currentYear: number;
  isRTL: boolean;
  setCalendarView: (value: CalendarViews) => void;
  onSelectDate: (date: DateType) => void;
  onSelectMonth: (month: number) => void;
  onSelectYear: (year: number) => void;
  onChangeMonth: (value: number) => void;
  onChangeYear: (value: number) => void;
}

export const CalendarContext = createContext({} as CalendarContextType);

export const useCalendarContext = () => useContext(CalendarContext);