Pikaday datepicker in Laravel Livewire

Tech Stack: alpine-js, livewire

Demo

Pikaday Datepicker Livewire Component

Select a Date

Code

Component
UI (Bootstrap)

Sorry, this component's code is restricted

Get Livewiredemos-Pro

Sorry, this component's code is restricted

Get Livewiredemos-Pro

Usage


      @livewire('pikaday-date-picker-component')

Documentation

The integration with Pikaday https://github.com/Pikaday/Pikaday library involves including the Pikaday CSS and JS files.

Next up we initialize Pikaday library to the input field using AlpineJS and x-init attribute and bound the input property to the livewire component.