Creating reusable datepicker & timepicker component with Laravel Livewire - Appointment Create Form

You can support for the growth of this channel by purchasing one of my product called(Laravel Livewire Starter Kit) : bit.ly/3e6RcEG
In this series, you will learn everything about building a complete web application using Laravel and Livewire. My goal here is to teach everything i learned while building real world application using Laravel and Livewire.
Here are some of the highlighted list that you will learn in this series:
* How to install AdminLTE 3 with Laravel
* How to use toast notification using Livewire
* How to use bootstrap confirmation modal using Livewire
* How to use bootstrap modal for editing data using Livewire
* How to use date picker, time picker & text-area input with laravel livewire
* How to use Livewire component
* How to use Laravel components for re-usability
* How to use Laravel fortify for authentication
* How to use livewire events
* How to use toast notification with Laravel Livewire
* How to use bootstrap modal for deleting data using Laravel Livewire
* How to display alert window before deleting data using Laravel Livewire
* How to use pagination in Laravel Livewire
* How to use bootstrap for pagination in Laravel Livewire
* How to use bootstrap datepicker using Livewire
* How to use bootstrap timepicker using Livewire
* How to use datepicker and timepicker with Laravel Livewire
* How to create datepicker and timepicker component with Laravel
* And much more.
Tags:
coding,tutorial,laravel,laravel and livewire tutorial, laravel and livewire, laravel and livewire project,laravel admin panel,laravel adminlte,laravel admin,livewire tutorial,laravel livewire tutorial,laravel application development,learn laravel 8,learn laravel framework,learn laravel,laravel crud,laravel crud tutorial,spa,laravel how to, how to laravel, laravel course,laravel tips,coding tips,adminlte with php,laravel fortify,livewire events,livewire form,livewire routes
Github link: github.com/clovon/Multipurpos...

[@OakParkTechnology]

Thank you!!! I spent longer working with this than I should, and this video is perfect. the onchange is exactly what I was missing.

[@Clovon]

Great. You are welcome.

[@eduardodelgado9619]

Que buen contenido, muy bien explicado, despacio y sin saltar ningun paso.... Gracias por tu aporte, saludos desde Venezuela

[@Clovon]

Thank you for your kind words.😊

[@angkorwatcambodia3671]

Thank you.

[@kaziomarfaruk4295]

You're amazing Boss...
Lots of love for you ...
And keep it up...

[@Clovon]

Thank you very much.

[@Frikubs]

thanks for the tutorial. Been following it. On the Appointment Start and End Date, the Appended group addon is not working. If you pick a date from that addon, the same is not updated to the data send to server

[@Clovon]

You are welcome. Yeah here it only works by clicking the input.

[@febriantaramuhammad602]

console :
Uncaught TypeError: Cannot read property '_options' of undefined
at HTMLInputElement. (tempusdominus-bootstrap-4.min.js:6)
at HTMLDocument.dispatch (jquery.min.js:2)
at HTMLDocument.v.handle (jquery.min.js:2)
at Object.trigger (jquery.min.js:2)
at Object.simulate (jquery.min.js:2)
at HTMLDocument.i (jquery.min.js:2)
when click save button :
Illuminate\Database\QueryException
SQLSTATE[HY000]: General error: 1364 Field 'date' doesn't have a default value (SQL: insert into `appointments` (`client_id`, `note`, `status`, `updated_at`, `created_at`) values (1, vsvdsvdsv , open, 2021-05-24 10:13:12, 2021-05-24 10:13:12))
localhost:8000/admin/appoinments/create

[@joelrupiah8674]

error undefined variable $id in timepicker component

[@Clovon]

Make sure to pass id while using the component

[@mithu_das]

please try to make lengthy video..

[@Clovon]

Mithu, can you suggest the length?

[@mithu_das]

@@Clovon 30 -60 minutes?