import React from "react";
import { CalendarProps } from "./CalendarProps";
import { Calendar as KendoCalendar } from "@progress/kendo-react-dateinputs";

const Calendar: React.FC<CalendarProps> = ({
  dataTestId,
  ariaDescribedBy,
  ariaLabelledBy,
  bottomView,
  cell,
  className,
  defaultActiveView,
  defaultValue,
  disabled,
  focusedDate,
  headerTitle,
  id,
  max,
  min,
  navigation,
  navigationItem,
  smoothScroll,
  tabIndex,
  topView,
  value,
  weekCell,
  weekNumber,
  onBlur,
  onChange,
  onFocus,
}) => (
  <div data-test-id={dataTestId}>
    <KendoCalendar
      ariaDescribedBy={ariaDescribedBy}
      ariaLabelledBy={ariaLabelledBy}
      bottomView={bottomView}
      cell={cell}
      className={className}
      defaultActiveView={defaultActiveView}
      defaultValue={defaultValue}
      disabled={disabled}
      focusedDate={focusedDate}
      headerTitle={headerTitle}
      id={id}
      max={max}
      min={min}
      navigation={navigation}
      navigationItem={navigationItem}
      smoothScroll={smoothScroll}
      tabIndex={tabIndex}
      topView={topView}
      value={value}
      weekCell={weekCell}
      weekNumber={weekNumber}
      onBlur={onBlur}
      onChange={onChange}
      onFocus={onFocus}
    />
  </div>
);

export default Calendar;