This is a Next.js project bootstrapped with create-next-app.

React Next Date Picker

ReactNextDatePicker is a React component for creating date pickers, calendars, and month picker inputs for web applications.

Features

<MonthPicker />
# or
<DatePicker />
# or
<Button />
# or
<Card />

Installation

npm install react-next-date-picker
#or
yarn add react-next-date-picker

Example

<MonthPicker
    placeHolder={"Pick Month"}
    date={periodEndDate}
    setDate={(e: any) => {
        etPeriodEndDate(e)
    }}
/>

<DatePicker
    placeHolder={"Pick Date"}
    date={periodEndDate}
    setDate={(e: any) => {
        etPeriodEndDate(e)
    }}
/>

<Card
  title='Tite'
>
    <span>
        Body
    </span>
</Card>

        <Button
              variant={!emailForgot ? "disabled" : "primary"}
              size="sm"
              className="mt-6 w-full"
              disabled={!emailForgot}
              onClick={() => handleSubmit()}
            >
              Send Link Reset Password
        </Button>