import { Datepicker } from '@ijavad805/react-datepicker';
// simple
function AppSimple() {
  return <Datepicker />;
}

// full options
function App() {
  return (
    <Datepicker
      footer={(moment, setValue) => {
        return (
          <>
            <div
              onClick={() => {
                if (setValue) setValue(moment());
              }}
            >
              Today
            </div>
          </>
        );
      }}
      closeWhenSelectADay={true} // boolean
      dayEffects={[
        {
          day: '2022-09-12',
          color: 'red',
          dotColor: 'red',
          title: 'What ever you want',
        },
      ]}
      disabled={false} // disable input
      disabledDate={(day) => day === moment()} // today should be disabled
      format={'YYYY-MM-DD'}
      input={<input placeholder="Select a date" />} // whatever you want
      onOpen={() => {
        console.log('datepicker is open');
      }}
      lang={'en'} // en and fa
      loading={false} // show loading in datepicker if is open
      modeTheme={'dark'} // dark and light
      theme={'blue'} // blue , orange , red , green , yellow
      defaultValue={moment()}
      adjustPosition={'auto'} // auto, right-top, left-top, right-bottom, left-bottom, modal
      onChange={(val: any) => {
        console.log(val.format());
      }}
    />
  );
}

const App = () => {
  return (
      <Calendar
         lang = "en"
         theme = "blue"
         events={[
          {
            id: 1, // it should unique
            title: "Test",
            date: "2022-12-27",
            style: {
              // what ever you want
            }
            className: "test",
            dotColor: "#000",
            disabled: false,
            icon: "$", // also you can use component
          }
         ]}
         onDropEvent={(item: IEvent) => {
          console.log(item);
         }}
         onClickEvent={(item: IEvent) => console.log(item)}
         onDoubleClickEvent={(item: IEvent) => console.log(item)}
         style={{
          height: 600
         }}
         onDateClick={(date: moment.Moment) => console.log(date)}
    />
  )
}