Pikaday datepicker in Laravel Livewire

Tech Stack: alpine-js, livewire

Demo

Pikaday Datepicker Livewire Component

Code

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.