Date Picker

A date picker component.

Component Code

<april:date-picker class="w-96" mode="single" x-teleport="body" />

The date picker is built using the calendar component. Use mode, required, and value to configure it. Use name, from-name, and to-name for form field names. Other attributes are applied to the date-picker root and are not duplicated on its hidden inputs.

The calendar stays in the component flow by default. Use x-teleport="body" when it must escape an overflow or stacking context.

When in range mode, the names of the from/ to hidden inputs are made by concatenating the name attribute with ['from']/ ['to']. For example, if the name is example, the input names are example['from'] and example['to'].

You can override the default names of the from, and 'to' attribute by including the from-name and to-name respectively

Publishing Views

Use the following command to publish this view:

php artisan april:publish date-picker

April UI keeps package views in `vendor/` by default. The command uses Laravel's vendor publishing system and copies overrides to `resources/views/vendor/april/components`. To publish all components, run:

php artisan april:publish --all

Review local overrides after an upgrade with `php artisan april:update --diff`.