1. Go to this page and download the library: Download ghanem/multiple-date-picker library. Choose the download type require.
2. Extract the ZIP file and open the index.php.
3. Add this code to the index.php.
<?php
require_once('vendor/autoload.php');
/* Start to develop here. Best regards https://php-download.com/ */
ghanem / multiple-date-picker example snippets
use Ghanem\MultipleDatePicker\MultipleDatePicker;
MultipleDatePicker::make('Event Dates', 'event_dates'),
// Custom display date format (default: d/m/Y)
MultipleDatePicker::make('Dates', 'dates')
->dateFormat('Y-m-d'),
// Supported format tokens: d, j, D, l, m, n, M, F, Y, y
// Custom storage format (default: Y-m-d)
MultipleDatePicker::make('Dates', 'dates')
->storageFormat('d/m/Y'),
// Min and max date constraints
MultipleDatePicker::make('Dates', 'dates')
->minDate('2026-01-01')
->maxDate('2026-12-31'),
// Disable specific dates
MultipleDatePicker::make('Dates', 'dates')
->disabledDates(['2026-03-05', '2026-03-10']),
// Limit number of selectable dates
MultipleDatePicker::make('Dates', 'dates')
->minSelections(1)
->maxSelections(10),
// Sort dates automatically
MultipleDatePicker::make('Dates', 'dates')
->sorted(),
// Custom placeholder (Nova built-in)
MultipleDatePicker::make('Dates', 'dates')
->placeholder('Select your dates...'),
// Truncate dates on index view (show "+N more" badge)
MultipleDatePicker::make('Dates', 'dates')
->maxDisplayOnIndex(3),
// Set locale for date picker display
MultipleDatePicker::make('Dates', 'dates')
->locale('ar'),
// Filter out weekends before saving
MultipleDatePicker::make('Working Days', 'working_days')
->beforeSave(function (array $dates) {
return collect($dates)
->filter(fn ($d) => Carbon::parse($d)->isWeekday())
->values()
->toArray();
}),
// Reverse date order when displaying
MultipleDatePicker::make('Dates', 'dates')
->afterResolve(fn (array $dates) => array_reverse($dates)),
// JavaScript callback when a date is selected
MultipleDatePicker::make('Dates', 'dates')
->onDateSelected('handleDateChange'),
// In your Nova Resource actions() method:
use Ghanem\MultipleDatePicker\Actions\BulkAddDates;
use Ghanem\MultipleDatePicker\Actions\BulkRemoveDates;
public function actions(NovaRequest $request)
{
return [
new BulkAddDates('dates'), // attribute name
new BulkRemoveDates('dates'),
];
}