Monthly Schedule Calendar - Copy this React, Tailwind Component to your project

Create a component to make a schedule of the month i want when click on the month it should show the date of the month if it have 30 days or 31 days and i can add work schedule start time end time and duration after that the date of the month should show when click on a date its should show the timeslot according to the schedule of provide the timeslot should have 15 minute different between them when click on the time i should be able to booked or unbooked true or false its should be like this schema below year: { type: Number, required: true, unique: true, }, month: { type: Number, // 0 (January) to 11 (December) required: true, unique: true, }, days: [ { date: { type: Number, // Day of the month (1 31) required: true, }, timeslots: [ { time: { type: String, // Example: '09:00 AM', '14:30 PM' required: true, }, isBooked: { type: Boolean, default: false, }, bookingId: { type: mongoose.Schema.Types.ObjectId, ref: "Booking", default: null, }, type: { type: String, enum: ["phone_call", "video_call"], default: null, }, }, ], }, ], },