Laravel Form Components

Demo: Date Picker

The date picker component offers an integration with the flatpickr datepicker library.

Available Demos

Basic Date Picker

<x-date-picker name="basic-usage-demo" />

Date Picker without Toggle Button

<x-date-picker name="without-toggle-demo"
               :toggle-icon="false"
               click-opens
/>

Optional Date Picker

<x-date-picker name="clearable-demo" 
               :value="now()->format('Y-m-d')"
               clearable 
/>

Custom Options Passed In

Multiple dates can be selected in this demo.

<x-date-picker name="options-demo"
               :options="['mode' => 'multiple']"
/>

Date Picker With Time Enabled

<x-date-picker name="time-demo" 
               enable-time
/>

Custom Icon For Toggle Button

<x-date-picker name="custom-icon-demo" 
               toggle-icon="heroicon-o-academic-cap"
/>