Download the PHP package caiquebispo/livewire-calendar without Composer
On this page you can find all versions of the php package caiquebispo/livewire-calendar. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download caiquebispo/livewire-calendar
More information about caiquebispo/livewire-calendar
Files in caiquebispo/livewire-calendar
Package livewire-calendar
Short Description A lightweight, customizable Calendar component for Laravel Livewire with TailwindCSS.
License MIT
Informations about the package livewire-calendar
Livewire Calendar
Lightweight and customizable calendar component for Laravel Livewire 3, styled with TailwindCSS. Focused on simplicity, extensibility, and DX.
✨ New in v1.1
- 📱 Enhanced Responsiveness - Adaptive layout for all screen sizes
- 👆 Swipe Navigation - Swipe left/right to change months on mobile
- 🎯 Touch-friendly - 44px minimum tap targets for better mobile UX
- 🔤 Compact Weekdays - Abbreviated weekday names on mobile (D, S, T...)
- ✨ Today Animation - Pulsing indicator for current day
- 🎨 Smooth Transitions - Animated cell interactions
Requisitos
- PHP 8.2+
- Laravel 10+
- Livewire ^3.5.0|^4.0.0
- TailwindCSS 3+
Installation
Publishing
You can publish assets, views and config:
Basic usage
Customization
The calendar offers multiple customization points:
Props
events: Event arraylazy-load-events: If true, emitscalendar:month-changedwhen month changes (useful for lazy loading)max-items-per-day: Max visible items per day (rest shown in modal)day-cell-view: Blade view path to customize day cell (e.g.calendar.custom-day-cell)mobile-view: Mobile behavior for weeks layout:stack(default) orscroll
Slots
Available slots:
Customizing day cell via Blade partial
You can provide a view to render each day cell. Two options:
1) Pass on component usage:
2) Define globally in package config (day_cell_view):
The view receives: date, dayNumber, isCurrentMonth, isToday, events, maxItemsPerDay.
Example in resources/views/calendar/custom-day-cell.blade.php:
Events
Emitted Livewire events:
calendar:month-changed: when the month changes (useful for lazy loading)calendar:day-clicked: when a day is clickedcalendar:event-clicked: when an event is clicked
Dark mode
Fully Tailwind dark mode compatible via dark class on the root element.
Licença
Este pacote é open-source e está disponível sob a licença MIT.