Download the PHP package mrshanebarron/datepicker without Composer
On this page you can find all versions of the php package mrshanebarron/datepicker. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Table of contents
Download mrshanebarron/datepicker
More information about mrshanebarron/datepicker
Files in mrshanebarron/datepicker
Download mrshanebarron/datepicker
More information about mrshanebarron/datepicker
Files in mrshanebarron/datepicker
Vendor mrshanebarron
Package datepicker
Short Description Date picker component for Laravel - supports Livewire and Vue
License MIT
Package datepicker
Short Description Date picker component for Laravel - supports Livewire and Vue
License MIT
Please rate this library. Is it a good library?
Informations about the package datepicker
Datepicker
A date picker input component for Laravel applications. Features a dropdown calendar for easy date selection. Works with Livewire and Vue 3.
Installation
Livewire Usage
Basic Usage
With Placeholder
Date Format
Min/Max Dates
Livewire Props
| Prop | Type | Default | Description |
|---|---|---|---|
wire:model |
string | - | Selected date |
placeholder |
string | 'Select date' |
Input placeholder |
format |
string | 'YYYY-MM-DD' |
Display format |
min-date |
string | null |
Earliest selectable date |
max-date |
string | null |
Latest selectable date |
disabled |
boolean | false |
Disable input |
Vue 3 Usage
Setup
Basic Usage
With Options
Date Range Constraints
Form Example
Vue Props
| Prop | Type | Default | Description |
|---|---|---|---|
modelValue |
String | null |
Selected date (YYYY-MM-DD) |
placeholder |
String | 'Select date' |
Placeholder text |
format |
String | 'YYYY-MM-DD' |
Display format |
minDate |
String | null |
Minimum date |
maxDate |
String | null |
Maximum date |
disabled |
Boolean | false |
Disable input |
Events
| Event | Payload | Description |
|---|---|---|
update:modelValue |
string |
Date selected |
Date Format
The component stores dates in YYYY-MM-DD format but can display in various formats:
| Format | Example |
|---|---|
YYYY-MM-DD |
2024-01-15 |
DD/MM/YYYY |
15/01/2024 |
MM/DD/YYYY |
01/15/2024 |
MMM DD, YYYY |
Jan 15, 2024 |
Features
- Calendar Dropdown: Visual date selection
- Keyboard Navigation: Arrow keys in calendar
- Month Navigation: Previous/next month
- Date Constraints: Min/max date limits
- Click Outside: Closes on outside click
Styling
Uses Tailwind CSS:
- Standard input styling
- Calendar dropdown with shadow
- Highlighted today's date
- Blue selected date
- Disabled dates grayed out
Requirements
- PHP 8.1+
- Laravel 10, 11, or 12
- Tailwind CSS 3.x
License
MIT License
All versions of datepicker with dependencies
PHP Build Version
Package Version
The package mrshanebarron/datepicker contains the following files
Loading the files please wait ...