Datepicker only shows a month picker not giving the options to select a day.

[StaffCollab]

I have a weired problem with my date picker that it doesnt show a monthly calender but shows instead the month picker, any help on this?
check this out
https://drive.google.com/file/d/1hG_u8g5qqKKHKaFwpL4rwomT-el-pVSu/view?usp=share_link
Here is the code

<div>
                    <form wire:submit.prevent="addTask" class="w-full py-4 space-y-4">
                        <input wire:model="title" type="text" class="w-full border font-poppins text-[15px] p-3 text-black placeholder:text-[#AFB3B8] focus:outline-[#2780A8] rounded-lg" placeholder="Task title" />
                        <input wire:model="body" type="textarea" class="w-full border font-poppins text-[15px] p-3 text-black placeholder:text-[#AFB3B8] focus:outline-[#2780A8] rounded-lg" placeholder="Task description" />
                        <x-datetime-picker borderless shadowless class=" overflow-visible w-full border font-poppins text-[15px] p-3 text-black placeholder:text-[#AFB3B8] focus:outline-[#2780A8] rounded-lg" placeholder="Due Date" wire:model.defer="due_at" />
                        <x-select borderless shadowless class=" overflow-visible w-full border font-poppins text-[15px] p-3 text-black placeholder:text-[#AFB3B8] focus:outline-[#2780A8] rounded-lg" placeholder="   John Doe..." multiselect :options="$userList" optionLabel="name" optionValue="id" wire:model.defer="users" />
                        <!-- Buttons -->
                        <div class="pt-6 flex justify-center border-t space-x-3">
                            <button type="button" x-on:click="open = false" class="rounded-md border font-poppins font-medium text-[15px] border-gray-200 bg-white px-5 py-3 flex items-center gap-x-2">
                                <img src="img/closesm.svg" alt="close" />
                                Cancel
                            </button>
                            <button type="submit" x-on:click="open = false" class="rounded-md border font-poppins font-medium text-[15px] bg-[#2780A8] border-gray-200 text-white px-5 py-3">
                                Add task
                            </button>
                        </div>
                    </form>
                </div>