index.d.ts

import React from 'react'

export type Day = {
  year: number
  month: number
  day: number
}

export type DayValue = Day | null | undefined

export type DayRange = { from: DayValue; to: DayValue }

type Value = DayValue | Day[] | DayRange

type CustomDayClassNameItem = Day & { className: string }

export interface CalendarProps<TValue extends Value> {
  value: TValue
  reset?: boolean
  onChange?(value: TValue): void
  onChangeActiveDate?(value: Day): void
  onDisabledDayError?(value: Day): void
  selectorStartingYear?: number
  selectorEndingYear?: number
  locale?: string | Locale
  initialActiveDate?: Day
  minimumDate?: Day
  maximumDate?: Day
  disabledDays?: Day[]
  shouldHighlightWeekends?: boolean
  colorPrimary?: string
  colorPrimaryLight?: string
  slideAnimationDuration?: string
  calendarClassName?: string
  calendarTodayClassName?: string
  calendarSelectedDayClassName?: string
  calendarRangeStartClassName?: string
  calendarRangeBetweenClassName?: string
  calendarRangeEndClassName?: string
  renderFooter?: React.FC
  customDaysClassName?: CustomDayClassNameItem[]
}

export function Calendar(
  props: Optional<CalendarProps<DayValue>, 'value'>,
): React.ReactElement
export function Calendar(props: CalendarProps<Day[]>): React.ReactElement
export function Calendar(props: CalendarProps<DayRange>): React.ReactElement

export type RenderInputProps = {
  ref: React.RefObject<HTMLElement>
}

export interface DatePickerProps<TValue extends Value>
  extends CalendarProps<TValue> {
  wrapperClassName?: string
  inputClassName?: string
  inputName?: string
  calendarPopperPosition?: 'auto' | 'top' | 'bottom'
  inputPlaceholder?: string
  formatInputText?: () => string
  renderInput?: React.FC<RenderInputProps>
}

type Optional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>

declare function DatePicker(
  props: Optional<DatePickerProps<DayValue>, 'value'>,
): React.ReactElement
declare function DatePicker(props: DatePickerProps<Day[]>): React.ReactElement
declare function DatePicker(
  props: DatePickerProps<DayRange>,
): React.ReactElement

type WeekDay = {
  name: string
  short: string
  isWeekend?: boolean
}

export type Utils = {
  monthsList: string[]
  weekDaysList: WeekDay[]
  getToday(): Day
  getMonthName(number: number): string
  getMonthNumber(name: string): number
  getMonthLength(day: Day): number
  getMonthFirstWeekday(day: Day): number
  isBeforeDate(a: Day, b: Day): boolean
  checkDayInDayRange(props: Required<DayRange> & { day: Day }): boolean
  getLanguageDigits(digit: string | number): string
}

export function utils(locale: string): Utils

export type CalendarDigit = string | number

export interface Locale {
  months: string[]
  weekDays: WeekDay[]
  weekStartingIndex: number
  getToday: (gregorainTodayObject: Day) => Day
  toNativeDate: (date: Day) => Date
  getMonthLength: (date: Day) => number
  transformDigit: (digit: CalendarDigit) => CalendarDigit
  nextMonth: string
  previousMonth: string
  openMonthSelector: string
  openYearSelector: string
  closeMonthSelector: string
  closeYearSelector: string
  from: string
  to: string
  defaultPlaceholder: string
  digitSeparator: string
  yearLetterSkip: number
  isRtl: boolean
}

export default DatePicker