DatePicker

Calendar-based date selector with min/max constraints, Today button, and keyboard navigation.

Basic DatePicker

Start Date:

With Min/Max Range

Due Date (this year only):

Pre-populated with Today Button

Event Date:

Disabled

Locked Date:

Pick a date to see output...

// Basic date picker
<?= $m->datepicker('startDate')
    ->name('start_date')
    ->placeholder('Select a date…') ?>

// With min/max range
<?= $m->datepicker('dueDate')
    ->name('due_date')
    ->min('2025-01-01')
    ->max('2025-12-31') ?>

// Pre-populated with Today button
<?= $m->datepicker('eventDate')
    ->name('event_date')
    ->value(date('Y-m-d'))
    ->showTodayButton() ?>

// Disabled
<?= $m->datepicker('locked')
    ->value('2025-01-01')
    ->disabled() ?>

// Get datepicker instance
var dp = m.datepicker('startDate');

// Get/set value
var date = dp.value();
dp.value('2025-06-15');

// Update constraints
dp.min('2025-01-01');
dp.max('2025-12-31');

// Enable/disable
dp.enable();
dp.disable();

PHP PHP Methods (Fluent)

Method / Property	Parameters	Description
`$m->datepicker($id)`	`string`	Create a DatePicker component.
`->value($value)`	`?string`	Set the initial date value (Y-m-d format).
`->placeholder($text)`	`string`	Set placeholder text.
`->name($name)`	`string`	Form field name.
`->min($date)`	`string`	Earliest selectable date (Y-m-d).
`->max($date)`	`string`	Latest selectable date (Y-m-d).
`->format($format)`	`string`	Date format string (default: `Y-m-d`).
`->disabled($dis)`	`bool`	Disable the datepicker.
`->showTodayButton($show)`	`bool`	Show a "Today" shortcut button in the calendar (default: true).
`->highlightToday($hl)`	`bool`	Highlight today's date in the calendar (default: true).

JS JS Methods

Method / Property	Parameters	Description
`m.datepicker(id, opts)`	`string, ?object`	Get or create DatePicker instance.
`value(val)`	`?string`	Get or set the current date. Omit parameter to get.
`min(val)`	`string`	Set minimum date constraint.
`max(val)`	`string`	Set maximum date constraint.
`enable()`		Enable the datepicker.
`disable()`		Disable the datepicker.