Demo: Date Picker

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

Basic Usage

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

Without Toggle Button

<x-date-picker name="without-toggle-demo"
               :toggle-icon="false"
               click-opens
/>
<x-date-picker name="clearable-demo" 
               :value="now()->format('Y-m-d')"
               clearable 
/>

With Options

Multiple dates can be selected in this demo.

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

Time Select

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

Custom Icon

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