import React from "react";

export type InputStyles = Pick<
  React.CSSProperties,
  | "padding"
  | "background"
  | "width"
  | "border"
  | "borderRadius"
  | "lineHeight"
  | "color"
  | "fontSize"
> & {
  height?: number; // make sure height is number for the calculation of the calendar menu position
};

export type DatePickerInputProps = DatePickerCommonInputProps & {
  setIsCalendarOpen: React.Dispatch<React.SetStateAction<boolean>>;
};

export type DatePickerCommonInputProps = {
  value: string;
  onChange: (date: string) => void;
  disabled?: boolean;
  inputElement?: React.ReactNode;
  placeholder?: string;
  hasCalendarIcon?: boolean;
  calendarIcon?: React.ReactNode;
  calendarColor?: string;
  inputContainerStyles?: InputStyles;
};